:root{--font-sans:"DM Sans",sans-serif;--font-serif:"Libre Caslon Display",serif;--paper:#f4efe5;--ink:#111326;--muted:#666577;--blue:#0a69e8;--violet:#7444da;--night:#07091d;--line:rgba(17,19,38,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-sans),sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.section-shell{width:min(1220px,calc(100% - 2.5rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:1.05rem clamp(1.25rem,4vw,4rem);background:rgba(244,239,229,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.brand{font-family:var(--font-serif),serif;font-size:1.7rem}.site-header nav{display:flex;gap:1.7rem;color:var(--muted);font-size:.88rem}.site-header nav a:hover,footer a:hover{color:var(--blue)}.status-pill{justify-self:end;padding:.5rem .85rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem}.eyebrow{margin:0 0 1.15rem;color:var(--blue);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:750}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-serif),serif;font-weight:400;line-height:1.02;letter-spacing:-.038em}h1{font-size:clamp(4rem,7.2vw,7.8rem);margin-bottom:1.8rem}h1 em,h2 em{color:var(--violet);font-style:normal}h2{font-size:clamp(3rem,5.5vw,6.1rem);margin-bottom:1.5rem}.lede{max-width:43rem;color:var(--muted);font-size:clamp(1.08rem,1.5vw,1.35rem)}
.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(2.5rem,5vw,6rem);padding-block:clamp(4rem,8vw,8rem)}.hero-actions{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;margin-top:2.2rem;color:var(--muted);font-size:.84rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.8rem 1.35rem;color:#fff;background:var(--ink);border-radius:999px;font-weight:650;box-shadow:0 12px 30px rgba(17,19,38,.16);transition:transform .2s}.button:hover{transform:translateY(-2px)}.hero-stereo{margin:0}.hero-stereo img{width:100%;background:#000;border:clamp(7px,1vw,13px) solid #050505;box-shadow:0 30px 80px rgba(23,35,77,.22)}.hero-stereo figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:.8rem;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.manifesto{padding:clamp(7rem,14vw,14rem) max(1.25rem,calc((100% - 1040px)/2));color:white;background:linear-gradient(155deg,#050718,#0a1740 58%,#152c62)}.manifesto .eyebrow,.view-guide .eyebrow{color:#78d7ff}.manifesto h2{max-width:1000px}.manifesto>p:last-child{max-width:760px;color:#aebbd8;font-size:clamp(1.15rem,2vw,1.55rem)}
.scroll-depth{height:170vh;background:#9fc9df}.depth-stage{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate;background:linear-gradient(#7eb2d0 0 55%,#27415b 78%,#102033)}.depth-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 95%,rgba(163,190,160,.8),transparent 35%),linear-gradient(165deg,transparent 58%,rgba(12,37,45,.72) 59%);z-index:-2}.depth-cloud{position:absolute;display:block;width:25vw;height:8vw;min-width:190px;min-height:62px;border-radius:999px;background:rgba(255,255,255,.9);filter:drop-shadow(0 20px 24px rgba(32,52,73,.16));will-change:transform}.depth-cloud:before,.depth-cloud:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.depth-cloud:before{left:13%;width:44%;aspect-ratio:1}.depth-cloud:after{right:11%;width:34%;aspect-ratio:1}.depth-cloud-far{top:18%;right:11%;scale:.62;opacity:.72}.depth-cloud-mid{top:43%;left:8%;scale:1.05}.depth-cloud-near{right:-5%;bottom:7%;scale:2.15;filter:blur(1px) drop-shadow(0 30px 30px rgba(32,52,73,.2))}.depth-caption{position:absolute;left:max(1.25rem,calc((100% - 1220px)/2));top:16%;z-index:3;max-width:570px;color:white;text-shadow:0 2px 18px rgba(10,25,45,.2)}.depth-caption .eyebrow{color:#072c60}.depth-caption p:last-child{max-width:500px;color:#17324e;font-size:1.08rem}@supports(animation-timeline:view()){.depth-cloud-far{animation:far-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.depth-cloud-mid{animation:mid-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.depth-cloud-near{animation:near-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes far-drift{from{transform:translate3d(6vw,8vh,0)}to{transform:translate3d(-8vw,-8vh,0)}}@keyframes mid-drift{from{transform:translate3d(-18vw,22vh,0)}to{transform:translate3d(20vw,-24vh,0)}}@keyframes near-drift{from{transform:translate3d(35vw,42vh,0)}to{transform:translate3d(-45vw,-46vh,0)}}}
.baseline{padding-block:clamp(7rem,12vw,12rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem)}.baseline>div:first-child{grid-row:span 2}.baseline h2 em{display:inline-block;margin-top:.25em}.baseline-explainer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-top:2rem}.moment{display:grid;place-items:center;width:3.4rem;height:3.4rem;border:1px solid var(--ink);border-radius:50%;font:1.1rem var(--font-serif),serif}.travel-line{height:1px;background:var(--ink);position:relative}.travel-line i{position:absolute;right:14%;top:-4px;width:9px;height:9px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.baseline-explainer p{margin:.6rem 0 0;color:var(--muted);font-size:.8rem}.baseline-explainer p:last-child{text-align:right;grid-column:3}.baseline-copy{align-self:end;max-width:560px;color:var(--muted);font-size:1.12rem}.gallery{padding-bottom:clamp(7rem,12vw,12rem)}.gallery-heading{max-width:840px;margin-bottom:5rem}.gallery-heading>p:last-child{max-width:650px;color:var(--muted);font-size:1.1rem}.example{margin:0 0 clamp(6rem,11vw,11rem)}.stereo-frame{padding:clamp(.4rem,1vw,.8rem);background:#050505;box-shadow:0 24px 65px rgba(15,25,50,.16)}.stereo-frame img{width:100%;height:auto}.example figcaption{display:grid;grid-template-columns:3rem 1fr;gap:1rem;max-width:580px;margin-top:1.4rem}.example figcaption>span{color:var(--violet);font:1rem var(--font-serif),serif}.example h3{margin:0 0 .4rem;font:clamp(1.8rem,3vw,2.7rem) var(--font-serif),serif}.example p{color:var(--muted)}.example:nth-of-type(odd) figcaption{margin-left:auto}.example-3,.example-4{width:82%}.example-4{margin-left:auto}
.view-guide{padding:clamp(7rem,11vw,11rem) 0;color:#fff;background:var(--night)}.view-guide h2{max-width:800px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.guide-steps article{min-height:220px;padding:2rem;background:var(--night)}.guide-steps b{font:2rem var(--font-serif),serif;color:#8f6cf2}.guide-steps p{margin-top:3rem;color:#adb0c4}.gentle-note{margin-top:1.5rem;color:#777b97;font-size:.85rem}.capture{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);padding-block:clamp(7rem,12vw,12rem)}.capture>div:first-child>p:last-child{max-width:580px;color:var(--muted);font-size:1.1rem}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.capture-grid article{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:1.6rem;background:var(--paper)}.capture-grid b{font:1.55rem var(--font-serif),serif}.capture-grid span{color:var(--muted)}
.paper-section{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,8rem);align-items:center;padding:clamp(4rem,8vw,8rem);background:#0a0b20;color:#fff}.paper-card{padding:6% 5% 7%;background:#f8f3e7;color:#302e35;box-shadow:0 35px 90px rgba(0,0,0,.35);transform:rotate(-1deg)}.paper-card img{width:100%}.signature{text-align:right;margin-top:3%;font:clamp(6px,.65vw,10px) monospace;opacity:.64}.paper-copy p:not(.eyebrow){color:#aaa9bd;font-size:1.08rem}.maker{padding-block:clamp(7rem,12vw,12rem);max-width:920px;margin-left:max(1.25rem,calc((100% - 1220px)/2))}.maker p:last-child{max-width:650px;color:var(--muted);font-size:1.12rem}.maker a{text-decoration:underline;text-underline-offset:4px}.final-cta{padding:clamp(7rem,13vw,13rem) 1.25rem;color:#fff;background:linear-gradient(135deg,#07143f,#301078 60%,#6f2dd4);text-align:center}.final-cta .eyebrow{color:#74dfff}.final-cta p{color:#c9c7de}.button-muted{margin-top:1rem;background:rgba(255,255,255,.12);box-shadow:none}body>footer{display:flex;justify-content:space-between;padding-block:2.2rem;color:var(--muted);font-size:.88rem}body>footer div{display:flex;gap:1.5rem}.policy{width:min(44rem,calc(100% - 2.5rem));margin:auto;padding:4rem 0 7rem}.policy .back{display:inline-block;margin-bottom:5rem;color:var(--blue)}.policy h1{font-size:clamp(3.5rem,8vw,6.5rem);margin-bottom:.5rem}.policy-date{color:var(--muted);margin-bottom:3rem}.policy h2{margin:2.7rem 0 .6rem;font-size:1.8rem}.policy p{font-size:1.05rem;color:#4f4a59}.policy a:not(.back){color:var(--blue);text-decoration:underline}.policy hr{margin:4rem 0 2rem;border:0;border-top:1px solid var(--line)}.policy footer{padding:0;color:var(--muted);font-size:.88rem}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero,.baseline,.capture,.paper-section{grid-template-columns:1fr}.hero{padding-top:4rem}.baseline>div:first-child{grid-row:auto}.example-3,.example-4{width:100%}.guide-steps{grid-template-columns:1fr}.guide-steps article{min-height:0}.capture-grid{margin-top:1rem}.depth-caption{right:1.25rem}}@media(max-width:540px){h1{font-size:3.55rem}.status-pill{font-size:.68rem}.hero-stereo figcaption span:last-child{display:none}.capture-grid{grid-template-columns:1fr}.paper-section{padding-inline:1.25rem}body>footer{gap:1rem;flex-direction:column}body>footer div{flex-wrap:wrap}.manifesto{padding-inline:1.25rem}.depth-cloud-near{scale:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.depth-cloud{animation:none!important}}
