/* Reference composition: black / platinum / restrained cobalt. */
body[data-page=home] .nav-shell{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none;box-shadow:none;height:clamp(96px,9vw,170px)}
body[data-page=home] .nav{width:90%;max-width:none;height:100%;gap:24px}
body[data-page=home] .nav .brand{gap:17px;min-width:0}
body[data-page=home] .nav .nav-mark{width:clamp(36px,3.7vw,64px);height:auto}
body[data-page=home] .nav .brand-wordmark{width:clamp(125px,12vw,205px);height:auto}
body[data-page=home] .navlinks{position:absolute;left:50%;transform:translateX(-50%);gap:clamp(30px,4.2vw,80px)}
body[data-page=home] .navlinks a{font-size:clamp(9px,.7vw,13px);font-weight:500;letter-spacing:.19em;text-transform:uppercase;color:#adb3bd;white-space:nowrap}
body[data-page=home] .navlinks a:hover{color:#f4f6f9}
body[data-page=home] .nav-cta{min-width:clamp(140px,14.4vw,260px);min-height:44px;padding:clamp(13px,1.25vw,23px) 23px;font-size:clamp(9px,.74vw,13px);font-weight:500;letter-spacing:.2em;text-transform:uppercase;border:1px solid #b9c3d08c;background:#0002;box-shadow:0 0 12px #c2d5fa08;line-height:1}
body[data-page=home] .nav-cta:hover,body[data-page=home] .nav-cta:focus-visible{color:#f3f4f6;border-color:#dce4f0;background:#246fe50c;box-shadow:0 0 22px #246fe516;transform:none}
body[data-page=home] .nav-shell.scrolled{position:fixed;height:78px;background:#000e;border-bottom:1px solid #d9dee51c;backdrop-filter:blur(16px)}
body[data-page=home] .scrolled .nav{height:78px}
body[data-page=home] .scrolled .nav .nav-mark{width:34px}
body[data-page=home] .scrolled .nav .brand-wordmark{width:125px}
body[data-page=home] .scrolled .nav-cta{min-width:145px;padding:13px 23px;font-size:10px}
.reference-hero{position:relative;isolation:isolate;overflow:hidden;background:#000;aspect-ratio:8/5;min-height:620px;width:100%;contain:layout paint;--scene-x:0px;--scene-y:0px;--scene-zoom:1.012}
.reference-art{position:absolute;inset:0;z-index:0;transform:translate3d(var(--scene-x),var(--scene-y),0) scale(var(--scene-zoom));transform-origin:73% 78%;pointer-events:none}
.reference-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.reference-hero.is-interacting .reference-art{will-change:transform}
.reference-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 11% 12% at 75% 76%,#80afff19,transparent 74%);opacity:0;transition:opacity .7s ease;mix-blend-mode:screen}
.reference-hero.is-inviting .reference-light{opacity:1}
.reference-copy{position:absolute;z-index:2;top:26.6%;left:5%;width:56%;}
body[data-page=home] .reference-copy h1{font-family:Manrope,Arial,sans-serif;font-size:5.6vw;font-weight:300;line-height:1.075;letter-spacing:-.039em;color:#e9eaed;margin:0;max-width:none;text-wrap:initial;text-transform:none;text-shadow:0 2px 24px #0004}
.reference-copy h1 span{display:block;white-space:nowrap}
.reference-manifesto{font-size:clamp(9px,.87vw,17px);font-weight:500;letter-spacing:.3em;line-height:1.8;color:#aab2bf;text-transform:uppercase;margin:3.2vw 0 0}
.reference-explore{position:absolute;z-index:2;left:5%;top:71.4%;display:inline-flex;align-items:center;gap:2.4vw;min-height:44px;color:#b9c2d0}
.reference-explore>span:last-child{font-size:clamp(9px,.73vw,14px);font-weight:500;letter-spacing:.28em;text-transform:uppercase}
.reference-arrow{position:relative;display:grid;place-items:center;width:5.45vw;height:5.45vw;min-width:48px;min-height:48px;border:1px solid #bdccdfbc;border-radius:50%;box-shadow:0 0 9px #96b9f031,inset 0 0 13px #7da4e00d;transition:border-color .3s,box-shadow .3s,background .3s}
.reference-arrow svg{width:31%;height:31%;stroke:#e7edf6;stroke-width:1.2;transition:transform .3s}
.reference-explore:hover,.reference-explore:focus-visible{color:#eef3fa}
.reference-explore:hover .reference-arrow,.reference-explore:focus-visible .reference-arrow{border-color:#e5edf8;box-shadow:0 0 23px #246fe546,inset 0 0 12px #246fe517;background:#246fe512}
.reference-explore:hover svg{transform:translateX(2px)}
.reference-coordinate{position:absolute;right:5%;top:81.7%;z-index:2;text-align:center;font-size:clamp(7px,.62vw,12px);line-height:1.85;letter-spacing:.36em;font-weight:400;color:#afb7c5;text-transform:uppercase;margin:0}
.reference-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;min-height:32px;height:4.7%;border-top:1px solid #b9c7da33;display:flex;justify-content:center;align-items:center;background:#0002;color:#a1aab9;font-size:clamp(7px,.7vw,13px);letter-spacing:.56em;text-transform:uppercase;text-align:center;padding:5px 20px}
.reference-motion{position:absolute;left:5%;bottom:9px;z-index:3;width:30px;height:22px;display:grid;place-items:center;color:#a8b1c0;border:0;background:transparent;font-size:9px;padding:0;cursor:pointer}
.reference-motion .motion-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.reference-motion:focus-visible{outline:1px solid #b8c9e0;outline-offset:3px}
.reference-hero+.positioning68{padding-top:94px}
@media(min-width:2200px){.reference-hero{max-height:1500px}.reference-copy h1{font-size:min(5.6vw,134px)}}
@media(max-width:1100px) and (min-width:901px){body[data-page=home] .nav .brand{gap:11px}body[data-page=home] .nav .brand-wordmark{width:119px}body[data-page=home] .navlinks{gap:27px;left:52%}.reference-manifesto{letter-spacing:.23em}}
@media(max-width:900px){body[data-page=home] .nav-shell,body[data-page=home] .nav-shell.scrolled,body[data-page=home] .nav,body[data-page=home] .scrolled .nav{height:88px}body[data-page=home] .nav{width:90%}body[data-page=home] .navlinks{display:none}body[data-page=home] .nav>.nav-cta{display:none}body[data-page=home] .drawer{top:88px}body[data-page=home] .nav .nav-mark{width:35px}body[data-page=home] .nav .brand-wordmark{width:126px}body[data-page=home] .menu-btn{border-color:#abbad14a;border-radius:50%;background:#0003}.reference-hero{min-height:600px}.reference-copy{top:28%;width:59%}.reference-manifesto{font-size:9px;letter-spacing:.19em}.reference-coordinate{font-size:7px;letter-spacing:.22em}.reference-caption{font-size:8px}.reference-explore>span:last-child{font-size:9px;letter-spacing:.19em}}
/* Keep the reference aspect ratio on smaller landscape/tablet screens. */
@media(min-width:651px) and (max-width:900px){.reference-hero{min-height:0;aspect-ratio:8/5}.reference-coordinate{font-size:6px;line-height:1.65}.reference-caption{height:4.7%;min-height:24px;font-size:7px}.reference-motion{bottom:1px}}
/* Portrait keeps the same artwork intact in the lower scene; text has clear black space. */
@media(max-width:650px){body[data-page=home] .nav-shell,body[data-page=home] .nav-shell.scrolled,body[data-page=home] .nav,body[data-page=home] .scrolled .nav{height:82px}body[data-page=home] .nav{width:calc(100% - 44px)}body[data-page=home] .drawer{top:82px}body[data-page=home] .nav .brand{gap:11px}body[data-page=home] .nav .nav-mark{width:30px}body[data-page=home] .nav .brand-wordmark{width:116px}
 .reference-hero{aspect-ratio:auto;height:100svh;min-height:790px;max-height:1050px}.reference-art{top:34%;bottom:3%;left:-74%;right:-6%;transform-origin:74% 78%}.reference-art img{object-position:right center}.reference-hero:after{content:'';position:absolute;z-index:1;inset:28% 0 40%;pointer-events:none;background:linear-gradient(#000 0%,#000d 12%,transparent 64%)}
 .reference-copy{left:24px;right:20px;top:17%;width:auto}body[data-page=home] .reference-copy h1{font-size:clamp(32px,8.5vw,52px);line-height:1.12;letter-spacing:-.04em}.reference-manifesto{font-size:8px;letter-spacing:.22em;margin-top:27px;line-height:1.9;max-width:340px}
 .reference-explore{left:24px;top:42%;gap:17px}.reference-arrow{width:47px;height:47px;min-width:47px;min-height:47px}.reference-explore>span:last-child{font-size:8px;letter-spacing:.18em}.reference-coordinate{right:23px;top:auto;bottom:9%;font-size:6px;line-height:1.9;letter-spacing:.26em;text-align:right;color:#a0abba}.reference-caption{height:4.2%;min-height:32px;font-size:7px;letter-spacing:.27em;padding:7px 38px}.reference-motion{left:10px;bottom:7px}.reference-hero+.positioning68{padding-top:65px}
}
@media(max-width:360px){.reference-copy{left:20px}.reference-explore{left:20px}.reference-manifesto{font-size:7px;letter-spacing:.18em}.reference-caption{font-size:6px}.reference-hero{min-height:760px}}
@media(prefers-reduced-motion:reduce){.reference-art{transform:none!important}.reference-light,.reference-arrow,.reference-arrow svg{transition:none!important}}
.motion-paused .reference-art{transform:none!important}.motion-paused .reference-light{transition:none}