:root{
  color-scheme:dark;
  --bg:#08090a;
  --bg2:#0d0f10;
  --panel:#111416;
  --panel2:#15191b;
  --ink:#f2eee5;
  --muted:#a4a5a1;
  --faint:#6f7473;
  --gold:#d7b46b;
  --gold2:#f0cf8b;
  --rust:#a76031;
  --line:rgba(255,255,255,.1);
  --line2:rgba(215,180,107,.2);
  --mx:50%;
  --my:50%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif;overflow-x:hidden}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--gold);color:#15120c}

#grain{position:fixed;inset:0;width:100%;height:100%;z-index:99;pointer-events:none;opacity:.055;mix-blend-mode:soft-light}

.topbar{height:84px;position:fixed;left:0;right:0;top:0;z-index:30;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(7,8,9,.94),rgba(7,8,9,.7));backdrop-filter:blur(18px) saturate(1.15)}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,180,107,.35),transparent);opacity:.45}
.dom-brand{display:flex;align-items:center;gap:13px;min-width:235px;z-index:2}
.dom-brand>span:last-child{font-family:'Barlow Condensed',sans-serif;font-size:23px;letter-spacing:4px;font-weight:600;line-height:.8}
.dom-brand small{display:block;font-family:Barlow,sans-serif;font-size:8px;letter-spacing:4.8px;color:#a9aca9;margin-top:8px}
.dom-sigil{position:relative;width:36px;height:36px;display:block;border:1px solid rgba(215,180,107,.3);clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);background:linear-gradient(145deg,rgba(215,180,107,.12),rgba(255,255,255,.02))}
.dom-sigil::before{content:"";position:absolute;inset:8px;border:1px solid var(--gold);opacity:.85;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.dom-sigil::after{content:"D";position:absolute;inset:0;display:grid;place-items:center;font:600 14px/1 'Barlow Condensed';color:var(--gold2);transform:translateY(-1px)}
.dom-sigil i{position:absolute;right:3px;bottom:3px;width:5px;height:5px;background:var(--gold)}
.topbar nav{display:flex;align-items:stretch;height:100%;gap:4px;margin-left:30px}
.topbar nav a{position:relative;display:flex;align-items:center;padding:0 17px;font-size:12px;letter-spacing:1.1px;color:#c1c3c1;transition:.25s ease}
.topbar nav a:hover{color:#fff}
.topbar nav a::after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.3s ease}
.topbar nav a:hover::after{transform:scaleX(1)}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:22px}
.prism-link{font-size:11px;letter-spacing:1.2px;color:#b7bab8}.prism-link span{color:var(--gold);margin-left:5px}
.studio-link{height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;border-left:1px solid rgba(255,255,255,.08)}
.studio-link img{width:26px;height:26px;object-fit:contain;filter:saturate(0) brightness(1.8)}
.studio-link span{font-size:9px;letter-spacing:2.2px;color:#b9bcba}
.menu-toggle{display:none;border:0;background:transparent;font-size:11px;letter-spacing:2px;cursor:pointer}
.mobile-nav{position:fixed;z-index:29;inset:84px 0 0;background:rgba(7,8,9,.98);padding:28px;display:flex;flex-direction:column;gap:0}
.mobile-nav[hidden]{display:none}.mobile-nav a{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08);font:500 22px/1 'Barlow Condensed';letter-spacing:1.5px}

.hero{min-height:860px;height:100svh;max-height:1180px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 73% 34%,#40382b 0%,#181817 25%,#0d1010 54%,#08090a 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--mx) var(--my),rgba(233,199,126,.09),transparent 21%);pointer-events:none}
.hero-art{position:absolute;inset:0;overflow:hidden;transform:translate3d(var(--px,0),var(--py,0),0) scale(1.025);transition:transform .45s ease-out}
.hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,10,.98) 0%,rgba(8,9,10,.83) 30%,rgba(8,9,10,.12) 63%,rgba(8,9,10,.4) 100%),linear-gradient(0deg,#08090a 0%,rgba(8,9,10,.05) 39%,rgba(8,9,10,.44) 100%);z-index:8}
.hero-art::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 71% 56%,transparent 0 25%,rgba(6,7,7,.14) 49%,rgba(5,6,6,.6) 100%);z-index:7}
.sun{position:absolute;width:min(42vw,590px);aspect-ratio:1;border-radius:50%;left:60%;top:4%;background:radial-gradient(circle at 50% 50%,rgba(255,233,179,.5),rgba(215,180,107,.18) 37%,rgba(215,180,107,.035) 68%,transparent 71%);filter:blur(.1px);box-shadow:0 0 100px rgba(215,180,107,.06)}
.sun::before,.sun::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(231,199,131,.1)}
.sun::before{inset:12%}.sun::after{inset:25%}
.mountain{position:absolute;left:34%;right:-6%;bottom:14%;height:53%;filter:drop-shadow(0 -8px 30px rgba(0,0,0,.25));transform-origin:bottom}
.mountain-a{background:linear-gradient(158deg,transparent 0 34%,#28302e 34.2% 45%,transparent 45.2%),linear-gradient(202deg,transparent 0 48%,#1e2523 48.2% 61%,transparent 61.2%),linear-gradient(155deg,transparent 0 58%,#191f1e 58.2%);opacity:.95}
.mountain-b{left:53%;bottom:8%;height:43%;background:linear-gradient(151deg,transparent 0 35%,#32372f 35.3% 49%,transparent 49.3%),linear-gradient(211deg,transparent 0 45%,#202521 45.3% 62%,transparent 62.3%);opacity:.65}
.terrain{position:absolute;left:23%;right:-10%;bottom:-13%;height:52%;background:radial-gradient(ellipse at 62% 17%,rgba(194,164,104,.12),transparent 22%),linear-gradient(170deg,rgba(36,43,38,.94),rgba(13,16,15,.97));clip-path:polygon(0 28%,15% 16%,32% 23%,48% 6%,61% 12%,73% 3%,100% 18%,100% 100%,0 100%)}
.terrain::before{content:"";position:absolute;inset:16% 0 0;background:repeating-linear-gradient(170deg,rgba(215,180,107,.06) 0 1px,transparent 1px 24px);transform:skewY(-2deg);opacity:.6}
.world-lines{position:absolute;inset:-2% -5% -10% 21%;width:90%;height:100%;object-fit:cover;opacity:.75;mix-blend-mode:screen}
.citadel{position:absolute;left:66.3%;bottom:22%;width:260px;height:240px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55));opacity:.74}
.citadel::before{content:"";position:absolute;left:20px;right:20px;bottom:22px;height:5px;background:#766746;box-shadow:0 0 22px rgba(223,188,116,.22)}
.tower,.keep,.wall{position:absolute;display:block;background:linear-gradient(90deg,#282923,#4a4332 54%,#22241f);border-top:1px solid rgba(232,201,137,.22)}
.tower::before,.keep::before{content:"";position:absolute;left:15%;right:15%;top:-15px;height:16px;background:repeating-linear-gradient(90deg,#4b4230 0 10px,transparent 10px 16px)}
.t1{left:19px;bottom:27px;width:43px;height:83px}.t2{right:18px;bottom:27px;width:43px;height:100px}.t3{left:110px;bottom:27px;width:38px;height:135px}
.keep{left:75px;bottom:27px;width:92px;height:83px;background:linear-gradient(90deg,#272821,#554932 52%,#24251f)}
.keep::after{content:"";position:absolute;width:12px;height:28px;left:40px;bottom:0;background:#101210;box-shadow:-31px -24px 0 -3px rgba(233,202,132,.35),33px -19px 0 -3px rgba(233,202,132,.28)}
.wall{bottom:27px;height:38px}.w1{left:50px;width:63px}.w2{left:148px;width:72px}
.route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(215,180,107,.5),transparent);z-index:2;transform-origin:left center;opacity:.38}.route::after{content:"";position:absolute;inset:-2px;background:inherit;filter:blur(4px)}.route i{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--gold2);box-shadow:0 0 12px var(--gold2);animation:travel 4.8s linear infinite}
.r1{width:320px;left:56%;top:60%;transform:rotate(-14deg)}.r2{width:225px;left:74%;top:51%;transform:rotate(31deg)}.r3{width:265px;left:63%;top:41%;transform:rotate(-29deg)}.r2 i{animation-delay:-1.8s}.r3 i{animation-delay:-3s}
.map-node{position:absolute;z-index:4;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.6px;color:#d5c49e;opacity:.6}.map-node i{width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);box-shadow:0 0 12px rgba(215,180,107,.3)}.n1{right:12%;top:29%}.n2{right:29%;top:44%}.n3{right:9%;top:62%}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:94px 94px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.74) 35%,transparent 74%);z-index:4}
.hero-frame{position:absolute;inset:112px 30px 30px;z-index:10;pointer-events:none}.hero-frame i{position:absolute;width:9px;height:9px;border-left:1px solid rgba(215,180,107,.44);border-top:1px solid rgba(215,180,107,.44)}.hero-frame i:nth-child(2){right:0;transform:rotate(90deg)}.hero-frame i:nth-child(3){bottom:0;transform:rotate(-90deg)}.hero-frame i:nth-child(4){right:0;bottom:0;transform:rotate(180deg)}
.hero-meta{position:absolute;left:38px;right:38px;top:111px;z-index:11;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8e918e}
.hero-copy{position:relative;z-index:12;padding:clamp(210px,26vh,320px) 8.3% 140px;width:min(910px,65vw)}
.kicker{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:2.4px;color:#d0c8b7}.kicker i{width:29px;height:1px;background:var(--gold);box-shadow:0 0 12px rgba(215,180,107,.45)}
.hero h1{margin:35px 0 5px;font:600 clamp(86px,9.1vw,164px)/.78 'Barlow Condensed',sans-serif;letter-spacing:-2px;white-space:nowrap}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(240,238,229,.77);text-shadow:0 0 32px rgba(255,255,255,.04)}
.hero-tagline{margin:22px 0 0;font:500 clamp(24px,2.5vw,41px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:.6px}.hero-tagline em{color:var(--gold2);font-style:normal}
.hero-text{max-width:550px;margin:24px 0 0;font-size:15px;line-height:1.85;color:#b5b7b2}
.hero-actions{display:flex;gap:24px;align-items:center;margin-top:35px}
.primary-cta{position:relative;min-width:245px;min-height:58px;padding:0 19px 0 22px;background:#ece8dd;color:#111312;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.7px;clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%);overflow:hidden}.primary-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7),transparent 64%);transform:translateX(-130%);transition:.55s ease}.primary-cta:hover::before{transform:translateX(130%)}.primary-cta span{font-size:18px}.primary-cta.dark{background:#111315;color:#f1ede4;border:1px solid rgba(255,255,255,.12)}
.ghost-cta{display:flex;align-items:center;gap:10px;color:#c6c9c5;font-size:11px;letter-spacing:1.2px;min-height:58px}.ghost-cta i{width:7px;height:7px;border-radius:50%;background:#8eab7c;box-shadow:0 0 12px rgba(142,171,124,.5)}
.hero-side{position:absolute;right:14px;top:49%;transform:rotate(90deg) translateX(50%);transform-origin:right center;z-index:12;font-size:8px;letter-spacing:2.3px;color:#737775}
.hero-index{position:absolute;right:39px;bottom:55px;z-index:12;display:flex;align-items:center;gap:9px;font:500 10px/1 'Barlow Condensed';letter-spacing:1px;color:#8d918e}.hero-index i{width:32px;height:1px;background:rgba(255,255,255,.18)}.hero-index span:first-child{color:var(--gold2);font-size:17px}
.scroll-cue{position:absolute;z-index:12;left:50%;bottom:36px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;font-size:8px;letter-spacing:2px;color:#8f938f}.scroll-cue i{width:1px;height:40px;background:linear-gradient(var(--gold),transparent);animation:pulseLine 1.9s ease-in-out infinite}

.section{padding-left:max(7.5vw,42px);padding-right:max(7.5vw,42px)}
.section-label{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding-top:46px;font-size:8px;letter-spacing:2px;color:#838784}.section-label i{height:1px;background:rgba(255,255,255,.09)}.section-label span:last-child{color:#a9aca8}
.eyebrow{font-size:10px;letter-spacing:2.2px;color:#a9aa9f;margin:0 0 17px}
.manifest{padding-bottom:115px;background:#0a0b0c}.manifest-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding-top:90px}.manifest-title h2,.progression h2,.world-copy h2,.eco-copy h2,.status h2{margin:0;font:500 clamp(48px,5.5vw,88px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-1px}.manifest-title h2 em,.progression h2 em{font-style:normal;color:var(--gold2)}.manifest-copy{padding-top:29px}.manifest-copy p{font-size:17px;line-height:1.8;color:#b0b3af;margin:0 0 21px;max-width:560px}.stat-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-line span{padding:18px 12px 18px 0;border-right:1px solid rgba(255,255,255,.08);font-size:9px;letter-spacing:1.6px;color:#aaa}.stat-line span:last-child{border-right:0}.stat-line b{font-size:16px;color:var(--gold2);font-family:'Barlow Condensed';font-weight:500;margin-right:14px}

.pillars{padding-bottom:130px;background:linear-gradient(#0a0b0c,#0e1111)}
.pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.08);margin-top:62px;border:1px solid rgba(255,255,255,.08)}
.pillar-card{position:relative;background:#0c0e0f;display:grid;grid-template-columns:48% 52%;min-height:390px;overflow:hidden}.pillar-card::after{content:attr(data-num);position:absolute;right:18px;top:14px;font:500 14px/1 'Barlow Condensed';color:#5d615e}.pillar-card:hover .pillar-visual{filter:brightness(1.25);transform:scale(1.015)}
.pillar-visual{position:relative;min-height:100%;overflow:hidden;background:radial-gradient(circle at 52% 47%,rgba(215,180,107,.1),transparent 35%),#101313;transition:.55s ease}
.pillar-visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 78%)}
.pillar-copy{padding:76px 36px 38px}.pillar-copy>span{font-size:8px;letter-spacing:2.4px;color:var(--gold)}.pillar-copy h3{font:500 clamp(27px,2.3vw,38px)/1.03 'Barlow Condensed';margin:18px 0 17px;max-width:330px}.pillar-copy p{font-size:14px;line-height:1.75;color:#9fa39f;max-width:340px;margin:0}
.mini-city{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:210px;height:180px}.mini-city i{position:absolute;bottom:25px;background:linear-gradient(90deg,#242a27,#63573c,#272d29);border-top:1px solid rgba(240,205,131,.24);box-shadow:0 24px 30px rgba(0,0,0,.28)}.mini-city i:nth-child(1){left:24px;width:48px;height:82px}.mini-city i:nth-child(2){left:77px;width:64px;height:125px}.mini-city i:nth-child(3){right:14px;width:43px;height:70px}.mini-city i:nth-child(4){left:4px;right:4px;bottom:20px;height:22px;background:#393b31}.mini-city::before{content:"";position:absolute;left:97px;top:12px;width:24px;height:37px;border:1px solid rgba(215,180,107,.34);transform:rotate(45deg);box-shadow:0 0 30px rgba(215,180,107,.09)}
.radar{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(215,180,107,.2)}.radar::before,.radar::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(215,180,107,.12)}.radar::before{inset:22%}.radar::after{inset:39%}.radar i{position:absolute;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 13px rgba(215,180,107,.4)}.radar i:nth-child(1){left:38px;top:53px}.radar i:nth-child(2){right:47px;top:76px}.radar i:nth-child(3){left:115px;bottom:32px}.radar b{position:absolute;left:50%;top:50%;width:1px;height:50%;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:radar 6s linear infinite}
.alliance-visual svg{position:absolute;inset:0;width:100%;height:100%}.alliance-visual svg path{stroke:rgba(215,180,107,.26);stroke-width:1;fill:none;stroke-dasharray:4 6}.link-node{position:absolute;width:30px;height:30px;border:1px solid rgba(215,180,107,.46);transform:rotate(45deg);z-index:2;background:#111513;box-shadow:0 0 0 7px rgba(215,180,107,.03)}.link-node::after{content:"";position:absolute;inset:9px;background:var(--gold)}.l1{left:13%;bottom:18%}.l2{left:47%;top:18%}.l3{right:12%;bottom:22%}
.crosshair{position:absolute;left:50%;top:50%;width:175px;height:175px;transform:translate(-50%,-50%);border:1px solid rgba(215,180,107,.19);border-radius:50%}.crosshair::before,.crosshair::after{content:"";position:absolute;background:rgba(215,180,107,.24)}.crosshair::before{width:240px;height:1px;left:-33px;top:87px}.crosshair::after{height:240px;width:1px;top:-33px;left:87px}.crosshair i{position:absolute;border-radius:50%;border:1px dashed rgba(215,180,107,.14)}.crosshair i:nth-child(1){inset:24px}.crosshair i:nth-child(2){inset:55px}.crosshair b{position:absolute;left:81px;top:81px;width:12px;height:12px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 21px rgba(215,180,107,.4)}

.progression{position:relative;padding:0 0 100px;background:#111311;overflow:hidden}.progression-bg{position:absolute;inset:0;background:radial-gradient(circle at 79% 21%,rgba(215,180,107,.1),transparent 22%),linear-gradient(120deg,rgba(255,255,255,.02),transparent 33%)}.progression-head{position:relative;display:grid;grid-template-columns:1.15fr .7fr;gap:10vw;padding-top:110px}.progression-head p{max-width:510px;margin:28px 0 0;font-size:15px;line-height:1.8;color:#a9ada8}.timeline{position:relative;margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr)}.timeline::before{content:"";position:absolute;left:0;right:0;top:31px;height:1px;background:rgba(255,255,255,.13)}.timeline-step{position:relative;padding-right:34px}.timeline-step>span{font:500 23px/1 'Barlow Condensed';color:var(--gold2)}.timeline-step>i{position:absolute;top:27px;left:0;width:9px;height:9px;background:#111311;border:1px solid var(--gold);transform:rotate(45deg);z-index:2;box-shadow:0 0 15px rgba(215,180,107,.15)}.timeline-step div{margin-top:44px;border-top:1px solid rgba(255,255,255,.07);padding-top:20px}.timeline-step small{font-size:8px;letter-spacing:2px;color:#8f928e}.timeline-step h3{font:500 28px/1.08 'Barlow Condensed';margin:15px 0 12px}.timeline-step p{font-size:13px;line-height:1.65;color:#929692;max-width:250px;margin:0}

.world-map{padding-top:120px;padding-bottom:130px;background:#090b0b;display:grid;grid-template-columns:1.55fr .65fr;gap:7vw;align-items:center}.map-stage{position:relative;aspect-ratio:1.75;min-height:480px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 49% 43%,rgba(215,180,107,.08),transparent 28%),#0c0f0e;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.2)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}.map-grid::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(215,180,107,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(215,180,107,.07) 1px,transparent 1px);background-size:192px 192px}.map-scan{position:absolute;left:0;right:0;height:110px;top:-130px;background:linear-gradient(transparent,rgba(215,180,107,.035),transparent);animation:scan 6.5s linear infinite}.continent{position:absolute;background:linear-gradient(145deg,rgba(84,83,66,.38),rgba(34,43,39,.22));border:1px solid rgba(215,180,107,.12);filter:drop-shadow(0 14px 25px rgba(0,0,0,.24))}.c1{left:8%;top:20%;width:39%;height:54%;clip-path:polygon(4% 33%,21% 12%,45% 17%,57% 3%,82% 10%,97% 39%,76% 53%,66% 79%,43% 95%,27% 77%,12% 85%,1% 60%)}.c2{right:8%;top:15%;width:38%;height:52%;clip-path:polygon(3% 22%,24% 11%,38% 2%,60% 12%,74% 4%,97% 28%,88% 55%,96% 70%,76% 93%,55% 82%,35% 95%,22% 73%,7% 61%)}.c3{left:41%;bottom:4%;width:29%;height:32%;clip-path:polygon(8% 18%,31% 5%,57% 16%,80% 6%,97% 31%,86% 61%,63% 91%,32% 82%,4% 56%)}
.world-node{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.3px;color:#d6c7a6}.world-node i{display:block;width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);background:#101311;box-shadow:0 0 0 4px rgba(215,180,107,.04),0 0 13px rgba(215,180,107,.22)}.wn1{left:21%;top:48%}.wn2{left:48%;top:37%}.wn3{right:17%;top:34%}.wn4{right:27%;bottom:20%}.world-routes{position:absolute;inset:0;width:100%;height:100%;z-index:3}.world-routes path{fill:none;stroke:rgba(215,180,107,.24);stroke-width:1;stroke-dasharray:7 8;animation:dash 15s linear infinite}.world-routes path:nth-child(2){animation-duration:22s}.world-routes path:nth-child(3){animation-duration:18s}.map-caption{position:absolute;left:16px;right:16px;bottom:13px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#6e736f}.map-caption b{font-weight:500;color:#938d7c}.world-copy h2{font-size:clamp(46px,4.6vw,72px)}.world-copy p{margin:26px 0 0;max-width:420px;font-size:15px;line-height:1.85;color:#a4a8a4}.line-link{display:flex;justify-content:space-between;gap:40px;max-width:250px;margin-top:32px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:1.5px}.line-link span{color:var(--gold2)}

.ecosystem{padding-bottom:130px;background:#0d0f10}.eco-shell{margin-top:70px;display:grid;grid-template-columns:.75fr 1.25fr;min-height:520px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(115deg,#111516,#0b0d0e);overflow:hidden}.eco-mark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.08);background:radial-gradient(circle,rgba(134,107,183,.13),transparent 37%)}.eco-mark::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000,transparent 72%)}.prism-symbol{position:relative;width:154px;height:154px;transform:rotate(45deg);border:1px solid rgba(181,149,223,.36);box-shadow:0 0 55px rgba(149,104,202,.07)}.prism-symbol i{position:absolute;inset:25%;border:1px solid rgba(215,190,244,.65)}.prism-symbol i:nth-child(2){inset:41%;background:linear-gradient(135deg,#d9c4f7,#8a74b5);border:0;box-shadow:0 0 25px rgba(175,137,221,.24)}.prism-symbol i:nth-child(3){inset:-18%;border-color:rgba(149,126,184,.1);animation:orbitSquare 13s linear infinite}.eco-mark>span{position:relative;margin-top:42px;font:500 18px/1 'Barlow Condensed';letter-spacing:5px;color:#d9d1e3}.eco-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 8vw 70px 7vw}.eco-copy h2{font-size:clamp(48px,5vw,78px)}.eco-copy p{font-size:15px;line-height:1.85;color:#a7aba8;max-width:620px;margin:26px 0 0}.eco-actions{display:flex;gap:24px;align-items:center;margin-top:34px}

.status{padding:130px max(7.5vw,42px);background:linear-gradient(120deg,#151811,#0b0d0c 55%,#12100c);position:relative;overflow:hidden}.status::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(215,180,107,.06);transform:rotate(45deg);right:-110px;top:-220px;box-shadow:0 0 0 70px rgba(215,180,107,.012),0 0 0 140px rgba(215,180,107,.008)}.status-inner{position:relative;z-index:2;max-width:1000px}.status h2{font-size:clamp(65px,8vw,120px);margin-top:9px}.status p{font:400 23px/1.4 'Barlow Condensed';color:#b9bbb5;margin:18px 0 55px}.status-row{padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#8d918d}.status-row span:first-child{color:#bfc3bc}.status-row i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8cab7a;margin-right:8px;box-shadow:0 0 12px rgba(140,171,122,.45)}

footer{background:#070809;border-top:1px solid rgba(255,255,255,.08);padding:55px max(7.5vw,42px) 20px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding-bottom:55px}.footer-brand{min-width:0}.footer-top>p{font:500 26px/1.1 'Barlow Condensed';letter-spacing:1px;margin:0;color:#c8c8c0}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:10px;letter-spacing:1.2px;color:#a7aaa6}.footer-links a:hover{color:var(--gold2)}.footer-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:7px;letter-spacing:1.4px;color:#727672}.footer-bottom button{border:0;background:transparent;font-size:8px;letter-spacing:1.1px;color:#8e928e;cursor:pointer}.footer-bottom button b{color:#bec2bc;font-weight:500;margin-left:8px}

.intro{position:fixed;inset:0;z-index:100;background:#08090a;display:grid;place-items:center;overflow:hidden;transition:opacity .65s ease,visibility .65s ease}.intro.closed{opacity:0;visibility:hidden;pointer-events:none}.intro-grid,.page-wipe{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);perspective:900px}.intro-grid i{border:1px solid rgba(255,255,255,.035);background:#121515;animation:introTile 3s cubic-bezier(.2,.58,.2,1) both;animation-delay:calc(var(--d)*1ms)}.intro-lockup{position:relative;text-align:center;z-index:2;animation:introBrand 3.1s ease both}.intro-overline{display:block;font-size:8px;letter-spacing:4px;color:#8d918d;margin-bottom:20px}.intro-lockup strong{display:block;font:600 clamp(58px,9vw,128px)/.9 'Barlow Condensed';letter-spacing:7px}.intro-lockup small{display:block;margin-top:24px;font-size:8px;letter-spacing:3px;color:#b8a983}.intro-lockup::before{content:"";position:absolute;left:50%;top:50%;width:320px;height:320px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(215,180,107,.07);box-shadow:0 0 0 55px rgba(215,180,107,.015),0 0 0 110px rgba(215,180,107,.008);z-index:-1}.intro-skip{position:absolute;right:24px;bottom:24px;border:0;background:transparent;color:#8a8e8a;font-size:8px;letter-spacing:1.3px;cursor:pointer;z-index:3}.intro-skip:hover{color:#fff}
.page-wipe{position:fixed;z-index:80;visibility:hidden;pointer-events:none}.page-wipe.active{visibility:visible}.page-wipe i{background:#171a18;opacity:0}.page-wipe.active i{animation:wipeTile .9s both;animation-delay:calc(var(--d)*1ms)}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.no-motion *,.no-motion *::before,.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .hero-art{transform:none!important}.no-motion .reveal{opacity:1;transform:none}

@keyframes travel{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
@keyframes pulseLine{0%,100%{opacity:.32;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}
@keyframes radar{to{transform:rotate(360deg)}}
@keyframes scan{to{top:100%}}
@keyframes dash{to{stroke-dashoffset:-300}}
@keyframes orbitSquare{to{transform:rotate(360deg)}}
@keyframes introTile{0%{transform:translateZ(450px) scale(.3);opacity:0}30%{opacity:.55}75%{transform:translateZ(0) scale(1);opacity:.12}100%{transform:translateZ(-320px) rotateX(35deg);opacity:0}}
@keyframes introBrand{0%,20%{opacity:0;filter:blur(12px);transform:scale(.88)}45%,84%{opacity:1;filter:blur(0);transform:scale(1)}100%{opacity:.95;transform:scale(1.015)}}
@keyframes wipeTile{0%{opacity:0;transform:translateZ(380px) scale(.2)}35%,55%{opacity:1;transform:translateZ(0) scale(1)}100%{opacity:0;transform:translateZ(-320px) scale(.15)}}

@media(max-width:1160px){
  .topbar nav{display:none}.menu-toggle{display:block}.prism-link{display:none}
  .hero-copy{width:78vw}.hero h1{font-size:clamp(86px,12vw,144px)}
  .pillar-card{grid-template-columns:1fr;min-height:520px}.pillar-visual{min-height:245px}.pillar-copy{padding:38px}.pillar-grid{grid-template-columns:repeat(2,1fr)}
  .world-map{grid-template-columns:1fr}.map-stage{min-height:0}.world-copy{max-width:650px}
  .eco-shell{grid-template-columns:1fr}.eco-mark{min-height:330px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:820px){
  .topbar{height:74px;padding:0 16px}.dom-brand{min-width:0}.dom-brand>span:last-child{font-size:18px;letter-spacing:3px}.dom-brand small{font-size:6px;letter-spacing:3.3px}.dom-sigil{width:31px;height:31px}.studio-link{display:none}.mobile-nav{inset:74px 0 0}
  .hero{min-height:820px}.hero-frame{inset:96px 15px 20px}.hero-meta{top:96px;left:20px;right:20px}.hero-meta span:last-child{display:none}.hero-copy{padding:205px 7% 120px;width:94vw}.hero h1{font-size:clamp(73px,19vw,122px);white-space:normal;line-height:.78}.hero-tagline{font-size:32px}.hero-text{font-size:14px}.hero-side,.hero-index{display:none}.hero-art{opacity:.88}.citadel{left:55%;transform:scale(.86);transform-origin:bottom}.sun{left:45%;width:80vw}.map-node{display:none}.scroll-cue{display:none}
  .section{padding-left:22px;padding-right:22px}.section-label{grid-template-columns:auto 1fr}.section-label span:last-child{display:none}.manifest-grid,.progression-head{grid-template-columns:1fr;gap:35px;padding-top:70px}.manifest-copy{padding-top:0}.manifest-title h2,.progression h2,.world-copy h2,.eco-copy h2{font-size:56px}.stat-line{grid-template-columns:repeat(2,1fr)}.stat-line span:nth-child(2){border-right:0}
  .pillar-grid{grid-template-columns:1fr}.pillar-card{min-height:500px}.pillar-visual{min-height:240px}
  .timeline{grid-template-columns:1fr;margin-top:65px}.timeline::before{left:4px;right:auto;top:0;bottom:0;width:1px;height:auto}.timeline-step{padding:0 0 38px 40px}.timeline-step>i{left:0;top:5px}.timeline-step div{margin-top:18px;padding-top:14px}.timeline-step p{max-width:500px}
  .world-map{padding-top:80px;padding-bottom:95px}.eco-copy{padding:54px 28px}.eco-actions{align-items:flex-start;flex-direction:column}.status{padding:100px 22px}.status h2{font-size:70px}
  .footer-top{grid-template-columns:1fr;gap:36px}.footer-links{align-items:flex-start}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom span:last-child{display:none}
}
@media(max-width:520px){
  .hero{min-height:780px}.hero-copy{padding-top:180px}.hero h1{font-size:72px;letter-spacing:-1px}.hero-tagline{font-size:28px}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.primary-cta{min-width:235px}.hero-art{transform:none!important}.citadel{left:42%;bottom:18%;transform:scale(.72)}.sun{left:30%;top:10%}.mountain{left:20%}
  .manifest-title h2,.progression h2,.world-copy h2,.eco-copy h2{font-size:47px}.manifest{padding-bottom:90px}.manifest-copy p{font-size:15px}.stat-line{grid-template-columns:1fr}.stat-line span{border-right:0}
  .pillar-copy{padding:32px 25px}.pillar-copy h3{font-size:31px}
  .map-stage{aspect-ratio:1.12}.map-caption b{display:none}.world-node span{display:none}
  .eco-mark{min-height:290px}.prism-symbol{width:125px;height:125px}.status h2{font-size:55px}.status-row{gap:20px;align-items:flex-start;flex-direction:column}
  .intro-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(10,1fr)}.intro-lockup strong{font-size:58px;letter-spacing:4px}.intro-lockup small{font-size:7px;letter-spacing:2px}.intro-lockup::before{width:220px;height:220px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro{display:none}.reveal{opacity:1;transform:none}}


/* ================================================================
   THYTAN GAMES outbound cinematic
   Mirrors the studio-hub intro instead of using the generic page wipe.
   ================================================================ */
.tg-cinematic{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;background:#080a0d;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.tg-cinematic.playing{opacity:1;visibility:visible;pointer-events:auto}
.tg-cinematic.leaving{opacity:0;transition:opacity .28s ease}
.tg-cinematic-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);perspective:760px;pointer-events:none}
.tg-cinematic-grid i{border:1px solid rgba(255,255,255,.06);background:#161b21;opacity:0}
.tg-cinematic.playing .tg-cinematic-grid i{animation:tgExtrude 2.9s cubic-bezier(.25,.6,.2,1) both;animation-delay:calc(var(--d) * 1ms)}
.tg-cinematic-brand{position:relative;text-align:center;opacity:0;z-index:2}
.tg-cinematic.playing .tg-cinematic-brand{animation:tgBrandIn 3s both}
.tg-cinematic-brand::before{content:'';position:absolute;inset:-26px -40px;background:radial-gradient(circle,rgba(255,255,255,.09),transparent 58%);filter:blur(20px);z-index:-1}
.tg-cinematic-logo{width:min(170px,22vw);display:block;margin:0 auto 26px;filter:brightness(2.35) saturate(0) contrast(1.08) drop-shadow(0 0 22px rgba(255,255,255,.22))}
.tg-cinematic-brand b{display:block;font:700 40px/1 Barlow,Arial,sans-serif;letter-spacing:14px;color:#f2efe9}
.tg-cinematic-brand b span{display:block;margin-top:10px;font-size:14px;letter-spacing:13px}
.tg-cinematic-brand small{display:block;margin-top:42px;font:500 11px/1.3 Barlow,Arial,sans-serif;letter-spacing:4px;color:#9ca2a6}
.tg-cinematic-loading{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#ef4a3e,#ffe6e1,#ef4a3e);box-shadow:0 0 14px rgba(239,74,62,.6)}
.tg-cinematic.playing .tg-cinematic-loading{animation:tgLoad 3.3s linear forwards}
@keyframes tgExtrude{0%{transform:translateZ(420px) scale(.2);opacity:0}35%{opacity:.64}70%{transform:translateZ(0) scale(1);opacity:.15}100%{transform:translateZ(-420px) rotateX(35deg);opacity:0}}
@keyframes tgBrandIn{0%{opacity:0;transform:scale(.7);filter:blur(10px)}35%,80%{opacity:1;filter:blur(0);transform:scale(1)}100%{opacity:1;transform:scale(1.03)}}
@keyframes tgLoad{from{width:0}to{width:100%}}
@media(max-width:620px){.tg-cinematic-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(10,1fr)}.tg-cinematic-logo{width:118px}.tg-cinematic-brand b{font-size:30px;letter-spacing:10px}.tg-cinematic-brand b span{font-size:12px;letter-spacing:10px}.tg-cinematic-brand small{font-size:9px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.tg-cinematic{display:none!important}}

/* DOMANTHYR / ANIMUS — cinematic edition */
:root{--gold:#d3bd8d;--gold2:#f1dfb5;--ink:#f1f1e9;--muted:#afb3af}
html{scroll-padding-top:105px}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold2);outline-offset:7px}.skip-link{position:fixed;top:-100px;left:20px;z-index:300;background:#eee;color:#111;padding:16px}.skip-link:focus{top:15px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--gold2);transform:scaleX(var(--progress,0));transform-origin:left;z-index:120}
.topbar{height:80px;background:#080b0de8;backdrop-filter:none;padding:0 4vw}.topbar nav a.active{color:var(--gold2)}.topbar nav a.active:after{transform:scaleX(1)}.hero{min-height:760px;max-height:none;background:radial-gradient(ellipse at 72% 48%,#263b3a 0,#111c20 32%,#080c10 66%)}
.hero-art>.sun,.hero-art>.mountain,.hero-art>.terrain,.hero-art>.citadel,.hero-art>.route,.hero-art>.map-node,.hero-art>.world-lines{display:none}.hero-art:before{background:linear-gradient(90deg,#080c10e8 0%,#080c10ad 31%,transparent 62%),linear-gradient(0deg,#080c10 0,transparent 30%)}.hero-art:after{background:none}.hero:before{display:none}.hero-art{transition:transform .7s cubic-bezier(.16,1,.3,1)}
.hero-copy{left:7vw;top:45%;max-width:760px;z-index:10}.hero h1{font-size:clamp(76px,10.2vw,164px);letter-spacing:-.035em;line-height:.85;font-weight:500}.hero h1 span{color:var(--ink)}.hero-tagline{font-size:clamp(24px,2.8vw,42px);margin-top:30px}.hero-text{max-width:460px;line-height:1.8;color:#b8c1c1}.kicker{font-size:9px;letter-spacing:2.5px}.hero-meta{left:7vw;right:7vw;top:116px;color:#a1b3b4}.hero-grid{opacity:.19}.hero-frame{inset:100px 3vw 32px;opacity:.45}.hero-side{right:30px}.hero-index,.scroll-cue{display:none}.hero-chapters{position:absolute;left:7vw;right:7vw;bottom:55px;z-index:12;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bec9c632}.hero-chapters a{display:flex;align-items:center;gap:16px;padding:25px 18px 8px 0;font-size:10px;letter-spacing:1.5px;color:#b4bebf;transition:color .3s,transform .3s}.hero-chapters a:hover{color:#fff;transform:translateY(-4px)}.hero-chapters b{font-size:12px;color:var(--gold)}.hero-chapters span{flex:1}
.architectural-scene{position:absolute;inset:0;perspective:1100px;overflow:hidden}.monument{position:absolute;width:380px;height:470px;left:64%;top:25%;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-28deg) rotateZ(6deg);animation:monument-float 12s ease-in-out infinite}.slab{position:absolute;bottom:0;width:66px;background:linear-gradient(90deg,#172c30,#64827d 3%,#2a4146 7%,#17272c 80%,#8ba09a);border-top:2px solid #e1d4b3;box-shadow:16px 12px 0 #080f15,17px 12px 0 #aebcaa45;transform:translateZ(var(--depth));animation:slab-arrive 2.2s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay)}.slab:before{content:'';position:absolute;inset:14px 10px;background:repeating-linear-gradient(0deg,transparent 0 23px,#bfd3c225 23px 24px);border-left:1px solid #aabdb355}.slab:after{content:'';position:absolute;left:6px;top:20px;width:2px;height:45%;background:linear-gradient(#f4e2b5,transparent)}.s1{height:240px;left:0;--depth:80px;--delay:.1s}.s2{height:360px;left:75px;--depth:0px;--delay:.2s}.s3{height:470px;left:155px;--depth:-50px;--delay:.3s}.s4{height:330px;left:235px;--depth:0px;--delay:.4s}.s5{height:210px;left:315px;--depth:80px;--delay:.5s}.s6{height:180px;width:190px;left:100px;--depth:110px;--delay:.6s}.monument-core{position:absolute;left:180px;top:20px;width:1px;height:650px;background:linear-gradient(transparent,#f4ddb2,transparent);transform:translateZ(-70px);opacity:.55}.scene-ground{position:absolute;left:37%;top:65%;width:90%;height:70%;background:repeating-linear-gradient(90deg,#91ada026 0 1px,transparent 1px 65px),repeating-linear-gradient(0deg,#91ada026 0 1px,transparent 1px 65px);transform:rotateX(68deg) rotateZ(-25deg);mask-image:radial-gradient(ellipse,#000,transparent 68%)}.orbital{position:absolute;left:53%;top:14%;width:650px;height:650px;border:1px solid #bfcdbe30;border-radius:50%;transform:rotateX(45deg) rotateY(-25deg);animation:orbit-breathe 9s ease-in-out infinite}.o2{inset:20% auto auto 57%;width:530px;height:530px;border-style:dashed;opacity:.55;animation-delay:-4s}.scene-coordinate{position:absolute;right:7%;bottom:24%;font:8px monospace;letter-spacing:3px;color:#a9bbb0;writing-mode:vertical-rl}
@keyframes slab-arrive{from{opacity:0;transform:translate3d(0,180px,var(--depth))}to{opacity:1;transform:translate3d(0,0,var(--depth))}}@keyframes monument-float{50%{transform:translateY(-18px) rotateX(-10deg) rotateY(-22deg) rotateZ(6deg)}}@keyframes orbit-breathe{50%{opacity:.25;transform:rotateX(50deg) rotateY(-20deg) scale(1.05)}}
.section{padding-left:7vw;padding-right:7vw}.manifest{background:#e6e7df;color:#172226;padding-top:100px;padding-bottom:75px}.manifest .eyebrow,.manifest .section-label,.manifest-copy p,.manifest .stat-line{color:#48534f}.manifest h2 em{color:#667357}.manifest .section-label i,.manifest .stat-line{border-color:#17222630}.manifest .stat-line b{color:#263d38}.manifest h2{font-size:clamp(36px,4vw,62px)}.manifest-copy{font-size:16px}.section-label{letter-spacing:2px}.pillars{padding-top:100px;padding-bottom:110px;background:#0a1115}.pillar-grid{gap:1px;background:#a4b6ab30;border:1px solid #a4b6ab30}.pillar-card{background:#0d171b;border:0;min-height:470px;transition:background .4s,transform .4s}.pillar-card:hover{background:#16272a;transform:translateY(-8px)}.pillar-visual{height:215px;background:radial-gradient(ellipse at center,#739b871c,transparent 68%)}.pillar-copy{padding:25px}.pillar-copy h3{font-size:27px;line-height:1.05}.pillar-copy p{line-height:1.7;color:#a9b7b7}.progression{background:#101b1e}.progression-head h2{font-size:clamp(38px,4.5vw,68px)}.timeline-step{transition:background .3s}.timeline-step:hover{background:#b6c9b60a}.world-map{background:#091115;gap:50px;padding-top:100px;padding-bottom:100px}.map-stage{border:1px solid #a6bca342;box-shadow:0 30px 100px #0005}.world-node{border:0;background:transparent;color:#deded1;text-align:left;padding:12px;z-index:8}.world-node[aria-pressed=true]{color:#fff}.world-node[aria-pressed=true] i{box-shadow:0 0 0 8px #d3bd8d22,0 0 25px #d3bd8d88}.location-detail{border-left:2px solid var(--gold);padding:4px 0 12px 24px;margin-bottom:40px}.location-detail>span{font:9px monospace;letter-spacing:2px;color:var(--gold)}.location-detail h3{font:500 36px 'Barlow Condensed',sans-serif;margin:15px 0}.location-detail p{font-size:15px;line-height:1.7}.world-copy h2{font-size:36px}.map-caption b{font-size:8px}.ecosystem{padding-top:90px;padding-bottom:100px}.eco-shell{border:1px solid #87998745;background:linear-gradient(125deg,#182829,#0c1418);box-shadow:none}.eco-copy h2{font-size:clamp(32px,4vw,56px)}.status{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#3c5140,#0a1015 70%);padding:100px 7vw}.status:before{content:'';position:absolute;left:20%;right:20%;bottom:-260px;height:400px;border:1px solid #bdc9b133;transform:rotate(-25deg);pointer-events:none}.status-inner{position:relative}.status h2{font-size:clamp(42px,5.8vw,82px)}footer{background:#070c10}.primary-cta{transition:transform .3s,background .3s}.primary-cta:hover{transform:translateY(-3px)}
.intro{background:#030506;pointer-events:auto;isolation:isolate}.intro.closed{pointer-events:none;visibility:hidden;opacity:0;transform:scale(1.035);filter:blur(8px);transition:opacity .65s ease,visibility .65s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .65s ease}.intro-atmosphere{position:absolute;inset:-8%;background:linear-gradient(100deg,#020304 12%,transparent 48%,#05090b 88%),url('assets/domanthyr-hero-poster.png') 64% 50%/cover no-repeat;filter:brightness(.18) saturate(.7) blur(12px);transform:scale(1.15);animation:intro-camera 5.2s cubic-bezier(.2,.7,.2,1) both}.intro-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,transparent 0 13%,#03050688 45%,#030506 82%)}.intro-radiance{position:absolute;inset:-50%;background:conic-gradient(from 245deg at 50% 50%,transparent 0 42%,#d8c59712 46%,#fff6d837 49%,transparent 53% 100%);filter:blur(24px);animation:intro-radiance 5.2s ease both}.intro-studio,.intro-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}.intro-studio{animation:intro-studio 5.2s cubic-bezier(.16,1,.3,1) both}.intro-studio img{width:clamp(120px,15vw,230px);height:clamp(120px,15vw,230px);object-fit:contain;filter:drop-shadow(0 0 28px #f4e7bd55)}.intro-studio span{margin-top:18px;font:500 clamp(15px,1.45vw,22px)/1 'Barlow',sans-serif;letter-spacing:.48em;color:#f1eee5}.intro-studio small{margin-top:13px;font-size:8px;letter-spacing:.42em;color:#a89978}.intro-title{animation:intro-title 5.2s cubic-bezier(.16,1,.3,1) both}.intro-title img{width:min(72vw,930px);height:auto;filter:drop-shadow(0 14px 35px #000) drop-shadow(0 0 22px #d9b87544)}.intro-title span{margin-top:26px;padding-left:.36em;font-size:9px;letter-spacing:.36em;color:#c6b991}.intro-flare{position:absolute;z-index:4;left:-40%;top:49%;width:180%;height:3px;background:linear-gradient(90deg,transparent 20%,#bda36e 42%,#fff 50%,#bda36e 58%,transparent 80%);box-shadow:0 0 20px #eed59e,0 0 75px #c28b3d99;transform:scaleX(0);animation:intro-flare 5.2s ease both}.intro-shards{position:absolute;inset:0;z-index:2;perspective:900px;overflow:hidden}.intro-shards i{position:absolute;left:50%;top:50%;width:1px;height:38vh;background:linear-gradient(transparent,#dbc89499,transparent);box-shadow:0 0 14px #d4b36b66;transform-origin:50% 0;animation:intro-shard 5.2s cubic-bezier(.16,1,.3,1) both}.intro-shards i:nth-child(1){--r:18deg;--x:20vw;--y:-18vh}.intro-shards i:nth-child(2){--r:64deg;--x:34vw;--y:9vh}.intro-shards i:nth-child(3){--r:118deg;--x:16vw;--y:28vh}.intro-shards i:nth-child(4){--r:198deg;--x:-25vw;--y:24vh}.intro-shards i:nth-child(5){--r:246deg;--x:-31vw;--y:-2vh}.intro-shards i:nth-child(6){--r:312deg;--x:-18vw;--y:-25vh}.intro-skip{z-index:8}.reveal{filter:none!important;transition:opacity .8s,transform .8s;transform:translateY(28px)}.reveal.is-visible{transform:none}.offscreen *{animation-play-state:paused!important}body.page-hidden *{animation-play-state:paused!important}
@keyframes intro-camera{0%{opacity:0;transform:scale(1.28) translate3d(3%,1%,0);filter:brightness(.05) saturate(.5) blur(24px)}18%{opacity:1}65%{filter:brightness(.2) saturate(.75) blur(8px)}100%{opacity:.5;transform:scale(1.06) translate3d(-1.5%,-1%,0);filter:brightness(.3) saturate(.8) blur(2px)}}
@keyframes intro-radiance{0%,15%{opacity:0;transform:rotate(-12deg) scale(.8)}36%{opacity:.8}58%{opacity:.25;transform:rotate(10deg) scale(1.05)}100%{opacity:.5;transform:rotate(22deg) scale(1.2)}}
@keyframes intro-studio{0%{opacity:0;transform:translate3d(0,45px,-180px) scale(.68);filter:blur(22px)}13%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}36%{opacity:1;transform:scale(1.035);filter:blur(0)}48%,100%{opacity:0;transform:translate3d(-12vw,0,80px) scale(1.25);filter:blur(16px)}}
@keyframes intro-flare{0%,36%{opacity:0;transform:translateX(-30%) scaleX(.04)}42%{opacity:1;transform:translateX(0) scaleX(1)}50%,100%{opacity:0;transform:translateX(30%) scaleX(.2)}}
@keyframes intro-title{0%,39%{opacity:0;transform:translate3d(16vw,0,0) scale(1.15);filter:blur(28px)}52%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}82%{opacity:1;transform:scale(1.018);filter:blur(0)}100%{opacity:0;transform:scale(1.09);filter:blur(8px)}}
@keyframes intro-shard{0%,30%{opacity:0;transform:translate3d(0,0,-300px) rotate(var(--r)) scaleY(.1)}44%{opacity:.6}72%{opacity:.16;transform:translate3d(var(--x),var(--y),120px) rotate(var(--r)) scaleY(1)}100%{opacity:0;transform:translate3d(var(--x),var(--y),300px) rotate(var(--r)) scaleY(1.3)}}
.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .reveal{opacity:1;transform:none}.no-motion .intro{display:none}.no-motion .monument{transform:rotateX(-12deg) rotateY(-28deg) rotateZ(6deg)}
@media(min-width:1500px){.monument{left:67%;transform:scale(1.2) rotateY(-28deg)}}
@media(max-width:1100px){.topbar nav{margin-left:0}.topbar nav a{padding:0 10px}.dom-brand{min-width:190px}.hero-copy{max-width:620px}.monument{left:60%}.pillar-grid{grid-template-columns:repeat(2,1fr)}.hero-chapters span{font-size:9px}.world-map{grid-template-columns:1fr}.map-stage{min-height:420px}}
@media(max-width:760px){.topbar{height:68px;padding:0 20px}.mobile-nav{top:68px}.hero{min-height:850px;height:100svh}.hero-copy{left:7vw;right:7vw;top:39%;transform:translateY(-10%);max-width:none}.hero h1{font-size:clamp(54px,13vw,94px)}.hero-text{max-width:350px;font-size:14px}.hero-tagline{font-size:26px;margin-top:22px}.hero-meta{top:95px;font-size:8px}.hero-meta>span:last-child{display:none}.kicker{font-size:8px;letter-spacing:1px}.hero-chapters{bottom:35px;grid-template-columns:1fr}.hero-chapters a{padding:13px 0}.hero-art:before{background:linear-gradient(0deg,#080c10 12%,#080c10b8 50%,#080c1040)}.monument{left:42%;top:10%;scale:.65;transform-origin:top left;opacity:.75}.orbital{left:20%;top:1%;width:450px;height:450px}.o2{left:25%;top:4%;width:360px;height:360px}.scene-coordinate{display:none}.hero-actions{flex-wrap:wrap;gap:18px}.hero-frame{inset:84px 15px 15px}.manifest,.pillars,.world-map,.ecosystem{padding-top:65px;padding-bottom:65px}.pillar-grid{grid-template-columns:1fr}.pillar-card{min-height:0;display:grid;grid-template-columns:110px 1fr}.pillar-visual{height:100%;min-height:240px;overflow:hidden}.pillar-copy{padding:25px 18px}.pillar-copy h3{font-size:26px}.pillar-card:before{display:none}.map-stage{min-height:340px}.map-caption{left:14px;right:14px;flex-direction:column;gap:8px}.world-node span{font-size:8px}.world-node{padding:5px}.section-label{font-size:8px;letter-spacing:1px}.section-label>span:last-child{max-width:45%;text-align:right}.intro-lockup strong{font-size:42px!important;letter-spacing:4px}.intro-lockup small{font-size:8px;letter-spacing:2px}.status{padding:70px 7vw}.top-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.intro{display:none}}
.hero-copy{position:absolute;padding:0;width:min(760px,86vw);transform:translateY(-42%)}.hero h1 span{-webkit-text-stroke:0;text-shadow:none}.no-motion .tg-cinematic.playing .tg-cinematic-brand{opacity:1}.tg-cinematic.playing .tg-cinematic-brand{animation:studio-hold .8s .5s both}@keyframes studio-hold{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:760px){.hero-copy{top:35%;width:86vw;transform:none}.hero h1{white-space:nowrap;font-size:13vw}.hero-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.tg-cinematic.playing{display:flex!important}.tg-cinematic.playing .tg-cinematic-brand{opacity:1}}
.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pillar-card{display:flex;flex-direction:column;min-height:450px}.pillar-visual{height:210px;min-height:210px;flex-shrink:0}.manifest .stat-line span,.manifest .section-label span:last-child{color:#48534f}.manifest .section-label i{background:#17222630}.manifest-title h2{font-size:clamp(36px,4vw,62px)}.eco-copy h2 em{font-style:normal;color:var(--gold2)}
@media(max-width:1100px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pillar-grid{grid-template-columns:1fr}.pillar-card{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:260px}.pillar-visual{height:100%;min-height:260px}.hero-copy{top:32%}.hero-actions{margin-top:22px}.hero-text{line-height:1.65}.eco-actions{flex-wrap:wrap}}


/* R2.4 — official animated DOMANTHYR hero */
.hero{background:#070b0e}
.hero-art{inset:0;transform:none!important;transition:none;opacity:1!important;background:#070b0e}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:#070b0e}
.hero-video-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,8,11,.96) 0%,rgba(5,8,11,.78) 29%,rgba(5,8,11,.24) 58%,rgba(5,8,11,.12) 76%,rgba(5,8,11,.32) 100%),linear-gradient(0deg,rgba(5,8,11,.9) 0%,transparent 34%,rgba(5,8,11,.24) 72%,rgba(5,8,11,.6) 100%)}
.hero-art::before,.hero-art::after{display:none}
.hero-grid{opacity:.12;z-index:3}.hero-frame,.hero-meta,.hero-copy,.hero-chapters,.hero-side{z-index:5}
.no-motion .hero-video{visibility:hidden}
@media(max-width:760px){.hero-video{object-position:62% center}.hero-video-shade{background:linear-gradient(0deg,rgba(5,8,11,.96) 0%,rgba(5,8,11,.73) 55%,rgba(5,8,11,.18) 100%),linear-gradient(90deg,rgba(5,8,11,.5),transparent 72%)}}

/* R2.5 — official navigation wordmark */
.topbar .dom-brand-menu{min-width:235px;gap:0}
.dom-brand-menu .dom-wordmark{display:flex;flex-direction:column;align-items:center;width:168px;font-size:0;line-height:1}
.dom-brand-menu .dom-wordmark img{display:block;width:168px;height:auto;object-fit:contain;filter:none}
.dom-brand-menu .dom-wordmark small{display:block;margin-top:-4px;font:600 6px/1 Barlow,Arial,sans-serif;letter-spacing:5.2px;color:#a9aca9;white-space:nowrap}
@media(max-width:1100px){.topbar .dom-brand-menu{min-width:174px}.dom-brand-menu .dom-wordmark,.dom-brand-menu .dom-wordmark img{width:148px}.dom-brand-menu .dom-wordmark small{font-size:5.5px;letter-spacing:4.4px}}
@media(max-width:760px){.topbar .dom-brand-menu{min-width:0}.dom-brand-menu .dom-wordmark,.dom-brand-menu .dom-wordmark img{width:126px}.dom-brand-menu .dom-wordmark small{margin-top:-3px;font-size:5px;letter-spacing:3.6px}}