:root{color-scheme:dark;--bg:#111713;--panel:#19211c;--ink:#f0eee4;--muted:#a6ac9f;--gold:#d8ae5e;--green:#71856c;--line:rgba(231,224,202,.16);font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 75% 13%,rgba(75,94,68,.17),transparent 32%),var(--bg)}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 clamp(22px,6vw,94px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:17px;letter-spacing:-.04em}.brand img{border-radius:50%;object-fit:cover}.brand-accent{color:var(--gold)}.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#c8cbbf}.nav a:hover,.cta-links a:hover,footer a:hover{color:var(--gold)}.language{font:11px 'DM Mono',monospace;color:#697368;display:flex;gap:8px}.language button{background:none;border:0;color:#8c9588;font:inherit;cursor:pointer;padding:7px 2px}.language button[aria-pressed=true]{color:var(--gold)}.hero{position:relative;min-height:590px;padding:80px clamp(22px,10vw,150px) 70px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2;max-width:570px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:#b6b7a7}.status-dot{display:inline-block;width:6px;height:6px;background:#a7c18a;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #a7c18a}.hero h1,.section-heading h2,.bottom-cta h2{font:500 clamp(48px,6.3vw,82px)/1.03 'Playfair Display',Georgia,serif;letter-spacing:-.05em;margin:24px 0}.lead{font-size:16px;line-height:1.8;color:#b5baad;max-width:460px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.button{padding:14px 18px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#1a1b15}.button-primary:hover{background:#edc978}.button-primary span{margin-left:10px}.button-quiet{border:1px solid var(--line);color:#e0ddcf}.button-quiet span{margin-left:10px;color:var(--gold)}.requirements{font:10px 'DM Mono',monospace;color:#7c8779;margin-top:22px}.hero-art{height:420px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,rgba(112,127,93,.13),transparent 59%)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 32%),repeating-linear-gradient(0deg,transparent 0 49px,rgba(216,174,94,.07) 50px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(216,174,94,.07) 50px);mask-image:linear-gradient(90deg,transparent,#000 48%)}.sun{position:absolute;width:160px;height:160px;border:1px solid rgba(224,188,116,.35);border-radius:50%;top:43px;right:18%;box-shadow:0 0 70px rgba(216,174,94,.1),inset 0 0 60px rgba(216,174,94,.1)}.terrain{position:absolute;inset:auto -8% 0;height:68%;clip-path:polygon(0 62%,11% 53%,20% 59%,32% 28%,40% 42%,53% 14%,62% 34%,72% 25%,83% 48%,92% 37%,100% 44%,100% 100%,0 100%)}.terrain-back{background:linear-gradient(160deg,#64725c,#303c32 66%);transform:translateY(-36px);opacity:.55}.terrain-mid{background:linear-gradient(165deg,#8c8c69,#4e5a47 65%);transform:translateY(-10px);opacity:.78}.terrain-front{background:linear-gradient(170deg,#b28f58,#46543f 55%,#26362e);clip-path:polygon(0 73%,10% 55%,22% 67%,37% 43%,49% 63%,62% 37%,73% 50%,83% 44%,100% 60%,100% 100%,0 100%)}.brush-ring{position:absolute;width:173px;height:173px;border:1px solid rgba(230,190,102,.82);border-radius:50%;right:22%;top:37%;box-shadow:0 0 0 12px rgba(230,190,102,.04),0 0 55px rgba(230,190,102,.12)}.brush-ring:before,.brush-ring:after{content:"";position:absolute;background:rgba(230,190,102,.8)}.brush-ring:before{height:1px;width:215px;left:-22px;top:50%}.brush-ring:after{width:1px;height:215px;top:-22px;left:50%}.art-label{position:absolute;right:3%;bottom:20%;font:9px 'DM Mono',monospace;letter-spacing:.17em;color:#d8c999;display:flex;align-items:center;gap:9px}.art-line{display:inline-block;width:24px;height:1px;background:var(--gold)}.art-coordinate{position:absolute;left:5%;top:19%;font:9px/1.8 'DM Mono',monospace;color:#9a9c83;letter-spacing:.1em}.hero-bottom{position:absolute;bottom:24px;left:clamp(22px,6vw,94px);right:clamp(22px,6vw,94px);display:flex;justify-content:space-between;color:#778073;font:9px 'DM Mono',monospace;letter-spacing:.14em}.intro{display:grid;grid-template-columns:1fr .75fr;gap:12%;padding:108px clamp(22px,10vw,150px) 60px}.section-heading .eyebrow{color:var(--gold)}.section-heading h2,.bottom-cta h2{font-size:48px;margin:16px 0}.section-copy{align-self:end;color:#aeb4a7;line-height:1.8;font-size:14px;max-width:490px}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-card{position:relative;min-height:270px;padding:35px clamp(22px,4vw,58px);background:#141b16;overflow:hidden}.feature-card h3{font:500 23px 'Playfair Display',Georgia,serif;margin:32px 0 12px}.feature-card p{max-width:390px;color:#9ca497;font-size:13px;line-height:1.75}.feature-number{font:10px 'DM Mono',monospace;color:#7c897b}.feature-icon{float:right;color:var(--gold);font-size:22px}.feature-large{background:linear-gradient(140deg,#1b251c,#141b16 75%)}.mini-terrain{position:absolute;right:8%;bottom:0;width:45%;height:86px;opacity:.75}.mini-terrain i{position:absolute;bottom:0;width:100%;height:58px;background:linear-gradient(140deg,#89916c,#44513e);clip-path:polygon(0 67%,24% 38%,41% 52%,66% 5%,78% 43%,100% 24%,100% 100%,0 100%)}.mini-terrain i:nth-child(2){height:43px;opacity:.5;transform:translateX(14px)}.mini-terrain i:nth-child(3){height:29px;opacity:.6;transform:translateX(-20px)}.mini-terrain b{position:absolute;width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;top:0;right:20%;box-shadow:0 0 20px #d8ae5e22}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding:76px clamp(22px,10vw,150px);background:linear-gradient(110deg,#1b251b,#111713 65%)}.bottom-cta .eyebrow{color:var(--gold)}.bottom-cta h2{margin-bottom:0}.cta-links{display:flex;flex-direction:column;gap:15px;font-size:13px;color:#d2d2c5}.cta-links a:after{content:"";display:inline-block;margin-left:12px;width:32px;height:1px;background:var(--gold);vertical-align:middle}footer{display:flex;justify-content:space-between;align-items:center;padding:25px clamp(22px,6vw,94px);border-top:1px solid var(--line);color:#7c8579;font:9px 'DM Mono',monospace;letter-spacing:.1em}.footer-brand{color:#e0d9c5;letter-spacing:.15em}footer a:last-child{color:var(--gold)}
.manual-languages{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:76px clamp(22px,10vw,150px);border-bottom:1px solid var(--line);background:#151c17}.manual-languages h2{font:500 38px/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:17px 0}.manual-languages p:not(.eyebrow){font-size:13px;line-height:1.75;color:#9ca497;max-width:370px}.language-list{align-self:center;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.language-list a{padding:13px 12px;background:#151c17;font-size:12px;color:#d3d2c7;transition:color .2s,background .2s}.language-list a:hover{color:var(--gold);background:#1a231b}.language-list span{float:right;color:#7d886f;font-size:10px}

@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:64px;gap:15px}.hero-art{height:310px;margin:0 -15px}.hero h1{font-size:64px}.intro{grid-template-columns:1fr;gap:10px;padding-top:75px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2}.manual-languages{grid-template-columns:1fr;gap:24px}.bottom-cta{padding-top:60px;padding-bottom:60px}}@media(max-width:560px){.topbar{height:68px;padding:0 18px}.brand{font-size:15px}.brand img{width:32px;height:32px}.nav{gap:15px;font-size:11px}.nav a:last-child{display:none}.hero{padding:54px 22px 65px;min-height:auto}.hero h1{font-size:54px}.lead{font-size:14px}.hero-art{height:270px}.brush-ring{width:135px;height:135px;right:24%;top:35%}.intro{padding:70px 23px 39px}.section-heading h2,.bottom-cta h2{font-size:39px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-card{min-height:225px}.manual-languages{padding:56px 23px}.manual-languages h2{font-size:34px}.language-list{grid-template-columns:repeat(2,1fr)}.bottom-cta{align-items:flex-start;gap:28px;flex-direction:column;padding:56px 23px}.cta-links{gap:18px}footer{padding:22px;gap:15px;flex-wrap:wrap}footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* TerrainForge visual signature: Averia lettering, Valheim gold, tool cyan, and the actual cover art. */
:root {
  --bg: #101714;
  --panel: #1a211d;
  --ink: #e8e2d1;
  --muted: #a5ac9e;
  --gold: #d9ae58;
  --line: rgba(218, 185, 112, .28);
  color-scheme: dark;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  background: #101714;
  color: #e8e2d1;
}
body { background: #101714; }
.topbar {
  position: absolute; z-index: 6; inset: 0 0 auto; height: 88px;
  padding: 0 clamp(22px, 6vw, 92px);
  background: linear-gradient(180deg, rgba(8, 15, 14, .84), rgba(8, 15, 14, .16));
  border-bottom: 1px solid rgba(218, 185, 112, .28);
}
.brand { gap: 12px; font: 700 20px/.9 "Averia Serif Libre", Georgia, serif; letter-spacing: .025em; color: #f0d287; text-shadow: 0 2px 5px #000; }
.brand img { width: 48px; height: 48px; border: 1px solid #d9ae58; border-radius: 0; box-shadow: 0 2px 12px #0009; }
.brand-accent { color: #f0d287; }
.nav { gap: clamp(18px, 3vw, 45px); color: #e3ddce; font: 600 15px "Barlow Condensed", sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.nav a:hover, .cta-links a:hover, footer a:hover { color: #57d6e3; }
.language { font-family: "DM Mono", monospace; }
.language button { color: #a5ac9e; }
.language button[aria-pressed=true] { color: #f0d287; }

.hero {
  position: relative; z-index: 0; isolation: isolate;
  min-height: max(690px, min(790px, 100svh));
  display: flex; align-items: center; padding: 0; overflow: hidden;
  border-bottom: 1px solid rgba(218, 185, 112, .34);
}
.hero-copy { position: relative; z-index: 2; width: min(630px, 54vw); margin: 100px 0 80px clamp(24px, 9.5vw, 152px); }
.hero-art {
  position: absolute; z-index: -1; inset: 0; height: auto; margin: 0;
  background: url("hero.png") center 49% / cover no-repeat;
}
.hero-art:before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(7, 14, 13, .96) 0%, rgba(7, 14, 13, .88) 25%, rgba(7, 14, 13, .61) 46%, rgba(7, 14, 13, .05) 76%),
    linear-gradient(0deg, rgba(7, 14, 13, .86), transparent 34%, rgba(7, 14, 13, .10));
  mask-image: none;
}
.sun, .terrain, .brush-ring { display: none; }
.eyebrow { color: #e1d3ae; font: 10px "DM Mono", monospace; letter-spacing: .15em; }
.status-dot { background: #57d6e3; box-shadow: 0 0 12px #57d6e3; }
.hero h1 {
  margin: 23px 0; color: #e8e2d1;
  font: 400 clamp(58px, 7.4vw, 104px)/.96 "Averia Serif Libre", Georgia, serif;
  letter-spacing: -.055em; text-shadow: 0 4px 20px #000b;
}
.lead { max-width: 500px; color: #d3d3c8; font-size: 21px; line-height: 1.5; text-shadow: 0 2px 8px #000; }
.hero-actions { gap: 12px; margin-top: 31px; }
.button { min-height: 50px; padding: 0 17px; display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 0; font: 600 15px "Barlow Condensed", sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.button-primary { background: linear-gradient(#f0d28a, #c79b48); color: #1a1b15; box-shadow: inset 0 1px #fff7, 0 4px 15px #0007; }
.button-primary:hover { background: #f6dda0; }
.button-quiet { border: 1px solid rgba(222, 205, 159, .7); background: rgba(13, 22, 20, .58); color: #e8e2d1; }
.button-quiet span { color: #57d6e3; }
.requirements { color: #c4c9ba; font: 10px "DM Mono", monospace; letter-spacing: .05em; }
.hero-bottom { z-index: 2; color: #d2c59f; }
.hero-bottom span:first-child { color: #57d6e3; }
.art-label { z-index: 1; right: clamp(24px, 6vw, 94px); bottom: 19%; color: #eee0b8; text-shadow: 0 2px 8px #000; }
.art-line { background: #57d6e3; }
.art-coordinate { left: auto; right: clamp(24px, 6vw, 94px); top: 19%; color: #d3d5c7; text-align: right; text-shadow: 0 2px 8px #000; }

.intro { background: radial-gradient(ellipse at 77% 25%, rgba(58, 91, 71, .2), transparent 48%), #121916; }
.section-heading .eyebrow { color: #57d6e3; }
.section-heading h2, .manual-languages h2, .bottom-cta h2 {
  color: #f0d287; font: 400 clamp(36px, 4vw, 52px)/1.08 "Averia Serif Libre", Georgia, serif;
  letter-spacing: -.035em;
}
.section-copy, .manual-languages p:not(.eyebrow) { color: #b6bcaf; font: 18px/1.55 "Barlow Condensed", sans-serif; }
.feature-grid { gap: 1px; background: #080d0b; border-color: rgba(218, 185, 112, .34); }
.feature-card { min-height: 276px; padding-top: 30px; background: linear-gradient(145deg, #1a241e, #121916 70%); border-top: 1px solid rgba(218, 185, 112, .16); }
.feature-card h3 { color: #f0d287; font: 400 27px "Averia Serif Libre", Georgia, serif; }
.feature-card p { color: #b6bcaf; font: 17px/1.5 "Barlow Condensed", sans-serif; }
.feature-number, .feature-icon { color: #57d6e3; }
.feature-large { background: linear-gradient(135deg, #1c2b23, #121916 75%); }
.mini-terrain { opacity: .55; }
.manual-languages { border-color: rgba(218, 185, 112, .3); background: radial-gradient(ellipse at 80% 10%, rgba(48, 79, 60, .22), transparent 50%), #121916; }
.language-list { border-color: rgba(218, 185, 112, .3); background: rgba(218, 185, 112, .25); }
.language-list a { background: #151c18; color: #e1ddcf; font: 500 15px "Barlow Condensed", sans-serif; }
.language-list a:hover { color: #57d6e3; background: #1a2721; }
.bottom-cta { background: linear-gradient(100deg, #1d2b22, #111714 70%); border-top: 1px solid rgba(218, 185, 112, .26); }
.bottom-cta .eyebrow { color: #57d6e3; }
.cta-links { color: #e1ddcf; font: 500 16px "Barlow Condensed", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.cta-links a:after { background: #57d6e3; }
footer { color: #a1a797; border-color: rgba(218, 185, 112, .3); }
.footer-brand { color: #f0d287; }

@media (max-width: 850px) {
  .hero { min-height: 720px; }
  .hero-copy { width: min(640px, 76vw); margin-left: 7vw; }
  .hero-art { height: auto; margin: 0; background-position: 63% center; }
  .hero-art:before { background: linear-gradient(90deg, rgba(7, 14, 13, .95), rgba(7, 14, 13, .73) 53%, rgba(7, 14, 13, .1)), linear-gradient(0deg, rgba(7, 14, 13, .88), transparent 38%); }
  .intro { grid-template-columns: 1fr; gap: 12px; padding-top: 72px; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .feature-large { grid-column: span 2; }
  .manual-languages { grid-template-columns: 1fr; gap: 25px; }
}
@media (max-width: 560px) {
  .topbar { height: 99px; padding: 8px 17px 0; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 50px 35px; align-content: start; }
  .brand { gap: 9px; font-size: 16px; }
  .brand img { width: 42px; height: 42px; }
  .nav { grid-column: 1 / -1; grid-row: 2; justify-self: start; gap: 21px; font-size: 12px; }
  .nav a:last-child { display: none; }
  .language { grid-column: 2; grid-row: 1; }
  .hero { min-height: 850px; min-height: 100svh; align-items: flex-end; }
  .hero-copy { width: auto; margin: 0 20px 91px; }
  .hero-art { background-position: 67% center; }
  .hero-art:before { background: linear-gradient(0deg, rgba(7, 14, 13, .98) 0%, rgba(7, 14, 13, .89) 41%, rgba(7, 14, 13, .2) 84%), linear-gradient(90deg, rgba(7, 14, 13, .22), transparent); }
  .hero h1 { font-size: clamp(58px, 15vw, 76px); }
  .lead { max-width: 460px; font-size: 18px; }
  .hero-actions { gap: 8px; margin-top: 23px; }
  .button { min-height: 45px; padding: 0 12px; gap: 12px; font-size: 13px; }
  .requirements { font-size: 9px; }
  .art-label { right: 20px; bottom: 20px; font-size: 8px; }
  .art-coordinate { top: 15%; right: 20px; font-size: 8px; }
  .hero-bottom { left: 20px; right: 20px; bottom: 51px; font-size: 8px; }
  .section-heading h2, .bottom-cta h2 { font-size: 39px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-large { grid-column: auto; }
  .feature-card { min-height: 225px; }
  .manual-languages { padding: 56px 23px; }
  .manual-languages h2 { font-size: 34px; }
  .language-list { grid-template-columns: repeat(2, 1fr); }
  .bottom-cta { align-items: flex-start; gap: 28px; flex-direction: column; padding: 56px 23px; }
  footer { padding: 22px; gap: 15px; flex-wrap: wrap; }
  footer span { order: 3; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}


/* Palette correction sampled from the TerrainForge cover: fjord blue, vivid cyan, landscape green, forged copper. */
:root {
  --bg: #0b1721;
  --panel: #152632;
  --ink: #eee7d6;
  --muted: #afbdc0;
  --gold: #cf7634;
  --line: rgba(206, 130, 58, .34);
  background: #0b1721;
  color: #eee7d6;
}
body { background: #0b1721; }
.brand, .brand-name, .brand-accent { color: #ffc36d; }
.brand img { border-color: #cf7634; }
.language button[aria-pressed=true] { color: #ffc36d; }
.hero-art:before {
  background: linear-gradient(90deg, rgba(7, 17, 25, .9) 0%, rgba(7, 17, 25, .82) 25%, rgba(7, 17, 25, .48) 47%, rgba(7, 17, 25, .02) 78%),
    linear-gradient(0deg, rgba(7, 17, 25, .82), transparent 36%, rgba(7, 17, 25, .06));
}
.hero h1 { color: #f1e8d7; }
.hero h1 em, .section-heading h2, .manual-languages h2, .bottom-cta h2, .feature-card h3 { color: #ffc36d; }
.hero-description, .lead { color: #e0e4df; }
.status-dot, .cyan-mark, .art-line { background-color: #52e8f3; }
.status-dot { box-shadow: 0 0 12px #52e8f3; }
.art-label, .art-coordinate { color: #e7e1cf; }
.button-primary {
  background: linear-gradient(180deg, #f4b55b, #c76d2d);
  color: #21170f;
  box-shadow: inset 0 1px #fff7, 0 4px 15px #0008;
}
.button-primary:hover { background: #ffc36d; }
.button-quiet { border-color: rgba(222, 192, 145, .68); }
.intro {
  background: radial-gradient(ellipse at 78% 28%, rgba(45, 113, 131, .23), transparent 48%), linear-gradient(120deg, #132b39, #0c1a24 72%);
}
.section-heading .eyebrow, .bottom-cta .eyebrow { color: #52e8f3; }
.section-copy, .manual-languages p:not(.eyebrow), .feature-card p { color: #bdc9c6; }
.feature-grid { background: #08121a; border-color: rgba(207, 118, 52, .36); }
.feature-card {
  background: linear-gradient(145deg, #1a3040, #12232e 72%);
  border-top-color: rgba(207, 118, 52, .26);
}
.feature-large { background: linear-gradient(135deg, #1b3940, #12232e 76%); }
.feature-number, .feature-icon, .section-mark span:first-child { color: #52e8f3; }
.manual-languages {
  background: radial-gradient(ellipse at 82% 10%, rgba(39, 105, 118, .22), transparent 50%), #10212b;
  border-color: rgba(207, 118, 52, .36);
}
.language-list { border-color: rgba(207, 118, 52, .32); background: rgba(207, 118, 52, .32); }
.language-list a { background: #142733; color: #e8e2d2; }
.language-list a:hover { color: #52e8f3; background: #1a3540; }
.language-list a span { color: #e39a4b; }
.bottom-cta {
  background: linear-gradient(110deg, #203c3d, #142631 62%, #101c25);
  border-top-color: rgba(207, 118, 52, .32);
}
.cta-links { color: #e8e2d2; }
.cta-links a:after { background: #52e8f3; }
footer { color: #a9b9ba; border-color: rgba(207, 118, 52, .33); }
.footer-brand, footer a:last-child { color: #ffc36d; }
@media (max-width: 850px) {
  .hero-art:before {
    background: linear-gradient(90deg, rgba(7, 17, 25, .9), rgba(7, 17, 25, .69) 53%, rgba(7, 17, 25, .08)),
      linear-gradient(0deg, rgba(7, 17, 25, .84), transparent 40%);
  }
}
@media (max-width: 560px) {
  .hero-art:before {
    background: linear-gradient(0deg, rgba(7, 17, 25, .97) 0%, rgba(7, 17, 25, .84) 41%, rgba(7, 17, 25, .13) 84%),
      linear-gradient(90deg, rgba(7, 17, 25, .2), transparent);
  }
}

/* 0.3.8 screenshots and release artwork */
.showcase{padding:96px clamp(22px,8vw,120px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(150deg,#18211b,#111713 70%)}
.showcase-heading{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(30px,7vw,100px);margin-bottom:40px}
.showcase-heading .section-heading h2{color:var(--ink)}
.showcase-heading .section-heading>p:last-child{max-width:470px;color:#aeb4a7;font-size:14px;line-height:1.8}
.release-art,.screenshot-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);background:#0c110e}
.release-art{max-width:540px;justify-self:end}
.release-art img{display:block;width:100%;height:auto}
.release-art figcaption,.screenshot-grid figcaption{padding:13px 16px;color:#c2c4b7;font:10px 'DM Mono',monospace;letter-spacing:.08em}
.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.screenshot-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.screenshot-grid figure{transition:transform .2s,border-color .2s}
.screenshot-grid figure:hover{transform:translateY(-3px);border-color:rgba(216,174,94,.55)}
@media(max-width:900px){.showcase-heading{grid-template-columns:1fr}.release-art{justify-self:start;max-width:480px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.showcase{padding:64px 22px}.screenshot-grid{grid-template-columns:1fr}.screenshot-grid figcaption{font-size:9px}}


/* Release story and roomy, expandable screenshot gallery. */
.release-history{padding:clamp(64px,8vw,112px) clamp(22px,6vw,96px);background:linear-gradient(145deg,#102530,#0b1721 72%);border-top:1px solid rgba(207,118,52,.38)}
.release-heading,.release-grid{width:min(100%,1500px);margin-left:auto;margin-right:auto}
.release-heading{margin-bottom:34px}
.release-heading h2{font:500 clamp(38px,5vw,62px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.04em;color:#ffc36d;margin:14px 0}
.release-heading>p:last-child{max-width:650px;color:#bdc9c6;font-size:15px;line-height:1.8}
.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.release-card{padding:26px 26px 28px;border:1px solid rgba(207,118,52,.3);border-top:2px solid #cf7634;background:linear-gradient(145deg,#1a3040,#12232e 78%)}
.release-number{margin:0 0 14px;color:#52e8f3;font:500 12px 'DM Mono',monospace;letter-spacing:.12em}
.release-card h3{margin:0 0 12px;color:#ffc36d;font:600 23px 'Averia Serif Libre',Georgia,serif}
.release-card p:last-child{margin:0;color:#c3cecb;font-size:14px;line-height:1.8}
.release-link{display:inline-block;margin:25px max(calc((100% - 1500px)/2),0px) 0;color:#52e8f3;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.showcase{padding:clamp(64px,8vw,108px) clamp(22px,6vw,96px);border-top:1px solid rgba(207,118,52,.38);border-bottom:1px solid rgba(207,118,52,.38);background:linear-gradient(150deg,#18211b,#111713 70%)}
.showcase-heading{width:min(100%,1500px);margin:0 auto 34px;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,5vw,80px)}
.showcase-heading .section-heading{max-width:750px}
.showcase-heading .section-heading h2{color:var(--ink)}
.showcase-heading .section-heading>p:last-child{max-width:620px;color:#aeb4a7;font-size:15px;line-height:1.8}
.release-art,.screenshot-grid figure{margin:0;overflow:hidden;border:1px solid rgba(207,118,52,.34);background:#0c110e}
.release-art{width:min(270px,28vw);flex:0 0 auto}
.release-art img{display:block;width:100%;height:auto}
.release-art figcaption,.screenshot-grid figcaption{padding:13px 16px;color:#c2c4b7;font:11px 'DM Mono',monospace;letter-spacing:.05em}
.screenshot-grid{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.screenshot-grid figure{transition:border-color .2s,box-shadow .2s}
.screenshot-grid figure:hover{border-color:rgba(255,195,109,.72);box-shadow:0 12px 36px #0005}
.screenshot-open{display:block;cursor:zoom-in;background:#080d10}
.screenshot-open img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.image-viewer{position:fixed;max-width:96vw;max-height:94vh;width:max-content;padding:44px 18px 16px;border:1px solid rgba(255,195,109,.55);background:#081117;color:#f0eee4;box-shadow:0 22px 90px #000b}
.image-viewer::backdrop{background:rgba(2,7,10,.88);backdrop-filter:blur(5px)}
.image-viewer img{display:block;max-width:92vw;max-height:82vh;width:auto;height:auto;object-fit:contain}
.image-viewer p{margin:12px 4px 0;color:#d2d6cd;font:12px 'DM Mono',monospace}
.image-viewer-close{position:absolute;right:10px;top:6px;width:34px;height:34px;border:0;background:transparent;color:#ffc36d;font-size:30px;line-height:1;cursor:pointer}
@media(max-width:900px){.release-grid{grid-template-columns:1fr 1fr}.release-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.release-grid{grid-template-columns:1fr}.release-card:last-child{grid-column:auto}.showcase-heading{align-items:flex-start}.release-art{width:min(220px,34vw)}}
@media(max-width:560px){.showcase-heading{flex-direction:column}.release-art{width:min(240px,72vw)}.screenshot-grid{grid-template-columns:1fr;gap:16px}.screenshot-open img{max-height:none}.release-history,.showcase{padding-left:20px;padding-right:20px}.release-card{padding:22px}}