@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--night:#071e22;--cream:#f0e7d9;--gold:#d6b579;--line:#d6b57945;--opening:.35;--px:0;--py:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--cream);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{position:absolute;inset:0 4.5% auto;z-index:10;display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,Arial,sans-serif;font-size:26px;letter-spacing:-1.5px;font-weight:800;display:flex;gap:8px}.brand span{font:9px 'DM Sans',sans-serif;letter-spacing:1px;padding-top:6px}.compare{font-size:11px}.edition{font-size:8px;letter-spacing:1.7px;color:var(--gold)}.entrance{min-height:900px;height:100svh;max-height:1200px;position:relative;padding:136px 4.5% 36px;overflow:hidden;background:radial-gradient(ellipse at 65% 44%,#183a3d,#071e22 67%)}.sky-noise{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#e9e2d5a0}.entrance h1{position:relative;z-index:3;font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em;font-size:clamp(65px,7.3vw,120px);font-weight:400;line-height:1.03;margin:68px 0 0;pointer-events:none;max-width:78%}.entrance h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.entrance h1>span{font-size:.8em}.portal-shell{position:absolute;top:22%;left:47%;width:43%;height:61%;max-height:680px}.portal{position:absolute;inset:0;overflow:hidden;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);transform:perspective(1200px) rotateY(-12deg);border:1px solid #c1a66b7d;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter 1s;box-shadow:0 0 100px #c19c4e19}.portal img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.portal-shade{position:absolute;inset:0;background:linear-gradient(0deg,#071e2299,transparent 40%,#071e2222)}.light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#f9dd9c25 47%,transparent 65%);transform:translateX(-130%);animation:glint 8s ease-in-out infinite}@keyframes glint{0%,35%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}.portal-shell:hover .portal{transform:perspective(1200px) rotateY(0deg)}.portal-shell:hover img{transform:scale(1.16)}.enter{position:absolute;left:-15%;bottom:13%;display:flex;gap:16px;align-items:center;background:none;border:0;color:var(--cream);text-align:left;font-size:9px;letter-spacing:1.7px}.circle{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;font-size:28px;transition:.4s;background:#071e2255}.enter:hover .circle{background:var(--gold);color:var(--night);transform:rotate(45deg)}.enter small{display:block;font-size:10px;letter-spacing:0;color:#e9e2d5a0;margin-top:8px}.entrance-bottom{position:absolute;left:4.5%;right:4.5%;bottom:32px;display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:22px}.entrance-bottom p{font-size:14px;line-height:1.7;margin:0}.entrance-bottom button,.world-top button{background:none;border:0;color:var(--gold);padding:8px 0;font-size:8px;letter-spacing:1.5px}.entrance-bottom button span{font-size:19px;margin-left:10px}.vertical-label{font-size:8px;letter-spacing:1.7px;color:#e9e2d59c}.immersive{min-height:820px;height:100svh;max-height:1150px;position:relative;overflow:hidden;background:#12363a}.world-image{position:absolute;inset:-5%;transform:scale(calc(1 + var(--opening) * .5)) translate(calc(var(--px) * 12px),calc(var(--py) * 8px));transition:transform .3s ease-out}.world-image img{width:100%;height:100%;object-fit:cover}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061c23d9,#061c2350 65%,#061c2311),linear-gradient(0deg,#071e2299,transparent 55%)}.world-top{position:absolute;top:35px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px}.world-copy{position:relative;padding:170px 6% 100px;max-width:950px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}h2{font-family:Manrope,sans-serif;font-size:clamp(44px,5.2vw,82px);font-weight:400;line-height:1.08;letter-spacing:-.065em;margin:30px 0}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.world-copy p{font-size:14px;line-height:1.8;color:#f0e7d9c9}.aperture{margin-top:40px;max-width:320px}.aperture label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.aperture input{width:100%;accent-color:var(--gold);margin-top:20px}.world-foot{position:absolute;bottom:28px;left:4.5%;font-size:7px;letter-spacing:1.3px;color:#f0e7d99e}.possibilities{padding:100px 6% 90px;display:grid;grid-template-columns:1.1fr 1fr;column-gap:12%;background:#0b2529}.section-intro{grid-row:span 2}.section-intro h2{font-size:clamp(38px,4vw,65px)}.section-intro p{font-size:13px;color:#d9d4c8ad}.decisions button{display:flex;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:24px 0;color:#b9c2b9;font-size:22px;letter-spacing:-.6px}.decisions button:last-child{border-bottom:1px solid var(--line)}.decisions button span{font-size:9px;letter-spacing:1px;margin-right:30px}.decisions button b{margin-left:auto;font-size:22px;font-weight:400}.decisions button[aria-selected=true]{color:var(--gold)}#decision-panel{padding-top:25px;min-height:170px}#decision-name{font-size:8px;letter-spacing:1.5px;color:var(--gold)}#decision-copy{font-size:14px;line-height:1.8;color:#e9e2d5ad}.closing{padding:85px 6%;background:var(--cream);color:var(--night)}.closing>.eyebrow{color:#6e6655}.closing h2{font-size:clamp(55px,7vw,110px);margin-bottom:25px}.closing h2 em{color:#8f6636}.closing p{font-size:12px}.closing a{display:flex;justify-content:space-between;max-width:400px;padding:18px 0;border-bottom:1px solid #071e2240;font-size:13px;margin-top:30px}.note{display:block;font-size:9px;margin-top:30px;opacity:.65}footer{padding:35px 4.5%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px}footer p{font-size:9px;letter-spacing:0;line-height:1.8;color:#b8c2bb;margin:0}body.paused .light{animation-play-state:paused}body.paused .world-image{transition:none}@media(max-width:700px){header{height:76px}.brand{font-size:22px}.brand span{font-size:7px}.edition{display:none}.compare{font-size:9px}.entrance{padding-top:103px;height:auto;min-height:950px;max-height:none}.topline{font-size:7px;line-height:1.6;letter-spacing:1.3px}.topline span:last-child{display:none}.entrance h1{font-size:clamp(58px,13vw,88px);margin-top:35px;max-width:100%;line-height:1.03}.entrance h1>span{font-size:.8em}.portal-shell{top:43%;left:17%;width:72%;height:39%;max-height:390px}.portal{transform:perspective(1200px) rotateY(-8deg)}.enter{left:-9%;bottom:8%;font-size:8px;letter-spacing:1px}.circle{width:50px;height:50px;font-size:23px}.enter small{font-size:9px}.entrance-bottom{bottom:25px;flex-wrap:wrap;padding-top:15px;gap:12px}.entrance-bottom p{font-size:11px;flex-basis:100%}.vertical-label{font-size:7px}.entrance-bottom button{font-size:7px}.immersive{height:auto;min-height:760px}.world-copy{padding:145px 6% 120px}.world-copy h2{font-size:44px}.world-copy p{font-size:12px}.world-top{font-size:7px;letter-spacing:1px;gap:15px}.world-top button{font-size:7px;letter-spacing:1px}.world-shade{background:linear-gradient(90deg,#061c23e8,#061c2390),linear-gradient(0deg,#071e2299,transparent)}.world-image img{object-position:58% center}.aperture{max-width:270px}.world-foot{font-size:6px;letter-spacing:1px;right:5%;line-height:1.5}.possibilities{padding:55px 6%;grid-template-columns:1fr}.section-intro{grid-row:auto}.section-intro h2{font-size:39px}.decisions{margin-top:28px}.decisions button{font-size:21px;padding:20px 0}.closing{padding:50px 6%}.closing h2{font-size:52px}footer{flex-wrap:wrap;font-size:7px}footer p{order:3;flex-basis:100%;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.light{animation:none}.portal,.portal img,.world-image{transition:none}}

/* Make motion visible without requiring a pointer; preserve explicit pause. */
.portal img{animation:portal-drift 11s ease-in-out infinite alternate;transform-origin:52% 54%}
.world-image img{animation:world-drift 13s ease-in-out infinite alternate;transform-origin:55% 55%}
@keyframes portal-drift{from{transform:scale(1.03) translateX(-1%)}to{transform:scale(1.20) translateX(1%)}}
@keyframes world-drift{from{transform:scale(1.04) translateX(-1.5%)}to{transform:scale(1.16) translateX(1.5%)}}
body.paused .portal img,body.paused .world-image img{animation-play-state:paused}
.motion-status{display:flex;align-items:center;gap:8px;font-size:10px!important;letter-spacing:.4px;color:var(--gold)!important;margin-top:26px}
.motion-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#c5d58f}
body.paused .motion-status:before{background:#bdab8e}
#sound,#pause,#discover{min-height:44px;padding:12px 16px;border:1px solid #d6b57966;border-radius:24px}
#sound:hover,#pause:hover,#discover:hover{background:#d6b57920}
#discover{background:none;color:var(--gold);font-size:8px;letter-spacing:1.2px;cursor:pointer}
@media(prefers-reduced-motion:reduce){body:not(.motion-approved) .portal img,body:not(.motion-approved) .world-image img{animation:none}}