:root{--night:#101426;--purple:#43306e;--deep:#1b1736;--cream:#fff1d9;--sun:#ff9d45;--mint:#b3edce;--ink:#161529}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--cream);font-family:'Bricolage Grotesque',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--sun);color:var(--ink)}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.2;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:330px;height:330px;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,157,69,.1),transparent 65%);pointer-events:none;z-index:20;transition:opacity .3s}.site-nav{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:24px 4vw}.logo{font:clamp(24px,2.4vw,34px) 'Anton',sans-serif;letter-spacing:.015em;white-space:nowrap;display:flex;align-items:center}.logo-star{color:var(--sun);font-size:.8em;margin-right:7px;animation:star-turn 12s linear infinite}.logo-dot{color:var(--sun)}.site-nav nav{display:flex;gap:32px;padding:14px 28px;border-radius:50px;background:rgba(18,18,37,.48);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px)}.site-nav nav a,.nav-cta{font:700 12px 'Space Mono',monospace;letter-spacing:.04em;transition:color .2s}.site-nav nav a:hover{color:var(--sun)}.nav-cta{padding:15px 20px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:rotate(0) translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.nav-cta span{margin-left:8px}.mobile-menu{display:none}.scene{position:relative;overflow:hidden}.hero{min-height:960px;height:100vh;max-height:1100px;background:linear-gradient(#32315d 0%,#a4565a 50%,#fa9b4d 78%,#24243f 79%,#151526 100%);isolation:isolate}.hero-sky{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,35,.35),transparent 52%)}.hero-grid{position:absolute;inset:50% 0 0;opacity:.32;background:linear-gradient(transparent 93%,rgba(255,241,217,.5) 94%),linear-gradient(90deg,transparent 93%,rgba(255,241,217,.5) 94%);background-size:90px 90px;transform:perspective(500px) rotateX(72deg) translateY(22%);transform-origin:center bottom;mask-image:linear-gradient(transparent,black)}.hero-horizon{position:absolute;bottom:14%;left:-10%;width:120%;height:14%;background:radial-gradient(ellipse at 22% 100%,#1e1c39 0 27%,transparent 28%),radial-gradient(ellipse at 55% 100%,#171930 0 30%,transparent 31%),linear-gradient(to top,#191a32,transparent);filter:drop-shadow(0 -18px 20px rgba(28,22,54,.3))}.sun-halo{position:absolute;width:min(60vw,830px);aspect-ratio:1;left:50%;top:1%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,235,177,.75),rgba(255,174,100,.35) 35%,transparent 68%);filter:blur(20px)}.planet{position:absolute;border-radius:50%;box-shadow:inset -18px -18px 35px rgba(20,15,49,.25),0 0 45px rgba(252,192,131,.16)}.planet-one{width:140px;height:140px;top:16%;right:13%;background:radial-gradient(circle at 35% 32%,#f4d8b7,#9e81ad 55%,#68558c)}.planet-two{width:35px;height:35px;top:35%;left:12%;background:#ffd09c}.hero-inner{position:relative;max-width:1600px;height:100%;margin:auto;padding:120px 4vw 100px}.hero-overline{position:relative;z-index:8;display:flex;gap:12px;align-items:center;font:700 12px 'Space Mono',monospace;letter-spacing:.13em}.live-dot{height:10px;width:10px;background:var(--mint);border-radius:50%;box-shadow:0 0 20px var(--mint)}.hero-coordinates{margin-left:auto}.hero-title-wrap{position:absolute;top:19%;left:3.5%;right:3.5%;height:45%;display:flex;align-items:center;justify-content:center}.hero-title,.title-outline{position:absolute;margin:0;white-space:nowrap;line-height:.75;font:clamp(170px,27vw,435px) 'Anton',sans-serif;letter-spacing:-.055em}.hero-title{z-index:2;color:#fff0cd;text-shadow:0 10px 0 #e5956d,0 22px 45px rgba(26,12,45,.22)}.title-outline{z-index:5;color:transparent;-webkit-text-stroke:2px rgba(255,245,225,.65);transform:translateY(10px)}.hero-character{position:absolute;z-index:4;width:min(63vw,920px);height:min(70vh,760px);left:50%;bottom:10%;transform:translateX(-50%);display:grid;place-items:center;filter:drop-shadow(0 35px 32px rgba(20,10,28,.5))}.hero-character img{width:100%;height:100%;object-fit:contain}.floating-sticker{position:absolute;z-index:7;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink);font:700 14px 'Space Mono',monospace;box-shadow:8px 13px 0 rgba(25,17,49,.25)}.sticker-one{width:175px;height:175px;background:#b9edcb;border-radius:50%;top:29%;left:5%;transform:rotate(-15deg);flex-direction:column;gap:4px}.sticker-one span{font:35px 'Anton',sans-serif}.sticker-two{width:145px;height:145px;background:#ffc561;clip-path:polygon(50% 0%,61% 15%,78% 5%,80% 24%,98% 25%,89% 43%,100% 57%,83% 66%,87% 87%,66% 85%,50% 100%,37% 84%,15% 89%,17% 67%,0% 57%,12% 42%,3% 23%,23% 22%,39% 10%);right:5%;top:46%;transform:rotate(14deg)}.hero-bottom{position:absolute;left:4vw;right:4vw;bottom:73px;z-index:9;display:flex;align-items:end;justify-content:space-between;gap:20px}.mini-label,.chapter{font:700 12px 'Space Mono',monospace;letter-spacing:.14em}.hero-bottom p{font-size:25px;line-height:1.1;font-weight:800;margin:11px 0 0}.hero-actions,.join-actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:160px;padding:15px 20px;border:2px solid var(--ink);font:700 13px 'Space Mono',monospace;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-hot{background:var(--sun);color:var(--ink)}.button-dark{background:#22213e;color:var(--cream)}.button-light{background:var(--cream);color:var(--ink)}.button span{font-size:18px}.scroll-down{display:flex;align-items:center;gap:15px;font:700 11px 'Space Mono',monospace}.scroll-down span{font-size:24px;animation:bob 1.7s ease-in-out infinite}.hero-marquee{position:absolute;z-index:10;bottom:0;left:0;right:0;height:50px;background:var(--mint);color:var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);overflow:hidden;transform:rotate(-1deg) scale(1.02)}.hero-marquee>div{white-space:nowrap;display:inline-block;font:30px 'Anton',sans-serif;letter-spacing:.05em;animation:marquee 25s linear infinite}.hero-marquee span{padding:0 30px;color:#9c5aa0}.intro{background:#dcd5f2;color:var(--ink);min-height:900px;padding:150px 4vw 130px}.intro-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw}.intro-copy{position:relative;z-index:2}.chapter{display:inline-flex;padding:8px 12px;background:var(--ink);color:var(--cream);margin-bottom:34px;transform:rotate(-2deg)}h2{font:clamp(82px,10vw,165px) 'Anton',sans-serif;letter-spacing:-.045em;line-height:.88;margin:0}h2 em{font-style:normal;color:#e8774e}.intro-lead{font-weight:800;font-size:clamp(23px,2.7vw,39px);line-height:1.08;max-width:680px;margin:38px 0 22px}.intro-copy>p:not(.intro-lead){font-size:18px;line-height:1.45;max-width:600px}.text-link{font:700 13px 'Space Mono',monospace;display:inline-flex;gap:18px;border-bottom:3px solid var(--ink);padding:10px 0;margin-top:20px}.intro-stage{position:relative;height:650px;transform-style:preserve-3d;perspective:900px}.stage-disc{position:absolute;inset:10% 2% 2%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffda8a,#f39356 57%,#a76585);box-shadow:inset -30px -45px 0 rgba(38,28,66,.15),20px 35px 0 rgba(52,37,76,.15);transform:translateZ(-80px)}.stage-ring{position:absolute;inset:3% -3% 5%;border:7px solid #272247;border-radius:50%;transform:rotateX(68deg) rotateZ(-28deg) translateZ(70px);box-shadow:0 20px 0 rgba(39,34,71,.22)}.intro-cat{position:absolute;z-index:3;width:90%;height:96%;object-fit:contain;left:5%;bottom:0;filter:drop-shadow(18px 25px 13px rgba(33,26,59,.35));transform:translateZ(110px)}.stage-tag{position:absolute;z-index:5;background:var(--mint);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px 14px;font:700 13px 'Space Mono',monospace}.tag-top{top:11%;left:-4%;transform:rotate(-8deg)}.tag-bottom{right:-3%;bottom:9%;transform:rotate(6deg)}.intro-orbit{position:absolute;border:2px dashed rgba(36,28,68,.18);border-radius:50%;width:700px;height:700px}.orbit-a{left:-400px;top:100px}.orbit-b{right:-400px;bottom:-300px}.story{min-height:1250px;padding:150px 4vw 100px;background:radial-gradient(circle at 72% 48%,#563b83,transparent 40%),linear-gradient(#23234b,#0e1832 70%);isolation:isolate}.story-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#9371c4,transparent 60%);opacity:.13;filter:blur(10px)}.story-stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:90px 90px;opacity:.3}.story-heading,.story-panels,.story-note{position:relative;z-index:3;max-width:1500px;margin:auto}.story-heading h2{font-size:clamp(90px,12vw,190px);max-width:920px}.story-heading h2 em{color:var(--mint)}.story-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:90px}.story-card{min-height:290px;background:#f4e9d8;color:var(--ink);padding:28px;border:3px solid #25213c;box-shadow:11px 12px 0 #131322;transform-style:preserve-3d;transition:transform .35s,box-shadow .35s}.story-card:nth-child(2){background:#b7e6ce}.story-card:nth-child(3){background:#ffbb80}.story-card:hover{transform:translateY(-14px) rotate(-2deg);box-shadow:16px 22px 0 #131322}.story-card>span{font:700 12px 'Space Mono',monospace}.story-card h3{font:clamp(35px,4vw,63px) 'Anton',sans-serif;margin:16px 0 12px;letter-spacing:-.02em}.story-card p{font-size:18px;line-height:1.3;margin:0}.story-cat-wrap{position:relative;margin:-20px auto 0;width:min(650px,75vw);height:420px;z-index:2;pointer-events:none}.story-cat{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 20px #090c20)}.story-note{font:700 13px 'Space Mono',monospace;text-align:center;letter-spacing:.12em;color:var(--mint)}.interlude{overflow:hidden;background:#ffba71;color:var(--ink);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);transform:rotate(2deg) scale(1.02);position:relative;z-index:5}.interlude-track{white-space:nowrap;width:max-content;animation:marquee 30s linear infinite;font:clamp(60px,8vw,120px) 'Anton',sans-serif}.interlude span{padding:0 30px;color:#7d4b8b}.personality{min-height:920px;padding:140px 4vw;background:#d9eedf;color:var(--ink);display:grid;grid-template-columns:48% 52%;align-items:center;gap:3vw}.personality-art{position:relative;height:680px;perspective:900px}.personality-disk{position:absolute;inset:2% 4% 8%;border-radius:50%;background:#7059a1;box-shadow:inset -30px -30px 0 rgba(20,17,44,.22),25px 25px 0 #25304b}.personality-art img{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 20px 10px rgba(23,19,44,.4));transform:translateZ(100px)}.p-caption{position:absolute;bottom:4%;left:0;background:#ffbb80;padding:14px 20px;border:3px solid var(--ink);box-shadow:6px 6px var(--ink);font:700 14px 'Space Mono',monospace;transform:rotate(-5deg)}.personality-copy{max-width:650px}.personality-copy h2{font-size:clamp(80px,8vw,130px)}.personality-copy>p{font-size:23px;line-height:1.25;font-weight:600;margin:35px 0 50px}.trait-row{display:grid;grid-template-columns:50px 1fr 30px;align-items:center;border-top:3px solid var(--ink);padding:17px 0;font:700 17px 'Space Mono',monospace}.trait-row:last-child{border-bottom:3px solid var(--ink)}.trait-row span:last-child{color:#e7794b;font-size:23px}.gallery{background:#f7e4ca;color:var(--ink);min-height:1200px;padding:145px 4vw}.gallery-top{display:flex;align-items:end;justify-content:space-between;max-width:1500px;margin:auto}.gallery-top h2{font-size:clamp(90px,11vw,170px)}.gallery-top p{font:700 22px 'Space Mono',monospace;line-height:1.2}.gallery-spread{max-width:1500px;margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1200px}.photo-card{margin:0;background:#fff9ef;padding:13px 13px 22px;border:3px solid var(--ink);box-shadow:12px 15px var(--ink);transform:rotate(-5deg);transition:transform .5s,box-shadow .5s}.photo-card:nth-child(2){transform:translateY(60px) rotate(4deg)}.photo-card:nth-child(3){transform:translateY(15px) rotate(-3deg)}.photo-card:hover{transform:translateY(-22px) rotate(0) scale(1.04);box-shadow:19px 26px var(--ink);z-index:2}.photo-image{aspect-ratio:4/5;overflow:hidden;background:#2c2248}.photo-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.photo-card:hover img{transform:scale(1.08)}.photo-card figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:17px;font:700 12px 'Space Mono',monospace}.join{min-height:850px;background:radial-gradient(circle at 50% 80%,#5e559f,#1a1a3b 58%,#101326);text-align:center;padding:130px 4vw;isolation:isolate}.join-beam{position:absolute;left:50%;top:0;transform:translateX(-50%);width:80%;height:95%;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:linear-gradient(rgba(255,233,182,.06),rgba(255,191,111,.16));pointer-events:none}.join-cat{position:absolute;width:220px;height:240px;object-fit:contain;bottom:30px;left:calc(50% - 110px);opacity:.4;filter:drop-shadow(0 10px 10px #000)}.join .chapter{background:var(--sun);color:var(--ink);position:relative;z-index:2}.join h2{font-size:clamp(95px,14vw,215px);position:relative;z-index:2;text-shadow:8px 12px 0 #231834}.join h2 em{color:var(--sun)}.join p{position:relative;z-index:2;font-size:26px;font-weight:800}.join-actions{position:relative;z-index:2;justify-content:center;margin:40px 0}.join small{position:relative;z-index:2;font:11px 'Space Mono',monospace;word-break:break-all;color:#c5b8ce}footer{background:#101426;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 4vw;max-width:1600px;margin:auto}footer>span,footer>a:last-child{font:700 11px 'Space Mono',monospace;color:#acacbe}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,130px);z-index:100;background:var(--mint);color:var(--ink);padding:14px 25px;border:3px solid var(--ink);box-shadow:5px 5px var(--ink);font:700 14px 'Space Mono',monospace;transition:transform .3s}.toast.show{transform:translate(-50%,0)}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(8px)}}@media(max-width:980px){.site-nav nav{display:none}.hero{min-height:760px;height:100svh}.hero-title,.title-outline{font-size:27vw}.hero-character{width:85vw;height:55vh;bottom:17%}.sticker-one{width:120px;height:120px;font-size:9px;left:2%;top:32%}.sticker-two{width:100px;height:100px;font-size:10px;right:2%;top:43%}.hero-bottom p{font-size:18px}.scroll-down{display:none}.intro-inner,.personality{grid-template-columns:1fr}.intro-stage{height:580px}.personality-art{order:2;height:520px}.story-panels{grid-template-columns:1fr}.story{padding-bottom:90px}.story-card{min-height:auto}.gallery-spread{gap:13px}.photo-card figcaption{font-size:10px}footer>span{display:none}}@media(max-width:600px){.site-nav{padding:20px 5vw}.logo{font-size:25px}.nav-cta{font-size:10px;padding:12px}.hero{min-height:690px}.hero-inner{padding:100px 5vw 80px}.hero-overline{font-size:8px}.hero-title-wrap{top:25%;left:0;right:0}.hero-title,.title-outline{font-size:27vw}.hero-character{width:110vw;height:52vh;left:50%;bottom:17%}.sticker-one{top:38%;left:2%;width:90px;height:90px;font-size:7px}.sticker-one span{font-size:18px}.sticker-two{top:54%;width:75px;height:75px;font-size:8px}.hero-bottom{left:5vw;right:5vw;bottom:62px;display:block}.hero-bottom>div:first-child{display:none}.hero-actions{justify-content:center}.button{padding:12px;min-width:130px;font-size:10px;gap:8px}.hero-marquee{height:38px}.hero-marquee>div{font-size:23px}.intro,.story,.gallery{padding:95px 6vw}.intro h2,.personality h2,.gallery h2{font-size:19vw}.intro-lead{font-size:22px}.intro-copy>p:not(.intro-lead){font-size:16px}.intro-stage{height:400px}.stage-tag{font-size:9px}.story-heading h2{font-size:19vw}.story-panels{margin-top:55px}.story-card h3{font-size:46px}.story-cat-wrap{height:290px}.story-note{font-size:9px}.personality{padding:100px 6vw}.personality-art{height:390px}.personality-copy>p{font-size:18px}.trait-row{font-size:12px}.gallery-top p{display:none}.gallery-spread{grid-template-columns:1fr 1fr;margin-top:50px}.photo-card:nth-child(3){grid-column:1/3;width:70%;justify-self:center}.photo-card figcaption{font-size:8px}.join{min-height:650px;padding:100px 5vw}.join h2{font-size:22vw}.join p{font-size:18px}.join-cat{width:130px;height:160px;left:calc(50% - 65px)}footer{padding:25px 5vw}footer .logo{font-size:22px}footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Refined compositions */
:root{--page-gutter:clamp(22px,5vw,88px)}
.skip-link{position:fixed;top:-80px;left:20px;z-index:200;padding:15px;background:var(--mint);color:var(--ink)}.skip-link:focus{top:15px}:focus-visible{outline:3px solid #c782ff;outline-offset:7px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform-origin:left;transform:scaleX(0);background:var(--sun);z-index:100}.site-nav{padding:26px var(--page-gutter)}.site-nav nav a{position:relative}.site-nav nav a.active{color:var(--sun)}.site-nav nav a.active:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--sun)}
.hero{height: min(940px,100svh);min-height:800px;max-height:none;background:linear-gradient(160deg,#242641 3%,#6a4766 40%,#bd7367 68%,#f7ac68 82%,#23213c 83%);border-bottom:0}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff5dc 1px,transparent 1px);background-size:93px 117px;mask-image:linear-gradient(black,transparent 50%);opacity:.35;pointer-events:none;z-index:-1}.hero-inner{padding:126px var(--page-gutter) 110px}.hero-overline{font-size:10px;opacity:.85}.hero-title-wrap{top:25%;left:var(--page-gutter);right:auto;width:51%;height:auto;display:block;z-index:8}.hero-headline{position:relative}.hero-kicker{display:inline-block;margin-bottom:22px;padding:7px 12px;border:1px solid #fff1d952;background:#18182c44;font:700 12px 'Space Mono',monospace;letter-spacing:.15em}.hero-title{position:relative;font-size:clamp(100px,13.8vw,221px);line-height:.88;letter-spacing:-.025em;color:#fff1d9;text-shadow:0 7px 0 #c87c69,0 17px 35px #26172c30}.hero-subtitle{display:block;margin-top:19px;font:clamp(23px,3.6vw,56px)/1 'Anton',sans-serif;letter-spacing:.055em;text-shadow:none;color:var(--mint)}.hero-intro{margin:29px 0 25px;font-size:clamp(22px,2.2vw,33px);font-weight:600;line-height:1.12;letter-spacing:-.025em}.hero-character{width:54%;height:53%;left:48%;bottom:20%;transform:none;pointer-events:none;z-index:4}.hero-character img{object-fit:contain;animation:creature-float 5s ease-in-out infinite}.floating-sticker{z-index:6;pointer-events:none}.sticker-one{left:auto;right:8%;top:23%;width:126px;height:126px;font-size:10px;transform:rotate(13deg)}.sticker-one span{font-size:24px}.sticker-two{right:6%;top:auto;bottom:19%;height:108px;width:108px;font-size:10px;transform:rotate(-12deg)}.hero-bottom{left:var(--page-gutter);right:var(--page-gutter);bottom:92px;align-items:center}.hero-footnote{font:700 10px 'Space Mono',monospace;letter-spacing:.1em;color:#fff1d9c9}.hero-horizon{bottom:5%;height:20%}.hero-grid{inset:65% 0 0}.sun-halo{left:75%;top:16%;width:650px;opacity:.7}.planet-one{width:100px;height:100px;right:31%;top:19%}.planet-two{left:54%;top:62%;width:26px;height:26px}.scroll-down{font-size:10px}.hero-actions .button{min-width:150px}
.hero-marquee{height:55px;left:0;right:0;transform:none;display:flex;align-items:center;border-width:2px}.marquee{overflow:hidden}.marquee-track{display:flex!important;width:max-content;white-space:nowrap;animation:seamless-loop 25s linear infinite!important;will-change:transform}.marquee-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:40px;min-width:100vw;padding:0 20px;font:30px/1 'Anton',sans-serif;letter-spacing:.03em}.hero-marquee span{padding:0;color:var(--ink)}.marquee-group b{font-weight:400;color:#825592}.marquee:hover .marquee-track{animation-play-state:paused!important}.interlude{transform:rotate(-1deg) scale(1.02);padding:16px 0;border-width:2px}.marquee-large .marquee-track{animation-duration:38s!important}.marquee-large .marquee-group{font-size:clamp(45px,6vw,90px);gap:34px;padding:0 17px}.interlude span{padding:0;color:var(--ink)}
.intro{padding:120px var(--page-gutter);min-height:auto}.intro-inner{grid-template-columns:1fr 1fr;gap:5vw}.intro-copy h2{font-size:clamp(70px,7.8vw,125px)}.intro-lead{font-size:clamp(22px,2.3vw,34px);line-height:1.15}.intro-copy>p:not(.intro-lead){font-size:17px;line-height:1.6;max-width:490px}.intro-stage{height:530px}.intro-cat{width:86%;left:7%;height:94%;bottom:0}.stage-disc{inset:12% 2% 6%;background:linear-gradient(135deg,#ffc972,#b77b96)}.stage-ring{border-width:3px}.stage-tag{font-size:10px;padding:12px}.tag-top{left:0;top:12%}.tag-bottom{right:0;bottom:4%}.chapter{font-size:10px;margin-bottom:25px;padding:9px 12px}.text-link{font-size:11px}
.story{min-height:auto;padding:115px var(--page-gutter) 95px}.story-sky{background:radial-gradient(ellipse at 80% 20%,#9371c4,transparent 60%);opacity:.3;filter:none}.story-heading h2{font-size:clamp(80px,9vw,144px)}.story-heading{display:flex;flex-direction:column;align-items:flex-start}.story-panels{gap:24px;margin-top:55px}.story-card{padding:13px 13px 25px;min-width:0;border:2px solid #121729;box-shadow:7px 9px 0 #0b0e20}.story-image{aspect-ratio:3/2;overflow:hidden;margin-bottom:24px;border:1px solid #161529}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.story-card:hover .story-image img{transform:scale(1.045)}.story-card>span,.story-card>h3,.story-card>p{margin-left:12px;margin-right:12px}.story-card>span{font-size:10px}.story-card h3{font-size:clamp(26px,3vw,48px);line-height:1.1;margin-top:15px;margin-bottom:14px}.story-card p{font-size:16px;line-height:1.5}.story-note{margin-top:52px;font-size:10px;line-height:1.7;text-wrap:balance}.story-card:nth-child(2){transform:translateY(18px)}.story-card:nth-child(3){transform:translateY(36px)}
.personality{padding:120px var(--page-gutter);min-height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw}.personality-art{height:540px}.personality-art img{object-fit:contain;inset:0;animation:creature-float 7s ease-in-out infinite}.personality-disk{inset:3% 2% 6%;box-shadow:inset -20px -25px #17132d30,16px 16px #25304b}.personality-copy h2{font-size:clamp(65px,7.3vw,117px)}.personality-copy>p{font-size:21px;line-height:1.45;margin:28px 0 34px}.trait-row{font-size:12px;border-width:2px;padding:16px 0;grid-template-columns:36px 1fr 24px}.trait-row:last-child{border-width:2px}.p-caption{bottom:0;left:4%;font-size:10px;padding:12px 15px;border-width:2px;white-space:nowrap}
.gallery{min-height:auto;padding:115px var(--page-gutter) 130px}.gallery-top h2{font-size:clamp(75px,8.5vw,136px)}.gallery-top p{font-size:18px;line-height:1.4;padding:0 0 7px;max-width:270px}.gallery-hint{display:block;font-size:9px;line-height:1.6;margin-top:25px;max-width:200px}.gallery-spread{margin-top:65px;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 45px;max-width:1280px}.photo-card{padding:12px 12px 22px;border-width:2px;transform:rotate(-2deg);box-shadow:9px 11px var(--ink)}.photo-card:nth-child(2){transform:translateY(20px) rotate(2deg)}.photo-card:nth-child(3){transform:rotate(1deg)}.photo-card:nth-child(4){transform:translateY(20px) rotate(-2deg)}.photo-image{width:100%;padding:0;border:0;display:block;position:relative;aspect-ratio:3/2;cursor:zoom-in}.photo-image img{display:block}.photo-card figcaption{font-size:10px;padding:18px 9px 0;align-items:start}.photo-card figcaption b{display:block}.photo-card figcaption small{display:block;font:16px 'Bricolage Grotesque',sans-serif;margin-top:7px}.photo-card figcaption>span:last-child{color:#827782}.photo-expand{position:absolute;right:12px;bottom:12px;border:1px solid var(--ink);background:var(--cream);color:var(--ink);padding:5px 11px;font-size:22px;transition:transform .2s}.photo-image:hover .photo-expand{transform:rotate(45deg)}
.join{min-height:auto;padding:120px var(--page-gutter) 115px}.join h2{font-size:clamp(70px,11vw,176px);line-height:.95;text-shadow:5px 7px #231834}.join p{font-size:22px;font-weight:600}.join small{display:block;color:#bab0cf;font-size:10px}.join-actions{margin:35px 0 30px}.join-beam{opacity:.6}footer{padding:32px var(--page-gutter);border-top:1px solid #fff1d91a}footer>span{font-size:10px}.lightbox{padding:50px 18px 18px;border:1px solid #fff1d940;background:#101426;color:var(--cream);max-width:min(1000px,94vw);max-height:94svh;overflow:auto}.lightbox::backdrop{background:#0b0b20e8;backdrop-filter:blur(12px)}.lightbox img{max-width:100%;max-height:72svh;object-fit:contain;display:block;margin:auto}.lightbox p{font:12px 'Space Mono',monospace;text-align:center;margin:18px 0 0}.lightbox-close{position:absolute;right:10px;top:6px;color:var(--cream);background:none;border:0;font-size:32px;cursor:pointer;min-height:40px;min-width:40px}.mobile-menu{background:var(--mint);color:var(--ink);border:1px solid var(--ink);padding:6px 10px;min-height:39px;font-size:20px}.mobile-menu[aria-expanded=true]{background:var(--sun)}
@keyframes seamless-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes creature-float{50%{transform:translateY(-14px) rotate(1deg)}}
@media(min-width:1650px){.hero-title{font-size:220px}.hero-title-wrap{width:740px}.hero-subtitle{font-size:56px}.hero-character{left:52%;width:48%}}
@media(max-width:1100px){.hero{min-height:760px}.hero-title-wrap{top:26%;width:52%}.hero-title{font-size:13.4vw}.hero-character{left:46%;width:57%;bottom:24%;height:48%}.sticker-one{right:5%;top:25%;width:103px;height:103px;font-size:8px}.sticker-two{right:5%;bottom:19%;width:86px;height:86px;font-size:8px}.intro-stage{height:450px}.story-panels{gap:15px}.story-card h3{font-size:3.1vw}.personality{gap:5vw}.personality-art{height:440px}.personality-copy>p{font-size:18px}.hero-actions .button{min-width:135px;font-size:11px;padding:14px}.p-caption{font-size:8px}.gallery-spread{gap:48px 28px}.site-nav nav{gap:22px;padding:13px 20px}.site-nav nav a,.nav-cta{font-size:10px}}
@media(max-width:800px){.site-nav nav{display:none}.mobile-menu{display:block}.nav-cta{margin-left:auto;margin-right:15px}.site-nav nav.menu-open{display:flex;position:absolute;right:var(--page-gutter);top:83px;flex-direction:column;gap:20px;border-radius:0;background:#15152bf5;padding:25px 35px;box-shadow:6px 6px #0a0c1b}.hero{min-height:900px;height:auto}.hero-inner{min-height:900px;padding-top:112px}.hero-coordinates{font-size:8px}.hero-title-wrap{top:175px;left:var(--page-gutter);width:85%;z-index:8}.hero-title{font-size:clamp(100px,20vw,160px);text-shadow:0 5px #c87c69}.hero-subtitle{font-size:clamp(25px,6vw,42px);margin-top:12px}.hero-kicker{font-size:10px;margin-bottom:17px}.hero-intro{font-size:21px;line-height:1.1;margin:23px 0}.hero-character{top:445px;bottom:auto;height:300px;left:24%;width:76%}.hero-character img{animation-duration:7s}.hero-bottom{bottom:84px;display:flex}.hero-footnote{font-size:8px}.sticker-one{top:550px;left:5%;right:auto;width:95px;height:95px}.sticker-two{display:none}.hero-actions{justify-content:flex-start;gap:12px}.hero-actions .button{min-width:146px}.hero-grid{inset:65% 0 0}.hero-horizon{bottom:7%}.sun-halo{top:37%;left:65%;width:90vw}.planet-one{right:8%;top:20%;width:60px;height:60px}.planet-two{left:7%;top:70%}.hero-marquee{height:46px}.marquee-group{font-size:25px;gap:25px;padding:0 12.5px}.intro-inner{grid-template-columns:1fr;gap:30px}.intro h2{font-size:14vw}.intro-lead{max-width:580px;font-size:26px}.intro-copy>p:not(.intro-lead){max-width:580px}.intro-stage{height:520px;width:min(540px,100%);margin:auto}.intro{padding:85px var(--page-gutter)}.story{padding:85px var(--page-gutter)}.story-heading h2{font-size:15vw}.story-panels{grid-template-columns:1fr;gap:28px;margin-top:45px;max-width:580px}.story-card{padding:12px 12px 26px;transform:none}.story-card h3{font-size:40px}.story-card p{font-size:17px}.story-note{margin-top:40px;font-size:9px}.personality{grid-template-columns:1fr;padding:85px var(--page-gutter);gap:40px}.personality-art{order:2;width:min(520px,100%);margin:auto;height:480px}.personality-copy{max-width:580px}.personality-copy h2{font-size:14vw}.personality-copy>p{font-size:20px}.trait-row{font-size:12px}.gallery{padding:85px var(--page-gutter) 100px}.gallery-top h2{font-size:14vw}.gallery-top p{font-size:14px;max-width:160px}.gallery-spread{gap:40px 22px}.photo-card{padding:8px 8px 17px}.photo-card figcaption{font-size:8px;flex-wrap:wrap;padding:12px 3px 0}.photo-card figcaption small{font-size:14px}.photo-card:nth-child(3){grid-column:auto;width:100%}.photo-image{aspect-ratio:1}.photo-expand{font-size:18px;right:8px;bottom:8px;padding:3px 8px}.join{padding:90px var(--page-gutter)}.join h2{font-size:14vw}.join p{font-size:20px}.join small{font-size:9px}footer>span{display:none}}
@media(max-width:480px){.site-nav{padding-top:22px}.site-nav .logo{font-size:23px}.nav-cta{font-size:8px;padding:11px 9px;margin-right:11px;box-shadow:3px 3px #161529}.mobile-menu{font-size:18px;padding:4px 8px}.hero{min-height:840px}.hero-inner{min-height:840px}.hero-overline{font-size:8px;letter-spacing:.06em;gap:8px}.hero-coordinates{display:none}.hero-title-wrap{top:164px}.hero-title{font-size:22vw}.hero-subtitle{font-size:7vw}.hero-intro{font-size:20px;margin:23px 0}.hero-actions .button{min-width:139px;padding:13px 12px;font-size:10px}.hero-character{top:435px;left:11%;width:93%;height:265px}.sticker-one{top:556px;left:5%;width:80px;height:80px;font-size:6.5px;box-shadow:5px 7px #19113140}.sticker-one span{font-size:21px}.hero-bottom{bottom:78px;left:var(--page-gutter);right:var(--page-gutter)}.hero-bottom .scroll-down{display:flex;font-size:8px;gap:8px}.hero-footnote{font-size:7px;letter-spacing:0}.hero-marquee{height:43px}.marquee-group{font-size:23px}.intro-stage{height:360px}.intro-lead{font-size:23px}.intro h2,.personality-copy h2{font-size:17vw}.stage-tag{font-size:8px;padding:10px}.tag-top{left:0;top:8%}.tag-bottom{right:0;bottom:0}.story-heading h2{font-size:18vw}.story-card h3{font-size:36px}.story-card p{font-size:16px}.personality-art{height:350px}.p-caption{font-size:7px;left:0;padding:11px}.gallery-top p{display:none}.gallery-top h2{font-size:17vw}.gallery-spread{grid-template-columns:1fr;gap:42px;margin-top:45px;padding:0 4px}.photo-card:nth-child(n){width:100%;grid-column:auto;transform:rotate(-2deg)}.photo-card:nth-child(even){transform:rotate(2deg)}.photo-image{aspect-ratio:3/2}.photo-card figcaption{font-size:9px}.photo-card figcaption small{font-size:16px}.join h2{font-size:15vw}.join-actions .button{min-width:137px;padding:14px 11px}.join small{line-height:1.7}.grain{opacity:.13}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.marquee-track,.hero-character img,.personality-art img{animation:none!important}.marquee-track{transform:none!important}.cursor-glow{display:none}.story-card,.photo-card{transition:none!important}.scroll-progress{transition:none}}

@media(min-width:1101px) and (max-width:1649px){.hero-character{left:49.5%;width:49%}}
@media(max-width:480px){.hero-character{left:4%;width:92%}}
html{overflow-x:clip}

.hero-headline>.hero-actions{margin-top:30px}

/* Scroll-driven chapter transitions: readable chapters, overlapping 3D exits. */
.scene-shell{position:relative;isolation:isolate}
.motion-3d .scene-shell>.scene{backface-visibility:hidden;box-shadow:0 30px 75px #06071655}
.motion-3d .story-card,.motion-3d .photo-card{backface-visibility:hidden;transition:box-shadow .35s}
.interlude{z-index:20}footer{position:relative;z-index:21}
@media(prefers-reduced-motion:reduce){.scene-shell>.scene{transform:none!important;opacity:1!important;border-radius:0!important}}

.hero-bottom{justify-content:flex-end}

.motion-3d .scene-shell>.scene{min-height:100svh}