@import url('/fonts.css');
:root{color-scheme:dark;--ink:#fff3e5;--muted:#b9a49a;--line:#f7c8a52b;--accent:#ff793e;--bg:#100807;--mono:Consolas,'Courier New',monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #ffe1a5;outline-offset:7px}::selection{background:#ff713e;color:#170804}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:14px;background:#150705;transform:translateY(-160%)}.skip-link:focus{transform:none}.mono,.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase}.header{position:absolute;z-index:20;inset:0 0 auto;padding:28px 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:30px;letter-spacing:-2px;font-weight:800}.brand svg{width:26px;height:26px}.brand small{font:9px/1.5 var(--mono);letter-spacing:.1em;border-left:1px solid var(--line);padding-left:14px;margin-left:8px}.header-right{display:flex;align-items:center;gap:28px}.text-button{padding:9px 0;border-bottom:1px solid #ffebd65c;font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.status-light{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ffd8b4;box-shadow:0 0 10px #ff9e60;margin-right:9px}
.experience{height:650svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#460600}.stage-media,.eye-canvas,.eye-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}.stage-media{z-index:-5}.eye-fallback{z-index:-4;opacity:0}.eye-canvas{z-index:-3;opacity:0}.stage-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#17030063,transparent 25%,transparent 55%,#170000bd)}.film-grain{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.09;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}.edge-line{position:absolute;left:3.5vw;right:3.5vw;top:100px;height:1px;background:linear-gradient(90deg,#ffe0bb60,transparent 45%,#ffe0bb60)}.frame-corner{position:absolute;top:120px;bottom:102px;width:16px;border-top:1px solid #ffe1c482;border-bottom:1px solid #ffe1c482;opacity:.5;pointer-events:none}.frame-corner.left{left:3.5vw;border-left:1px solid #ffe1c482}.frame-corner.right{right:3.5vw;border-right:1px solid #ffe1c482}.intro-copy{position:absolute;left:7%;right:7%;bottom:21%;will-change:transform,opacity;pointer-events:none}.intro-copy .eyebrow{display:flex;gap:16px;align-items:center;margin-bottom:20px}.intro-copy .eyebrow:before{content:'';display:block;width:30px;height:1px;background:currentColor}.intro-copy h1{font:600 clamp(80px,12vw,210px)/.8 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0}.intro-copy h1 span{display:block;font-weight:300}.intro-bottom{margin-top:30px;display:flex;align-items:flex-end;justify-content:space-between}.intro-bottom p{font-size:14px;line-height:1.7;margin:0}.intro-bottom .mono{text-align:right;max-width:180px}.sequence-caption{position:absolute;left:7%;top:44%;font:11px/1.8 var(--mono);text-transform:uppercase;letter-spacing:.2em;opacity:0;pointer-events:none}.sequence-caption b{display:block;font:400 clamp(28px,4vw,58px)/1.1 var(--display);letter-spacing:.01em;margin-top:10px}.stage-footer{position:absolute;bottom:28px;left:3.5vw;right:3.5vw;display:flex;align-items:center;gap:32px;z-index:15}.scroll-label{font:10px/1.6 var(--mono);letter-spacing:.14em;min-width:166px;display:flex;align-items:center;gap:12px}.scroll-label .arrow{font-size:22px;animation:scroll-hint 2s infinite}@keyframes scroll-hint{50%{transform:translateY(5px)}}.timeline{height:24px;display:flex;align-items:center;gap:15px;flex:1}.timeline-track{height:1px;background:#ffedd64d;flex:1;position:relative}.timeline-track:after{content:'';position:absolute;inset:-3px 0;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#ffddbd77 calc(10% - 1px),#ffddbd77 10%);pointer-events:none}.timeline-fill{position:absolute;inset:0 auto 0 0;background:#ffe1b4;width:0;box-shadow:0 0 8px #ff9b6b}.timecode{font:10px var(--mono);letter-spacing:.06em;white-space:nowrap}.motion-control{white-space:nowrap}.hub{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.hub.active{visibility:visible;pointer-events:auto}.hub-heading{position:absolute;left:7%;top:24%}.hub-heading h2{font:500 clamp(32px,4.4vw,76px)/.9 var(--display);text-transform:uppercase;letter-spacing:-.015em;margin:13px 0}.hub-heading p{font-size:12px;line-height:1.65;color:#ffdac2;margin-top:20px}.eye-label{position:absolute;right:7%;top:35%;max-width:150px;font:10px/1.9 var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;gap:12px;align-items:center}.eye-label:before{content:'';height:1px;width:40px;background:#ffe2c58c}.portal-nav{position:absolute;left:7%;right:7%;bottom:16%;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portal{display:block;position:relative;padding:17px 22px 20px;border:1px solid #ffd7b94d;background:linear-gradient(125deg,#3a080749,#160500a1);backdrop-filter:blur(16px);transition:background .3s,transform .3s,border-color .3s;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.portal:before{content:'';position:absolute;top:0;left:0;width:36px;height:2px;background:#ffcd9d}.portal-meta{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.13em;color:#ffd4b4}.portal-name{font:500 clamp(36px,4vw,62px)/1 var(--display);text-transform:uppercase;letter-spacing:.005em;margin-top:18px;display:flex;justify-content:space-between;align-items:center}.portal-name span{font:200 28px var(--body);transition:transform .3s}.portal-desc{font-size:11px;color:#e5bba6;margin:10px 0 0}.portal:hover,.portal:focus-visible{background:#63170cac;border-color:#ffd6b8;transform:translateY(-7px)}.portal:hover .portal-name span{transform:translate(4px,-4px)}.load-state{position:absolute;top:118px;left:7%;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffe0bf}.home.static .experience{height:100svh}.home.static .intro-copy,.home.static .sequence-caption{display:none}.home.static .hub,.home.static .eye-fallback{opacity:1;visibility:visible}.home.static .hub{pointer-events:auto}.home.static .scroll-label .arrow{animation:none}
@media(min-aspect-ratio:2/1){.hub-heading{top:28%}.portal-nav{bottom:14%}.portal{padding:12px 20px}.portal-name{margin-top:12px}.portal-desc{margin-top:6px}.intro-copy h1{font-size:18vh}}
@media(max-width:760px){.header{padding:22px 6%;gap:12px}.brand{font-size:27px}.brand small{font-size:8px;margin-left:0;padding-left:10px}.header-right{gap:16px}.header-right>.mono{display:none}.edge-line{left:6%;right:6%;top:84px}.frame-corner{display:none}.intro-copy{left:8%;right:8%;bottom:23%}.intro-copy h1{font-size:clamp(72px,17vw,130px)}.intro-copy .eyebrow{font-size:9px;letter-spacing:.08em;gap:8px}.intro-copy .eyebrow:before{width:12px}.intro-bottom{margin-top:25px}.intro-bottom p{font-size:12px}.intro-bottom>.mono{display:none}.stage-footer{left:6%;right:6%;bottom:24px;gap:18px;flex-wrap:wrap}.timeline{order:3;flex-basis:100%}.scroll-label{flex:1;font-size:9px}.text-button{font-size:9px}.hub-heading{left:8%;top:16%}.hub-heading h2{font-size:35px}.hub-heading p{display:none}.hub-heading .eyebrow{font-size:8px}.eye-label{right:8%;top:23%;font-size:8px;max-width:95px}.eye-label:before{display:none}.portal-nav{left:8%;right:8%;bottom:17%;gap:9px;grid-template-columns:1fr}.portal{padding:12px 16px;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:5px 20px;backdrop-filter:blur(10px)}.portal-meta{font-size:8px;grid-column:1;flex-direction:column;gap:5px}.portal-meta span:last-child{opacity:.65;font-size:7px}.portal-name{grid-column:2;grid-row:1/3;margin:0;font-size:35px}.portal-name span{font-size:23px}.portal-desc{font-size:9px;grid-column:1;margin:0}.sequence-caption{left:8%;top:35%;font-size:8px}.sequence-caption b{font-size:32px}.load-state{top:101px;font-size:8px}.experience{height:550svh}}
@media(max-height:630px) and (min-width:761px){.header{padding-top:16px}.edge-line{top:76px}.frame-corner{top:92px;bottom:76px}.stage-footer{bottom:20px}.hub-heading{top:22%}.hub-heading h2{font-size:40px}.hub-heading p{display:none}.portal-nav{bottom:16%}.portal-name{font-size:36px}.portal{padding:12px 18px}.portal-desc{font-size:10px}.intro-copy h1{font-size:18vh}}
.eye-scene{position:absolute;inset:0;z-index:-3;opacity:0;background:#bd0a00;pointer-events:none}.eye-scene>.eye-fallback,.eye-scene>.eye-canvas{z-index:auto;opacity:1}.home.static .eye-scene{opacity:1}
@media(max-aspect-ratio:85/100){.eye-scene>.eye-fallback{width:189.63%;height:auto;left:50%;top:36%;transform:translate(-48.921%,-41.816%);object-fit:initial}.hub-heading{top:14%;left:8%;right:8%}.hub-heading h2{font-size:28px;line-height:1;margin-top:8px}.hub-heading h2 br{display:none}.hub-heading .eyebrow{font-size:7px}.eye-label{top:49%;left:0;right:0;max-width:none;text-align:center;font-size:7px;display:block}.eye-label br{display:none}.eye-label br:after{content:' / '}.eye-label span{display:inline-block}.portal-nav{bottom:17%}}
@media(max-aspect-ratio:145/100) and (min-width:761px){.hub-heading h2{font-size:clamp(32px,3.1vw,48px)}.hub-heading{max-width:250px}.hub-heading>.eyebrow{font-size:9px}}
@media(max-aspect-ratio:85/100){.eye-label .gaze-instruction:before{content:' / '}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Landing-performance pass: avoid a full-screen SVG turbulence layer. */
.stage{contain:paint}.film-grain{display:none}

/* A longer rail gives each wheel movement finer control over the 24fps film. */
.experience{height:2500svh}
@media(max-width:760px){.experience{height:1800svh}}