/* UNREAL KNIGHT - cinematic static website. No build step or external font files. */
:root{--ink:#0d110f;--panel:#141912;--paper:#eee9dc;--muted:#aaa99c;--gold:#d2b57d;--gold-bright:#f4dfaa;--line:rgba(206,183,134,.22);--ease:cubic-bezier(.2,.65,.3,1);--max:1280px;--split:48%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.75 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,input{border-radius:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:6px}button::-moz-focus-inner{border:0}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.15}h2{font-size:clamp(32px,3.6vw,52px);letter-spacing:-1.2px}h3{font-size:26px}em{font-weight:400;color:var(--gold);font-style:italic}::selection{background:#9b793c;color:white}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.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}.skip-link{position:fixed;left:20px;top:-100px;background:var(--gold);padding:12px 20px;color:var(--ink);z-index:100}.skip-link:focus{top:12px}
/* Navigation */
.header{position:absolute;top:0;left:0;width:100%;height:104px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:30;border-bottom:1px solid rgba(228,217,180,.13);background:linear-gradient(180deg,rgba(10,15,13,.78),rgba(10,15,13,.2));transition:background .35s,opacity .4s}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-crest{color:var(--gold);width:39px;height:54px;stroke-width:1.5;filter:drop-shadow(0 0 9px #d5b16b22)}.brand>span{font:19px/1.3 Georgia,serif;letter-spacing:2.1px}.brand b{color:var(--gold);font-weight:400}.brand small{display:block;font:8px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:2.5px;color:#c5c5b5;margin-top:5px}.nav{display:flex;gap:31px;align-items:center}.nav a{font-size:11px;letter-spacing:1.2px;padding:40px 0;color:#dcddcf;position:relative;text-transform:uppercase;transition:color .2s}.nav a:after{content:"";position:absolute;bottom:25px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s}.nav a:hover{color:var(--gold-bright)}.nav a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:25px}.lang{font-size:11px;letter-spacing:1px;background:none;padding:9px 0;white-space:nowrap}.lang span{opacity:.4}.nav-cta{border:1px solid var(--line);padding:10px 19px;font-size:10px;letter-spacing:1.6px;color:var(--gold-bright);white-space:nowrap;background:linear-gradient(100deg,#9c7d3215,transparent);transition:background .2s,border .2s}.nav-cta:hover{border-color:var(--gold);background:#d4b77818}.nav-cta span{margin-left:13px}.menu-button{display:none;background:none;width:35px;padding:5px}.menu-button i{display:block;height:1px;width:25px;background:var(--paper);margin:7px 0;transition:transform .3s}
/* Live artwork */
.hero{isolation:isolate;position:relative;height:100svh;min-height:820px;max-height:1120px;overflow:hidden;background:#202b1c}.world-stage{position:absolute;inset:0;overflow:hidden;z-index:-5}.scene-background{position:absolute;inset:-3%;background:url(valley.webp) center 48%/cover no-repeat;transform:scale(1.035);will-change:transform;filter:brightness(.79) saturate(.91);transition:filter 1s}.hero-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,14,12,.93) 0%,rgba(8,14,12,.84) 17%,rgba(8,14,12,.62) 33%,rgba(8,14,12,.14) 61%,rgba(8,14,12,.03) 100%)}.hero-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(0deg,#0d110f 0,rgba(13,17,15,.74) 5%,transparent 29%),linear-gradient(180deg,#0c150f20 0,transparent 55%)}.sunlight{position:absolute;inset:-20%;background:radial-gradient(ellipse at 91% 22%,#fff4c552 0%,#ffedab0d 20%,transparent 48%);mix-blend-mode:screen;pointer-events:none;animation:lightBreath 12s ease-in-out infinite}.sunbeams{position:absolute;inset:-50%;transform:rotate(22deg);transform-origin:80% 0;background:repeating-linear-gradient(103deg,transparent 0 19%,#fff5b90b 20%,transparent 21% 24%,#fff5b911 25%,transparent 26% 29%);filter:blur(7px);mix-blend-mode:screen;opacity:.65;animation:rayDrift 22s ease-in-out infinite}.distant-mist{position:absolute;pointer-events:none;width:130%;height:50%;left:-15%;top:21%;background:radial-gradient(ellipse at 70% 50%,#dfebd225,transparent 62%);filter:blur(14px);animation:mistDrift 24s ease-in-out infinite alternate}.mist-two{top:44%;opacity:.38;animation-duration:39s;animation-direction:alternate-reverse}.foreground-mist{position:absolute;width:160%;left:-30%;height:26%;bottom:0;opacity:.23;background:radial-gradient(ellipse at 60% 80%,#c3d1b4,transparent 60%);filter:blur(25px);animation:mistDrift 18s ease-in-out infinite alternate}.creature-stage{position:absolute;right:2%;bottom:12%;width:min(54vw,790px);height:min(54vw,790px);will-change:transform;filter:drop-shadow(4px 10px 7px #080c0677);transform-origin:50% 85%;z-index:2}.creature-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .6s}.creature-stage canvas.ready{opacity:1}.troll-fallback{position:absolute;width:95.7%;height:auto;left:2.2%;top:2.75%;filter:brightness(.9)}.ground-shadow{position:absolute;left:26%;right:20%;bottom:4%;height:12%;background:radial-gradient(ellipse,#0009 0,#040b0477 35%,transparent 72%);filter:blur(6px);transform:rotate(-3deg);z-index:0}.rune-circle{position:absolute;left:20%;right:12%;bottom:2%;height:15%;border:1px solid #e2d28d60;border-radius:50%;box-shadow:0 0 15px #d7c36c20,inset 0 0 10px #dac5681a;transform:rotate(-5deg);opacity:.8;z-index:1}.rune-circle:after{content:"";position:absolute;inset:8%;border:1px dashed #dacc855c;border-radius:50%}.rune-circle span{position:absolute;inset:17%;border:1px solid #dacc853a;border-radius:50%}.rune-circle:before{content:"";position:absolute;width:6px;height:6px;border:1px solid #dacc85;left:50%;top:-3px;transform:rotate(45deg);box-shadow:0 0 20px #f4dc8a}.hero #particles{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.hero-content{position:relative;width:min(550px,45%);margin-left:max(6%,calc((100% - 1280px)/2));padding-top:clamp(156px,20vh,240px);z-index:6}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.diamond{display:inline-block;flex-shrink:0;width:5px;height:5px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 10px #bfa66444}.hero h1{font-size:clamp(72px,7.3vw,111px);line-height:.92;letter-spacing:2px;margin-top:29px;text-shadow:0 4px 25px #0008;color:#f4f0e2}.hero h1 span{display:inline-block;background:linear-gradient(170deg,#fff3d2 2%,#d5b674 40%,#b58a43 65%,#f4deb0 88%);color:#d7b672;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:8px;filter:drop-shadow(0 3px 3px #0004)}.title-rule{display:flex;align-items:center;gap:15px;width:325px;max-width:90%;margin:19px 0 22px}.title-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d5ba7755)}.title-rule i:last-child{transform:rotate(180deg)}.title-rule span{font:9px Georgia,serif;letter-spacing:4px;color:#dac79d}.hero h2{font:italic 26px/1.35 Georgia,serif;letter-spacing:-.3px;color:#eee9d9;margin-bottom:15px}.hero-description{color:#c6c9ba;font-size:14px;line-height:1.85;max-width:380px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:21px;min-height:51px;padding:0 22px;font-size:10px;font-weight:650;line-height:1.3;letter-spacing:1.4px;transition:transform .25s,background .25s,border-color .25s;position:relative}.button svg{width:19px;height:19px}.button-gold{background:linear-gradient(112deg,#efe1af,#b39353);color:#242719;border:1px solid #efe0b7;box-shadow:0 3px 25px #bb94451a}.button-gold:before{content:"";position:absolute;inset:4px;border:1px solid #342d152c;pointer-events:none}.button-gold:hover{transform:translateY(-3px);background:linear-gradient(112deg,#fff0c7,#d0ae69);box-shadow:0 8px 25px #d4ad4933}.button-ghost{background:#0c160c33;border:1px solid #d7c39b38;color:#ded9ca;backdrop-filter:blur(5px)}.button-ghost:hover{background:#d7c39b14;border-color:#d7c39b88;transform:translateY(-2px)}.hero-countdown{margin-top:37px;max-width:370px}.countdown-label{display:flex;gap:9px;align-items:center;color:#d7d3c3;font-size:8px;line-height:1.5;letter-spacing:2px}.live-dot{width:5px;height:5px;border-radius:50%;background:#d3b574;box-shadow:0 0 9px #d9c37555}.small-line{height:1px;flex:1;background:linear-gradient(90deg,#d3b57444,transparent)}.countdown{display:flex;gap:14px;align-items:flex-start;margin-top:11px;font-variant-numeric:tabular-nums}.countdown>div{min-width:58px;text-align:center}.countdown>div:first-child{min-width:70px}.countdown b{display:block;font:400 39px/1.1 Georgia,serif;color:#f2e2bb;font-variant-numeric:tabular-nums}.countdown span{display:block;font:8px/1.8 "Segoe UI",Arial,sans-serif;letter-spacing:2px;color:#b3b7a4;margin-top:5px}.countdown>i{font-style:normal;color:#8b815f;font-size:18px;margin-top:3px}.countdown-note{font-size:9px;color:#a1a694;line-height:1.5;margin-top:13px;letter-spacing:.2px}.scene-caption{position:absolute;right:6%;bottom:21%;z-index:8;display:flex;align-items:center;gap:13px;max-width:260px;pointer-events:none;text-shadow:0 2px 7px #000}.caption-line{width:33px;height:1px;background:#d6bd87aa}.scene-caption p>span{display:block;color:#dfd7bd;font-size:8px;letter-spacing:2px}.scene-caption strong{font:italic 18px/1.4 Georgia,serif;display:block;margin-top:4px;color:#fff9e7}.scene-controls{position:absolute;right:6%;bottom:9%;display:flex;gap:17px;align-items:center;z-index:11}.scene-button{display:flex;gap:9px;align-items:center;background:none;padding:10px 0;font-size:9px;letter-spacing:.6px;color:#d1d2c2}.scene-button svg{width:16px;height:16px;color:var(--gold)}.scene-button:hover{color:white}.control-divider{width:1px;height:18px;background:var(--line)}.scroll-cue{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;z-index:11;gap:5px}.scroll-cue span{font-size:8px;letter-spacing:2.2px;color:#b4b6a1}.scroll-cue svg{width:18px;height:18px;color:var(--gold);animation:scrollFloat 2s ease-in-out infinite}.hero-bottom-line{position:absolute;bottom:0;height:1px;left:6%;right:6%;background:linear-gradient(90deg,transparent,#bfa77577,transparent);z-index:9}.exit-cinema{display:none;position:absolute;right:30px;top:28px;z-index:31}.cinema .hero{height:100svh;min-height:100svh;max-height:none}.cinema .header,.cinema .hero-content,.cinema .scroll-cue,.cinema .scene-caption{opacity:0;pointer-events:none}.cinema .hero-overlay{opacity:.06;transition:opacity .6s}.cinema .creature-stage{right:23%;width:min(70vw,880px);height:min(70vw,880px);bottom:8%;transition:right 1s var(--ease),width 1s var(--ease),height 1s var(--ease)}.cinema .scene-background{filter:brightness(.98) saturate(.97)}.cinema .exit-cinema{display:flex}.cinema .hero-vignette{opacity:.4}
/* Content layout */
.section{width:min(var(--max),88%);margin:0 auto}.world-section{padding-top:109px;padding-bottom:82px}.section-heading{text-align:center;max-width:730px;margin:0 auto 45px}.section-heading>.eyebrow{justify-content:center;margin-bottom:20px}.section-heading>h2{margin-bottom:23px}.section-heading>p:last-child{max-width:560px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.9}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.world-card{position:relative;min-height:294px;text-align:left;padding:0;overflow:hidden;background:#1c221a;border:1px solid #bda5722e;transition:transform .5s,border-color .5s;isolation:isolate}.world-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;transition:transform 1s var(--ease),filter .5s;filter:brightness(.7) saturate(.8)}.world-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#0b100df2,transparent 90%)}.world-card:before{content:"";position:absolute;inset:7px;border:1px solid #d1ba8330;pointer-events:none;z-index:1}.world-card:hover{transform:translateY(-6px);border-color:#d2b57d88}.world-card:hover img{transform:scale(1.07);filter:brightness(.95) saturate(1)}.world-number{position:absolute;top:24px;left:27px;font:15px Georgia,serif;color:#ffe6a8;text-shadow:0 2px 5px #000}.world-card-copy{position:absolute;left:28px;bottom:28px;right:22px;display:flex;flex-direction:column}.world-card-copy small{font-size:8px;letter-spacing:2px;color:#cbb58a;margin-bottom:10px}.world-card-copy strong{font:29px/1.2 Georgia,serif;color:#f5efdf}.world-card-copy>span{font-size:11px;color:#bbbead;margin-top:9px;max-width:95%}.card-arrow{position:absolute;right:26px;top:23px;color:var(--gold-bright);font-size:18px}.art-note{text-align:center;font-size:10px;color:#7f897b;margin-top:20px;letter-spacing:.5px}.vision-section{padding-top:50px;padding-bottom:55px}.vision-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:35px}.vision-intro .eyebrow{margin-bottom:20px}.vision-intro>p{font-size:14px;color:var(--muted);max-width:440px;padding-bottom:5px}.comparison{position:relative;aspect-ratio:4/3;max-width:100%;overflow:hidden;border:1px solid #c2a66c4a;box-shadow:0 15px 60px #0005;background:#1b2415;isolation:isolate}.comparison:after{content:"";pointer-events:none;position:absolute;inset:8px;border:1px solid #e3d4b427;z-index:4}.compare-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-tag{position:absolute;top:24px;z-index:3;font-size:9px;letter-spacing:2px;color:var(--gold-bright);padding:8px 13px;background:#0a100ee3;border:1px solid #d9c18b49;backdrop-filter:blur(8px);pointer-events:none}.before-tag{left:24px}.after-tag{right:24px}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-1px);background:#edd8a6;z-index:4;pointer-events:none;box-shadow:0 0 10px #0009}.compare-line>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid #d7b87c;border-radius:50%;background:#151b13ed;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--gold-bright);font-size:24px;box-shadow:0 2px 24px #0006}.compare-line i{height:15px;width:1px;background:#d7b87c80}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:5;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:2px solid var(--gold);outline-offset:5px}.compare-caption{display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:10px;letter-spacing:.4px;color:#9b9f8d}.compare-caption>span:first-child{color:var(--gold)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0 97px;gap:45px;border-bottom:1px solid var(--line)}.pillar{position:relative;padding-right:25px}.pillar:not(:last-child){border-right:1px solid var(--line)}.pillar>svg{width:36px;height:36px;color:#c7ad77;margin-bottom:19px}.pillar>span{position:absolute;top:5px;right:30px;font:italic 26px Georgia,serif;color:#3d4739}.pillar h3{margin-bottom:15px}.pillar p{font-size:13px;color:var(--muted);max-width:330px;line-height:1.9}.journey-section{padding-top:100px;padding-bottom:100px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid var(--line);margin-top:63px}.milestone{position:relative;padding-top:33px}.timeline-dot{position:absolute;top:-5px;left:0;height:9px;width:9px;border:1px solid #706c53;transform:rotate(45deg);background:var(--ink)}.milestone.active .timeline-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 15px #c9aa674d}.milestone>small{font-size:9px;letter-spacing:2px;color:#9c9e8b}.milestone.active>small{color:var(--gold)}.milestone h3{margin:17px 0 14px;font-size:27px}.milestone>p{font-size:13px;color:var(--muted);max-width:330px}.awakening{position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);isolation:isolate}.awakening-art{position:absolute;inset:0;z-index:-2;background:url(valley.webp) center 18%/cover;opacity:.32;filter:saturate(.65)}.awakening:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d110feb,transparent 50%,#0d110fe6),linear-gradient(90deg,#0d110fe6,transparent 50%,#0d110fd6)}.awakening-content{position:relative;padding:78px 20px 84px}.large-crest{width:45px;height:65px;color:var(--gold);margin-bottom:19px}.awakening-content>.eyebrow{justify-content:center;margin-bottom:20px;font-size:9px}.awakening h2{font-size:clamp(36px,4.8vw,64px)}.launch-date{font-size:10px;letter-spacing:6px;color:#d7c7a0;margin-top:27px;margin-bottom:27px}.small-note{color:#9da18f;font-size:10px;line-height:1.7;margin:16px auto 0;max-width:370px}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding-top:100px;padding-bottom:100px}.faq-heading .eyebrow{margin-bottom:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:23px 0;color:#e4e4d7;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{flex-shrink:0;color:var(--gold);transition:transform .3s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.9;padding:0 35px 23px 0}.faq-list summary:hover{color:var(--gold-bright)}footer{padding:45px 6% 25px;border-top:1px solid var(--line);text-align:center;background:#090d0b}.footer-brand{display:inline-flex;align-items:center;gap:12px;font:21px Georgia,serif;letter-spacing:2px;color:#d6c299}.footer-brand svg{height:42px;width:31px}.footer-brand+p{font-size:12px;color:#8b9485;margin-top:13px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:40px;margin-top:30px;border-top:1px solid #d2b57d12;font-size:9px;letter-spacing:.3px;color:#737d6e}.footer-bottom a{color:var(--gold);letter-spacing:1.5px}.noscript{position:fixed;bottom:0;width:100%;z-index:100;background:#27281c;color:white;text-align:center;padding:14px;font-size:13px}dialog{padding:0;background:#12170f;color:var(--paper);border:1px solid #d9c18b60;max-width:760px;width:90%;box-shadow:0 30px 150px black}dialog::backdrop{background:#030806e8;backdrop-filter:blur(10px)}dialog>img{width:100%;min-height:200px;object-fit:cover;aspect-ratio:2.45/1}dialog .dialog-copy{padding:30px 36px 36px}.dialog-copy>.eyebrow{margin-bottom:10px}.dialog-copy h2{font-size:38px;margin-bottom:17px}.dialog-copy p{color:var(--muted);font-size:14px}.dialog-copy small{display:block;color:#7c8875;font-size:10px;margin-top:23px}.dialog-close{position:absolute;right:12px;top:12px;background:#0e150ee8;border:1px solid #d2b57d55;padding:9px;display:grid;place-items:center;z-index:2}.dialog-close:hover{background:#d0b179;color:#0c110b}.reveal{opacity:1;transform:none}html.js .reveal.pending-reveal{opacity:0;transform:translateY(23px);transition:opacity .8s var(--ease),transform .8s var(--ease)}html.js .reveal.is-visible{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}
@keyframes lightBreath{0%,100%{opacity:.65}50%{opacity:1}}@keyframes rayDrift{0%,100%{transform:translateX(-2%) rotate(22deg)}50%{transform:translateX(3%) rotate(20deg)}}@keyframes mistDrift{from{transform:translateX(-4%)}to{transform:translateX(6%)}}@keyframes scrollFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.motion-paused .sunlight,.motion-paused .sunbeams,.motion-paused .distant-mist,.motion-paused .foreground-mist,.motion-paused .scroll-cue svg{animation-play-state:paused}
@media(min-width:1700px){.hero-content{width:580px}.creature-stage{right:8%}.hero h1{font-size:120px}.hero-description{font-size:15px}.hero h2{font-size:30px}.hero-countdown{margin-top:45px}.countdown b{font-size:44px}.hero-buttons{margin-top:36px}.hero-content{padding-top:190px}}
@media(max-width:1200px){.nav{gap:21px}.nav a{font-size:10px}.header{gap:15px}.brand>span{font-size:16px}.brand small{font-size:7px;letter-spacing:1.8px}.nav-actions{gap:18px}.nav-cta{padding:10px 12px}.hero-content{width:48%}.creature-stage{width:62vw;height:62vw;right:-4%;bottom:16%}.hero h1{font-size:clamp(72px,8vw,105px)}.hero-buttons{gap:10px}.hero-buttons .button{padding:0 14px;font-size:9px;gap:12px}.scene-caption{bottom:21%}.world-card{min-height:270px}.world-card-copy strong{font-size:25px}}
@media(max-width:1000px){.nav{display:none;position:absolute;top:90px;left:0;width:100%;padding:15px 6% 25px;background:#0e150ff7;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav.open{display:flex}.nav a{padding:15px 0;font-size:12px}.nav a:after{bottom:9px;transform-origin:left}.menu-button{display:block}.header{height:90px}.menu-button.open i:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.open i:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:840px}.hero-content{padding-top:158px;margin-left:6%}.hero h2{font-size:23px}.hero-description{font-size:13px;max-width:320px}.scene-controls{bottom:7%;right:6%}.scene-caption{display:none}.creature-stage{right:-6%;bottom:19%;width:64vw;height:64vw}.hero-overlay{background:linear-gradient(90deg,#08100eef 0,#08100eb8 29%,#08100e2e 66%,#08100e0a)}.vision-intro{gap:40px}.world-grid{gap:15px}.world-card-copy{left:20px;bottom:24px}.world-card{min-height:250px}.world-card-copy strong{font-size:24px}.world-card-copy>span{font-size:10px}.pillars{gap:23px}.faq-section{gap:35px}.hero-countdown{margin-top:30px}.hero h1{font-size:79px}}
@media(max-width:700px){html{scroll-padding-top:75px}.header{height:80px;padding:0 5%;gap:10px}.brand{gap:8px}.brand-crest{width:29px;height:42px}.brand>span{font-size:14px;letter-spacing:1.2px}.brand small{font-size:6px;letter-spacing:1.6px}.nav-cta{display:none}.nav-actions{gap:18px}.lang{font-size:10px}.nav{top:80px}.hero{height:1030px;min-height:960px;max-height:none}.hero-content{padding-top:133px;margin-left:7%;width:86%}.hero .eyebrow{font-size:8px;letter-spacing:2.4px}.hero h1{font-size:77px;line-height:.93;margin-top:22px;letter-spacing:.5px}.title-rule{width:260px;margin-top:12px;margin-bottom:17px}.hero h2{font-size:24px;margin-bottom:11px}.hero-description{font-size:13px;max-width:290px;line-height:1.75}.hero-buttons{margin-top:23px;gap:10px}.hero-buttons .button{font-size:8px;min-height:46px;padding:0 14px;gap:10px}.hero-countdown{position:absolute;top:826px;margin-top:0;left:0;width:100%;max-width:none}.countdown-label{justify-content:center;letter-spacing:1.7px}.countdown-label .small-line{display:none}.countdown{justify-content:center;margin-top:12px;gap:14px}.countdown>div{min-width:55px}.countdown b{font-size:37px}.countdown-note{text-align:center;font-size:8px;margin-top:10px}.creature-stage{width:480px;height:480px;right:calc(50% - 255px);bottom:207px;max-width:none}.hero-overlay{background:linear-gradient(180deg,rgba(7,14,11,.68) 0,rgba(7,14,11,.65) 30%,rgba(7,14,11,.06) 55%,rgba(7,14,11,.2) 77%,#0d110f 91%),linear-gradient(90deg,#08100e35,transparent)}.scene-background{background-position:62% center;filter:brightness(.68) saturate(.85);inset:-2% -20%;background-size:auto 110%}.hero-vignette{background:linear-gradient(0deg,#0d110f 0,rgba(13,17,15,.82) 14%,transparent 36%)}.scene-controls{left:7%;right:7%;justify-content:space-between;bottom:208px;gap:12px}.scene-button{font-size:8px;gap:7px;background:#0b120d86;padding:8px 10px;border:1px solid #d2b57d26;backdrop-filter:blur(5px)}.control-divider{display:none}.scene-button svg{width:13px;height:13px}.scroll-cue{bottom:24px}.scroll-cue span{font-size:7px}.rune-circle{opacity:.56}.sunbeams{opacity:.35}.cinema .creature-stage{width:560px;height:560px;right:calc(50% - 280px);bottom:15%;max-width:150vw;max-height:150vw}.cinema .scene-controls{bottom:30px;z-index:40}.cinema .scene-background{background-position:center}.cinema .hero-overlay{opacity:.2}.exit-cinema{top:20px;right:20px;font-size:9px}.section{width:86%}.world-section{padding-top:65px;padding-bottom:40px}.section-heading{margin-bottom:30px}.section-heading>.eyebrow{font-size:8px;margin-bottom:17px;letter-spacing:2px}.section-heading>h2{font-size:32px;line-height:1.2;letter-spacing:-.7px;margin-bottom:18px}.section-heading>p:last-child{font-size:12px;line-height:1.9}.world-grid{grid-template-columns:1fr;gap:16px}.world-card{min-height:230px}.world-card-copy{left:25px}.world-card-copy strong{font-size:29px}.world-card-copy>span{font-size:12px}.world-number{left:25px}.art-note{font-size:9px}.vision-section{padding-top:42px;padding-bottom:23px}.vision-intro{grid-template-columns:1fr;gap:19px;margin-bottom:25px}.vision-intro .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:15px}.vision-intro>p{font-size:12px;max-width:100%}.vision-intro h2{font-size:35px}.compare-tag{top:10px;padding:5px 7px;font-size:6px;letter-spacing:1px}.before-tag{left:10px}.after-tag{right:10px}.compare-line>span{width:40px;height:40px;font-size:20px;gap:4px}.compare-caption{flex-direction:column;gap:7px;font-size:9px;line-height:1.5}.comparison:after{inset:4px}.pillars{grid-template-columns:1fr;gap:0;padding-bottom:45px;padding-top:10px}.pillar{padding:27px 0;border-bottom:1px solid var(--line)}.pillar:not(:last-child){border-right:0}.pillar:last-child{border:0}.pillar>svg{width:30px;height:30px;margin-bottom:12px}.pillar h3{font-size:25px;margin-bottom:11px}.pillar p{font-size:12px;max-width:100%}.pillar>span{right:6px;top:30px}.journey-section{padding-top:60px;padding-bottom:60px}.timeline{grid-template-columns:1fr;gap:0;margin-top:30px;border-top:0;border-left:1px solid var(--line);margin-left:8px}.milestone{padding:5px 0 30px 28px}.milestone:last-child{padding-bottom:0}.timeline-dot{top:9px;left:-5px}.milestone h3{font-size:25px;margin:12px 0 10px}.milestone>p{font-size:12px;max-width:100%}.awakening-content{padding:55px 24px 60px}.awakening-content>.eyebrow{font-size:8px;letter-spacing:2px}.awakening h2{font-size:38px}.launch-date{font-size:9px;letter-spacing:5px}.large-crest{height:55px}.small-note{font-size:9px}.faq-section{grid-template-columns:1fr;gap:24px;padding-top:58px;padding-bottom:55px}.faq-heading h2{font-size:34px}.faq-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}.faq-list summary{font-size:12px;padding:18px 0}.faq-list details p{font-size:12px;padding-right:0}.footer-brand{font-size:18px}.footer-bottom{flex-direction:column;gap:12px;padding-top:25px;margin-top:24px;font-size:8px;text-align:center}.footer-bottom a{margin-top:7px}footer{padding-top:32px}.dialog-copy h2{font-size:31px}dialog .dialog-copy{padding:25px}dialog>img{min-height:170px}.dialog-copy p{font-size:12px}}
@media(max-width:370px){.hero h1{font-size:68px}.brand>span{font-size:12px}.hero-buttons{gap:8px}.hero-buttons .button{font-size:7px;padding:0 10px}.hero .eyebrow{letter-spacing:1.5px}.countdown{gap:9px}.countdown b{font-size:33px}.countdown>div{min-width:49px}.hero h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-cue svg{animation:none}.scene-background{will-change:auto}.reveal{opacity:1!important;transform:none!important}}