:root{--black:#050505;--panel:#0a0a0a;--ink:#f2f0e9;--muted:#9c9b96;--line:rgba(242,240,233,.15);--blue:#87d8ff;--pad:clamp(1.25rem,4vw,5rem);--display:clamp(3.7rem,10.7vw,10rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--ink);font-family:Inter,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}img,video{display:block;max-width:100%}button,a{font:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;background:var(--ink);color:var(--black);padding:.75rem 1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}a,button{outline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue)}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad);transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}.site-header.scrolled,.site-header.menu-open{background:rgba(5,5,5,.83);backdrop-filter:blur(18px);border-color:var(--line)}.wordmark{color:var(--ink);text-decoration:none;font-size:1.2rem;line-height:1;font-weight:800;letter-spacing:.23em}.site-nav{display:flex;gap:2rem}.site-nav a{color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-decoration:none;text-transform:uppercase}.site-nav a:hover{color:var(--blue)}.menu-toggle{display:none;background:none;border:0;padding:.5rem;color:var(--ink)}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-video{z-index:-2;object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.04) 30%,rgba(0,0,0,.72) 85%,#050505 100%),linear-gradient(90deg,rgba(0,0,0,.58),transparent 65%)}.hero-content{width:min(930px,100%);padding:9rem var(--pad) 7rem}.eyebrow,.kicker{margin:0 0 1.1rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1,.kickstarter h2{font-size:var(--display);line-height:.78;letter-spacing:-.075em;margin:0 0 1.6rem;font-weight:760}.payoff{display:flex;align-items:center;gap:.8rem;margin:0;font-size:clamp(.8rem,1.3vw,1.05rem);font-weight:750;letter-spacing:.23em}.payoff i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor}.hero-copy{font-size:clamp(1rem,1.6vw,1.25rem);max-width:35ch;color:rgba(255,255,255,.76);margin:1.1rem 0 2rem}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}.button{min-height:50px;padding:.95rem 1.25rem;border:1px solid var(--line);text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;font-weight:760;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--black);border-color:var(--ink)}.button-primary:disabled{cursor:not-allowed;opacity:.82}.button-ghost{background:rgba(0,0,0,.15);color:var(--ink);backdrop-filter:blur(8px)}.scroll-cue{position:absolute;right:var(--pad);bottom:2rem;color:var(--ink);display:flex;gap:1rem;align-items:center;text-decoration:none;text-transform:uppercase;font-size:.65rem;letter-spacing:.18em}.scroll-cue b{width:50px;height:1px;background:var(--ink);position:relative}.scroll-cue b:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(-45deg)}
.section{position:relative;padding:clamp(6rem,12vw,11rem) var(--pad);border-top:1px solid var(--line)}.section-index{position:absolute;top:2rem;left:var(--pad);font-size:.65rem;letter-spacing:.2em;color:var(--muted)}h2{font-size:clamp(3rem,7.5vw,7.2rem);line-height:.9;letter-spacing:-.06em;margin:0;font-weight:720}.lead{font-size:clamp(1.35rem,2.5vw,2rem);color:var(--ink)}.body-copy,.section-heading>p{color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem);max-width:38rem}.concept-copy{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end}.copy-stack{padding-bottom:.6rem;color:var(--muted)}.egg-stage{min-height:48vw;margin-top:7rem;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(76,164,214,.12),transparent 42%)}.egg-stage>img{width:min(46vw,620px);position:relative;z-index:2;filter:drop-shadow(0 3rem 5rem rgba(75,169,225,.2))}.egg-constellation{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:clamp(.35rem,1.4vw,1.4rem);padding:4rem 0 1rem}.egg-constellation img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2rem 2rem rgba(0,0,0,.65));transition:transform .5s ease}.egg-constellation img:nth-child(1),.egg-constellation img:nth-child(5){transform:translateY(7%)}.egg-constellation img:nth-child(3){transform:translateY(-5%) scale(1.08)}.egg-constellation img:hover{transform:translateY(-5%) scale(1.05)}.stage-label{position:absolute;left:0;top:0;font-size:.65rem;letter-spacing:.18em;color:var(--muted)}.orbit{position:absolute;width:min(60vw,800px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;inset:13%;border:inherit;border-radius:inherit}.orbit:after{inset:26%}.walk{background:#eceae4;color:#0b0b0b}.walk .section-index,.walk .body-copy{color:#66645e}.split-grid{display:grid;grid-template-columns:1fr .75fr;gap:clamp(3rem,10vw,10rem);align-items:end}.mission-card{background:#0a0a0a;color:var(--ink);padding:clamp(1.4rem,3vw,2.7rem);box-shadow:0 2rem 5rem rgba(0,0,0,.25)}.mission-top,.progress-meta,.mission-reward{display:flex;justify-content:space-between;gap:2rem;font-size:.68rem;letter-spacing:.15em}.mission-top{color:#8c8c8c}.mission-top span:last-child{color:var(--blue)}.mission-type{font-size:.8rem;letter-spacing:.18em;margin:4rem 0 .2rem;color:#8c8c8c}.mission-count{font-size:clamp(3.8rem,8vw,7rem);letter-spacing:-.07em;line-height:1;margin:0 0 3rem}.mission-count small{font-size:.65rem;letter-spacing:.16em}.progress-meta{margin-bottom:.8rem}.progress-track{height:4px;background:#292929}.progress-track span{display:block;height:100%;background:var(--blue)}.mission-reward{align-items:center;border-top:1px solid #292929;margin-top:2.5rem;padding-top:1.5rem}.mission-reward strong{font-size:1.6rem;color:var(--blue)}
.section-heading{display:grid;grid-template-columns:1.45fr .55fr;gap:4rem;align-items:end}.evolution-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:6rem}.evolution-gallery article{background:var(--black);padding:1rem}.evolution-gallery article>div{aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,#172632 0,transparent 55%)}.evolution-gallery img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.evolution-gallery article:hover img{transform:scale(1.045)}.evolution-gallery span,.evolution-gallery strong{display:block}.evolution-gallery span{font-size:.62rem;letter-spacing:.15em;color:var(--muted);margin-top:1rem}.evolution-gallery strong{font-size:1.4rem;letter-spacing:.04em}.evolution-path{list-style:none;padding:2rem 0 0;margin:0;display:grid;grid-template-columns:repeat(8,1fr);counter-reset:evo}.evolution-path li{position:relative;padding:1.5rem .4rem 0;border-top:1px solid var(--line);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.evolution-path li:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.battle{background:#080808}.battle-stage{min-height:650px;position:relative;margin:5rem 0 2rem;display:grid;grid-template-columns:1fr .3fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(255,112,74,.12),transparent 52%)}.battle-stage:after{content:"";position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.fighter{position:relative;z-index:1;text-align:center}.fighter img{height:min(50vw,580px);width:100%;object-fit:contain;filter:drop-shadow(0 2.5rem 3rem rgba(0,0,0,.75))}.fighter span{font-size:.65rem;letter-spacing:.17em;color:var(--muted)}.fighter-right{transform:scaleX(-1)}.fighter-right span{display:block;transform:scaleX(-1)}.versus{z-index:2;text-align:center}.versus small,.versus span{display:block;font-size:.62rem;letter-spacing:.14em;color:var(--muted)}.versus strong{display:block;font-size:clamp(3rem,6vw,6rem);line-height:1}.battle-rules{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.battle-rules div{padding:1.5rem;border-right:1px solid var(--line)}.battle-rules div:last-child{border:0}.battle-rules span,.battle-rules small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.1em}.battle-rules strong{display:block;font-size:1.4rem;margin:.8rem 0}.domain-note{text-align:right;color:var(--muted);font-size:.8rem}.lineages h2{margin-bottom:5rem}.lineage-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.lineage-grid article{min-width:0;position:relative;padding:1rem;border-right:1px solid var(--line);overflow:hidden}.lineage-grid article:last-child{border:0}.lineage-grid article>span{font-size:.65rem;color:var(--muted)}.lineage-grid img{width:100%;aspect-ratio:3/4;object-fit:contain;filter:drop-shadow(0 1.6rem 2.5rem color-mix(in srgb,var(--accent) 20%,transparent));transition:transform .45s}.lineage-grid article:hover img{transform:scale(1.05)}.lineage-grid h3{font-size:clamp(1.4rem,2.2vw,2.2rem);margin:0}.lineage-grid p{margin:0;color:var(--accent);font-size:.65rem;letter-spacing:.18em}.kickstarter{padding:clamp(8rem,16vw,15rem) var(--pad);border-top:1px solid var(--line);background:radial-gradient(circle at 20% 60%,rgba(68,153,201,.13),transparent 36%)}.kickstarter-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(3rem,8vw,9rem);align-items:end}.kickstarter-grid>div:last-child{color:var(--muted);max-width:38rem}.kickstarter .button{margin-top:2rem}footer{min-height:140px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:2rem var(--pad);font-size:.68rem;letter-spacing:.14em;color:var(--muted)}footer p:last-child{text-align:right}
.trailer-dialog{width:min(1100px,calc(100% - 2rem));padding:0;border:1px solid var(--line);background:#050505;color:var(--ink)}.trailer-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem}.dialog-head h2{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.dialog-head button{background:none;border:0;color:var(--ink);font-size:2rem;line-height:1;cursor:pointer}.trailer-dialog video{width:100%;aspect-ratio:16/9;background:#000}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.site-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;padding:2rem var(--pad);background:#050505;border-bottom:1px solid var(--line)}.site-header.menu-open .site-nav{display:flex}.menu-toggle{display:grid;gap:4px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:1px;background:currentColor}.concept-copy,.split-grid,.section-heading,.kickstarter-grid{grid-template-columns:1fr}.copy-stack,.section-heading>p{max-width:32rem}.egg-stage{min-height:70vw}.section-heading{align-items:start}.evolution-path{grid-template-columns:repeat(4,1fr);row-gap:1.5rem}.lineage-grid{grid-template-columns:repeat(2,1fr)}.lineage-grid article{border-bottom:1px solid var(--line)}.lineage-grid article:last-child{grid-column:1/-1}.battle-stage{min-height:520px}.kickstarter-grid{align-items:start}footer{grid-template-columns:1fr 1fr}footer p:nth-child(2){display:none}}
@media (max-width:600px){:root{--display:clamp(4rem,24vw,7rem)}.hero{min-height:100svh}.hero-video{object-position:55% center}.hero-content{padding-bottom:8rem}.scroll-cue{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.concept-copy{gap:2rem}.egg-stage{margin-top:4rem;min-height:148vw}.egg-stage>img{width:90vw}.egg-constellation{grid-template-columns:repeat(2,1fr);padding-top:4rem}.egg-constellation img,.egg-constellation img:nth-child(1),.egg-constellation img:nth-child(3),.egg-constellation img:nth-child(5){width:100%;transform:none}.egg-constellation img:last-child{grid-column:1/-1;width:50%;justify-self:center}.orbit{width:110vw}.split-grid{gap:4rem}.mission-card{margin-inline:-.25rem}.evolution-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);background:none;gap:.75rem}.evolution-gallery article{min-width:82vw;scroll-snap-align:center;border:1px solid var(--line)}.evolution-path{display:flex;overflow-x:auto;margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}.evolution-path li{min-width:110px}.battle-stage{min-height:450px;margin-inline:calc(var(--pad) * -1);grid-template-columns:1fr .25fr 1fr}.fighter img{height:70vw}.battle-rules{grid-template-columns:1fr}.battle-rules div{border-right:0;border-bottom:1px solid var(--line)}.lineage-grid{grid-template-columns:1fr}.lineage-grid article,.lineage-grid article:last-child{grid-column:auto;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.lineage-grid img{height:220px;width:auto;justify-self:center}.lineage-grid article>div{text-align:right}.kickstarter h2{font-size:24vw}footer{grid-template-columns:1fr;text-align:left}footer p{margin:0}footer p:last-child{text-align:left}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}.hero{background:url('/video/gaeon-trailer-poster.webp') center/cover no-repeat}.reveal{opacity:1;transform:none;transition:none}.evolution-gallery img,.lineage-grid img,.button{transition:none}}