/* Motion study: seven shutters, depth on scroll, staggered type, sliding strips. */
.ticko-loader{display:none;position:fixed;inset:0;z-index:1000;color:#dbe6ff;place-items:center;isolation:isolate;overflow:hidden}
.motion-loading .ticko-loader{display:grid}
html.motion-loading{overflow:hidden;scrollbar-gutter:stable}
.loader-shutters{position:absolute;inset:0;display:flex;z-index:-1}
.loader-shutters>i{flex:1;background:#173cbe;height:100%;margin-right:-1px;transform-origin:top;will-change:transform}
.loader-shutters>i:nth-child(2){--shutter:1}.loader-shutters>i:nth-child(3){--shutter:2}.loader-shutters>i:nth-child(4){--shutter:3}.loader-shutters>i:nth-child(5){--shutter:4}.loader-shutters>i:nth-child(6){--shutter:5}.loader-shutters>i:nth-child(7){--shutter:6}
.loader-diagram{position:absolute;inset:14% 15%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;transition:opacity .35s ease}
.loader-diagram>span{font:10px/1.5 monospace;letter-spacing:.04em;color:#c5d5ff8c}
.loader-orbits{position:absolute;left:50%;top:50%;width:min(42vw,510px);aspect-ratio:1;transform:translate(-50%,-50%)}
.loader-orbits i{position:absolute;inset:12%;border:1px solid #b7ccff1f;border-radius:50%;transform:translateY(-20%)}
.loader-orbits i:nth-child(2){transform:translateX(20%)}.loader-orbits i:nth-child(3){transform:translateY(20%)}.loader-orbits i:nth-child(4){transform:translateX(-20%)}
.loader-emblem{width:84px;height:84px;object-fit:contain;filter:invert(1);mix-blend-mode:screen;transition:opacity .4s .7s ease,transform .6s .45s ease}
.loader-caption{position:absolute;bottom:38px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font:12px/1.5 monospace;transition:opacity .35s ease}
.loader-skip{position:absolute;right:var(--pad);top:32px;background:transparent;border:1px solid #b8ccff55;border-radius:4px;color:#e8efff;padding:9px 13px;font-size:12px;transition:opacity .25s}
.ticko-loader.is-leaving .loader-shutters>i{animation:shutterOpen .85s cubic-bezier(.65,0,.35,1) calc(.25s + var(--shutter,0) * .045s) forwards}
.ticko-loader.is-leaving .loader-diagram,.ticko-loader.is-leaving .loader-caption,.ticko-loader.is-leaving .loader-skip{opacity:0}
.ticko-loader.is-leaving .loader-emblem{opacity:0;transform:translateY(-15px)}
@keyframes shutterOpen{to{transform:scaleY(0)}}
.js.motion-enabled .reveal{opacity:1;transform:none;transition:none}
.js.motion-enabled .entrance{animation:none;opacity:1;transform:none}
.js.motion-enabled .hero-stage.entrance{animation:none}
.motion-enabled .hero-stage{perspective:1600px}
.motion-enabled .phone-wrap{animation:none;transform:translate3d(-50%,var(--phone-y,0px),0) rotate(var(--phone-rotate,-7deg));will-change:transform}
.motion-enabled .hero-art{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(var(--art-scale,1));will-change:transform}
.motion-enabled .stage-note{transform:translate3d(var(--note-x,0px),var(--note-y,0px),0)}
.motion-enabled .floating-note{transform:translate3d(var(--float-x,0px),var(--float-y,0px),0) rotate(4deg)}
.motion-loading .hero-stage .phone{opacity:0;transform:translateY(60px) rotate(3deg) scale(.97)}
.motion-ready .hero-stage .phone{opacity:1;transform:none;transition:transform 1.15s var(--ease),opacity .85s ease}
.motion-loading .site-header,.motion-loading .stage-note,.motion-loading .floating-note,.motion-loading .stage-corner{opacity:0}
.motion-ready .site-header{transition:opacity .65s ease}
.motion-ready .stage-note,.motion-ready .floating-note,.motion-ready .stage-corner{transition:opacity .8s .35s ease}
.motion-enabled .hero-summary{translate:0 var(--actions-y,0px)}
.motion-enabled .words-reveal .motion-word{display:inline-block;opacity:0;transform:translate3d(16px,10px,0);filter:blur(8px);transition:transform 1.2s var(--ease),opacity 1s ease,filter 1.2s var(--ease);transition-delay:var(--word-delay,0ms)}
.motion-enabled .words-reveal.words-visible .motion-word{opacity:1;transform:none;filter:blur(0)}
.js.motion-enabled .motion-reveal{opacity:0;transform:translate3d(0,24px,0);filter:blur(6px);transition:transform 1.1s var(--ease),opacity .95s ease,filter 1.1s ease;transition-delay:var(--reveal-delay,0ms)}
.js.motion-enabled .motion-reveal.motion-visible{opacity:1;transform:none;filter:blur(0)}
.motion-enabled .detail-copy dl>div.motion-reveal,.motion-enabled .discovery-list button.motion-reveal{transform:translate3d(16px,0,0);filter:none}
.motion-enabled .detail-copy dl>div.motion-visible,.motion-enabled .discovery-list button.motion-visible{transform:none}
.motion-enabled .section-top{position:relative;border-top-color:transparent}
.motion-enabled .section-top:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:var(--line);transform:scaleX(.35);transform-origin:left;transition:transform 1.3s var(--ease)}
.motion-enabled .section-top.motion-visible:before{transform:scaleX(1)}
.motion-enabled .idea .section-top:before{display:none}
.motion-enabled .mechanism-grid{transform:scale(var(--panel-scale,.9));transform-origin:center center;will-change:transform}
.motion-enabled .detail-visual>img:not([src$="logo.png"]){transform:translate3d(0,var(--image-y,0px),0) scale(1.12);will-change:transform}
.motion-enabled .direction-panel>img{transform:translate3d(0,var(--discovery-y,0px),0) scale(1.1);will-change:transform}
.motion-enabled .statement-track{animation:none;transform:translate3d(var(--marquee-x,-6%),0,0);will-change:transform}
.motion-enabled .mobile-nav:not([hidden]){animation:menuUnfold .65s cubic-bezier(.65,0,.35,1) both;transform-origin:top right}
.motion-enabled .mobile-nav:not([hidden])>a{animation:menuItemIn .6s var(--ease) both;animation-delay:calc(.2s + var(--menu-index,0) * .05s)}
.mobile-nav>a:nth-child(2){--menu-index:1}.mobile-nav>a:nth-child(3){--menu-index:2}.mobile-nav>a:nth-child(4){--menu-index:3}
@keyframes menuUnfold{from{clip-path:inset(0 0 95% 85%)}to{clip-path:inset(0 0 0 0)}}
@keyframes menuItemIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.motion-gallery{overflow:hidden;padding:15px 0 100px;background:#080d18}
.motion-gallery>.section-top{margin:0 var(--pad);padding:25px 0 38px}
.motion-gallery h2{font-size:clamp(28px,3vw,45px);font-weight:400;letter-spacing:-.055em}
.gallery-window{overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:0 0 8px}
.imagery-row{display:flex;flex:0 0 auto;width:120%;min-width:0;margin-left:-5%;gap:18px}
.imagery-tile{flex:0 0 calc((100% - 54px) / 4);min-width:0;aspect-ratio:1.5;border:1px solid #293753;background:#13203b;border-radius:6px;overflow:hidden}
.imagery-tile>img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.1)}
.type-tile{display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:#14254b}
.type-tile>span{font-size:10px;letter-spacing:.07em;color:#adbfdf}
.type-tile strong{font-size:clamp(20px,2.4vw,37px);line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:18px 0}
.type-tile em{font-family:Georgia,serif;font-weight:400;color:#9bb7ff}
.motion-enabled .imagery-row{will-change:transform;transform:translate3d(var(--strip-x,0px),0,0)}
.footer-wordmark{position:relative;isolation:isolate;overflow:visible;padding-top:75px}
.footer-wordmark>img,.footer-wordmark>span{z-index:1;position:relative}
.wordmark-echoes{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;display:none}
.motion-enabled .wordmark-echoes{display:block}
.wordmark-echoes>span{position:absolute;bottom:40px;left:29%;font-size:clamp(85px,20vw,320px);line-height:.85;letter-spacing:-.085em;font-weight:600;color:transparent;-webkit-text-stroke:1px #597ab248;transform-origin:center bottom;transform:translate3d(0,calc(var(--echo-spread,1) * var(--echo-y,-24px)),0) scale(var(--echo-scale,.95));will-change:transform}
.wordmark-echoes>span:nth-child(2){--echo-y:-48px;--echo-scale:.90}.wordmark-echoes>span:nth-child(3){--echo-y:-72px;--echo-scale:.85}.wordmark-echoes>span:nth-child(4){--echo-y:-96px;--echo-scale:.8}.wordmark-echoes>span:nth-child(5){--echo-y:-120px;--echo-scale:.75}
.motion-fallback .ticko-loader{display:none!important}.js.motion-fallback .reveal,.motion-fallback .motion-reveal,.motion-fallback .motion-word{opacity:1!important;transform:none!important;filter:none!important}
@media(max-width:760px){.imagery-tile{flex-basis:calc((100% - 36px) / 4);aspect-ratio:1.25}}
@media(max-width:760px){.loader-diagram{inset:17% 9%}.loader-orbits{width:76vw}.loader-caption{bottom:26px;font-size:11px}.loader-emblem{width:70px;height:70px}.loader-skip{top:23px}.motion-gallery{padding-bottom:60px}.imagery-row{width:240%;gap:12px;margin-left:-12%}.gallery-window{gap:12px}.type-tile{padding:18px}.type-tile>span{font-size:8px}.type-tile strong{font-size:24px}.footer-wordmark{padding-top:55px}.wordmark-echoes>span{font-size:21vw;left:29%;bottom:35px}.motion-enabled .words-reveal .motion-word{filter:blur(5px)}}
@media(prefers-reduced-motion:reduce){html.motion-loading{overflow:auto}.ticko-loader{display:none!important}.motion-loading .hero-stage .phone,.motion-loading .site-header,.motion-loading .stage-note,.motion-loading .floating-note,.motion-loading .stage-corner{opacity:1;transform:none}.motion-enabled .words-reveal .motion-word,.motion-enabled .motion-reveal{opacity:1;transform:none;filter:none}.motion-enabled .mechanism-grid{transform:none}.motion-enabled .hero-art,.motion-enabled .detail-visual>img:not([src$="logo.png"]),.motion-enabled .direction-panel>img,.motion-enabled .imagery-row{transform:none}.motion-enabled .phone-wrap{transform:translateX(-50%) rotate(-7deg)}.wordmark-echoes{display:none!important}.motion-enabled .statement-track{transform:none}.motion-enabled .section-top:before{transform:scaleX(1)}}