:root{--paper:#ece9e0;--ink:#0b0d0c;--red:#a92d26;--green:#315f39;--gold:#c99034;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.06;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.loader{position:fixed;inset:0;z-index:100;background:#0b0d0c;color:#eee;display:grid;place-content:center;gap:18px;transition:transform 1s var(--ease);letter-spacing:.35em;font-size:11px}.loader i{height:1px;background:#fff;animation:load 1.1s var(--ease) forwards}.loaded .loader{transform:translateY(-105%)}@keyframes load{from{width:0}to{width:100%}}
#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.nav{position:fixed;z-index:30;top:0;left:0;width:100%;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;mix-blend-mode:difference;color:white}.mark{display:flex;align-items:center;gap:12px;width:max-content}.mark b{display:grid;place-items:center;border:1px solid;border-radius:50%;width:37px;height:37px;font-size:11px}.mark span,.nav-center,.menu{font:400 9px/1.25 DM Mono;letter-spacing:.14em}.nav-center{display:flex;gap:16px}.scene-index{opacity:.5}.menu{justify-self:end;background:none;border:0;display:flex;align-items:center;gap:11px;cursor:pointer}.menu i{width:7px;height:7px;border-radius:50%;background:currentColor}.menu-panel{position:fixed;z-index:25;inset:0;background:var(--red);color:#f3eee2;display:flex;flex-direction:column;justify-content:center;padding:8vw;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease)}.menu-open .menu-panel{clip-path:inset(0)}.menu-panel a{font-size:clamp(44px,7vw,120px);font-weight:300;line-height:1;border-bottom:1px solid #ffffff45;padding:.12em 0}.menu-panel a span{font:10px DM Mono;margin-right:30px}
.scene{position:relative;min-height:100svh;overflow:hidden;padding:12vh 6vw;z-index:1}.dark{background:#0b0d0cf2;color:#eee}.section-number,.kicker{font:10px DM Mono;letter-spacing:.16em}.hero{height:100svh;padding-top:17vh}.hero h1{font-size:clamp(76px,13.8vw,265px);font-weight:300;line-height:.72;letter-spacing:-.085em;margin:7vh 0 0;position:relative;z-index:2}.hero h1 span{display:block}.hero h1 .indent{margin-left:14vw}.hero-copy{position:absolute;left:6.3vw;bottom:12vh;font-size:clamp(12px,1.1vw,18px);line-height:1.55}.character{position:absolute;z-index:3;will-change:transform}.character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 35px #1113)}.hero-character{width:min(29vw,570px);height:75vh;left:47.5%;top:16%;transform:rotate(2deg)}.orbit-label{position:absolute;right:7vw;top:18vh;font:9px DM Mono;letter-spacing:.14em}.orbit-label i{display:inline-grid;place-content:center;width:40px;height:40px;border:1px solid;border-radius:50%;margin-left:12px}.scroll-cue{position:absolute;right:6vw;bottom:7vh;font:9px DM Mono;letter-spacing:.12em}.scroll-cue span{font-size:22px;margin-left:18px}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.in-view .reveal{opacity:1;transform:none}.in-view .reveal:nth-child(2){transition-delay:.1s}
.about{height:110svh}.about h2,.mood-title,.roadmap h2,.final-content h2{font-size:clamp(58px,9vw,172px);font-weight:300;line-height:.86;letter-spacing:-.065em;margin:9vh 0}.about h2 span{display:block}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;width:48%;margin-left:46%;position:relative;z-index:4}.about-grid .lead{font-size:clamp(17px,1.5vw,27px);line-height:1.25}.about-grid .body{font-size:12px;line-height:1.7;max-width:340px}.curious-character{width:min(30vw,560px);height:70vh;left:3vw;bottom:-3vh}.portal{position:absolute;border:1px solid #ffffff20;transform:rotate(-12deg);background:linear-gradient(140deg,#ffffff0a,#7ea78914);backdrop-filter:blur(2px)}.portal-a{width:34vw;height:48vh;right:5vw;bottom:7vh}.portal-b{width:25vw;height:45vh;right:26vw;bottom:-15vh}.vertical-note{position:absolute;right:2vw;top:40%;writing-mode:vertical-rl;font:9px DM Mono;letter-spacing:.17em;color:#ffffff70}
.moods{height:110svh}.mood-title{margin:5vh 0}.mood-title span{display:block}.mood-title span:last-child{margin-left:24vw}.mood-stage{position:absolute;left:38%;top:17%;width:38vw;height:76vh}.mood{position:absolute;inset:0;margin:0;opacity:0;transform:scale(.88) rotate(-4deg);transition:opacity .7s,transform 1s var(--ease);pointer-events:none}.mood.active{opacity:1;transform:scale(1) rotate(1deg)}.mood img{width:100%;height:100%;object-fit:contain}.mood figcaption{position:absolute;top:12%;right:0;font:10px DM Mono}.mood-copy{position:absolute;left:6vw;bottom:12vh}.mood-copy span{font:9px DM Mono}.mood-copy h3{font-size:clamp(28px,3vw,55px);font-weight:400;margin:12px 0 4px}.mood-copy p{font-size:12px}.mood-nav{position:absolute;right:6vw;bottom:10vh;display:flex}.mood-nav button{background:none;border:1px solid #111;width:62px;height:62px;border-radius:50%;cursor:pointer;font-size:20px;margin-left:-1px;transition:.3s}.mood-nav button:hover{background:#111;color:#fff}
.roadmap{height:110svh}.roadmap h2{margin:7vh 0 4vh}.roadmap h2 em{font-family:Georgia,serif;font-weight:400;color:#b6a987}.steps{list-style:none;margin:0 0 0 42%;padding:0;position:relative;z-index:2}.steps li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;border-top:1px solid #ffffff32;padding:24px 0}.steps li:last-child{border-bottom:1px solid #ffffff32}.steps span,.steps i{font:9px DM Mono;color:#ffffff70}.steps b{font-size:clamp(22px,2.2vw,40px);font-weight:400;display:block}.steps small{font-size:11px;color:#ffffff80}.road-orb{position:absolute;width:35vw;height:35vw;border-radius:50%;left:4vw;bottom:-10vw;border:1px solid #ffffff23;background:radial-gradient(circle at 35% 30%,#b5c9a827,#243322 50%,#050505 73%);box-shadow:inset -30px -30px 80px #000,0 0 80px #587f4d20}.road-orb span{position:absolute;inset:15%;border-radius:50%;border:1px solid #c9933833}
.finale{height:110svh;background:var(--paper)}.final-word{position:absolute;left:-2vw;top:5vh;font-size:18vw;font-weight:300;letter-spacing:-.1em;color:#12141208}.joy-character{width:min(36vw,680px);height:80vh;right:5vw;top:15vh}.final-content{position:absolute;left:6vw;top:22vh;z-index:5}.final-content h2{font-size:clamp(55px,8vw,150px);margin:4vh 0 6vh}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a,.ca-button{border:1px solid #171917;border-radius:999px;padding:17px 24px;font:9px DM Mono;letter-spacing:.1em;transition:.25s}.socials a:hover{background:#171917;color:#fff}.ca-button{margin-top:10px;background:var(--ink);color:#fff;cursor:pointer;display:flex;gap:24px;align-items:center}.ca-button small{font-size:7px;color:#ffffff80}.ca-button.copied{background:var(--green)}footer{position:absolute;bottom:4vh;left:6vw;right:6vw;border-top:1px solid #111;padding-top:16px;display:flex;justify-content:space-between;font:8px DM Mono;letter-spacing:.12em}
@media(max-width:800px){.nav{height:68px;padding:0 18px}.nav-center{display:none}.scene{padding:100px 20px 70px;min-height:100svh;height:auto}.hero{height:100svh}.hero h1{font-size:20vw;margin-top:8vh;line-height:.8}.hero h1 .indent{margin-left:0}.hero-character{width:72vw;height:58vh;left:26vw;top:26vh}.hero-copy{left:20px;bottom:8vh}.orbit-label{display:none}.scroll-cue{right:20px}.about{height:110svh}.about h2,.mood-title,.roadmap h2,.final-content h2{font-size:15vw}.about-grid{width:54%;margin-left:43%;grid-template-columns:1fr}.about-grid .body{display:none}.curious-character{width:62vw;height:58vh;left:-14vw}.portal-a{width:70vw}.moods{height:110svh}.mood-title span:last-child{margin-left:0}.mood-stage{left:18%;top:27%;width:72vw;height:58vh}.mood-copy{bottom:9vh}.roadmap{height:110svh}.steps{margin:16vh 0 0}.road-orb{width:70vw;height:70vw;left:-25vw;bottom:5vh}.finale{height:110svh}.joy-character{width:66vw;height:56vh;right:-8vw;top:8vh}.final-content{left:20px;top:52vh}.final-content h2{margin:2vh 0 3vh}.socials{max-width:90vw}.socials a{padding:13px 15px}footer{left:20px;right:20px}footer span:nth-child(2){display:none}}
/* Text-safe composition: animated artwork never sits above readable content. */
.character{z-index:1;pointer-events:none}
.scene>:not(.character):not(.portal):not(.road-orb):not(.final-word){z-index:5}
.scene h1,.scene h2,.scene .section-number,.scene .kicker,.scene .about-grid,.scene .steps{position:relative;z-index:5}
.hero h1{z-index:5;max-width:76vw;font-size:clamp(76px,12.4vw,235px)}
.hero-character{width:min(27vw,520px);height:68vh;right:4vw;left:auto;top:23%}
.curious-character{width:min(27vw,510px);height:63vh}
.mood-stage{left:59%;top:31%;width:24vw;height:56vh;z-index:1}
.mood-title,.mood-copy,.mood-nav{z-index:5}
.joy-character{width:min(31vw,590px);height:69vh;right:2vw;top:21vh}
@media(max-width:800px){.hero h1{font-size:18vw;margin-top:5vh;max-width:100%}.hero-character{width:52vw;height:43vh;right:-4vw;left:auto;top:48vh}.curious-character{width:44vw;height:43vh;left:-5vw;bottom:0}.mood-stage{left:48%;top:42%;width:43vw;height:38vh}.joy-character{width:46vw;height:40vh;right:-3vw;top:11vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.character{transform:none!important}.loader{display:none}}