.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-portrait{image-rendering:auto;max-height:850px;height:100%;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*6px + var(--hero-shift,0px)),0) rotateY(calc(var(--mx)*12deg)) rotateX(calc(var(--my)*-6deg));filter:drop-shadow(0 18px 20px #282c201a);transition:transform .3s ease-out}
.hero-visual{transform:scale(var(--hero-scale,1));transform-origin:50% 90%;opacity:var(--hero-opacity,1)}
.card-b img{background:radial-gradient(ellipse at 50% 80%,#d2ff0070,transparent 70%),#dce1ce;image-rendering:pixelated;object-position:center 20%}
.builder-portrait{background:radial-gradient(ellipse at 50% 50%,#d2ff0045,transparent 70%),var(--olive)}.builder-portrait>img{object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:none;transform:translateY(var(--builder-y,0px))}
.boat-image{isolation:isolate;color:var(--cream)}.boat-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:none!important}.boat-image .private-word{position:absolute;left:6%;top:17%;font-size:clamp(48px,5.5vw,90px);text-shadow:0 3px 12px #042b4650}.boat-image .private-label{left:6%;background:#0e354da6;padding:8px 10px;border-radius:3px;z-index:2}.boat-image .project-number{text-shadow:0 1px 5px #000}.boat-image:after{inset:0;background:linear-gradient(90deg,#02324b20,transparent 65%)}
.manifesto-line{display:block;will-change:transform}.manifesto.story-ready .manifesto-line:nth-child(odd){transform:translateX(calc((1 - var(--manifesto-progress,1))*-100px))}.manifesto.story-ready .manifesto-line:nth-child(even){transform:translateX(calc((1 - var(--manifesto-progress,1))*100px))}
.era-launch{scroll-margin-top:-80px;background:#111c17;color:var(--cream);isolation:isolate;z-index:3}.era-stage{position:relative;min-height:930px;overflow:hidden;padding:100px var(--pad) 120px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.era-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.54) saturate(.8);z-index:-3;transform:translateY(var(--era-world-y,0px)) scale(1.15)}.era-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 48%,transparent 10%,#101f1799 75%),linear-gradient(#0c181975,transparent 40%,#091519bd)}
.era-rift{position:absolute;left:-1%;right:-1%;height:85px;background:var(--cream);z-index:2;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 80%,95% 80%,95% 45%,90% 45%,90% 65%,83% 65%,83% 35%,76% 35%,76% 85%,70% 85%,70% 60%,63% 60%,63% 100%,56% 100%,56% 75%,48% 75%,48% 45%,40% 45%,40% 72%,34% 72%,34% 25%,26% 25%,26% 55%,20% 55%,20% 80%,12% 80%,12% 50%,6% 50%,6% 100%,0 100%)}.rift-top{top:-1px;transform:translateY(calc(var(--era-progress,0)*-75px))}.rift-bottom{bottom:-1px;transform:rotate(180deg) translateY(calc(var(--era-progress,0)*-35px));background:#0b1e22}
.era-running{position:absolute;left:-6%;width:112%;overflow:hidden;z-index:4;pointer-events:none;background:var(--lime);color:var(--olive);font-size:clamp(26px,4.2vw,65px);font-weight:800;letter-spacing:-.065em;line-height:1.06;padding:8px 0;box-shadow:0 8px 35px #07110e4a;white-space:nowrap}.era-running span{display:block;width:max-content}.running-top{top:20px;transform:rotate(-3deg)}.running-top span{transform:translateX(calc(var(--era-progress,0)*-180px))}.running-bottom{bottom:20px;transform:rotate(3deg)}.running-bottom span{transform:translateX(calc(var(--era-progress,0)*180px - 100px))}
.era-head{display:flex;justify-content:space-between;gap:25px;z-index:5;align-items:center;position:relative}.era-head .eyebrow{font-size:10px}.era-badge{display:flex;gap:9px;align-items:center;font-size:9px;border:1px solid #b9dfaa60;padding:8px 12px;border-radius:30px;color:#d9edc8;background:#17291ca6}
.era-center{position:relative;z-index:3;text-align:center;margin:auto}.era-intro{font-size:clamp(23px,3vw,44px);font-weight:650;line-height:1.02;letter-spacing:-.05em;text-shadow:0 2px 14px #000}.era-intro em{font-size:1.2em;color:#cddfaf}.era-center h2{line-height:1;margin:10px auto -10px;width:min(880px,78vw)}.era-launch-logo{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 14px 30px #0009) drop-shadow(0 0 28px #40deb62d);transform:scale(var(--era-logo-scale,1)) rotate(calc((var(--era-progress,0) - .5)*-3deg));will-change:transform}
.era-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;z-index:5}.era-bottom .eyebrow{font-size:8px;color:#aabc96;margin-bottom:14px}.era-coming{font-size:clamp(44px,5.5vw,84px);font-weight:700;letter-spacing:-.075em;line-height:.9}.era-coming em{color:var(--lime);font-size:1.2em}.era-description{font-size:13px;line-height:1.6;max-width:380px;color:#dde5d9}.era-description>span{display:block;font-size:9px;opacity:.65;margin-top:12px}.era-next{display:flex;gap:20px;align-items:center;font-size:8px;font-weight:600;white-space:nowrap}.era-next span{font-size:30px;border:1px solid #ffffff40;border-radius:30px;width:40px;height:60px;display:grid;place-items:center}.era-next:hover{color:var(--lime)}
.era-particle{position:absolute;background:#b2efac;box-shadow:0 0 12px #80dfab80;z-index:1;width:5px;height:5px;transform:translateY(calc(var(--era-progress,0)*-90px));opacity:.45}.p-one{top:31%;left:16%;width:10px;height:10px}.p-two{top:68%;left:8%}.p-three{top:40%;right:14%;width:8px;height:8px}.p-four{bottom:23%;right:25%}
.era-launch.story-ready{height:225svh}.era-launch.story-ready .era-stage{position:sticky;top:0;height:100svh;min-height:720px;padding-top:130px;padding-bottom:170px}.story-ready .era-center h2{width:min(790px,66vw,calc((100svh - 550px)*1.5))}
.chrono-chapter{background:#0b1e22;color:#f3e7c9;padding:85px var(--pad) 80px;overflow:hidden;isolation:isolate}.chrono-chapter:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 20%,#30594845,transparent 50%),repeating-radial-gradient(ellipse at 70% 10%,transparent 0 88px,#ddc7800e 89px 90px,transparent 91px 180px)}.chrono-chapter .section-marker{color:#adbdb0;font-size:9px}.chrono-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:55px 0 25px;gap:40px}.chrono-heading .eyebrow{color:#cfb575;font-size:9px;margin-bottom:30px;letter-spacing:.12em}.chrono-heading h2{font-size:clamp(70px,8.5vw,132px);font-weight:700;line-height:.93}.chrono-heading h2 em{color:#dabc73;font-size:1.2em}.chrono-heading>div>p:last-child{font-size:14px;color:#aabbac;margin-top:30px;line-height:1.6}.chrono-clock{position:relative;display:grid;place-items:center;height:440px;align-self:stretch;overflow:hidden}.chrono-clock img{height:110%;width:100%;object-fit:contain;transform-origin:50% 5%;animation:pendulum 2.4s ease-in-out infinite;image-rendering:pixelated;filter:drop-shadow(0 0 25px #dabc7320);position:relative;z-index:1}.clock-orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid #dabc7330;border-radius:50%;box-shadow:0 0 0 35px #dabc7307,0 0 0 75px #dabc7307}
.atlas-preview{position:relative;padding-top:25px}.atlas-browser{overflow:hidden;border:1px solid #6e927845;border-radius:10px;background:#0b171b;box-shadow:0 35px 70px #03090b40;transform:perspective(1400px) rotateX(var(--atlas-tilt,0deg));transform-origin:center bottom}.browser-bar{height:34px;display:flex;align-items:center;gap:5px;padding:0 14px;background:#1a302e;color:#809d8a}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#6d8879}.browser-bar span{font-size:7px;letter-spacing:.07em;margin-left:12px}.atlas-viewport{aspect-ratio:1.95;background:#0b171b;position:relative}.atlas-slide{margin:0;width:100%;height:100%;position:absolute;inset:0}.atlas-slide[hidden]{display:none}.atlas-expand{border:0;padding:0;background:none;color:#f3e7c9;width:100%;height:100%;position:relative;display:block}.atlas-expand img{width:100%;height:100%;object-fit:contain;object-position:center top}.atlas-expand>span{position:absolute;right:18px;bottom:18px;font-size:8px;letter-spacing:.05em;background:#0b1e22d9;border:1px solid #dabc7360;padding:9px 14px;border-radius:30px;transition:background .2s}.atlas-expand:hover>span{background:#dabc73;color:#0b1e22}
.atlas-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0 20px}.atlas-tabs button{background:none;border:0;border-top:1px solid #a9c0ad40;color:#94aa9b;text-align:left;font-size:13px;font-weight:550;padding:20px 0 8px;transition:color .2s}.atlas-tabs button span{font-size:8px;margin-right:10px;opacity:.65}.atlas-tabs button[aria-selected=true]{border-color:#dabc73;color:#f3e7c9}.atlas-tabs button:hover{color:#dabc73}.atlas-caption{display:flex;justify-content:space-between;gap:30px;align-items:start;border-bottom:1px solid #a9c0ad25;padding:8px 0 30px}.atlas-caption p{font-size:13px;max-width:500px;color:#bacbbc}.atlas-caption>span{font-size:7px;letter-spacing:.04em;opacity:.5;padding-top:4px;white-space:nowrap}.chrono-end{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:55px}.chrono-end p{font-size:clamp(26px,3.2vw,48px);font-weight:600;letter-spacing:-.05em;line-height:1}.chrono-end em{color:#dabc73;font-size:1.2em}.chrono-end>span{font-size:8px;color:#96aa9a}
.screen-dialog{width:min(1500px,calc(100% - 30px));max-width:none;max-height:94svh;border:1px solid #4d6051;border-radius:8px;padding:0;background:#0b171b;color:#f3e7c9;overflow:auto}.screen-dialog::backdrop{background:#050c0dec;backdrop-filter:blur(8px)}.screen-dialog-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 18px;position:sticky;top:0;background:#19302ded;z-index:2}.screen-dialog h2{font-size:13px;letter-spacing:0;font-weight:500;line-height:1.4}.close-screen{width:36px;height:36px;border:0;border-radius:6px;background:#dabc73;color:#0b171b;font-size:24px}.screen-dialog>img{width:100%;height:auto}.dialog-actions>a{margin-top:12px}.menu-links a{font-size:clamp(35px,4.6vw,74px)}
html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto!important}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.next-sprite{width:240px;height:268px;background:url('assets/shiu-character.webp') center bottom/contain no-repeat;image-rendering:pixelated;animation:none}

.motion-paused .hero-visual{transform:none;opacity:1}.motion-paused .manifesto-line{transform:none!important}.motion-paused .builder-portrait>img{transform:none}.motion-paused .era-launch{height:auto}.motion-paused .era-stage{position:relative;height:auto;min-height:930px}.motion-paused .era-world{transform:scale(1.15)}.motion-paused .era-launch-logo,.motion-paused .era-rift,.motion-paused .era-running span,.motion-paused .era-particle,.motion-paused .atlas-browser{transform:none!important}.motion-paused .rift-bottom{transform:rotate(180deg)!important}
@media(min-width:701px) and (max-height:780px){.story-ready .era-center h2{width:min(450px,48vw)}.era-intro{display:none}.era-launch.story-ready .era-stage{min-height:650px;padding-top:125px;padding-bottom:150px;gap:10px}.era-bottom .era-description{font-size:11px}.era-coming{font-size:55px}.era-running{font-size:45px}}
@media(max-width:700px){.hero-portrait{max-height:none}.hero-visual{transform-origin:50% 80%}.boat-image .private-word{font-size:49px;left:6%;top:17%}.boat-image .private-label{font-size:6px;bottom:12px;padding:5px 7px}.builder-portrait>img{aspect-ratio:1;object-position:50% 20%}.era-launch.story-ready{height:185svh}.era-stage,.era-launch.story-ready .era-stage{padding:95px 22px 95px;min-height:750px;gap:25px}.era-launch.story-ready .era-stage{height:100svh;min-height:660px}.era-head{align-items:start;gap:20px}.era-head .eyebrow{font-size:7px;max-width:95px}.era-badge{font-size:6px;padding:6px 8px;gap:5px}.era-badge .status-dot{width:4px;height:4px}.era-intro{font-size:23px}.era-center h2,.story-ready .era-center h2{width:98vw;max-width:none;margin:24px -18px 0}.era-center{width:100%}.era-launch-logo{filter:drop-shadow(0 8px 15px #000a)}.era-bottom{flex-wrap:wrap;gap:22px}.era-coming{font-size:48px}.era-bottom .eyebrow{font-size:7px;margin-bottom:10px}.era-description{font-size:10px;max-width:170px}.era-description>span{font-size:7px;margin-top:8px}.era-next{font-size:7px;gap:12px}.era-next span{font-size:20px;width:29px;height:40px}.era-running{font-size:32px;padding:6px 0}.running-top{top:20px}.running-bottom{bottom:20px}.era-rift{height:55px}.era-world{object-position:45% center}.chrono-chapter{padding:65px 22px 55px}.chrono-chapter .section-marker{font-size:7px;align-items:start}.chrono-heading{grid-template-columns:1fr;position:relative;gap:0;margin:55px 0 35px;min-height:370px}.chrono-heading>div:first-child{z-index:2;pointer-events:none}.chrono-heading .eyebrow{font-size:7px;max-width:175px;margin-bottom:30px}.chrono-heading h2{font-size:18vw}.chrono-heading>div>p:last-child{font-size:11px;margin-top:35px;max-width:235px}.chrono-clock{position:absolute;right:-85px;top:-20px;width:270px;height:360px;opacity:.5}.chrono-clock img{height:100%}.clock-orbit{width:75%}.atlas-preview{padding-top:0}.atlas-browser{border-radius:6px;transform:none!important}.browser-bar{height:24px;padding:0 10px}.browser-bar span{font-size:5px;margin-left:7px}.browser-bar i{width:4px;height:4px}.atlas-viewport{aspect-ratio:1.5}.atlas-expand>span{font-size:6px;right:9px;bottom:9px;padding:6px 8px}.atlas-tabs{gap:10px;grid-template-columns:1fr 1fr;margin:20px 0 12px}.atlas-tabs button{font-size:11px;padding:12px 0 7px}.atlas-tabs button span{font-size:7px;margin-right:6px}.atlas-caption{flex-direction:column;gap:12px;padding-bottom:25px}.atlas-caption p{font-size:11px}.atlas-caption>span{font-size:6px;padding:0;white-space:normal}.chrono-end{flex-direction:column;align-items:start;gap:24px;margin-top:35px}.chrono-end p{font-size:31px}.chrono-end>span{font-size:6px}.menu-links{gap:6px}.menu-links a{font-size:10.3vw}.menu-links a>span{top:11px}.screen-dialog-bar{padding:8px 12px}.screen-dialog h2{font-size:11px}.screen-dialog>img{min-width:720px}.next-sprite{margin-top:40px}.motion-paused .era-stage{min-height:750px;height:auto}}
@media(prefers-reduced-motion:reduce){.hero-visual,.manifesto-line,.builder-portrait>img,.era-launch-logo,.era-world,.era-rift,.era-running span,.era-particle,.atlas-browser{transform:none!important}.hero-visual{opacity:1}.era-launch.story-ready{height:auto}.era-launch.story-ready .era-stage{position:relative;height:auto;min-height:930px}.rift-bottom{transform:rotate(180deg)!important}.chrono-clock img{animation:none}@media(max-width:700px){.era-launch.story-ready .era-stage{min-height:750px}}}

@media(max-width:700px){.next-sprite{width:190px;height:212px}}

.motion-paused .era-launch.story-ready{height:auto}.motion-paused .era-launch.story-ready .era-stage{position:relative;height:auto;min-height:930px}
@media(max-width:700px){.motion-paused .era-launch.story-ready{height:auto}.motion-paused .era-launch.story-ready .era-stage{height:auto;min-height:750px}}

.atlas-transition{z-index:2;pointer-events:none}.motion-paused .atlas-transition{display:none}
@media(prefers-reduced-motion:reduce){.atlas-transition{display:none}}

.journey-frame{aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:var(--olive);border:1px solid #282c2015}.journey-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;image-rendering:pixelated}.journey-card{width:min(30vw,calc((100svh - 200px)*.75));min-width:260px;max-width:460px;flex-shrink:0}.card-a{transform:rotate(-5deg)}.card-b{transform:translateY(18px) rotate(4deg)}.card-c{transform:rotate(5deg);width:min(30vw,calc((100svh - 200px)*.75))}.card-b img{object-fit:cover;object-position:center;background:var(--olive)}.motion-ready .journey-card .journey-frame img{transform:scale(1.1) translateX(calc((var(--journey-progress,0) - .5)*16px));transition:none}.motion-paused .journey-card .journey-frame img{transform:none!important}.visual-journey:not(.motion-ready) .journey-card{max-width:none}
@media(max-width:700px){.journey-card,.card-c{width:66vw;min-width:230px;max-width:320px}.motion-paused .journey-card{width:100%;min-width:0;max-width:none}.journey-frame{border-radius:5px}}
@media(prefers-reduced-motion:reduce){.journey-card,.card-c{min-width:0;max-width:none}.journey-frame img{transform:none!important}}

@media(max-height:600px){.motion-ready .journey-card,.motion-ready .card-c{width:min(30vw,calc((100svh - 150px)*.75));min-width:160px}.motion-ready .journey-track{padding-top:35px;padding-bottom:35px}.journey-quote p{font-size:32px}}