.particle-story,.particle-contact{display:none}
/* A separate composition preserves every saved coordinate of the water design. */
.particle-home{background:#01030b!important;overflow:visible!important}
.particle-home .particle-story{display:block;position:relative;height:285svh;min-height:1500px;background:#01030b;color:#f3f5fc;isolation:isolate}
.particle-home .particle-pin{position:sticky;top:0;height:calc(100svh - 125px);min-height:540px;overflow:hidden}
.particle-pin .particle-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:#01030b}
.particle-pin .particle-stage canvas{display:block;width:100%;height:100%;pointer-events:none}
.particle-pin .particle-copy{position:absolute;bottom:6%;left:50%;width:min(780px,85%);transform:translateX(-50%);text-align:center;z-index:2;color:#f3f5fc}
.particle-pin .particle-title{font-size:clamp(27px,3.2cqw,46px);font-weight:700;line-height:1.55;margin:5px 0 8px;white-space:pre-line}
.particle-pin .particle-eyebrow{font-size:15px;color:#9aacca;margin:0 0 9px}
.particle-pin .particle-description{font-size:17px;line-height:1.9;color:#b7c4db;max-width:640px;margin:0 auto 16px;white-space:pre-line}
.particle-pin .particle-logo-copy{opacity:0;pointer-events:none}
.particle-pin .reference-cta,.particle-contact .reference-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:1px solid #738199;border-radius:4px;background:#091121;color:#edf2fa;text-decoration:none;font-size:16px}
.particle-scroll-hint{position:absolute;bottom:14px;left:50%;color:#72829e;font-size:22px;opacity:calc(1 - var(--story-progress,0));pointer-events:none}
.particle-motion-toggle{position:absolute;top:16px;left:24px;z-index:3;font:13px/1.6 inherit;color:#9aacca;background:#071020cc;border:1px solid #29374d;border-radius:4px;padding:6px 12px;cursor:pointer}
.particle-home .particle-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:100px 24px;min-height:80svh;background:#020815;color:#f3f5fc;text-align:center;scroll-margin-top:20px}
.particle-contact-title{font-size:clamp(30px,4cqw,54px);margin:0;line-height:1.5}
.particle-contact-description{font-size:19px;line-height:1.9;max-width:660px;margin:0;color:#aebed4}
.particle-contact-email{direction:ltr;color:#dce9ff;font:clamp(26px,4cqw,46px)/1.7 sans-serif;text-decoration:none}
.particle-stage .particle-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.particle-stage .particle-poster-logo{opacity:0}
@layer cms-visibility{.particle-home .wave-hero{display:none!important}}
.particle-home .particle-story.particle-editing{height:auto;min-height:0}
.particle-editing .particle-pin{position:relative}
@container site (max-width:900px){.particle-home .particle-pin{min-height:560px}.particle-pin .particle-copy{bottom:7%;width:88%}.particle-pin .particle-description{font-size:16px}}
@container site (max-width:600px){.particle-home .particle-pin{height:calc(100svh - 150px)}.particle-home .particle-story{height:265svh;min-height:1400px}.particle-home .particle-pin{min-height:540px}.particle-pin .particle-copy{bottom:7%;width:90%}.particle-pin .particle-title{font-size:28px}.particle-pin .particle-eyebrow{font-size:13px}.particle-pin .particle-description{font-size:15px;line-height:1.8}.particle-home .particle-contact{padding:80px 22px}.particle-contact-description{font-size:17px}.particle-home .particle-story.particle-editing{height:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.particle-scroll-hint{display:none}}
/* V27: the whole scroll interval changes the subject, never the viewport.
   Previous lower sections remain in the catalog and source for other designs. */
.particle-home .reference-header{position:sticky!important;top:0;z-index:10}
.reference-shell.particle-home .reference-header{
 background:transparent;border:0;box-shadow:none;isolation:isolate
}
.reference-shell.particle-home .reference-header::before{
 content:"";position:absolute;inset:9px 18px;z-index:-1;pointer-events:none;border-radius:16px;
 background:linear-gradient(115deg,rgba(198,221,241,.18),rgba(96,128,157,.065) 32%,rgba(29,48,65,.17) 68%,rgba(161,194,222,.12)),rgba(8,17,29,.40);
 border:1px solid rgba(197,219,242,.24);
 box-shadow:inset 0 1px 0 rgba(222,238,255,.16),inset 0 -1px 0 rgba(140,175,202,.05),0 8px 28px rgba(0,5,14,.18);
 backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)
}
.particle-home .particle-pin{top:var(--particle-header-height,125px);height:calc(100svh - var(--particle-header-height,125px));min-height:0}
.particle-home .particle-story{height:280svh;min-height:0}
.particle-home .particle-pin .particle-copy{bottom:clamp(44px,9svh,92px)}
.particle-home .particle-scroll-hint{bottom:clamp(16px,3svh,28px)}
.particle-home .particle-logo-copy .reference-cta{opacity:0}
@layer cms-visibility{
 .particle-home main>.particle-story~*,.particle-home>footer{display:none!important}
}
.particle-home .particle-story.particle-editing{height:auto;min-height:0}
.particle-home .particle-editing .particle-pin{top:0}
@media(max-height:700px){
 .particle-pin .particle-title{font-size:clamp(22px,3cqw,34px);line-height:1.4}
 .particle-pin .particle-eyebrow{font-size:12px;margin-bottom:4px}
 .particle-pin .particle-description{font-size:14px;line-height:1.55;margin-bottom:10px}
 .particle-pin .reference-cta{min-height:38px;padding:7px 18px;font-size:14px}
}
