:root{
  --ink:#0d1312;
  --deep:#111b18;
  --forest:#1e322b;
  --bronze:#c78a45;
  --bronze-soft:#e0b978;
  --paper:#e9e3d4;
  --muted:#a6ada8;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f4f0e7;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.shell{width:min(1180px,calc(100% - 48px));margin:auto}
.topbar{position:absolute;z-index:20;left:0;top:0;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom,rgba(5,9,8,.82),rgba(5,9,8,.12))}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(224,185,120,.65);color:var(--bronze-soft);font-family:Cinzel,serif;font-size:20px;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}
.brand-copy{display:flex;flex-direction:column;letter-spacing:.18em;line-height:1}.brand-copy strong{font-family:Cinzel,serif;font-size:16px}.brand-copy small{font-size:8px;margin-top:4px;color:#aeb6b0}
nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#d6d9d5}nav a{transition:.2s}nav a:hover{color:white}.nav-cta{border:1px solid rgba(224,185,120,.7);padding:10px 16px;color:var(--bronze-soft)}
.hero{height:min(920px,100vh);min-height:720px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 68% 45%,rgba(183,115,52,.24),transparent 24%),linear-gradient(90deg,#0a1110 0%,rgba(10,17,16,.92) 31%,rgba(10,17,16,.32) 65%,#0a1110 100%),url('assets/hero.jpg') center/cover no-repeat}.hero-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 50%,rgba(219,154,73,.15),transparent 38%),linear-gradient(to bottom,rgba(0,0,0,.15),rgba(8,13,12,.7))}.hero-fade{position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--ink));z-index:-1}.hero-content{padding-top:80px}.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--bronze-soft);font-weight:700;margin:0 0 24px}.hero h1{font-family:Cinzel,serif;font-size:clamp(64px,9vw,126px);font-weight:600;line-height:.82;letter-spacing:-.045em;margin:0;max-width:850px;text-shadow:0 8px 35px rgba(0,0,0,.45)}.hero h1 span{display:block;color:var(--bronze-soft);font-weight:500;margin-left:9vw}.hero-copy{max-width:640px;font-size:18px;line-height:1.75;color:#d0d5d1;margin:38px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.13em;border:1px solid transparent;transition:.25s}.button.primary{background:var(--bronze);color:#16120d}.button.primary:hover{background:var(--bronze-soft);transform:translateY(-2px)}.button.ghost{border-color:rgba(255,255,255,.25);color:white;background:rgba(255,255,255,.02)}.button.ghost:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.05)}.hero-meta{margin-top:38px;display:flex;gap:26px;color:#929c96;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.hero-meta span+span:before{content:"◆";font-size:5px;color:var(--bronze);margin-right:26px;vertical-align:2px}.scroll-cue{position:absolute;right:max(24px,calc((100vw - 1180px)/2));bottom:42px;font-size:9px;letter-spacing:.2em;color:#7f8883;writing-mode:vertical-rl}.scroll-cue span{color:var(--bronze-soft);margin-top:8px}
.section{padding:140px 0}.intro{text-align:center}.intro-kicker{font-size:10px;letter-spacing:.3em;color:#78827d;margin-bottom:24px}.intro h2,.pillars h2,.gallery h2,.wishlist h2{font-family:Cinzel,serif;font-weight:500;font-size:clamp(40px,5vw,68px);line-height:1.08;margin:0}.intro .lead{max-width:790px;margin:34px auto 70px;color:#aeb7b1;line-height:1.8;font-size:17px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.stat-strip>div{padding:34px 28px;min-height:170px}.stat-strip>div+div{border-left:1px solid var(--line)}.stat-strip strong{display:block;font-family:Cinzel,serif;color:var(--bronze-soft);font-size:15px;letter-spacing:.08em;margin-bottom:14px}.stat-strip span{display:block;font-size:13px;line-height:1.65;color:#8e9892}
.feature-band{background:var(--paper);color:#1c2421;padding:110px 0}.feature-band.reverse{background:#dcd4c4}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.feature-band.reverse .feature-grid{grid-template-columns:.8fr 1.2fr}.feature-art{aspect-ratio:16/10;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(31,34,29,.18);background:linear-gradient(135deg,#2b5143,#8f714c)}.art-one{background:radial-gradient(circle at 70% 35%,rgba(227,187,111,.45),transparent 16%),linear-gradient(145deg,#182621,#495e4f 42%,#9e7c4f)}.art-two{background:radial-gradient(circle at 35% 60%,rgba(214,178,104,.35),transparent 18%),linear-gradient(35deg,#475949,#b49866 48%,#6f8575)}.feature-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(30deg,transparent 0 55px,rgba(255,255,255,.025) 56px 57px),repeating-linear-gradient(150deg,transparent 0 70px,rgba(0,0,0,.025) 71px 72px)}.art-label{position:absolute;left:18px;bottom:18px;background:rgba(16,22,20,.78);color:#d8d6cb;padding:9px 11px;font-size:9px;letter-spacing:.14em}.eyebrow.dark{color:#98632d}.feature-copy h3{font-family:Cinzel,serif;font-size:clamp(34px,4vw,55px);font-weight:500;line-height:1.12;margin:0 0 24px}.feature-copy p{font-size:16px;line-height:1.8;color:#5e675f}.feature-copy ul{list-style:none;padding:0;margin:28px 0 0}.feature-copy li{padding:13px 0 13px 28px;border-top:1px solid rgba(22,29,25,.13);font-size:13px;position:relative}.feature-copy li:before{content:"✦";position:absolute;left:0;color:#a86d31}
.pillars{padding-bottom:160px}.pillars h2 span{color:#7d8882}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:72px;border:1px solid var(--line)}.pillar-grid article{background:var(--ink);padding:34px;min-height:280px}.number{font-family:Cinzel,serif;color:#5e6964;font-size:12px}.pillar-grid h4{font-family:Cinzel,serif;font-size:24px;font-weight:500;color:var(--bronze-soft);margin:55px 0 15px}.pillar-grid p{font-size:13px;color:#909994;line-height:1.7}
.gallery{background:#0a0f0e;padding-top:130px}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.gallery-head>p{max-width:370px;color:#7f8983;font-size:13px;line-height:1.7}.gallery-track{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:14px;margin-top:54px}.shot{aspect-ratio:16/10;display:flex;align-items:end;padding:20px;background:linear-gradient(135deg,#344b42,#92724c);color:rgba(255,255,255,.75);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.shot-b{background:linear-gradient(145deg,#596d61,#b29869)}.shot-c{background:linear-gradient(145deg,#243a37,#78614b)}
.wishlist{position:relative;min-height:660px;display:flex;align-items:center;text-align:center;overflow:hidden}.wishlist-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(175,110,47,.2),transparent 28%),linear-gradient(to bottom,#0a0f0e 2%,rgba(10,15,14,.6) 45%,#090d0c 100%)}.wishlist-content{position:relative;z-index:2}.wishlist h2{font-size:clamp(50px,7vw,88px)}.wishlist-content>p:not(.eyebrow):not(.micro){color:#9aa39d;margin:28px 0}.centered{justify-content:center}.button.large{min-height:56px;padding:0 30px}.micro{font-size:10px;color:#656e69!important;margin-top:18px!important}
footer{border-top:1px solid var(--line);padding:34px 0;background:#080b0a}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.footer-brand{opacity:.75}.footer-copy{font-size:10px;color:#727b76;text-align:center}.version{text-align:right;font-size:9px;color:#4d5551;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){nav a:not(.nav-cta){display:none}.hero{min-height:760px}.hero h1 span{margin-left:0}.feature-grid,.feature-band.reverse .feature-grid{grid-template-columns:1fr;gap:46px}.feature-band.reverse .feature-copy{order:2}.stat-strip,.pillar-grid{grid-template-columns:1fr 1fr}.stat-strip>div:nth-child(3){border-left:none;border-top:1px solid var(--line)}.stat-strip>div:nth-child(4){border-top:1px solid var(--line)}.gallery-track{grid-template-columns:1fr 1fr}.shot-a{grid-column:1/-1}.gallery-head{display:block}.gallery-head>p{margin-top:24px}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.version{text-align:center}}
@media(max-width:600px){.shell{width:min(100% - 30px,1180px)}.topbar{height:72px}.brand-mark{width:32px;height:32px}.hero{min-height:720px}.hero-content{padding-top:110px}.hero h1{font-size:56px;line-height:.9}.hero-copy{font-size:15px}.hero-meta{gap:10px;flex-wrap:wrap}.hero-meta span+span:before{margin-right:10px}.scroll-cue{display:none}.section{padding:90px 0}.stat-strip,.pillar-grid{grid-template-columns:1fr}.stat-strip>div+div{border-left:none;border-top:1px solid var(--line)}.feature-band{padding:80px 0}.feature-copy h3{font-size:38px}.gallery-track{grid-template-columns:1fr}.shot-a{grid-column:auto}.wishlist{min-height:600px}.wishlist h2{font-size:48px}}

/* Steam-first conversion hierarchy */
.steam-primary{box-shadow:0 12px 34px rgba(199,138,69,.18)}
.hero .steam-primary{min-width:190px}
.wishlist .steam-primary{min-width:235px;font-size:12px}

.newsletter{padding:92px 0;background:#111715;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.newsletter-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.newsletter-copy h2{font-family:Cinzel,serif;font-weight:500;font-size:clamp(34px,4.2vw,54px);line-height:1.08;margin:0 0 20px}
.newsletter-copy>p:last-child{max-width:560px;color:#949d97;font-size:14px;line-height:1.8;margin:0}
.newsletter-form{border:1px solid rgba(255,255,255,.12);padding:28px;background:rgba(255,255,255,.025)}
.newsletter-form label{display:block;margin-bottom:10px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8f9993}
.newsletter-input-row{display:flex;gap:10px}
.newsletter-input-row input{flex:1;min-width:0;height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.17);outline:none;background:#0b100f;color:#f4f0e7;font:500 14px Inter,system-ui,sans-serif;transition:.2s}
.newsletter-input-row input::placeholder{color:#59625d}
.newsletter-input-row input:focus{border-color:rgba(224,185,120,.65);box-shadow:0 0 0 3px rgba(199,138,69,.08)}
.newsletter-button{height:54px;background:transparent;border-color:rgba(224,185,120,.62);color:var(--bronze-soft);white-space:nowrap}
.newsletter-button:hover{background:rgba(199,138,69,.09);border-color:var(--bronze-soft)}
.newsletter-form .micro{margin:12px 0 0!important;line-height:1.5}
@media(max-width:900px){.newsletter-grid{grid-template-columns:1fr;gap:42px}}
@media(max-width:600px){.newsletter{padding:72px 0}.newsletter-form{padding:20px}.newsletter-input-row{flex-direction:column}.newsletter-button{width:100%}}

/* v1.00 — real Maian Games branding and Dawn of Empires screenshots */
.maian-logo{display:block;width:auto;height:68px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.28))}
.topbar .brand{min-width:112px}
.hero-backdrop{background:linear-gradient(90deg,#07100e 0%,rgba(7,16,14,.94) 28%,rgba(7,16,14,.48) 58%,rgba(7,16,14,.2) 78%,rgba(7,16,14,.58) 100%),url('assets/gameplay-hero.webp') center/cover no-repeat}
.hero-backdrop:after{background:radial-gradient(ellipse at 72% 50%,rgba(219,154,73,.11),transparent 38%),linear-gradient(to bottom,rgba(0,0,0,.12),rgba(8,13,12,.72))}
.feature-art{margin:0;aspect-ratio:16/9;background:#101714}
.feature-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.feature-art:hover img{transform:scale(1.015)}
.feature-art:before{z-index:1;pointer-events:none}
.art-label{z-index:2;margin:0}
.gallery-track{grid-template-columns:1.35fr .85fr .85fr;grid-auto-rows:auto}
.shot{position:relative;aspect-ratio:16/9;padding:0;overflow:hidden;background:#101714;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 40px rgba(0,0,0,.18)}
.shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.shot:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,7,6,.86));pointer-events:none}
.shot span{position:absolute;left:18px;bottom:16px;z-index:2;color:#eee8dc;font-size:9px;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 2px 8px #000}
.shot:hover img{transform:scale(1.018);filter:brightness(1.05)}
.shot-a{grid-row:span 2}
.footer-logo{height:54px;opacity:.9}
@media(max-width:900px){.maian-logo{height:60px}.gallery-track{grid-template-columns:1fr 1fr}.shot-a{grid-column:1/-1;grid-row:auto}}
@media(max-width:600px){.maian-logo{height:51px}.topbar .brand{min-width:88px}.gallery-track{grid-template-columns:1fr}.shot-a{grid-column:auto}.footer-logo{height:48px}}

/* v1.00 — Steam wishlist live + landscape Maian Games top-bar logo */
.topbar .maian-logo{height:48px;max-width:230px;width:auto;object-fit:contain}
.topbar .brand{min-width:200px}
@media(max-width:900px){.topbar .maian-logo{height:44px;max-width:210px}.topbar .brand{min-width:180px}}
@media(max-width:600px){.topbar .maian-logo{height:34px;max-width:155px}.topbar .brand{min-width:145px}.nav-cta{padding:9px 11px;font-size:10px}}