.direction-intro{padding-top:58px;padding-bottom:40px}.direction-intro h1{font-size:clamp(38px,4.8vw,66px);line-height:1.08;margin-bottom:24px}.direction-intro>p:not(.eyebrow){max-width:680px;font-size:15px}.direction-intro nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.direction-intro nav a{font-size:0.875rem;padding:12px 16px;border:1px solid var(--line);min-height:44px;color:var(--accent)}.direction-study{margin-bottom:54px;scroll-margin-top:115px}.direction-label{padding-top:18px;padding-bottom:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.direction-label>span{font-size:0.875rem;letter-spacing:.14em;font-weight:600;color:var(--accent)}.direction-label>p{margin:0;font-size:0.9375rem;color:var(--muted)}.unique-scene{position:relative;isolation:isolate;overflow:hidden;background:#060e1b;color:#f1f7ff;min-height:550px}.unique-scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.unique-scene *{animation-play-state:paused!important}.unique-scene.is-running *{animation-play-state:running!important}.direction-copy .eyebrow{font-size:0.8125rem;color:#83c7ff;margin-bottom:22px}.direction-copy :is(h1,h2){font-size:clamp(40px,4.7vw,66px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0 0 23px}.direction-copy>p:not(.eyebrow){max-width:390px;font-size:15px;line-height:1.85;color:#b1c7df;margin:0 0 28px}.unique-scene .button{font-size:0.875rem;min-height:48px;padding:13px 20px;min-width:220px}.direction-bottom{position:absolute;left:4.7%;right:4.7%;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.direction-bottom>span{font-size:0.8125rem;letter-spacing:.14em;color:#9ebad4}.direction-pause{min-height:44px;border:1px solid #557490;background:#081a2bd9;padding:10px 14px;color:#c9dff3;font-size:0.875rem;cursor:pointer}.direction-gallery button:focus-visible,.direction-gallery a:focus-visible{outline:3px solid #57b7ff;outline-offset:4px}.direction-end{display:flex;flex-wrap:wrap;gap:20px 35px;padding-bottom:65px}.direction-end p{width:100%;font-size:0.9375rem;color:var(--muted);max-width:850px}.direction-end .text-link{font-size:0.9375rem}
/* 01 — architectural assembly */
.forge-scene{background:radial-gradient(ellipse at 77% 53%,#163a5f88,transparent 55%),#060e1b}.forge-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center;min-height:550px;padding-top:65px;padding-bottom:100px}.forge-assembly{height:370px;position:relative;min-width:0}.forge-core{position:absolute;width:140px;height:140px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);display:grid;place-items:center;border:1px solid #8ac9ff66;border-radius:25px;background:linear-gradient(145deg,#204d7470,#0c1b32d9);box-shadow:0 25px 65px #0007,inset 0 1px #b2dfff55;backdrop-filter:blur(12px);animation:core-breathe 5s ease-in-out infinite}.forge-core img{width:90px;height:90px;transform:rotate(8deg)}.forge-axis{position:absolute;left:50%;top:50%;height:1px;width:340px;background:linear-gradient(90deg,transparent,#549ad3,transparent);transform:translate(-50%,-50%) rotate(-25deg)}.axis-two{transform:translate(-50%,-50%) rotate(38deg)}.forge-axis:after{content:'';position:absolute;top:-1px;left:0;width:30px;height:3px;background:#b3e8ff;box-shadow:0 0 14px #7acaff;animation:forge-packet 3.4s linear infinite}.axis-two:after{animation-delay:-1.7s;background:#efaa60}.forge-tag{position:absolute;border:1px solid #6d9db449;padding:17px 18px 17px 32px;background:#101f30db;backdrop-filter:blur(15px);box-shadow:0 15px 40px #0003;min-width:195px;border-radius:9px;animation:forge-float 6s ease-in-out infinite}.forge-tag i{position:absolute;left:15px;top:22px;width:5px;height:5px;background:#67c2ff;border-radius:50%}.forge-tag>span{display:block;font-size:0.8125rem;letter-spacing:.16em;color:#79bcee;margin-bottom:7px}.forge-tag strong{font-size:0.9375rem;font-weight:400}.forge-data{left:0;top:28px}.forge-process{right:0;top:95px;animation-delay:-2s}.forge-action{left:14%;bottom:8px;animation-delay:-4s}.forge-action i{background:#ffaf63}.forge-action>span{color:#f0af73}@keyframes core-breathe{50%{box-shadow:0 25px 65px #0007,0 0 65px #37a5f52b,inset 0 1px #b2dfff55;transform:translate(-50%,-54%) rotate(-8deg)}}@keyframes forge-float{50%{translate:0 -8px}}@keyframes forge-packet{to{left:calc(100% - 30px)}}
/* 02 — light corridor with a stationary native screen */
.portal-scene{background:#050b15}.portal-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b15f5,#050b15d4 31%,#050b1522 70%);z-index:-1}.portal-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;min-height:570px;padding-top:75px;padding-bottom:110px}.portal-product{position:relative;margin:0;min-width:0;filter:drop-shadow(0 25px 30px #0008)}.portal-product-bar{border:1px solid #5b7895;background:#102032;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border-radius:10px 10px 0 0;font-size:0.8125rem;color:#b5cde1}.portal-product-bar strong{font-size:0.875rem;font-weight:500}.portal-product-bar>span:first-child{display:flex;gap:5px}.portal-product-bar i{width:5px;height:5px;border-radius:50%;background:#5b87ac}.portal-screen{border:1px solid #5b7895;border-top:0;border-radius:0 0 9px 9px;overflow:hidden;background:#0c1522;aspect-ratio:1363/936}.portal-screen img{display:block;width:100%;height:100%;object-fit:contain}.portal-product figcaption{font-size:0.875rem;color:#acc3da;margin-top:13px;text-align:right}.portal-corner{position:absolute;width:32px;height:32px;border-color:#f4ad62;border-style:solid;pointer-events:none}.corner-a{left:-14px;top:-14px;border-width:2px 0 0 2px}.corner-b{right:-14px;bottom:16px;border-width:0 2px 2px 0}
/* 03 — editorial typography, not a device or line-field treatment */
.momentum-scene{background:#08111e;min-height:590px;text-align:center}.momentum-grid{position:absolute;inset:0;background-image:radial-gradient(#4f75962c 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000,transparent 75%);z-index:-2}.momentum-sweep{position:absolute;z-index:-1;top:-60%;left:12%;height:220%;width:125px;transform:rotate(32deg);background:linear-gradient(90deg,transparent,#1689df0d,#69cbff19,transparent);animation:poster-sweep 9s linear infinite;pointer-events:none}.sweep-two{width:2px;left:75%;background:#f2a65b55;animation-delay:-4.5s;opacity:.5}.momentum-content{padding-top:64px;padding-bottom:110px}.momentum-content>.eyebrow{color:#7fc7fb;font-size:0.875rem;margin-bottom:35px}.momentum-content :is(h1,h2){display:flex;justify-content:center;gap:.13em;font-size:clamp(52px,9.2vw,128px);font-weight:600;line-height:.94;letter-spacing:-.08em;margin:0}.momentum-word{display:block;color:#f2f7fc;animation:word-charge 9s ease-in-out infinite}.word-work{color:transparent;-webkit-text-stroke:1px #89c9f5;animation-delay:-6s}.word-flow{color:#55b8ff;animation-delay:-3s}.momentum-rule{position:relative;height:22px;margin:23px auto 30px;max-width:900px;overflow:hidden;border-bottom:1px solid #304d68}.momentum-rule span{position:absolute;bottom:-1px;left:0;height:3px;width:24%;background:linear-gradient(90deg,transparent,#45b5ff,#f6ae65);animation:momentum-route 4.5s ease-in-out infinite}.momentum-rule i{position:absolute;right:0;bottom:0;font-style:normal;font-size:29px;color:#ffaf62}.momentum-content>p:not(.eyebrow){font-size:17px;color:#b7cce2;margin-bottom:22px}.momentum-services{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin-bottom:29px}.momentum-services span{font-size:0.875rem;letter-spacing:.1em;text-transform:uppercase;color:#8eabc5}.momentum-services span+span:before{content:'+';margin-right:25px;color:#f0aa62}.momentum-scene .button{min-width:245px}@keyframes poster-sweep{from{translate:-700px 0}to{translate:1300px 0}}@keyframes word-charge{0%,72%,100%{filter:brightness(1)}80%{filter:brightness(1.5);text-shadow:0 0 26px #56aff440}}@keyframes momentum-route{0%{left:-24%}100%{left:100%}}
html[data-theme=light] .unique-scene{color:#112940}html[data-theme=light] .forge-scene{background:radial-gradient(ellipse at 77% 53%,#9fcff74d,transparent 55%),#edf4fb}html[data-theme=light] .direction-copy .eyebrow,html[data-theme=light] .momentum-content>.eyebrow{color:#1b6aab}html[data-theme=light] .direction-copy>p:not(.eyebrow),html[data-theme=light] .momentum-content>p:not(.eyebrow){color:#405e7c}html[data-theme=light] .direction-bottom>span{color:#44617c}html[data-theme=light] .direction-pause{background:#f4f9ffe8;border-color:#8ba9c3;color:#294c6d}html[data-theme=light] .forge-core{background:linear-gradient(145deg,#f5fbffdb,#b5d8f6b0);border-color:#6ca8d4;box-shadow:0 25px 65px #537b9c30}html[data-theme=light] .forge-tag{background:#f8fcffe8;border-color:#96b7d0;box-shadow:0 15px 40px #335a7419}html[data-theme=light] .forge-tag>span{color:#246a9e}html[data-theme=light] .forge-action>span{color:#9a5a21}html[data-theme=light] .portal-scene{background:#eaf2fb}html[data-theme=light] .portal-shade{background:linear-gradient(90deg,#edf4fbfa,#edf4fbeb 31%,#edf4fb44 70%)}html[data-theme=light] .portal-product-bar{background:#e4eef8;color:#335774;border-color:#7296b4}html[data-theme=light] .portal-screen{border-color:#7296b4;background:#eaf3fc}html[data-theme=light] .portal-product figcaption{color:#3b5973}html[data-theme=light] .momentum-scene{background:#eef4fa}html[data-theme=light] .momentum-word{color:#102b46}html[data-theme=light] .word-work{color:transparent;-webkit-text-stroke:1px #286b9c}html[data-theme=light] .word-flow{color:#1679bf}html[data-theme=light] .momentum-services span{color:#41617f}
@media(max-width:1000px){.forge-layout,.portal-layout{gap:35px;grid-template-columns:1fr 1fr}.direction-copy :is(h1,h2){font-size:49px}.forge-tag{min-width:170px;padding:14px 12px 14px 25px}.forge-tag i{left:11px;top:18px}.forge-tag strong{font-size:0.875rem}.forge-process{right:-5px}.portal-product-bar>span:last-child{display:none}}
@media(max-width:800px){.direction-label{flex-direction:column;align-items:flex-start;gap:8px}.forge-layout,.portal-layout{grid-template-columns:1fr;padding-top:46px;padding-bottom:100px;gap:35px}.direction-copy :is(h1,h2){font-size:52px}.direction-copy>p:not(.eyebrow){max-width:550px}.forge-assembly{height:310px;max-width:550px;width:100%;justify-self:center}.forge-layout{gap:15px}.forge-tag{min-width:185px}.forge-tag strong{font-size:0.9375rem}.forge-core{width:125px;height:125px}.forge-core img{width:80px;height:80px}.forge-process{right:0;top:65px}.portal-product{max-width:650px;justify-self:center;width:100%}.portal-product-bar>span:last-child{display:block}.momentum-content :is(h1,h2){font-size:9.2vw}.momentum-content{padding-top:64px}.momentum-scene{min-height:480px}}
@media(max-width:500px){.direction-intro{padding-top:42px}.direction-intro h1{font-size:39px}.direction-intro nav{gap:8px}.direction-intro nav a{font-size:0.875rem;padding:10px}.direction-copy :is(h1,h2){font-size:43px}.direction-copy>p:not(.eyebrow){font-size:0.9375rem}.forge-assembly{height:345px}.forge-core{left:52%;top:58%;width:112px;height:112px}.forge-data{top:0;left:0}.forge-process{top:68px;right:0}.forge-action{left:0;bottom:0}.forge-tag{min-width:175px}.forge-axis{width:280px;left:49%;top:58%}.forge-core img{width:72px;height:72px}.direction-bottom{left:26px;right:26px;bottom:18px;align-items:flex-end}.direction-bottom>span{font-size:0.8125rem;line-height:1.7;max-width:125px}.direction-pause{font-size:0.875rem;padding:10px;max-width:175px}.portal-product figcaption{font-size:0.8125rem}.portal-product-bar>span:last-child{font-size:0.8125rem}.portal-layout{gap:38px}.momentum-content :is(h1,h2){flex-direction:column;gap:0;font-size:clamp(68px,23vw,98px);line-height:.92;letter-spacing:-.065em}.momentum-content>.eyebrow{font-size:0.8125rem;line-height:1.8}.momentum-content{padding-top:42px;padding-bottom:110px}.momentum-rule{margin:20px auto 24px}.momentum-content>p:not(.eyebrow){font-size:15px;line-height:1.8}.momentum-services{gap:12px}.momentum-services span{font-size:0.8125rem;letter-spacing:.03em}.momentum-services span+span:before{margin-right:12px}.direction-study{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){.unique-scene *{animation:none!important}.forge-core{transform:translate(-50%,-50%) rotate(-8deg)}.momentum-rule span{left:38%}.momentum-sweep{display:none}}

/* Light-mode art direction: crisp ink, white glass and visible moving accents. */
html[data-theme=light] .forge-scene{background:radial-gradient(ellipse at 77% 53%,#c8e0f269,transparent 62%),#f5f8fc}
html[data-theme=light] .direction-copy .eyebrow,html[data-theme=light] .momentum-content>.eyebrow{color:#155782;font-weight:600}
html[data-theme=light] .direction-copy>p:not(.eyebrow),html[data-theme=light] .momentum-content>p:not(.eyebrow){color:#304b66}
html[data-theme=light] .direction-bottom>span{color:#385570;font-weight:500}
html[data-theme=light] .direction-pause{background:#ffffffed;border-color:#7896b0;color:#183c5c;box-shadow:0 3px 10px #163e5d0a}
html[data-theme=light] .forge-core{background:linear-gradient(145deg,#fff 5%,#e2eff9 72%,#c5dff2);border-color:#6d99ba;box-shadow:0 20px 36px #244d7330,inset 0 1px #fff;animation-name:core-breathe-light}
html[data-theme=light] .forge-tag{background:#fffffffa;border-color:#789bb6;box-shadow:0 12px 24px #173c5b1c,inset 0 1px #fff;color:#153651}
html[data-theme=light] .forge-tag>span{color:#185d8c;font-weight:600}
html[data-theme=light] .forge-action>span{color:#9a4b12}
html[data-theme=light] .forge-tag i{background:#1169a9;box-shadow:0 0 0 3px #1169a914}
html[data-theme=light] .forge-action i{background:#b8621b;box-shadow:0 0 0 3px #b8621b14}
html[data-theme=light] .forge-axis{height:1.5px;background:linear-gradient(90deg,transparent,#4b7da2 20%,#4b7da2 80%,transparent)}
html[data-theme=light] .forge-axis:after{background:#116bab;box-shadow:0 0 7px #1876b844}
html[data-theme=light] .axis-two:after{background:#bd641b;box-shadow:0 0 7px #bd641b33}
html[data-theme=light] .portal-scene{background:#f5f8fc}
html[data-theme=light] .portal-shade{background:linear-gradient(90deg,#f5f8fcfc,#f5f8fced 32%,#f5f8fc55 57%,#f5f8fc00 85%)}
html[data-theme=light] .portal-product{filter:drop-shadow(0 18px 28px #163f6038)}
html[data-theme=light] .portal-product-bar{background:#fff;color:#294f6e;border-color:#557b9a;box-shadow:inset 0 1px #fff}
html[data-theme=light] .portal-product-bar i{background:#377ba9}
html[data-theme=light] .portal-screen{border-color:#557b9a;background:#fff}
html[data-theme=light] .portal-product figcaption{color:#304f6a}
html[data-theme=light] .portal-corner{border-color:#b65c17}
html[data-theme=light] .momentum-scene{background:radial-gradient(ellipse at 13% 20%,#dbeaf57a,transparent 49%),radial-gradient(ellipse at 88% 78%,#c7e3f54d,transparent 48%),#f8fafc;border-block:1px solid #c7d6e2}
html[data-theme=light] .momentum-grid{background-image:radial-gradient(#284f6d25 1px,transparent 1px);mask-image:radial-gradient(ellipse,#000 15%,transparent 78%)}
html[data-theme=light] .momentum-word{color:#102b46;animation-name:word-charge-light}
html[data-theme=light] .word-work{color:#f8fafc;-webkit-text-stroke:2px #164c75;paint-order:normal}
html[data-theme=light] .word-flow{color:#086bb6;-webkit-text-stroke:0}
html[data-theme=light] .momentum-sweep{background:linear-gradient(90deg,transparent,#166aab07,#166aab21,transparent)}
html[data-theme=light] .sweep-two{background:#b65c1780;opacity:.65}
html[data-theme=light] .momentum-rule{border-bottom-color:#6b8da8}
html[data-theme=light] .momentum-rule span{background:linear-gradient(90deg,transparent,#0873b9 32%,#bd641c);height:4px}
html[data-theme=light] .momentum-rule i,html[data-theme=light] .momentum-services span+span:before{color:#ac5314}
html[data-theme=light] .momentum-services span{color:#294e6c;font-weight:500}
@keyframes core-breathe-light{50%{box-shadow:0 24px 40px #244d733b,0 0 35px #2081bf14,inset 0 1px #fff;transform:translate(-50%,-54%) rotate(-8deg)}}
@keyframes word-charge-light{0%,72%,100%{filter:none;text-shadow:none}80%{filter:none;text-shadow:0 9px 24px #146ba62b}}
/* Give the outlined word enough breathing room on a bright field. */
html[data-theme=light] .word-work{letter-spacing:0}
@media(min-width:501px){html[data-theme=light] .momentum-content :is(h1,h2){font-size:clamp(52px,8.8vw,124px)}}
@media(max-width:360px){html[data-theme=light] .momentum-content :is(h1,h2){font-size:21vw}}
@media(max-width:500px){html[data-theme=light] .momentum-content :is(h1,h2){font-size:clamp(64px,21.5vw,94px)}}
@media(max-width:360px){html[data-theme=light] .momentum-content :is(h1,h2){font-size:21vw}}

html[data-theme=light] .momentum-grid{background-image:radial-gradient(#204d7860 1px,transparent 1px)}html[data-theme=light] .forge-axis{background:linear-gradient(90deg,transparent,#23577f 20%,#23577f 80%,transparent)}html[data-theme=light] .momentum-sweep{background:linear-gradient(90deg,transparent,#166aab18,#166aab42,transparent)}