:root {
  --page:#edf1ed;
  --surface:#ffffff;
  --navy:#243f5c;
  --navy-deep:#172b3e;
  --blue-soft:#b6c7db;
  --sage:#d7e1d2;
  --green:#3f6247;
  --green-dark:#294630;
  --ink:#1e2a34;
  --muted:#5f6b74;
  --line:#cbd5cc;
  --sand:#e7c27e;
  --max:1200px;
  --shadow:0 18px 50px rgba(30,50,42,.10);
}

* { box-sizing:border-box; }
/* Keep the header aligned when switching between fixed and scrolling pages. */
html { scroll-behavior:smooth; scrollbar-gutter:stable; }
body {
  margin:0;
  color:var(--ink);
  background:
    linear-gradient(rgba(237,241,237,.96),rgba(237,241,237,.96)),
    url("../images/optimized/header3-ad2e4ea-2400.webp") top center/cover fixed;
  font:16px/1.65 "Segoe UI",Inter,Arial,sans-serif;
}
a { color:inherit; }
img { display:block; max-width:100%; height:auto; }
.site-header,main,.site-footer { width:min(calc(100% - 40px),var(--max)); margin-inline:auto; }

.site-header {
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  border-bottom:1px solid var(--line);
}
.brand { display:flex; align-items:center; gap:13px; color:var(--navy-deep); text-decoration:none; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border:2px solid var(--green); border-radius:8px; color:var(--navy); background:var(--surface); font-size:1.05rem; font-weight:850; }
.brand strong,.brand small { display:block; }
.brand strong { letter-spacing:.01em; }
.brand small { color:var(--muted); font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
nav { display:flex; align-self:stretch; gap:30px; }
nav a { display:flex; align-items:center; position:relative; color:var(--muted); font-weight:750; text-decoration:none; }
nav a:hover,nav a.active { color:var(--navy); }
nav a.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:3px; background:var(--green); }

.hero {
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);
  align-items:center;
  gap:clamp(42px,7vw,100px);
  margin-top:38px;
  padding:72px clamp(28px,5vw,70px);
  color:#fff;
  background:
    linear-gradient(115deg,rgba(23,43,62,.98),rgba(36,63,92,.91)),
    url("../images/optimized/header3-ad2e4ea-2400.webp") center/cover;
  border:1px solid rgba(63,98,71,.6);
  border-radius:18px;
  box-shadow:var(--shadow);
}
.hero-barbadel { grid-template-columns:minmax(320px,.72fr) minmax(540px,1.28fr); background:linear-gradient(115deg,#183944,#245461); }
.eyebrow { margin:0 0 18px; color:var(--sand); font-size:.75rem; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
h1,h2,h3 { margin-top:0; font-family:"Segoe UI",Inter,Arial,sans-serif; line-height:1.08; }
h1 { margin-bottom:28px; font-size:clamp(3.25rem,6.8vw,6.4rem); font-weight:800; letter-spacing:-.05em; }
h2 { margin-bottom:22px; color:var(--navy); font-size:clamp(2.15rem,4.4vw,4.05rem); font-weight:780; letter-spacing:-.04em; }
h3 { margin-bottom:13px; color:var(--navy); font-size:1.24rem; }
.lead { color:#dbe4e8; font-size:clamp(1.08rem,1.4vw,1.22rem); }
.status { margin-top:28px; padding-left:18px; border-left:3px solid var(--sand); color:#dbe4e8; }
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:38px; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; padding:0 23px; border:2px solid var(--green); border-radius:7px; font-weight:780; text-decoration:none; }
.button.primary { color:var(--navy-deep); border-color:var(--sand); background:var(--sand); }
.button.primary:hover { background:#f3d69e; }
.button.outline { color:var(--navy); background:transparent; }
.button.outline:hover { color:#fff; background:var(--green); }
.text-link { color:#f0d39a; font-weight:750; text-decoration:none; }

.hero-media { position:relative; margin:0; }
.hero-media::before { content:""; position:absolute; inset:-14px 14px 14px -14px; border:1px solid rgba(215,225,210,.58); border-radius:12px; }
.hero-media img { position:relative; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; filter:saturate(.86) contrast(1.04); }
.hero-media figcaption { margin-top:12px; color:#ced9dd; font-size:.78rem; }
.wide-shot img { aspect-ratio:16/10; filter:saturate(.94) contrast(1.03); }
.page-barbadel .eyebrow { color:#9ee6e0; }

.section { padding:112px 0; border-bottom:1px solid var(--line); }
.section-intro { max-width:790px; }
.section-intro>p:last-child,.service-note>p,.story-columns p,.bio-copy p { color:var(--muted); font-size:1.08rem; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:62px; }
.feature-grid article { padding:38px; border:1px solid var(--line); border-top:4px solid var(--green); border-radius:10px; background:var(--surface); box-shadow:0 10px 25px rgba(38,62,50,.06); }
.feature-grid article>span { display:block; margin-bottom:42px; color:var(--green); font:800 .76rem/1 ui-monospace,monospace; }
.feature-grid p { margin-bottom:0; color:var(--muted); }

.gallery { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:112px 0; }
.gallery figure { margin:0; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:0 10px 30px rgba(38,62,50,.08); }
.gallery-large { grid-row:span 2; }
.gallery img { width:100%; height:100%; min-height:260px; object-fit:cover; transition:transform .35s ease; }
.gallery figure:hover img { transform:scale(1.015); }
.service-note { display:grid; grid-template-columns:.8fr 1.15fr auto; align-items:center; gap:48px; margin-bottom:60px; padding:56px; border:1px solid #aebead; border-radius:14px; background:var(--sage); }
.service-note h2 { margin-bottom:0; font-size:clamp(2rem,3.5vw,3.15rem); }

.story-columns { display:grid; grid-template-columns:1fr 1fr; gap:56px; margin-top:46px; }
.full-bleed-image { padding:0 0 112px; }
.full-bleed-image img { width:100%; max-height:690px; object-fit:cover; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); }

.bio-hero {
  min-height:600px;
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  align-items:center;
  gap:clamp(48px,9vw,130px);
  margin-top:38px;
  padding:64px clamp(28px,5vw,70px);
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.bio-hero h1 { color:var(--navy); }
.bio-hero .lead { color:var(--muted); }
.portrait-wrap { position:relative; max-width:430px; }
.portrait-wrap::after { content:""; position:absolute; inset:16px -16px -16px 16px; border:2px solid var(--green); border-radius:11px; }
.portrait-wrap img { position:relative; width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:9px; filter:grayscale(.10) contrast(1.03); z-index:1; }
.bio-content { display:grid; grid-template-columns:.86fr 1.14fr; gap:80px; }
.bio-copy p:first-child { margin-top:0; }

.site-footer { display:flex; justify-content:space-between; gap:28px; padding:34px 0 50px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
.site-footer p { margin:0; }
.site-footer div { display:flex; gap:25px; }
.site-footer a { color:var(--navy); font-weight:700; text-decoration:none; }
.site-footer a:hover { color:var(--green); }

@media (max-width:900px) {
  .hero,.hero-barbadel { grid-template-columns:1fr; min-height:auto; }
  .hero-copy { max-width:740px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-grid article>span { margin-bottom:22px; }
  .service-note,.bio-content { grid-template-columns:1fr; gap:24px; }
  .service-note .button { justify-self:start; }
  .bio-hero { grid-template-columns:.7fr 1fr; gap:48px; }
}
@media (max-width:620px) {
  .site-header,main,.site-footer { width:min(calc(100% - 28px),var(--max)); }
  .site-header { display:block; padding:18px 0 0; }
  nav { min-height:58px; margin-top:12px; gap:22px; overflow-x:auto; }
  nav a { white-space:nowrap; }
  h1 { font-size:3rem; }
  .hero { margin-top:20px; padding:48px 22px 64px; }
  .gallery,.story-columns,.bio-hero { grid-template-columns:1fr; }
  .gallery-large { grid-row:auto; }
  .service-note { padding:32px 24px; }
  .bio-hero { margin-top:20px; padding:42px 22px 60px; }
  .portrait-wrap { width:min(78vw,360px); }
  .site-footer { display:block; }
  .site-footer div { margin-top:14px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .gallery img { transition:none; }
}

/* Archaic: Tank Warfare — cinematic game landing page */
.page-tankwarfare {
  --tank-ink:#0d151d;
  --tank-navy:#111e2a;
  --tank-navy-2:#172a3a;
  --tank-steel:#9aa6ad;
  --tank-sand:#d9ad62;
  --tank-sand-light:#f0d59c;
  --tank-paper:#ecebe5;
  --tank-line:rgba(255,255,255,.14);
  background:var(--tank-paper);
}
.page-tankwarfare main { width:100%; max-width:none; color:#fff; background:var(--tank-ink); overflow:hidden; }
.page-tankwarfare .site-header,.page-tankwarfare .site-footer { position:relative; z-index:20; }
.page-tankwarfare .site-header { background:var(--tank-paper); }
.tank-shell { width:min(calc(100% - 72px),1240px); margin-inline:auto; }

.tank-hero { position:relative; min-height:clamp(760px,92vh,980px); display:flex; align-items:center; isolation:isolate; overflow:hidden; background:#0d1721; }
.tank-hero-art,.tank-hero-shade,.tank-hero-grain { position:absolute; inset:0; }
.tank-hero-art { z-index:-3; background:url("../images/optimized/tank-hero-cinematic-0c622d4-2400.webp") 62% center/cover no-repeat; transform:scale(1.005); }
.tank-hero-shade { z-index:-2; background:linear-gradient(90deg,rgba(5,12,18,.98) 0%,rgba(7,15,23,.88) 27%,rgba(8,16,24,.34) 57%,rgba(7,14,21,.08) 100%),linear-gradient(0deg,rgba(8,15,21,.9) 0%,transparent 26%,rgba(6,12,18,.18) 65%,rgba(5,10,15,.48) 100%); }
.tank-hero-grain { z-index:-1; opacity:.18; mix-blend-mode:soft-light; background-image:repeating-radial-gradient(circle at 30% 20%,transparent 0,rgba(255,255,255,.2) 1px,transparent 2px,transparent 5px); background-size:9px 9px; }
.tank-hero-content { padding:100px 0 180px; }
.tank-kicker { display:flex; align-items:center; gap:13px; margin:0 0 24px; color:var(--tank-sand-light); font-size:.73rem; font-weight:850; letter-spacing:.19em; text-transform:uppercase; }
.tank-kicker>span { width:34px; height:2px; background:currentColor; }
.tank-kicker-dark { color:#805f2c; }
.tank-hero h1 { max-width:760px; margin:0; color:#fff; font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif; font-size:clamp(4.4rem,9vw,8.8rem); font-stretch:condensed; font-weight:800; line-height:.78; letter-spacing:-.045em; text-transform:uppercase; text-shadow:0 12px 38px rgba(0,0,0,.38); }
.tank-hero h1 span { display:block; color:var(--tank-sand-light); font-size:.54em; line-height:1.25; letter-spacing:.02em; }
.tank-hero-lead { max-width:650px; margin:34px 0 0; color:#d5dbdf; font-size:clamp(1.05rem,1.55vw,1.28rem); line-height:1.65; text-shadow:0 2px 10px #000; }
.tank-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; }
.tank-button { min-height:58px; display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:0 25px; border:1px solid transparent; border-radius:2px; font-size:.89rem; font-weight:820; letter-spacing:.045em; text-decoration:none; text-transform:uppercase; transition:transform .2s ease,background-color .2s ease,border-color .2s ease; }
.tank-button:hover { transform:translateY(-2px); }
.tank-button-primary { color:#111820; border-color:var(--tank-sand-light); background:var(--tank-sand-light); box-shadow:0 10px 30px rgba(0,0,0,.22); }
.tank-button-primary:hover { background:#ffe4ac; }
.tank-button-primary small { display:block; margin-bottom:1px; font-size:.58rem; font-weight:750; line-height:1; letter-spacing:.1em; }
.tank-play-icon { font-size:1.25rem; }
.tank-button-ghost { color:#fff; border-color:rgba(255,255,255,.48); background:rgba(5,12,18,.35); backdrop-filter:blur(5px); }
.tank-button-ghost:hover { border-color:#fff; background:rgba(5,12,18,.7); }
.tank-proof { position:absolute; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--tank-line); background:rgba(8,16,23,.68); backdrop-filter:blur(9px); }
.tank-proof div { position:relative; min-height:112px; display:flex; flex-direction:column; justify-content:center; padding:18px 30px; border-right:1px solid var(--tank-line); }
.tank-proof div:last-child { border-right:0; }
.tank-proof strong { font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif; font-size:1.65rem; line-height:1; letter-spacing:.01em; text-transform:uppercase; }
.tank-proof span { margin-top:8px; color:#adb8be; font-size:.68rem; font-weight:780; letter-spacing:.13em; text-transform:uppercase; }

.tank-intro { padding:clamp(100px,12vw,170px) 0; color:var(--tank-ink); background:var(--tank-paper); }
.tank-intro-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); gap:clamp(60px,9vw,130px); align-items:start; }
.page-tankwarfare .tank-intro h2,.page-tankwarfare .tank-trailer h2,.page-tankwarfare .tank-modes h2 { margin:0; color:var(--tank-navy); font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif; font-size:clamp(3rem,6vw,6.1rem); font-weight:800; line-height:.9; letter-spacing:-.045em; text-transform:uppercase; }
.tank-intro-copy { padding-top:40px; }
.tank-intro-copy p { margin:0 0 22px; color:#4c565d; font-size:1.08rem; line-height:1.8; }
.tank-intro-copy p:first-child { color:#252f36; font-size:1.25rem; }
.tank-inline-link { display:inline-flex; align-items:center; gap:14px; margin-top:12px; color:#3f5f43; font-size:.79rem; font-weight:850; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
.tank-inline-link span { font-size:1.3rem; transition:transform .2s ease; }
.tank-inline-link:hover span { transform:translateX(5px); }

.tank-feature-band { min-height:760px; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr); background:var(--tank-navy); }
.tank-feature-image { min-height:650px; position:relative; overflow:hidden; }
.tank-feature-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 66%,var(--tank-navy) 100%),linear-gradient(0deg,rgba(5,10,14,.42),transparent 40%); }
.tank-feature-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.12); }
.tank-feature-copy { align-self:center; max-width:620px; padding:90px clamp(40px,6vw,100px) 90px clamp(48px,6vw,100px); }
.page-tankwarfare .tank-feature-copy h2,.page-tankwarfare .tank-section-heading h2,.page-tankwarfare .tank-final-content h2 { margin:0; color:#fff; font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif; font-size:clamp(3.2rem,6vw,6rem); font-weight:800; line-height:.88; letter-spacing:-.045em; text-transform:uppercase; }
.tank-feature-copy>p:not(.tank-kicker) { margin:34px 0 0; color:#bdc7cd; font-size:1.07rem; line-height:1.78; }
.tank-checklist { display:grid; gap:0; margin:34px 0 0; padding:0; list-style:none; border-top:1px solid var(--tank-line); }
.tank-checklist li { position:relative; padding:17px 0 17px 26px; border-bottom:1px solid var(--tank-line); color:#e0e5e7; font-size:.82rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.tank-checklist li::before { content:""; position:absolute; top:24px; left:2px; width:7px; height:7px; background:var(--tank-sand); transform:rotate(45deg); }

.tank-physics { padding:clamp(110px,12vw,170px) 0; background:radial-gradient(circle at 80% 10%,rgba(217,173,98,.12),transparent 25%),var(--tank-ink); }
.tank-section-heading { max-width:880px; }
.tank-section-heading>p:last-child { max-width:690px; margin:30px 0 0; color:#aeb9bf; font-size:1.1rem; }
.tank-feature-cards { display:grid; grid-template-columns:repeat(3,1fr); margin-top:76px; border-top:1px solid var(--tank-line); border-bottom:1px solid var(--tank-line); }
.tank-feature-cards article { min-height:330px; padding:38px clamp(24px,3.4vw,48px) 44px 0; border-right:1px solid var(--tank-line); }
.tank-feature-cards article+article { padding-left:clamp(24px,3.4vw,48px); }
.tank-feature-cards article:last-child { border-right:0; }
.tank-card-number { display:block; margin-bottom:74px; color:var(--tank-sand); font:800 .73rem/1 ui-monospace,monospace; }
.page-tankwarfare .tank-feature-cards h3 { margin:0 0 17px; color:#f4f4f0; font-size:1.38rem; }
.tank-feature-cards p { margin:0; color:#94a1a9; }

.tank-trailer { padding:clamp(100px,12vw,165px) 0; color:var(--tank-ink); background:var(--tank-paper); }
.tank-trailer-grid { display:grid; grid-template-columns:minmax(0,1.32fr) minmax(320px,.68fr); gap:clamp(50px,7vw,100px); align-items:center; }
.tank-video-frame { position:relative; padding:12px; border:1px solid #a59f91; background:#151e25; box-shadow:0 30px 70px rgba(20,30,34,.22); }
.tank-video-frame iframe { display:block; width:100%; aspect-ratio:16/9; border:0; background:#070b0e; }
.tank-video-poster { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; color:#fff; background:#070b0e; }
.tank-video-poster::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,10,14,.76),transparent 58%); }
.tank-video-poster img { width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.1); transition:transform .5s ease,filter .3s ease; }
.tank-video-poster:hover img { transform:scale(1.025); filter:saturate(1) contrast(1.06); }
.tank-video-play { position:absolute; z-index:2; top:50%; left:50%; width:78px; height:78px; display:grid; place-items:center; padding-left:5px; border:1px solid rgba(255,255,255,.72); border-radius:50%; background:rgba(8,15,21,.7); box-shadow:0 10px 35px rgba(0,0,0,.32); transform:translate(-50%,-50%); }
.tank-video-label { position:absolute; z-index:2; right:24px; bottom:20px; left:24px; font-size:.71rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.tank-video-rivets::before,.tank-video-rivets::after { content:""; position:absolute; z-index:2; top:4px; width:4px; height:4px; border-radius:50%; background:#89929a; box-shadow:0 calc(100% + 4px) 0 #89929a; }
.tank-video-rivets::before { left:4px; }
.tank-video-rivets::after { right:4px; }
.tank-trailer-copy>p:not(.tank-kicker):not(.tank-caption) { margin:30px 0 0; color:#4b555c; font-size:1.1rem; line-height:1.75; }
.tank-caption { margin:26px 0 0; padding-top:20px; border-top:1px solid #c8c8c0; color:#788087; font-size:.76rem; }

.tank-modes { padding:clamp(100px,12vw,165px) 0; color:var(--tank-ink); background:#d9ddd8; }
.tank-section-heading-dark .tank-kicker { color:#6c5a35; }
.page-tankwarfare .tank-section-heading-dark h2 { color:var(--tank-navy); }
.tank-mode-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:72px; border-top:1px solid #aeb5ae; border-left:1px solid #aeb5ae; }
.tank-mode-grid article { min-height:300px; padding:30px; border-right:1px solid #aeb5ae; border-bottom:1px solid #aeb5ae; background:rgba(255,255,255,.16); transition:background-color .2s ease,transform .2s ease; }
.tank-mode-grid article:hover { z-index:1; background:rgba(255,255,255,.48); transform:translateY(-4px); }
.tank-mode-grid article>span { display:block; margin-bottom:62px; color:#55705a; font:800 .74rem/1 ui-monospace,monospace; }
.page-tankwarfare .tank-mode-grid h3 { margin:0 0 18px; color:var(--tank-navy); font-size:1.3rem; }
.tank-mode-grid p { margin:0; color:#59625f; }

.tank-gallery { padding:clamp(110px,12vw,170px) 0; background:#101922; }
.tank-gallery-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:62px; }
.tank-gallery-heading h2 { margin:0; color:#fff; font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif; font-size:clamp(3.2rem,6vw,6rem); font-weight:800; line-height:.9; letter-spacing:-.045em; text-transform:uppercase; }
.tank-gallery-heading>p { max-width:300px; margin:0 0 8px; color:#8f9da5; text-align:right; }
.tank-gallery-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.tank-gallery-grid figure { position:relative; height:340px; margin:0; overflow:hidden; background:#080e13; }
.tank-gallery-grid .tank-gallery-wide { grid-column:span 2; height:clamp(430px,54vw,690px); }
.tank-gallery-grid img { width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(1.12); transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease; }
.tank-gallery-grid figure::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,8,12,.82),transparent 40%); pointer-events:none; }
.tank-gallery-grid figure:hover img { transform:scale(1.025); filter:saturate(.95) contrast(1.08); }
.tank-gallery-grid figcaption { position:absolute; z-index:1; right:26px; bottom:21px; left:26px; color:#eef1f2; font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }

.tank-final-cta { min-height:680px; position:relative; display:flex; align-items:center; isolation:isolate; overflow:hidden; }
.tank-final-art { position:absolute; z-index:-2; inset:0; background:url("../images/optimized/tank-hero-cinematic-0c622d4-2400.webp") 65% 58%/cover no-repeat; transform:scale(1.02); }
.tank-final-cta::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(5,12,18,.97) 0%,rgba(5,12,18,.78) 37%,rgba(5,12,18,.16) 72%),linear-gradient(0deg,rgba(6,13,19,.72),transparent 60%); }
.tank-final-content { padding:100px 0; }
.tank-final-content>p:not(.tank-kicker) { margin:25px 0 34px; color:#cbd3d7; font-size:1.15rem; }
.tank-service-note { color:#778086; background:#e4e5df; }
.tank-service-note .tank-shell { display:flex; align-items:center; justify-content:space-between; gap:50px; padding:34px 0; }
.tank-service-note p { max-width:820px; margin:0; font-size:.78rem; line-height:1.65; }
.tank-service-note div div { display:flex; flex-shrink:0; gap:24px; }
.tank-service-note a { color:#324f39; font-size:.76rem; font-weight:800; text-decoration:none; text-transform:uppercase; }
.tank-service-note a:hover { text-decoration:underline; }

.page-tankwarfare a:focus-visible { outline:3px solid #fff; outline-offset:4px; }

@media (max-width:1000px) {
  .tank-shell { width:min(calc(100% - 48px),1240px); }
  .tank-hero { min-height:820px; }
  .tank-hero-art { background-position:57% center; }
  .tank-hero-shade { background:linear-gradient(90deg,rgba(5,12,18,.96),rgba(5,12,18,.64) 60%,rgba(5,12,18,.15)),linear-gradient(0deg,rgba(5,12,18,.92),transparent 42%); }
  .tank-proof { grid-template-columns:repeat(3,1fr); }
  .tank-proof-platform { display:none!important; }
  .tank-intro-grid,.tank-trailer-grid { grid-template-columns:1fr; }
  .tank-intro-copy { max-width:760px; padding-top:0; }
  .tank-feature-band { grid-template-columns:1fr; }
  .tank-feature-image { min-height:58vw; max-height:650px; }
  .tank-feature-image::after { background:linear-gradient(0deg,var(--tank-navy),transparent 32%); }
  .tank-feature-copy { max-width:none; padding:72px 48px 100px; }
  .tank-mode-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:700px) {
  .tank-shell { width:min(calc(100% - 30px),1240px); }
  .tank-hero { min-height:780px; align-items:flex-end; }
  .tank-hero-art { background-position:64% center; }
  .tank-hero-shade { background:linear-gradient(0deg,rgba(5,12,18,.98) 4%,rgba(5,12,18,.74) 60%,rgba(5,12,18,.18)),linear-gradient(90deg,rgba(5,12,18,.6),transparent); }
  .tank-hero-content { padding:330px 0 172px; }
  .tank-hero h1 { font-size:clamp(3.7rem,18vw,5.7rem); line-height:.82; }
  .tank-hero-lead { margin-top:24px; font-size:1rem; line-height:1.55; }
  .tank-hero-actions { margin-top:28px; }
  .tank-button { width:100%; }
  .tank-proof { grid-template-columns:repeat(3,1fr); width:100%; }
  .tank-proof div { min-height:90px; padding:14px 10px; text-align:center; }
  .tank-proof strong { font-size:1.2rem; }
  .tank-proof span { font-size:.56rem; letter-spacing:.07em; }
  .tank-intro { padding:90px 0; }
  .tank-intro-grid { gap:40px; }
  .page-tankwarfare .tank-intro h2,.page-tankwarfare .tank-trailer h2,.page-tankwarfare .tank-modes h2,.page-tankwarfare .tank-feature-copy h2,.page-tankwarfare .tank-section-heading h2,.tank-gallery-heading h2,.page-tankwarfare .tank-final-content h2 { font-size:clamp(2.8rem,14vw,4.4rem); }
  .tank-feature-image { min-height:78vw; }
  .tank-feature-copy { padding:58px 22px 80px; }
  .tank-physics,.tank-trailer,.tank-modes,.tank-gallery { padding:90px 0; }
  .tank-feature-cards { grid-template-columns:1fr; margin-top:50px; }
  .tank-feature-cards article,.tank-feature-cards article+article { min-height:auto; padding:32px 0 38px; border-right:0; border-bottom:1px solid var(--tank-line); }
  .tank-card-number { margin-bottom:34px; }
  .tank-mode-grid { grid-template-columns:1fr; margin-top:48px; }
  .tank-mode-grid article { min-height:auto; }
  .tank-mode-grid article>span { margin-bottom:38px; }
  .tank-gallery-heading { display:block; margin-bottom:40px; }
  .tank-gallery-heading>p { margin-top:20px; text-align:left; }
  .tank-gallery-grid { grid-template-columns:1fr; }
  .tank-gallery-grid .tank-gallery-wide { grid-column:auto; height:67vw; min-height:270px; }
  .tank-gallery-grid figure { height:67vw; min-height:270px; }
  .tank-final-cta { min-height:610px; }
  .tank-final-art { background-position:62% center; }
  .tank-service-note .tank-shell { display:block; }
  .tank-service-note div div { margin-top:18px; }
}

@media (prefers-reduced-motion:reduce) {
  .tank-button,.tank-inline-link span,.tank-mode-grid article,.tank-gallery-grid img,.tank-video-poster img { transition:none; }
}

/* Tank Warfare download emphasis and readable secondary UI */
.page-tankwarfare .tank-fixed-actions { align-items:center; }
.page-tankwarfare .tank-fixed-actions a.tank-button-primary { min-height:58px; padding-inline:25px; font-size:.89rem; background:#d2e5ef; border-color:#e1eff6; box-shadow:0 8px 26px rgba(0,0,0,.25); }
.page-tankwarfare .tank-fixed-actions a.tank-button-primary:hover { background:#e7f2f8; }
.page-tankwarfare .tank-button-primary small { font-size:.7rem; line-height:1.2; }
.page-tankwarfare .tank-fixed-proof strong { font-size:1.6rem; }
.page-tankwarfare .tank-fixed-proof span { font-size:.78rem; line-height:1.35; letter-spacing:.06em; color:#bed0da; }
.tank-rating strong i { color:#d6e6ed; font-style:normal; font-size:.85em; }
.page-tankwarfare .tank-fixed-controls>span { font-size:.8rem; min-width:70px; color:#bbced9; }
.page-tankwarfare .tank-auto-count { font-size:.78rem; min-width:48px; }
.page-tankwarfare .tank-community-link { font-size:.75rem; letter-spacing:.05em; }
.page-tankwarfare .tank-fixed-hint { font-size:.74rem; color:#b4c8d3; letter-spacing:.06em; }
.page-tankwarfare .tank-policy-link { font-size:.8rem; }
.page-tankwarfare .tank-fixed-dots span { font-size:.75rem; }
@media (max-width:620px) {
  body.page-tankwarfare .site-header nav a { font-size:.78rem; }
  .page-tankwarfare .tank-fixed-actions a.tank-button-primary { min-height:44px; padding-inline:13px; font-size:.75rem; }
  .page-tankwarfare .tank-button-primary small { font-size:.62rem; }
  .page-tankwarfare .tank-fixed-actions .tank-button-ghost { font-size:.75rem; }
  .page-tankwarfare .tank-fixed-proof div { min-height:80px; }
  .page-tankwarfare .tank-fixed-proof strong { font-size:1.16rem; }
  .page-tankwarfare .tank-fixed-proof span { font-size:.7rem; letter-spacing:.01em; }
  .page-tankwarfare .tank-fixed-content-hero { padding-bottom:112px; }
  .page-tankwarfare .tank-fixed-controls { gap:6px; }
  .page-tankwarfare .tank-fixed-controls button { width:36px; height:36px; }
  .page-tankwarfare .tank-fixed-controls>span { min-width:50px; font-size:.75rem; }
  .page-tankwarfare .tank-community-link { width:36px; min-height:36px; }
  .page-tankwarfare .tank-auto-timer { gap:6px; margin-right:0; }
  .page-tankwarfare .tank-auto-count { min-width:44px; font-size:.75rem; }
  .page-tankwarfare .tank-auto-track { display:none; }
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-dots { bottom:90px; }
  .page-tankwarfare .tank-policy-link { font-size:.73rem; }
}

/* Shared compact navigation and a download action on every tank scene */
.nav-label-compact { display:none; }
@media (max-width:620px) {
  body .site-header,body.page-tankwarfare .site-header { display:flex; min-height:68px; gap:10px; padding:0 12px; }
  body .site-header>.brand,body.page-tankwarfare .site-header>.brand { margin:0; flex:none; gap:0; }
  body .site-header .brand>span:last-child { display:none; }
  body .site-header .brand-mark { width:36px; height:36px; }
  body .site-header nav,body.page-tankwarfare .site-header nav,body.page-barbadel .site-header nav { display:flex; flex:1; align-self:stretch; width:auto; min-width:0; min-height:68px; gap:0; margin:0; overflow:visible; }
  body .site-header nav a,body.page-tankwarfare .site-header nav a,body.page-barbadel .site-header nav a { flex:1 1 0; min-width:0; padding-inline:6px!important; white-space:nowrap; font-size:.78rem; }
  .nav-label-full { display:none; }
  .nav-label-compact { display:inline; }
}
@media (max-width:360px) {
  body.page-tankwarfare .tank-fixed-hero .tank-fixed-actions { flex-wrap:nowrap; }
  body.page-tankwarfare .tank-fixed-hero .tank-fixed-actions .tank-button { flex:1 1 0; min-width:0; min-height:54px; padding-inline:8px; gap:6px; font-size:.66rem; letter-spacing:.01em; }
  body.page-tankwarfare .tank-fixed-hero .tank-button-primary small { font-size:.58rem; }
  body.page-tankwarfare .tank-fixed-hero .tank-play-icon { font-size:1rem; }
}

/* Barbadel — prototype showcase */
.page-barbadel main { width:100%; max-width:none; }
.barbadel-hero { position:relative; isolation:isolate; min-height:clamp(620px,80vh,900px); display:flex; align-items:center; overflow:hidden; background:#07131c; }
.barbadel-hero-image { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; object-position:65% center; }
.barbadel-hero::after { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(4,12,22,.9),rgba(5,15,26,.7) 31%,rgba(5,15,26,.08) 78%),linear-gradient(0deg,#07131c,transparent 30%); }
.barbadel-hero-copy { width:min(620px,52%); margin:70px clamp(24px,4vw,80px) 100px; }
.barbadel-hero h1 { margin:0 0 24px; font-size:clamp(3.5rem,7vw,7rem); color:#f1f5f8; }
.barbadel-tagline { margin:0 0 24px; font-size:clamp(1.8rem,3vw,3rem); font-weight:650; line-height:1.15; letter-spacing:-.03em; color:#b8d9ec; }
.barbadel-hero-copy>p:not(.eyebrow):not(.barbadel-tagline) { max-width:510px; color:#c4d2dd; font-size:1.08rem; }
.barbadel-hero .button { margin-top:18px; gap:24px; border-radius:2px; }
.barbadel-capture-label { position:absolute; bottom:16px; right:clamp(24px,4vw,80px); left:24px; margin:0; text-align:right; font-size:.72rem; color:#a9bdcc; }
.barbadel-content { padding-inline:clamp(24px,4vw,80px); }
.barbadel-content h2 { max-width:650px; font-size:clamp(2rem,3.2vw,3.3rem); line-height:1.12; }
.barbadel-content p { color:var(--muted); }
.barbadel-intro,.barbadel-story,.barbadel-development { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:start; gap:clamp(32px,6vw,100px); padding:72px 0; }
.barbadel-prose p:first-child,.barbadel-development p:first-of-type { margin-top:0; }
.barbadel-prose { max-width:760px; }
.barbadel-agent-profile { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr); align-items:center; gap:clamp(28px,4vw,64px); padding:0 0 58px; }
.barbadel-agent-profile figure { margin:0; width:100%; max-width:1100px; }
.barbadel-agent-profile img { width:100%; height:auto; border:0; }
.barbadel-agent-profile figure>a { display:block; }
.barbadel-agent-profile figure a:focus-visible { outline:2px solid #b8d9ec; outline-offset:4px; }
.barbadel-agent-profile>div { max-width:600px; }
.barbadel-content .barbadel-agent-profile h2 { font-size:clamp(1.8rem,2.5vw,2.6rem); }
@media (max-width:900px) {
  .barbadel-agent-profile { grid-template-columns:1fr; }
  .barbadel-agent-profile>div { max-width:760px; }
}
.barbadel-mechanics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,4vw,64px); padding:0 0 58px; }
.barbadel-mechanics article { border-top:1px solid var(--line); padding-top:24px; }
.barbadel-number { display:block; margin-bottom:22px; color:#91ced7; font-size:.7rem; letter-spacing:.13em; font-weight:750; }
.barbadel-mechanics h3 { font-size:1.4rem; }
.barbadel-mechanics p { margin-bottom:0; max-width:520px; }
.barbadel-field-guide { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); gap:clamp(32px,4vw,64px); align-items:start; max-width:1600px; margin:0 0 48px; }
.barbadel-guide-main { min-width:0; }
.barbadel-field-guide .barbadel-intro { display:block; padding:0 0 24px; }
.barbadel-field-guide .barbadel-prose { max-width:85ch; }
.barbadel-field-guide .barbadel-agent-profile { display:block; padding:0; }
.barbadel-field-guide .barbadel-agent-profile>div { max-width:85ch; margin-top:28px; padding-top:24px; border-top:1px solid var(--line); }
.barbadel-field-guide .barbadel-agent-profile img { display:block; }
.barbadel-field-guide .barbadel-costs { min-width:0; }
.barbadel-field-guide .barbadel-mechanics { grid-template-columns:1fr; gap:24px; padding:0; }
.barbadel-field-guide .barbadel-mechanics article { padding-top:20px; }
.barbadel-field-guide .barbadel-number { margin-bottom:12px; }
.barbadel-field-guide .barbadel-mechanics h4 { margin:0 0 12px; font-size:1.15rem; }
@media(max-width:900px) {
  .barbadel-field-guide { grid-template-columns:1fr; gap:32px; margin-bottom:36px; }
}
.barbadel-gameplay-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; width:100%; max-width:none; margin-inline:auto; }
.barbadel-interface { margin:0; min-width:0; }
.barbadel-interface>a { display:flex; align-items:center; aspect-ratio:2/1; border:0; background:transparent; }
.barbadel-interface a:focus-visible { outline:2px solid #b8d9ec; outline-offset:4px; }
.barbadel-interface img { width:100%; height:100%; object-fit:contain; }
.barbadel-content figcaption { margin-top:12px; color:#8da5b6; font-size:.8rem; }
.barbadel-interface figcaption { display:block; }
.image-full-link { display:inline-block; color:#b8d9ec; white-space:nowrap; text-decoration:underline; text-underline-offset:3px; }
.image-full-link:hover { color:#fff; }
.image-full-link:focus-visible { outline:2px solid #b8d9ec; outline-offset:4px; }
.barbadel-interface figcaption .image-full-link { display:table; margin-top:6px; }
.barbadel-story { align-items:center; border-bottom:1px solid var(--line); }
.barbadel-story-copy { max-width:700px; }
.barbadel-story figure { margin:0; }
.barbadel-story img { width:100%; }
.barbadel-veil { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; gap:clamp(28px,5vw,72px); padding:0 0 72px; border-bottom:1px solid var(--line); }
.barbadel-veil figure { margin:0; min-width:0; }
.barbadel-veil figure>a { display:block; border:0; }
.barbadel-veil figure>a:focus-visible { outline:2px solid #b8d9ec; outline-offset:4px; }
.barbadel-veil img { width:100%; height:auto; }
.barbadel-veil h2 { margin-bottom:22px; }
.barbadel-development { grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); }
.barbadel-development>div { max-width:800px; }
.barbadel-development-status { border-left:1px solid var(--line); padding-left:32px; }
.barbadel-development-status a { color:#b8d9ec; text-underline-offset:5px; }
.barbadel-funding { display:grid; grid-template-columns:210px minmax(0,1fr); align-items:center; gap:clamp(28px,5vw,72px); padding:36px 0 48px; border-top:1px solid var(--line); }
.barbadel-funding img { width:300px; max-width:100%; height:auto; }
.barbadel-funding-logo { display:block; width:210px; max-width:100%; padding:12px; background:#fff; border-radius:2px; }
.barbadel-funding-logo:focus-visible { outline:2px solid #b8d9ec; outline-offset:5px; }
.barbadel-funding p { margin:0; max-width:850px; }
.barbadel-funding a { text-underline-offset:4px; }
.barbadel-funding .barbadel-funding-disclaimer { margin-top:12px; font-size:.75rem; line-height:1.6; }
@media (max-width:900px) {
  .barbadel-hero-copy { width:min(620px,75%); }
  .barbadel-hero::after { background:linear-gradient(90deg,rgba(4,12,22,.96),rgba(5,15,26,.62) 65%,rgba(5,15,26,.28)),linear-gradient(0deg,#07131c,transparent 35%); }
  .barbadel-intro,.barbadel-story,.barbadel-development { grid-template-columns:1fr; gap:24px; padding:48px 0; }
  .barbadel-veil { grid-template-columns:1fr; gap:24px; padding-bottom:48px; }
  .barbadel-mechanics { grid-template-columns:1fr; gap:28px; padding-bottom:40px; }
  .barbadel-development-status { padding:24px 0 0; border-left:0; border-top:1px solid var(--line); }
  .barbadel-funding { grid-template-columns:1fr; gap:24px; }
  .barbadel-interface figcaption { display:block; }
  .barbadel-interface figcaption .image-full-link { margin-top:8px; }
}
@media (max-width:620px) {
  .barbadel-gameplay-gallery { grid-template-columns:1fr; }
  .barbadel-hero { min-height:660px; }
  .barbadel-hero-copy { width:auto; margin:55px 24px 90px; }
  .barbadel-hero-image { object-position:70% center; }
  .barbadel-hero h1 { font-size:3.8rem; }
  .barbadel-capture-label { text-align:left; font-size:.66rem; }
  .page-barbadel .site-header nav { gap:0; overflow-x:visible; }
  .page-barbadel .site-header nav a { padding-inline:8px; font-size:.76rem; }
}

/* Midnight Navy studio theme */
:root {
  --page:#07131c;
  --surface:#0b1a26;
  --navy:#d9e7ed;
  --navy-deep:#f0f5f7;
  --blue-soft:#172d3d;
  --sage:#102532;
  --green:#86aebf;
  --green-dark:#aac9d7;
  --ink:#edf3f6;
  --muted:#9fb0bb;
  --line:#2f4555;
  --sand:#a9cadd;
  --shadow:0 22px 60px rgba(0,0,0,.28);
}
body {
  color:var(--ink);
  background:
    radial-gradient(circle at 76% 2%,rgba(73,111,135,.22),transparent 34rem),
    linear-gradient(180deg,#091722,#07131c 45%,#061019);
}
.site-header { border-color:var(--line); background:#0b1a26; }
.brand { color:var(--ink); }
.brand-mark { color:#d5e4eb; border-color:#64849a; background:#0d1d29; }
.brand small { color:#b1c6d1; }
nav a,.site-footer { color:#8da1ae; }
nav a:hover,nav a.active { color:#f5f8f9; }
nav a.active::after { background:#91b9cf; }
.hero { border-color:#365267; background:linear-gradient(115deg,rgba(7,19,28,.98),rgba(12,34,49,.9)),url("../images/optimized/header3-ad2e4ea-2400.webp") center/cover; }
.hero-barbadel { background:linear-gradient(115deg,#071923,#0c3038); }
.hero-media::before { border-color:rgba(145,185,207,.5); }
.hero-media figcaption { color:#9fb0bb; }
.button.primary { color:#091720; border-color:#bdd4df; background:#bdd4df; }
.button.primary:hover { background:#d7e7ed; }
.button.outline { color:#d9e7ed; border-color:#779bad; }
.button.outline:hover { color:#08141d; background:#bdd4df; }
.text-link,.eyebrow { color:#a9cadd; }
.section { border-color:var(--line); }
.feature-grid article { border-color:#2f4555; border-top-color:#779bad; background:#0b1a26; box-shadow:0 12px 32px rgba(0,0,0,.16); }
.feature-grid article>span { color:#a9cadd; }
.gallery figure { border-color:#2f4555; background:#0b1a26; box-shadow:0 12px 36px rgba(0,0,0,.18); }
.service-note { border-color:#365267; background:#102532; }
.bio-hero { border-color:#2f4555; background:#0b1a26; }
.bio-hero h1 { color:#edf3f6; }
.bio-hero .lead { color:#9fb0bb; }
.portrait-wrap::after { border-color:#779bad; }
.site-footer { border-color:#2f4555; background:#07131c; }
.site-footer a { color:#c8dbe4; }
.site-footer a:hover { color:#fff; }

.page-tankwarfare {
  --tank-ink:#edf3f6;
  --tank-navy:#07131c;
  --tank-navy-2:#0c2231;
  --tank-steel:#91a3ad;
  --tank-sand:#91b9cf;
  --tank-sand-light:#bdd4df;
  --tank-paper:#0b1a26;
  --tank-line:rgba(189,212,223,.17);
  background:#07131c;
}
.page-tankwarfare .site-header { background:#0b1a26; }
.page-tankwarfare main { background:#07131c; }
.tank-hero-shade { background:linear-gradient(90deg,rgba(4,12,18,.98) 0%,rgba(6,18,27,.88) 29%,rgba(8,24,35,.32) 58%,rgba(5,17,25,.06) 100%),linear-gradient(0deg,rgba(5,16,24,.92) 0%,transparent 28%,rgba(5,15,22,.2) 65%,rgba(4,12,18,.5) 100%); }
.tank-kicker { color:#bdd4df; }
.tank-kicker-dark,.tank-section-heading-dark .tank-kicker { color:#a9cadd; }
.tank-button-primary { color:#07131c; border-color:#bdd4df; background:#bdd4df; }
.tank-button-primary:hover { background:#d7e7ed; }
.tank-button-ghost { border-color:rgba(189,212,223,.55); background:rgba(5,17,25,.46); }
.tank-proof { border-color:rgba(189,212,223,.2); background:rgba(5,16,24,.78); }
.tank-proof div { border-color:rgba(189,212,223,.16); }
.tank-proof span { color:#94a8b3; }
.tank-intro { color:#edf3f6; background:#0b1a26; }
.page-tankwarfare .tank-intro h2,.page-tankwarfare .tank-trailer h2,.page-tankwarfare .tank-modes h2,.page-tankwarfare .tank-section-heading-dark h2 { color:#edf3f6; }
.tank-intro-copy p,.tank-intro-copy p:first-child { color:#afc0c9; }
.tank-intro-copy p:first-child { color:#d2dde2; }
.tank-inline-link { color:#a9cadd; }
.tank-feature-band { background:#0a1924; }
.tank-feature-image::after { background:linear-gradient(90deg,transparent 66%,#0a1924 100%),linear-gradient(0deg,rgba(3,11,17,.5),transparent 40%); }
.tank-feature-copy>p:not(.tank-kicker) { color:#aebdc5; }
.tank-checklist li { color:#dce6ea; }
.tank-checklist li::before { background:#91b9cf; }
.tank-physics { background:radial-gradient(circle at 80% 10%,rgba(145,185,207,.13),transparent 27%),#07131c; }
.tank-card-number { color:#91b9cf; }
.tank-trailer { color:#edf3f6; background:#0b1a26; }
.tank-video-frame { border-color:#416073; background:#07131c; box-shadow:0 30px 70px rgba(0,0,0,.34); }
.tank-trailer-copy>p:not(.tank-kicker):not(.tank-caption) { color:#afc0c9; }
.tank-caption { color:#8196a2; border-color:#2f4555; }
.tank-modes { color:#edf3f6; background:#0e2230; }
.tank-mode-grid { border-color:#3a5568; }
.tank-mode-grid article { border-color:#3a5568; background:rgba(255,255,255,.018); }
.tank-mode-grid article:hover { background:rgba(145,185,207,.08); }
.tank-mode-grid article>span { color:#91b9cf; }
.page-tankwarfare .tank-mode-grid h3 { color:#eaf1f4; }
.tank-mode-grid p { color:#9fb1bb; }
.tank-gallery { background:#061019; }
.tank-final-cta::after { background:linear-gradient(90deg,rgba(3,12,18,.98) 0%,rgba(4,15,23,.8) 38%,rgba(5,18,27,.14) 72%),linear-gradient(0deg,rgba(4,14,21,.78),transparent 60%); }
.tank-service-note { color:#8fa2ad; background:#0b1a26; }
.tank-service-note a { color:#bdd4df; }

@media (max-width:1000px) {
  .tank-feature-image::after { background:linear-gradient(0deg,#0a1924,transparent 34%); }
}

/* Archaic: Tank Warfare — compact scroll-driven presentation */
.page-tankwarfare main { overflow:clip; }
.page-tankwarfare .tank-hero {
  height:calc(100svh - 88px);
  min-height:680px;
  max-height:1000px;
}
.page-tankwarfare .tank-hero-content { padding-top:80px; }
.tank-scroll-cue {
  position:absolute;
  z-index:3;
  right:max(36px,calc((100vw - 1240px)/2));
  bottom:138px;
  display:flex;
  align-items:center;
  gap:13px;
  color:#bdd4df;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.15em;
  text-decoration:none;
  text-transform:uppercase;
}
.tank-scroll-cue i {
  width:32px;
  height:32px;
  position:relative;
  border:1px solid rgba(189,212,223,.48);
  border-radius:50%;
}
.tank-scroll-cue i::before {
  content:"";
  position:absolute;
  top:9px;
  left:13px;
  width:5px;
  height:8px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
}

.tank-story { position:relative; background:#050d14; }
.tank-story-stage {
  position:sticky;
  z-index:0;
  top:0;
  height:100svh;
  min-height:680px;
  overflow:hidden;
  background:#050d14;
}
.tank-story-images,.tank-story-image,.tank-story-shade,.tank-story-grid { position:absolute; inset:0; }
.tank-story-image {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  filter:saturate(.72) contrast(1.12) brightness(.82);
  transform:scale(1.045);
  transition:opacity .9s ease,transform 5s cubic-bezier(.2,.75,.2,1);
}
.tank-story-image.is-active { opacity:1; transform:scale(1); }
.tank-story-shade {
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,10,16,.98) 0%,rgba(4,13,20,.86) 33%,rgba(4,13,20,.23) 66%,rgba(3,10,15,.25) 100%),
    linear-gradient(0deg,rgba(3,10,16,.88) 0%,transparent 42%,rgba(3,10,16,.34) 100%);
}
.tank-story-grid {
  z-index:2;
  opacity:.2;
  background-image:linear-gradient(rgba(189,212,223,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(189,212,223,.12) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(90deg,#000,transparent 64%);
}
.tank-story-track {
  position:relative;
  z-index:3;
  margin-top:-100svh;
}
.tank-story-chapter {
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:80px 0;
}
.tank-story-panel {
  width:min(620px,55vw);
  padding:42px 0 42px 38px;
  border-left:1px solid rgba(189,212,223,.27);
  opacity:.22;
  transform:translateY(30px);
  transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.2,1);
}
.tank-story-chapter.is-active .tank-story-panel { opacity:1; transform:translateY(0); }
.page-tankwarfare .tank-story-panel h2,
.page-tankwarfare .tank-trailer-overlay h2,
.page-tankwarfare .tank-deploy h2 {
  margin:0;
  color:#f3f6f7;
  font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;
  font-size:clamp(3.8rem,7vw,7rem);
  font-weight:800;
  line-height:.84;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.tank-story-panel>p:not(.tank-kicker) {
  max-width:570px;
  margin:30px 0 0;
  color:#c0cdd3;
  font-size:clamp(1rem,1.35vw,1.17rem);
  line-height:1.72;
}
.tank-story-facts { display:grid; gap:0; margin:30px 0 0; padding:0; list-style:none; border-top:1px solid rgba(189,212,223,.2); }
.tank-story-facts li {
  position:relative;
  padding:13px 0 13px 22px;
  border-bottom:1px solid rgba(189,212,223,.2);
  color:#dbe5e9;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.tank-story-facts li::before { content:""; position:absolute; top:19px; left:2px; width:6px; height:6px; background:#91b9cf; transform:rotate(45deg); }
.tank-story-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:30px; }
.tank-story-tags span { padding:9px 12px; border:1px solid rgba(189,212,223,.28); color:#dbe5e9; background:rgba(4,14,21,.42); font-size:.67rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; backdrop-filter:blur(8px); }
.tank-story-progress {
  position:absolute;
  z-index:4;
  right:max(36px,calc((100vw - 1240px)/2));
  bottom:38px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#c5d4db;
  font:750 .67rem/1 ui-monospace,monospace;
}
.tank-story-progress-line { width:110px; height:1px; overflow:hidden; background:rgba(189,212,223,.28); }
.tank-story-progress-line i { display:block; width:100%; height:100%; background:#bdd4df; transform:scaleX(.3333); transform-origin:left; transition:transform .5s ease; }

.tank-trailer-screen {
  min-height:100svh;
  position:relative;
  display:flex;
  align-items:flex-end;
  isolation:isolate;
  overflow:hidden;
  background:#03090d;
}
.tank-trailer-media,.tank-trailer-poster,.tank-trailer-media iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.tank-trailer-poster { display:block; background:#03090d; }
.tank-trailer-poster img { width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.12); transition:transform 8s ease; }
.tank-trailer-screen:hover .tank-trailer-poster img { transform:scale(1.025); }
.tank-trailer-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,10,16,.92),rgba(3,10,16,.3) 64%),linear-gradient(0deg,rgba(3,10,16,.88),transparent 55%); }
.tank-trailer-screen .tank-video-play { top:42%; left:72%; width:88px; height:88px; }
.tank-trailer-overlay { position:relative; z-index:2; padding-bottom:clamp(70px,10vh,120px); transition:opacity .35s ease,transform .35s ease; }
.tank-trailer-overlay>p:not(.tank-kicker) { max-width:630px; margin:26px 0 0; color:#becbd1; font-size:1.08rem; }
.tank-trailer-overlay.is-playing { opacity:0; pointer-events:none; transform:translateY(16px); }
.tank-watch-button {
  min-height:52px;
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin-top:28px;
  padding:0 22px;
  border:1px solid rgba(189,212,223,.6);
  border-radius:2px;
  color:#f2f6f7;
  background:rgba(4,14,21,.48);
  font:800 .78rem/1 "Segoe UI",sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.tank-watch-button:hover { color:#07131c; background:#bdd4df; }

.tank-deploy { min-height:88svh; display:flex; align-items:center; padding:90px 0; background:radial-gradient(circle at 15% 45%,rgba(145,185,207,.11),transparent 27%),#07131c; }
.tank-deploy-grid { display:grid; grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr); align-items:center; gap:clamp(44px,7vw,96px); }
.tank-deploy-copy>p:not(.tank-kicker) { max-width:430px; margin:25px 0 32px; color:#a9bbc4; }
.tank-shot-rail { display:flex; gap:14px; overflow-x:auto; padding:4px 4px 18px; scroll-snap-type:x mandatory; scrollbar-color:#52758a #0b1a26; }
.tank-shot-rail figure { min-width:min(74%,620px); position:relative; margin:0; overflow:hidden; border:1px solid rgba(189,212,223,.24); background:#03090d; scroll-snap-align:start; }
.tank-shot-rail img { width:100%; aspect-ratio:16/10; object-fit:cover; filter:saturate(.78) contrast(1.1); transition:transform .55s ease,filter .35s ease; }
.tank-shot-rail figure:hover img { transform:scale(1.018); filter:saturate(.96) contrast(1.06); }
.tank-shot-rail figcaption { position:absolute; right:18px; bottom:15px; left:18px; color:#f0f4f5; font-size:.65rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; text-shadow:0 2px 8px #000; }
.tank-shot-rail figure::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,7,11,.8),transparent 38%); pointer-events:none; }
.tank-shot-rail figcaption { z-index:1; }

@media (prefers-reduced-motion:no-preference) {
  .tank-hero-art { animation:tankHeroDrift 12s ease-out both; }
  .tank-hero-content>.tank-kicker { animation:tankHeroReveal .6s .1s both; }
  .tank-hero-content>h1 { animation:tankHeroReveal .7s .2s both; }
  .tank-hero-lead { animation:tankHeroReveal .7s .32s both; }
  .tank-hero-actions { animation:tankHeroReveal .7s .44s both; }
  .tank-proof { animation:tankHeroReveal .7s .56s both; }
  .tank-scroll-cue i::before { animation:tankCue 1.8s ease-in-out infinite; }
}
@keyframes tankHeroReveal { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes tankHeroDrift { from { transform:scale(1.055); } to { transform:scale(1.005); } }
@keyframes tankCue { 0%,100% { transform:translateY(-2px) rotate(45deg); } 50% { transform:translateY(3px) rotate(45deg); } }

@media (max-width:900px) {
  .page-tankwarfare .tank-hero { height:auto; min-height:820px; max-height:none; }
  .tank-scroll-cue { display:none; }
  .tank-story-shade { background:linear-gradient(0deg,rgba(3,10,16,.98) 0%,rgba(3,10,16,.72) 56%,rgba(3,10,16,.22) 100%); }
  .tank-story-grid { mask-image:linear-gradient(0deg,#000,transparent 74%); }
  .tank-story-panel { width:min(100%,650px); margin-top:auto; padding:30px 0 30px 25px; }
  .tank-story-chapter { align-items:flex-end; padding-bottom:90px; }
  .tank-story-progress { right:24px; bottom:24px; }
  .tank-trailer-screen .tank-video-play { top:34%; left:50%; }
  .tank-trailer-shade { background:linear-gradient(0deg,rgba(3,10,16,.96),rgba(3,10,16,.3) 75%); }
  .tank-deploy-grid { grid-template-columns:1fr; }
  .tank-shot-rail figure { min-width:min(82%,580px); }
}

@media (max-width:620px) {
  .page-tankwarfare .tank-hero { min-height:780px; }
  .tank-story-stage { min-height:650px; }
  .tank-story-track { margin-top:-100svh; }
  .tank-story-chapter { min-height:100svh; }
  .tank-story-panel { padding-left:18px; }
  .page-tankwarfare .tank-story-panel h2,.page-tankwarfare .tank-trailer-overlay h2,.page-tankwarfare .tank-deploy h2 { font-size:clamp(3rem,15vw,4.5rem); }
  .tank-story-panel>p:not(.tank-kicker) { font-size:.96rem; line-height:1.58; }
  .tank-story-facts { margin-top:22px; }
  .tank-story-progress-line { width:70px; }
  .tank-trailer-screen { min-height:780px; }
  .tank-trailer-poster img { object-position:58% center; }
  .tank-trailer-overlay { padding-bottom:68px; }
  .tank-trailer-overlay>p:not(.tank-kicker) { font-size:.98rem; }
  .tank-deploy { min-height:auto; padding:82px 0; }
  .tank-shot-rail { width:calc(100vw - 15px); }
  .tank-shot-rail figure { min-width:86vw; }
}

@media (prefers-reduced-motion:reduce) {
  .tank-story-image,.tank-story-panel,.tank-trailer-poster img,.tank-trailer-overlay,.tank-shot-rail img { transition:none; }
  .tank-hero-art,.tank-hero-content>*,.tank-proof { animation:none!important; }
}

/* Archaic: Tank Warfare — fixed single-viewport scene presentation */
.page-tankwarfare {
  height:100svh;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#050d14;
}
.page-tankwarfare .site-header { flex:0 0 auto; }
.page-tankwarfare main {
  flex:1 1 auto;
  min-height:0;
  position:relative;
  overflow:hidden;
}
.page-tankwarfare .site-footer { display:none; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

.tank-fixed { position:absolute; inset:0; overflow:hidden; color:#fff; background:#050d14; }
.tank-fixed-scene {
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.012);
  transition:opacity .65s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),visibility 0s linear .7s;
}
.tank-fixed-scene.is-active {
  z-index:2;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
  transition-delay:0s;
}
.tank-fixed-bg,.tank-fixed-shade,.tank-fixed-grain,.tank-fixed-grid { position:absolute; inset:0; }
.tank-fixed-bg { background:#07131c; }
.tank-fixed-bg img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.12) brightness(.8); transform:scale(1.04); transition:transform 6s cubic-bezier(.2,.75,.2,1); }
.tank-fixed-scene.is-active .tank-fixed-bg img { transform:scale(1); }
.tank-fixed-bg-vehicles img { object-position:right top; transform-origin:right top; }
.tank-fixed-bg-hero { background:url("../images/optimized/tank-hero-cinematic-0c622d4-2400.webp") 62% center/cover no-repeat; }
.tank-fixed-bg-video { background:url("../images/optimized/recent-gameplay-video-enhanced-8ad4aa0-2400.webp") center/cover no-repeat; filter:saturate(.7) contrast(1.14); transform:scale(1.035); }
.tank-fixed-shade {
  z-index:1;
  background:linear-gradient(90deg,rgba(3,10,16,.98) 0%,rgba(4,13,20,.88) 31%,rgba(4,13,20,.22) 64%,rgba(3,10,15,.22) 100%),linear-gradient(0deg,rgba(3,10,16,.82),transparent 44%,rgba(3,10,16,.3));
}
.tank-fixed-shade-final { background:linear-gradient(90deg,rgba(3,10,16,.98),rgba(3,10,16,.8) 46%,rgba(3,10,16,.42)),linear-gradient(0deg,rgba(3,10,16,.9),transparent 55%); }
.tank-fixed-grain { z-index:2; opacity:.16; mix-blend-mode:soft-light; background-image:repeating-radial-gradient(circle at 30% 20%,transparent 0,rgba(255,255,255,.2) 1px,transparent 2px,transparent 5px); background-size:9px 9px; }
.tank-fixed-grid { z-index:2; opacity:.18; background-image:linear-gradient(rgba(189,212,223,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(189,212,223,.12) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(90deg,#000,transparent 65%); }

.tank-fixed-content {
  position:relative;
  z-index:3;
  height:100%;
  display:flex;
  align-items:center;
  padding:clamp(36px,6vh,72px) 0 116px;
}
.tank-scene-scroll { display:contents; }
.tank-fixed-content-hero { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.tank-fixed-content-hero>* { opacity:0; transform:translateY(22px); }
.tank-fixed-scene.is-active .tank-fixed-content-hero>* { opacity:1; transform:translateY(0); transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.2,1); }
.tank-fixed-scene.is-active .tank-fixed-content-hero>.tank-kicker { transition-delay:.08s; }
.tank-fixed-scene.is-active .tank-fixed-content-hero>h1 { transition-delay:.16s; }
.tank-fixed-scene.is-active .tank-fixed-content-hero>.tank-fixed-lead { transition-delay:.25s; }
.tank-fixed-scene.is-active .tank-fixed-content-hero>.tank-fixed-actions { transition-delay:.34s; }
.page-tankwarfare .tank-fixed-hero h1 {
  max-width:790px;
  margin:0;
  color:#fff;
  font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;
  font-size:clamp(4.2rem,8.3vw,8rem);
  font-weight:800;
  line-height:.78;
  letter-spacing:-.045em;
  text-transform:uppercase;
  text-shadow:0 12px 38px rgba(0,0,0,.4);
}
.page-tankwarfare .tank-fixed-hero h1 span { display:block; color:#bdd4df; font-size:.52em; line-height:1.25; letter-spacing:.02em; }
.tank-fixed-lead { max-width:650px; margin:28px 0 0; color:#d5dfe3; font-size:clamp(1rem,1.3vw,1.18rem); line-height:1.64; text-shadow:0 2px 10px #000; }
.tank-fixed-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:30px; }
.tank-fixed-actions button { font-family:inherit; cursor:pointer; }

.tank-fixed-proof {
  position:absolute;
  z-index:5;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(189,212,223,.2);
  border-inline:1px solid rgba(189,212,223,.16);
  background:linear-gradient(180deg,rgba(23,43,58,.52),rgba(6,17,26,.66));
  box-shadow:inset 0 1px 0 rgba(213,234,246,.07),0 -8px 24px rgba(0,0,0,.10);
  backdrop-filter:blur(9px);
}
.tank-fixed-proof div { min-height:92px; display:flex; flex-direction:column; justify-content:center; padding:14px 28px; border-right:1px solid rgba(189,212,223,.16); }
.tank-fixed-proof div:last-child { border-right:0; }
.tank-fixed-proof strong { color:#f1f7fb; font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif; font-size:1.45rem; line-height:1; text-transform:uppercase; text-shadow:0 2px 3px rgba(0,0,0,.5); }
.tank-fixed-proof span { margin-top:7px; color:#94a8b3; font-size:.62rem; font-weight:780; letter-spacing:.12em; text-transform:uppercase; }

.tank-fixed-panel {
  width:min(620px,55vw);
  padding:34px 0 34px 36px;
  border-left:1px solid rgba(189,212,223,.3);
  opacity:0;
  transform:translateY(32px);
}
.tank-fixed-scene.is-active .tank-fixed-panel { opacity:1; transform:translateY(0); transition:opacity .55s .18s ease,transform .75s .18s cubic-bezier(.2,.75,.2,1); }
.page-tankwarfare .tank-fixed-panel h2 {
  margin:0;
  color:#f3f6f7;
  font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;
  font-size:clamp(3.6rem,6.7vw,6.7rem);
  font-weight:800;
  line-height:.84;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.tank-fixed-panel>p:not(.tank-kicker) { max-width:570px; margin:26px 0 0; color:#c0cdd3; font-size:clamp(.98rem,1.25vw,1.12rem); line-height:1.7; }
.tank-fixed-facts { display:grid; margin:26px 0 0; padding:0; list-style:none; border-top:1px solid rgba(189,212,223,.2); }
.tank-fixed-facts li { position:relative; padding:12px 0 12px 22px; border-bottom:1px solid rgba(189,212,223,.2); color:#dbe5e9; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.tank-fixed-facts li::before { content:""; position:absolute; top:18px; left:2px; width:6px; height:6px; background:#91b9cf; transform:rotate(45deg); }
.tank-fixed-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.tank-fixed-tags span { padding:9px 12px; border:1px solid rgba(189,212,223,.3); color:#dbe5e9; background:rgba(4,14,21,.46); font-size:.66rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; backdrop-filter:blur(8px); }
.tank-fixed-modes { display:grid; grid-template-columns:repeat(3,1fr); margin-top:28px; border-top:1px solid rgba(189,212,223,.2); border-left:1px solid rgba(189,212,223,.2); }
.tank-fixed-modes span { min-height:86px; display:flex; flex-direction:column; justify-content:center; gap:8px; padding:14px; border-right:1px solid rgba(189,212,223,.2); border-bottom:1px solid rgba(189,212,223,.2); color:#e2eaed; font-size:.68rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.tank-fixed-modes b { color:#91b9cf; font:800 .64rem/1 ui-monospace,monospace; }
.tank-fixed-modes small { color:#bed0da; font-size:.65rem; font-weight:500; line-height:1.4; letter-spacing:0; text-transform:none; }

.tank-fixed-final-grid { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr); gap:clamp(40px,7vw,95px); }
.tank-fixed-final-copy { width:auto; }
.tank-fixed-video { position:relative; width:100%; border:1px solid rgba(189,212,223,.33); background:#020609; box-shadow:0 28px 65px rgba(0,0,0,.38); opacity:0; transform:translateX(36px); }
.tank-fixed-scene.is-active .tank-fixed-video { opacity:1; transform:translateX(0); transition:opacity .6s .3s ease,transform .8s .3s cubic-bezier(.2,.75,.2,1); }
.tank-fixed-video-poster { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; color:#fff; }
.tank-fixed-video-poster img { width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.1); transition:transform .6s ease; }
.tank-fixed-video-poster:hover img { transform:scale(1.02); }
.tank-fixed-video-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,7,11,.78),transparent 58%); }
.tank-fixed-video .tank-video-play { width:72px; height:72px; }
.tank-fixed-video-label { position:absolute; z-index:2; right:18px; bottom:14px; left:18px; color:#f1f5f6; font-size:.65rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.tank-fixed-video iframe { display:block; width:100%; aspect-ratio:16/9; border:0; }
.tank-fixed-support { display:flex; gap:22px; margin-top:24px; }
.tank-fixed-support a { color:#bdd4df; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.tank-fixed-support a:hover { text-decoration:underline; }

.tank-fixed-dots {
  position:absolute;
  z-index:20;
  top:50%;
  right:24px;
  display:grid;
  gap:10px;
  transform:translateY(-50%);
}
.tank-fixed-dots button { width:12px; height:12px; position:relative; padding:0; border:1px solid rgba(189,212,223,.52); border-radius:50%; background:rgba(4,14,21,.48); cursor:pointer; transition:background-color .2s ease,transform .2s ease; }
.tank-fixed-dots button.is-active { background:#bdd4df; transform:scale(1.25); }
.tank-fixed-dots span { position:absolute; top:50%; right:22px; padding:6px 9px; color:#dbe5e9; background:rgba(4,14,21,.82); font-size:.59rem; font-weight:800; letter-spacing:.1em; white-space:nowrap; text-transform:uppercase; opacity:0; pointer-events:none; transform:translate(5px,-50%); transition:opacity .2s ease,transform .2s ease; }
.tank-fixed-dots button:hover span,.tank-fixed-dots button:focus-visible span { opacity:1; transform:translate(0,-50%); }
.tank-fixed-controls { position:absolute; z-index:20; right:28px; bottom:111px; display:flex; align-items:center; gap:10px; }
.tank-fixed-controls button { width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid rgba(189,212,223,.38); border-radius:50%; color:#edf3f6; background:rgba(4,14,21,.55); font-size:1rem; cursor:pointer; backdrop-filter:blur(7px); }
.tank-fixed-controls button:hover:not(:disabled) { color:#07131c; background:#bdd4df; }
.tank-fixed-controls button:disabled { opacity:.28; cursor:default; }
.tank-fixed-controls button>svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.tank-fixed-controls>span { min-width:60px; color:#8fa5b1; font:750 .66rem/1 ui-monospace,monospace; text-align:center; }
.tank-fixed-controls b { color:#e4edf1; }
.tank-fixed-hint { position:absolute; z-index:20; bottom:118px; left:max(36px,calc((100vw - 1240px)/2)); margin:0; color:#97aab4; font-size:.61rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.tank-fixed-hint span { margin-right:8px; color:#bdd4df; }

@media (max-height:760px) and (min-width:701px) {
  .tank-fixed-content { padding-top:24px; padding-bottom:98px; }
  .page-tankwarfare .tank-fixed-hero h1 { font-size:clamp(3.7rem,7.4vw,6.5rem); }
  .tank-fixed-lead { margin-top:20px; }
  .tank-fixed-actions { margin-top:22px; }
  .tank-fixed-proof div { min-height:78px; }
  .tank-fixed-controls { bottom:93px; }
  .tank-fixed-hint { bottom:101px; }
  .page-tankwarfare .tank-fixed-panel h2 { font-size:clamp(3.2rem,6vw,5.6rem); }
}

@media (max-width:900px) {
  .tank-fixed-bg img { object-position:center; }
  .tank-fixed-shade { background:linear-gradient(0deg,rgba(3,10,16,.98) 0%,rgba(3,10,16,.72) 62%,rgba(3,10,16,.18) 100%); }
  .tank-fixed-grid { mask-image:linear-gradient(0deg,#000,transparent 78%); }
  .tank-fixed-content { align-items:flex-end; padding-bottom:104px; }
  .tank-fixed-content-hero { align-items:flex-start; justify-content:flex-end; padding-bottom:112px; }
  .tank-fixed-panel { width:min(100%,650px); padding:25px 0 25px 24px; }
  .page-tankwarfare .tank-fixed-panel h2 { font-size:clamp(3.3rem,9vw,5.4rem); }
  .tank-fixed-final-grid { grid-template-columns:1fr; align-content:center; gap:24px; padding-top:30px; padding-bottom:80px; }
  .tank-fixed-final-copy { padding-top:0; padding-bottom:0; }
  .tank-fixed-video { width:min(680px,100%); }
  .tank-fixed-dots { right:14px; }
  .tank-fixed-controls { right:18px; bottom:90px; }
  .tank-fixed-hint { bottom:98px; }
}

@media (max-width:620px) {
  .page-tankwarfare .site-header { min-height:68px; display:flex; padding:0; gap:12px; }
  .page-tankwarfare .brand { gap:0; }
  .page-tankwarfare .brand>span:last-child { display:none; }
  .page-tankwarfare .brand-mark { width:36px; height:36px; }
  .page-tankwarfare nav { min-height:68px; align-self:stretch; gap:14px; margin:0; overflow:visible; }
  .page-tankwarfare nav a { font-size:.74rem; }
  .tank-shell { width:min(calc(100% - 34px),1240px); }
  .tank-fixed-bg-hero { background-position:66% center; }
  .tank-fixed-content,.tank-fixed-content-hero { padding-top:24px; padding-bottom:78px; }
  .page-tankwarfare .tank-fixed-hero h1 { font-size:clamp(3.25rem,16vw,4.7rem); }
  .tank-fixed-lead { max-width:94%; margin-top:17px; font-size:.88rem; line-height:1.5; }
  .tank-fixed-actions { width:100%; gap:8px; margin-top:18px; }
  .tank-fixed-actions .tank-button { width:auto; min-height:44px; flex:1 1 auto; padding:0 13px; font-size:.68rem; }
  .tank-fixed-proof { grid-template-columns:repeat(3,1fr); }
  .tank-fixed-proof div { min-height:66px; padding:9px 7px; text-align:center; }
  .tank-fixed-proof div:last-child { display:none; }
  .tank-fixed-proof strong { font-size:1.05rem; }
  .tank-fixed-proof span { margin-top:5px; font-size:.48rem; letter-spacing:.06em; }
  .tank-fixed-panel { padding:18px 0 18px 16px; }
  .page-tankwarfare .tank-fixed-panel h2 { font-size:clamp(2.65rem,13vw,4rem); line-height:.86; }
  .tank-fixed-panel>p:not(.tank-kicker) { margin-top:17px; font-size:.86rem; line-height:1.5; }
  .tank-fixed-panel .tank-kicker { margin-bottom:15px; font-size:.61rem; }
  .tank-fixed-facts { margin-top:17px; }
  .tank-fixed-facts li { padding:9px 0 9px 19px; font-size:.58rem; }
  .tank-fixed-facts li::before { top:14px; }
  .tank-fixed-tags { margin-top:17px; }
  .tank-fixed-tags span { padding:7px 8px; font-size:.56rem; }
  .tank-fixed-modes { margin-top:17px; }
  .tank-fixed-modes span { min-height:62px; padding:8px; font-size:.55rem; }
  .tank-fixed-final-grid { align-content:center; gap:16px; padding-top:16px; padding-bottom:54px; }
  .tank-fixed-final-copy>p:not(.tank-kicker) { display:none; }
  .tank-fixed-final-copy .tank-fixed-actions { margin-top:15px; }
  .tank-fixed-video { width:100%; }
  .tank-fixed-video .tank-video-play { width:54px; height:54px; }
  .tank-fixed-support { margin-top:13px; }
  .tank-fixed-support a { font-size:.57rem; }
  .tank-fixed-dots { top:auto; right:50%; bottom:12px; display:flex; gap:9px; transform:translateX(50%); }
  .tank-fixed[data-scene="0"] .tank-fixed-dots { bottom:76px; }
  .tank-fixed-dots button { width:9px; height:9px; }
  .tank-fixed-dots span { display:none; }
  .tank-fixed-controls { top:10px; right:12px; bottom:auto; }
  .tank-fixed-controls button { width:31px; height:31px; }
  .tank-fixed-controls>span { min-width:48px; }
  .tank-fixed-hint { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .tank-fixed-scene,.tank-fixed-bg img,.tank-fixed-content-hero>*,.tank-fixed-panel,.tank-fixed-video,.tank-fixed-dots button { transition:none!important; }
}

/* Wider Tank Warfare composition on desktop and ultrawide displays */
@media (min-width:621px) {
  .page-tankwarfare .tank-shell {
    width:calc(100% - clamp(40px,7vw,160px));
    max-width:none;
  }
  .tank-fixed-proof {
    right:auto;
    left:clamp(20px,3.5vw,80px);
    width:min(calc(100% - clamp(40px,7vw,160px)),1800px);
    margin:0;
  }
  .tank-fixed-hint { left:clamp(20px,3.5vw,80px); }
}
@media (min-width:901px) {
  .tank-fixed-final-grid {
    grid-template-columns:minmax(300px,620px) minmax(420px,980px);
    justify-content:start;
  }
}

/* Edge-to-edge header with full-height navigation tabs */
.page-bio main { width:calc(100% - clamp(40px,7vw,160px)); max-width:none; }
.page-bio .about-maker { grid-template-columns:minmax(230px,400px) minmax(0,900px); justify-content:start; }
.page-bio .about-maker-copy>p { max-width:780px; }
.page-bio .about-engine.engine-showcase { display:block; padding:clamp(24px,3vw,48px); }
.page-bio .engine-showcase>div { max-width:none; }
.page-bio .engine-showcase figure { max-width:none; width:100%; margin:0; }
.page-bio .engine-showcase>.engine-intro,
.page-bio .engine-showcase>.engine-overview { max-width:1400px; margin-inline:0; text-align:left; }
.engine-intro { display:grid; grid-template-columns:220px minmax(0,780px); gap:32px; align-items:center; }
.page-bio .engine-showcase>.eyebrow { margin:0 0 20px; }
.page-bio .engine-showcase .engine-motivation { max-width:86ch; margin:0; line-height:1.75; }
.engine-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,560px); gap:clamp(32px,4vw,56px); align-items:start; margin-top:24px; }
.engine-overview-copy { max-width:86ch; }
.engine-overview-copy>p { margin:0 0 20px; line-height:1.75; }
.engine-overview-copy>p:first-child { margin-top:0; }
.engine-overview-copy>p:last-child { margin-bottom:0; }
.page-bio .engine-showcase .engine-logo-heading { margin:0; }
.page-bio .engine-showcase .engine-wordmark { display:block; width:min(220px,100%); height:auto; aspect-ratio:auto; object-fit:contain; margin:0; border:0; background:transparent; }
body .site-header .brand-mark-engine { background:transparent; border:0; border-radius:0; overflow:hidden; }
body .site-header .brand-mark-engine img { display:block; width:100%; height:100%; object-fit:contain; }
.page-bio .engine-showcase .engine-overview figure { max-width:560px; justify-self:start; }
.engine-showcase .engine-overview img { aspect-ratio:2/1; object-fit:contain; background:#07131c; }
.engine-history-video { padding-top:0; }
.engine-history-player { aspect-ratio:16/9; background:#07131c; overflow:hidden; border:1px solid #38556a; }
.engine-history-poster { display:block; position:relative; width:100%; height:100%; padding:0; border:0; cursor:pointer; color:#fff; background:#07131c; font:inherit; }
.engine-showcase .engine-history-poster img { display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.engine-history-poster::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,10,16,.85),transparent 65%); }
.engine-history-play-icon { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:62px; height:62px; padding-left:3px; border-radius:50%; border:1px solid #bfd5df; background:rgba(4,14,21,.8); font-size:22px; }
.engine-history-video-title { position:absolute; z-index:1; left:20px; right:20px; bottom:18px; text-align:left; font-size:.9rem; font-weight:700; }
.engine-history-poster:hover .engine-history-play-icon { color:#07131c; background:#c6dfea; }
.engine-history-poster:focus-visible { outline:3px solid #c6dfea; outline-offset:-4px; }
.engine-history-player iframe { display:block; width:100%; height:100%; border:0; }
.engine-systems { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,3vw,48px); margin-top:32px; }
.engine-systems article { padding-top:0; }
.engine-systems h3 { font-size:1.2rem; line-height:1.3; }
.engine-systems p { margin-bottom:0; font-size:.94rem; }
.engine-overview-copy p a { color:#c6dfea; text-underline-offset:4px; }
.engine-archive { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,3vw,48px); align-items:start; margin-top:28px; }
.page-bio .engine-showcase>.engine-archive { max-width:none; }
.engine-showcase .engine-archive img { aspect-ratio:2/1; object-fit:cover; object-position:center; background:#07131c; }
.engine-showcase figure a { display:block; }
.engine-showcase figure a:focus-visible { outline:2px solid #b8d9ec; outline-offset:4px; }
@media (max-width:1000px) {
  .engine-overview { grid-template-columns:1fr; }
  .engine-overview-copy { max-width:800px; }
  .page-bio .engine-showcase .engine-overview figure { justify-self:start; }
}
@media (max-width:760px) {
  .engine-intro { grid-template-columns:140px minmax(0,1fr); gap:20px; }
  .engine-overview { margin-top:28px; gap:24px; }
  .engine-systems,.engine-archive { grid-template-columns:1fr; }
}
.page-bio .about-project { min-height:clamp(310px,23vw,500px); }
@media (max-width:480px) {
  .engine-intro { display:block; }
  .page-bio .engine-showcase .engine-wordmark { width:160px; margin-bottom:20px; }
}
.site-footer { width:100%; max-width:none; margin-inline:0; padding:32px clamp(20px,3.5vw,80px); background:#0b1a26; }
.about-intro { padding:44px 0 24px; }
.about-intro h1 { max-width:1200px; margin-bottom:16px; font-size:clamp(2.2rem,3.8vw,3.8rem); font-weight:650; letter-spacing:-.03em; }
.about-intro h1 span { color:#91b9cf; }
.about-lead { max-width:700px; color:#b2c3cc; font-size:1.25rem; }
.about-disciplines { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:35px; color:#8ca7b7; font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.about-maker { display:grid; grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr); align-items:center; gap:clamp(38px,5vw,70px); padding:40px 0; }
.page-bio .about-maker { grid-template-columns:minmax(200px,300px) minmax(0,900px); }
.about-portrait { margin:0; }
.about-portrait-frame { overflow:hidden; aspect-ratio:4/5; max-height:560px; border:1px solid #3a5568; border-radius:3px; }
.about-portrait img { width:100%; height:100%; object-fit:cover; object-position:57% 78%; transform:scale(1.2); transform-origin:57% 66%; }
.about-portrait figcaption,.about-engine figcaption { margin-top:12px; color:#9db3c0; font-size:.8rem; line-height:1.6; letter-spacing:.01em; }
.about-maker h2 { font-size:clamp(2rem,3vw,3rem); }
.about-role { color:#bdd4df!important; font-size:.85rem; }
.about-maker-copy>p:not(.eyebrow),.about-engine p:not(.eyebrow) { color:#a8bdc9; }
.about-maker-copy p a { color:#d3e5ee; text-underline-offset:4px; }
.about-links { gap:24px; margin-top:28px; }
.about-linkedin { display:inline-flex; align-items:center; gap:10px; }
.about-linkedin svg { display:block; width:19px; height:19px; flex:none; }
.about-email-actions { display:inline-flex; align-items:center; gap:12px; }
.about-copy-email { display:grid; place-items:center; width:44px; height:44px; padding:0; color:#bdd4df; border:1px solid #38556a; border-radius:4px; background:transparent; cursor:pointer; transition:background .15s,color .15s; }
.about-copy-email svg { display:block; width:19px; height:19px; }
.about-copy-email .copy-email-check { display:none; }
.about-copy-email:hover,.about-copy-email.is-copied { background:#bdd4df; color:#091720; }
.about-copy-email.is-copied .copy-email-icon { display:none; }
.about-copy-email.is-copied .copy-email-check { display:block; }
.about-copy-email:focus-visible,.about-linkedin:focus-visible { outline:2px solid #bdd4df; outline-offset:4px; }
.about-maker-copy .about-copy-feedback { min-height:1.4em; margin:8px 0 0; color:#bdd4df; font-size:.8rem; overflow-wrap:anywhere; }
.about-engine { display:grid; grid-template-columns:1.1fr .9fr; gap:55px; align-items:center; padding:50px; border:1px solid #304b5d; background:#0c202e; }
.about-engine h2 { font-size:clamp(2.1rem,3.5vw,3.2rem); }
.about-engine figure { margin:0; }
.about-engine img { width:100%; aspect-ratio:16/10; object-fit:cover; border:1px solid #38556a; }
.about-foundations,.about-projects { padding:40px 0; }
.about-jump-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:20px; }
.about-jump-links a { color:#c3dbe8; font-size:.78rem; text-decoration:none; padding:6px 0; }
.about-jump-links a:hover { text-decoration:underline; text-underline-offset:5px; }
.about-research { padding:40px 0; }
.about-research .about-section-heading>p:last-child { max-width:760px; color:#a8bdc9; }
.research-highlights { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:28px 0; }
.research-highlights>a { display:flex; flex-direction:column; gap:8px; padding:24px; border:1px solid #3b586b; background:#0c202e; text-decoration:none; }
.research-highlights>a:hover { border-color:#91b9cf; }
.research-highlights span,.research-meta { color:#91b9cf; font-size:.78rem; line-height:1.5; letter-spacing:.01em; }
.research-highlights strong { color:#e3edf2; font-size:1.3rem; }
.research-highlights small { color:#a8bdc9; font-size:.78rem; }
.research-library details { border-top:1px solid #3b586b; }
.research-library details:last-child { border-bottom:1px solid #3b586b; }
.research-library summary { padding:23px 0; color:#e3edf2; font-size:1.12rem; font-weight:700; cursor:pointer; }
.research-library summary>span { float:right; color:#8ca7b7; font-size:.73rem; font-weight:400; }
.research-entry { display:grid; grid-template-columns:180px 1fr; gap:28px; padding:20px 0; }
.research-entry>img { display:block; width:100%; height:auto; max-height:none; align-self:start; padding:0; background:transparent; border-radius:2px; }
.research-entry h3 { margin:10px 0; font-size:1.2rem; line-height:1.3; }
.research-entry p,.research-resources p { color:#a8bdc9; margin:10px 0; font-size:.9rem; }
.research-entry .research-authors { color:#8ca7b7; font-size:.78rem; }
.research-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:18px; }
.research-links a { color:#c6dfea; font-size:.77rem; text-underline-offset:4px; }
.research-resources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 40px; padding:16px 0 28px; }
.research-resources article { padding-top:0; }
.research-resources h3 { margin:10px 0; line-height:1.3; }
.research-resource-preview { display:flex; align-items:flex-start; justify-content:flex-start; width:fit-content; max-width:100%; height:300px; margin-bottom:20px; overflow:hidden; background:transparent; }
.research-resource-preview img { display:block; max-width:100%; width:auto; height:100%; object-fit:contain; object-position:left top; }
.research-resource-document { padding:0; }
.research-resource-preview:focus-visible,.research-trireme-gallery a:focus-visible { outline:2px solid #b8d9ec; outline-offset:4px; }
.research-trireme-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:1440px; margin-bottom:20px; }
.research-trireme-gallery a { display:block; overflow:hidden; border:0; }
.research-trireme-gallery img { display:block; width:100%; height:auto; aspect-ratio:8/5; max-height:260px; object-fit:contain; }
.research-resources .research-modelling { grid-column:1/-1; }
@media(max-width:900px) {
  .research-resources { grid-template-columns:1fr; }
  .research-resources article:not(.research-modelling) { display:grid; grid-template-columns:150px minmax(0,1fr); column-gap:24px; align-content:start; }
  .research-resource-preview { grid-column:1; grid-row:1/5; height:210px; margin:0; }
  .research-resources article:not(.research-modelling)>:not(.research-resource-preview) { grid-column:2; }
}
@media(max-width:480px) {
  .research-resources article:not(.research-modelling) { display:block; }
  .research-resource-preview { height:240px; margin-bottom:20px; }
  .research-trireme-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .research-trireme-gallery a:first-child { grid-column:1/-1; }
}
@media(max-width:620px) {
  .about-research { padding:40px 0; }
  .research-highlights,.research-resources { grid-template-columns:1fr; }
  .research-entry { grid-template-columns:1fr; gap:16px; }
  .research-entry>img { width:min(180px,100%); max-height:none; }
  .research-library summary>span { float:none; display:block; margin:6px 0 0 19px; }
}
.about-career { padding:44px 0 40px; }
.about-career .about-section-heading>p:last-child { max-width:720px; color:#a8bdc9; }
.about-career-list { list-style:none; padding:0; margin:24px 0 0; }
.about-career-list li { position:relative; display:grid; grid-template-columns:190px minmax(0,1fr); gap:56px; padding:24px 0 30px; }
.about-career-list li::before { content:""; position:absolute; z-index:1; left:211px; top:31px; width:12px; height:12px; box-sizing:border-box; border:2px solid #91aabb; border-radius:50%; background:#09141e; }
.about-career-list li::after { content:""; position:absolute; left:216px; top:37px; bottom:-37px; width:2px; background:#304b5d; }
.about-career-list li:last-child::after { display:none; }
.about-career-list li.career-current::before { border-color:#c9a978; background:#c9a978; box-shadow:0 0 0 5px rgba(201,169,120,.08); }
.about-career-date { padding-top:4px; color:#91aabb; font-size:.85rem; line-height:1.6; font-variant-numeric:tabular-nums; }
.about-career-list h3 { margin:0 0 6px; font-size:1.3rem; line-height:1.3; font-weight:650; letter-spacing:-.015em; }
.about-career-list p { max-width:760px; margin:10px 0 0; color:#a8bdc9; font-size:.94rem; line-height:1.65; }
.about-career-list .about-career-role { margin-top:0; color:#d1e1e9; font-size:.96rem; font-weight:500; }
@media(max-width:760px) {
  .page-bio .about-maker,.page-bio .about-engine { grid-template-columns:1fr; }
  .page-bio .about-engine figure { justify-self:start; }
  .about-career { padding-top:32px; padding-bottom:40px; }
  .about-career-list li { grid-template-columns:minmax(0,1fr); gap:8px; padding:20px 0 26px 32px; }
  .about-career-list li::before { left:0; top:25px; }
  .about-career-list li::after { left:5px; top:31px; bottom:-31px; }
  .about-career-date { padding-top:0; font-size:.82rem; }
}
.about-foundations { border-bottom:1px solid var(--line); }
.about-section-heading h2 { font-size:clamp(1.8rem,2.7vw,2.6rem); }
.about-foundation-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:40px; }
.about-foundation-grid article { border-top:1px solid #436174; padding-top:23px; }
.about-foundation-grid article>span { color:#91b9cf; font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.about-foundation-grid h3 { margin-top:23px; }
.about-foundation-grid p { color:#9cb1bd; font-size:.94rem; }
.about-project-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:36px; }
.about-project { position:relative; min-height:310px; overflow:hidden; border:1px solid #304b5d; color:#fff; background:#07131c; text-decoration:none; }
.about-project>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.about-project>.about-project-concept { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; transition:transform .5s ease; }
.about-project:hover>.about-project-concept { transform:scale(1.035); }
.about-project::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,10,16,.97),rgba(3,10,16,.12)); }
.about-project-barbadel::after { background:linear-gradient(0deg,rgba(3,10,16,.84),rgba(3,10,16,.12) 58%,rgba(3,10,16,.04)); }
.about-project>div { position:absolute; z-index:1; bottom:0; padding:28px; }
.about-project div>span { color:#b6d3e2; font-size:.66rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.about-project h3 { margin:13px 0; color:white; font-size:1.8rem; }
.about-project p { margin:0; color:#b6d3e2; font-size:.82rem; }
.about-project:hover>img { transform:scale(1.035); }
@media(max-width:760px) {
  .about-maker,.about-engine { grid-template-columns:1fr; }
  .about-portrait { max-width:350px; }
  .about-portrait-frame { aspect-ratio:6/5; max-height:300px; }
  .about-engine { padding:28px; gap:28px; }
  .about-foundation-grid { grid-template-columns:1fr; gap:20px; }
  .about-project-grid { grid-template-columns:1fr; }
  .about-intro { padding:36px 0 26px; }
  .about-maker,.about-foundations,.about-projects { padding:50px 0; }
}
@media(max-width:620px) {
  .page-bio main { width:calc(100% - 36px); }
  .page-tankwarfare .site-header nav a { padding-inline:8px!important; font-size:.66rem; }
  .about-lead { font-size:1.08rem; }
}
@media(prefers-reduced-motion:reduce) { .about-project>img { transition:none; } }
.tank-auto-timer { display:flex; align-items:center; gap:9px; margin-right:10px; }
.tank-fixed-info { position:absolute; z-index:20; left:clamp(20px,3.5vw,80px); bottom:111px; display:flex; align-items:center; gap:22px; min-height:38px; }
.tank-fixed-info .tank-fixed-hint { position:static; margin:0; }
.tank-policy-link { color:#bdd4df; font-size:.68rem; text-decoration:none; padding:10px 0; white-space:nowrap; }
.tank-policy-link:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.tank-policy-link:focus-visible { outline:2px solid #bdd4df; outline-offset:2px; }
@media(max-height:760px) and (min-width:901px) { .tank-fixed-info { bottom:93px; } }
@media(max-width:900px) { .tank-fixed-info { bottom:90px; } }
@media(max-width:620px) {
  .tank-fixed-info { left:17px; bottom:10px; min-height:0; }
  .tank-policy-link { padding:0; font-size:.57rem; }
  .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:76px; }
}
.tank-community-link { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:0 15px; margin-right:9px; border:1px solid rgba(189,212,223,.3); border-radius:20px; color:#bdd4df; background:rgba(4,14,21,.55); text-decoration:none; font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tank-community-link svg { display:block; width:15px; height:15px; fill:currentColor; }
.tank-community-link:hover { color:#07131c; background:#bdd4df; }
.tank-community-link:focus-visible { outline:2px solid #bdd4df; outline-offset:3px; }
.tank-auto-count { min-width:38px; color:#bdd4df; font:750 .62rem/1 ui-monospace,monospace; white-space:nowrap; }
.tank-auto-track { width:54px; height:2px; overflow:hidden; background:rgba(189,212,223,.25); }
.tank-auto-track i { display:block; width:100%; height:100%; background:#bdd4df; transform:scaleX(0); transform-origin:left; transition:transform .1s linear; }
@media (max-width:620px) {
  .tank-community-link { width:31px; min-height:31px; padding:0; margin-right:2px; }
  .tank-community-link span { display:none; }
  .tank-auto-timer { gap:6px; margin-right:3px; }
  .tank-auto-track { width:28px; }
}
.site-header,
.page-tankwarfare .site-header {
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:clamp(20px,3.5vw,80px) 0;
  background:#0b1a26;
  border-bottom:1px solid #2f4555;
}
.site-header nav { gap:0; margin:0; }
.site-header nav a {
  justify-content:center;
  padding-inline:clamp(20px,2vw,42px);
  border-left:1px solid rgba(189,212,223,.09);
  transition:background-color .2s ease,color .2s ease;
}
.site-header nav a:hover { background:rgba(145,185,207,.08); }
.site-header nav a.active { background:rgba(145,185,207,.12); }
.site-header nav a.active::after { right:0; left:0; bottom:0; height:3px; }
.site-header nav a:focus-visible { outline:2px solid #bdd4df; outline-offset:-5px; }
@media (max-width:620px) {
  .site-header { padding:16px 0 0; }
  .site-header>.brand { margin-left:16px; }
  .site-header nav { width:100%; }
  .site-header nav a { flex:1; padding-inline:12px; }
  .page-tankwarfare .site-header { padding:0 0 0 14px; gap:12px; }
  .page-tankwarfare .site-header>.brand { margin-left:0; }
  .page-tankwarfare .site-header nav { width:auto; gap:0; }
  .page-tankwarfare .site-header nav a { padding-inline:12px; }
}

/* One stationary action row shared by all five presentation scenes. */
.page-tankwarfare .tank-fixed { --action-bottom:max(180px,30vh); --action-height:58px; --action-gap:28px; }
.page-tankwarfare .tank-action-dock { position:absolute; z-index:25; left:clamp(20px,3.5vw,80px); bottom:var(--action-bottom); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:464px; max-width:calc(100% - 100px); height:var(--action-height); margin:0; }
.page-tankwarfare .tank-action-dock .tank-button { width:100%; height:var(--action-height); white-space:nowrap; }
.page-tankwarfare .tank-action-dock .tank-play-icon { font-size:1rem; }
.tank-action-dock .tank-button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.page-tankwarfare .tank-fixed-content { height:calc(100% - var(--action-bottom) - var(--action-height) - var(--action-gap)); padding:36px 0 0; align-items:flex-end; }
.page-tankwarfare .tank-fixed-content-hero { justify-content:flex-end; align-items:flex-start; padding-bottom:0; }
.page-tankwarfare .tank-fixed-panel { padding:0; border-left:0; }
.page-tankwarfare .tank-fixed-final-grid { align-items:end; padding-top:36px; padding-bottom:0; }
.page-tankwarfare .tank-fixed-final-copy { align-self:end; }
@media(min-width:901px) and (min-height:651px) {
  .page-tankwarfare .tank-fixed-final-grid { grid-template-rows:minmax(0,1fr); min-height:0; }
  .page-tankwarfare .tank-fixed-final-copy { min-height:0; }
  .page-tankwarfare .tank-fixed-final-grid .tank-fixed-video {
    /* Fit the player above the stationary actions instead of expanding the grid row. */
    width:min(100%,calc((100svh - 88px - var(--action-bottom) - var(--action-height) - var(--action-gap) - 36px) * 1.777778));
    min-width:0;
    justify-self:start;
  }
}
@media (min-width:901px) and (max-height:950px) {
  .page-tankwarfare .tank-fixed-panel h2 { font-size:clamp(3rem,5vw,5.5rem); line-height:.88; }
  .page-tankwarfare .tank-fixed-panel>p:not(.tank-kicker) { margin-top:20px; font-size:1rem; line-height:1.55; }
  .page-tankwarfare .tank-fixed-facts { margin-top:20px; }
  .page-tankwarfare .tank-fixed-facts li { padding-block:9px; }
  .page-tankwarfare .tank-fixed-facts li::before { top:15px; }
}
@media (min-width:621px) and (max-width:900px) {
  .page-tankwarfare .tank-fixed-final-grid { gap:18px; align-content:end; }
  .page-tankwarfare .tank-fixed-final-grid h2 { font-size:clamp(2.6rem,5vw,3.6rem); }
  .page-tankwarfare .tank-fixed-video { width:min(520px,100%); }
}
@media (max-width:620px) {
  .page-tankwarfare .tank-fixed { --action-bottom:112px; --action-height:44px; --action-gap:22px; }
  .page-tankwarfare .tank-action-dock { left:17px; right:17px; width:auto; max-width:none; gap:8px; }
  .page-tankwarfare .tank-action-dock .tank-button { flex:1 1 0; min-width:0; }
  .page-tankwarfare .tank-fixed-content { padding-top:50px; }
  .page-tankwarfare .tank-fixed-content-hero { padding-bottom:12px; }
  .page-tankwarfare .tank-fixed-final-grid { padding-top:44px; align-content:end; gap:12px; }
  .page-tankwarfare .tank-fixed-final-grid h2 { font-size:clamp(1.65rem,7vw,2.6rem); line-height:.98; }
  .page-tankwarfare .tank-fixed-final-grid .tank-kicker { margin-bottom:8px; }
  .page-tankwarfare .tank-fixed-final-grid .tank-fixed-support { margin-top:8px; }
  .page-tankwarfare .tank-fixed-final-grid .tank-fixed-support a { font-size:.62rem; }
}
@media (max-width:360px) {
  body.page-tankwarfare .tank-action-dock .tank-button { padding-inline:8px; gap:6px; font-size:.66rem; letter-spacing:.01em; min-height:44px; }
  body.page-tankwarfare .tank-action-dock .tank-button-primary small { font-size:.58rem; }
  body.page-tankwarfare .tank-action-dock .tank-play-icon { font-size:1rem; }
}
@media (max-height:650px) and (max-width:620px) {
  .page-tankwarfare .tank-fixed-panel h2 { font-size:2rem; line-height:.9; }
  .page-tankwarfare .tank-fixed-panel .tank-kicker { margin-bottom:10px; font-size:.6rem; }
  .page-tankwarfare .tank-fixed-panel>p:not(.tank-kicker) { margin-top:12px; font-size:.78rem; line-height:1.4; }
  .page-tankwarfare .tank-fixed-facts { margin-top:12px; }
  .page-tankwarfare .tank-fixed-facts li { padding-block:7px; font-size:.55rem; }
  .page-tankwarfare .tank-fixed-final-grid h2 { font-size:1.65rem; line-height:.98; }
}

/* Short viewports keep their cinematic backdrop; only the scene content scrolls. */
.page-barbadel .barbadel-hero-copy>p.barbadel-awakening { font-size:.95rem; color:#a9c0cd; margin-top:18px; }
.barbadel-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 26px; margin-top:24px; }
.barbadel-hero .barbadel-hero-actions .button { margin-top:0; }
.barbadel-story-link { color:#d4e3eb; font-size:.88rem; text-underline-offset:5px; }
.barbadel-chapter-nav { display:flex; align-items:center; flex-wrap:wrap; gap:16px 32px; padding:22px 0; border-bottom:1px solid var(--line); }
.barbadel-chapter-nav a { color:#b8d9ec; font-size:.85rem; text-underline-offset:5px; }
.barbadel-chapter-nav a:hover,.barbadel-story-link:hover { color:#fff; }
.barbadel-chapter-nav a:focus-visible,.barbadel-story-link:focus-visible { outline:2px solid #b8d9ec; outline-offset:5px; }
.barbadel-chapter { padding:64px 0; border-bottom:1px solid var(--line); scroll-margin-top:24px; }
.barbadel-chapter-heading { margin-bottom:42px; }
.barbadel-chapter-heading .eyebrow { margin-bottom:14px; }
.barbadel-chapter-heading h2 { margin-bottom:0; }
.barbadel-story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,3vw,48px); }
.barbadel-story-chapter .barbadel-veil,
.barbadel-story-chapter .barbadel-story { display:flex; flex-direction:column; align-items:stretch; padding:0; border:0; gap:26px; margin:0; min-width:0; }
.barbadel-story-chapter h3 { font-size:1.65rem; margin-bottom:18px; }
.barbadel-story-chapter figure { max-width:none; width:100%; order:-1; }
.barbadel-story-chapter h3 { margin-top:0; }
.barbadel-story-chapter figure>a { display:block; aspect-ratio:2/1; }
.barbadel-story-chapter figure img { display:block; width:100%; height:100%; object-fit:contain; }
.barbadel-story-chapter .barbadel-veil-art { height:100%; aspect-ratio:2/1; }
.barbadel-veil-art { display:block; width:100%; aspect-ratio:16/9; }
.barbadel-gameplay-chapter .barbadel-intro { grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr); padding:0 0 40px; gap:40px; }
.barbadel-gameplay-chapter h3 { font-size:1.5rem; margin-top:0; margin-bottom:20px; }
.barbadel-gameplay-chapter .barbadel-agent-profile { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(28px,4vw,60px); padding-bottom:42px; }
.barbadel-gameplay-chapter .barbadel-agent-profile figure { max-width:760px; }
.barbadel-gameplay-chapter .barbadel-mechanics { padding-bottom:0; }
.barbadel-mechanics h4 { margin:0 0 14px; color:var(--ink); font-size:1.18rem; line-height:1.3; }
.barbadel-gameplay-chapter .barbadel-number { margin-bottom:16px; }
.barbadel-gameplay-chapter .barbadel-gameplay-gallery { margin-top:36px; }
.barbadel-development-chapter { border-bottom:0; padding-bottom:40px; }
.barbadel-development-chapter .barbadel-development { padding:0; margin-bottom:36px; }
.barbadel-release { margin-bottom:28px; }
.barbadel-release .barbadel-development-status { max-width:850px; border:0; padding:0; }
.barbadel-content .barbadel-release h2 { font-size:1.4rem; margin-bottom:16px; }
.barbadel-development-chapter .barbadel-funding { padding:28px 0 0; }
@media (max-width:900px) {
  .barbadel-story-grid { grid-template-columns:1fr; gap:40px; }
  .barbadel-story-chapter .barbadel-veil,
  .barbadel-story-chapter .barbadel-story,
  .barbadel-gameplay-chapter .barbadel-intro,
  .barbadel-gameplay-chapter .barbadel-agent-profile { grid-template-columns:1fr; gap:24px; }
  .barbadel-story-chapter figure { justify-self:start; }
  .barbadel-gameplay-chapter .barbadel-agent-profile>div { order:-1; }
}
@media (max-width:620px) {
  .barbadel-chapter { padding:44px 0; }
  .barbadel-chapter-heading { margin-bottom:30px; }
  .barbadel-chapter-nav { gap:14px 24px; }
  .barbadel-chapter-nav a { font-size:.8rem; }
  .barbadel-story-chapter .barbadel-story { margin-top:0; }
  .barbadel-story-chapter h3,.barbadel-gameplay-chapter h3 { font-size:1.35rem; }
}

/* Tank Warfare compact-height scrolling */
@media (max-height:650px) {
  .page-tankwarfare .tank-scene-scroll {
    display:block; position:absolute; z-index:6; inset:0 0 132px;
    overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
    scrollbar-width:thin; scrollbar-color:#64849a transparent;
    touch-action:pan-y; scroll-padding-block:20px;
  }
  .page-tankwarfare .tank-scene-scroll:focus-visible { outline:1px solid #91b9cf; outline-offset:-2px; }
  .page-tankwarfare .tank-fixed-content,
  .page-tankwarfare .tank-fixed-content-hero,
  .page-tankwarfare .tank-fixed-final-grid {
    display:block; height:auto; min-height:0; padding:24px 36px 24px 0;
  }
  .page-tankwarfare .tank-fixed-panel { width:min(620px,100%); }
  .page-tankwarfare .tank-fixed-content-hero>* { flex-shrink:0; }
  .page-tankwarfare .tank-fixed-hero h1 { font-size:clamp(3.25rem,7vw,5.5rem); }
  .page-tankwarfare .tank-fixed-panel h2 { font-size:clamp(2.4rem,5.5vw,4.5rem); line-height:.95; }
  .page-tankwarfare .tank-fixed-proof { position:absolute; inset:auto 0 0; margin:0 auto; }
  .page-tankwarfare .tank-fixed-proof div { min-height:66px; padding:12px; }
  .page-tankwarfare .tank-fixed-video { width:min(640px,100%); margin-top:24px; }
  .page-tankwarfare .tank-action-dock { bottom:70px; height:44px; --action-height:44px; }
  .page-tankwarfare .tank-action-dock .tank-button { min-height:44px; }
  body.page-tankwarfare .tank-fixed-actions a.tank-button-primary { min-height:44px; }
  .page-tankwarfare .tank-fixed-controls { top:auto; right:20px; bottom:12px; gap:8px; }
  .page-tankwarfare .tank-community-link { width:32px; min-height:32px; padding:0; margin-right:0; }
  .page-tankwarfare .tank-community-link span { display:none; }
  .page-tankwarfare .tank-fixed-controls button { width:32px; height:32px; }
  .page-tankwarfare .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:12px; gap:18px; min-height:32px; }
  .page-tankwarfare .tank-fixed-info .tank-fixed-hint { display:block; font-size:.65rem; }
  .page-tankwarfare .tank-fixed-dots,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-dots { top:50%; right:16px; bottom:auto; display:grid; transform:translateY(-50%); }
  .page-tankwarfare .tank-fixed-dots span { display:none; }
}
@media (max-height:650px) and (max-width:900px) {
  .page-tankwarfare .site-header { min-height:68px; }
  .page-tankwarfare .site-header .brand>span:last-child { display:none; }
}
@media (max-height:650px) and (max-width:620px) {
  .page-tankwarfare .tank-scene-scroll { bottom:168px; }
  .page-tankwarfare .tank-fixed-proof div { padding:9px 7px; }
  .page-tankwarfare .tank-action-dock { bottom:108px; }
  .page-tankwarfare .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:64px; }
  .page-tankwarfare .tank-fixed-controls { right:12px; }
  .page-tankwarfare .tank-fixed-hero h1 { font-size:clamp(2.8rem,14vw,4rem); }
}

/* Touch/tablet controls: no keyboard hint, generous targets and a clear footer row. */
@media (max-width:1100px), (pointer:coarse) {
  .page-tankwarfare .tank-fixed-info .tank-fixed-hint { display:none; }
  .page-tankwarfare .tank-fixed-controls { gap:12px; }
  .page-tankwarfare .tank-fixed-controls button { width:44px; height:44px; flex-shrink:0; }
  .page-tankwarfare .tank-community-link { min-height:44px; }
  .page-tankwarfare .tank-auto-track { display:none; }
  .page-tankwarfare .tank-auto-timer { margin-right:0; }
  .page-tankwarfare .tank-fixed-info .tank-policy-link { display:inline-flex; align-items:center; min-height:44px; }
}
@media (min-width:621px) and (min-height:651px) and (max-width:1100px),
       (min-width:621px) and (min-height:651px) and (pointer:coarse) {
  .page-tankwarfare .tank-fixed-controls { top:auto; right:24px; bottom:132px; }
  .page-tankwarfare .tank-fixed-info { left:24px; bottom:132px; min-height:44px; }
}
@media (max-width:620px) {
  .page-tankwarfare .tank-fixed-controls { gap:8px; }
  .page-tankwarfare .tank-auto-count { display:none; }
  .page-tankwarfare .tank-auto-timer { gap:0; }
  .page-tankwarfare .tank-community-link { width:44px; min-width:44px; padding:0; margin-right:0; }
  .page-tankwarfare .tank-community-link span { display:none; }
}
@media (max-height:650px) and (max-width:620px) {
  .page-tankwarfare .tank-fixed-controls { right:12px; bottom:8px; }
}

/* Geometric icons avoid font-baseline drift inside circular buttons. */
.page-tankwarfare .tank-fixed-controls button>svg { width:23px; height:23px; stroke-width:1.8; }
.page-tankwarfare .tank-community-link svg { width:19px; height:19px; }
.page-tankwarfare [data-auto-toggle] { position:relative; font-size:0; line-height:1; }
.page-tankwarfare [data-auto-toggle]::before { content:""; position:absolute; top:50%; left:50%; display:block; width:14px; height:18px; transform:translate(-50%,-50%); }
.page-tankwarfare [data-auto-toggle][data-icon="pause"]::before { background:linear-gradient(to right,currentColor 0 4px,transparent 4px 10px,currentColor 10px 14px); }
.page-tankwarfare [data-auto-toggle][data-icon="play"]::before { width:16px; background:currentColor; clip-path:polygon(0 0,100% 50%,0 100%); transform:translate(calc(-50% + 1px),-50%); }
.page-tankwarfare [data-auto-toggle][data-icon="replay"]::before { content:"↻"; width:26px; height:26px; font:26px/1 Arial,sans-serif; }
.page-tankwarfare .tank-fixed-video .tank-video-play { padding:0; font-size:0; }
.page-tankwarfare .tank-fixed-video .tank-video-play::before { content:""; position:absolute; top:50%; left:50%; width:18px; height:22px; background:currentColor; clip-path:polygon(0 0,100% 50%,0 100%); transform:translate(calc(-50% + 2px),-50%); }

.tank-support-icon { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex-shrink:0; color:#bdd4df; border-radius:4px; text-decoration:none; }
.tank-support-icon svg { display:block; width:20px; height:20px; }
.tank-support-icon:hover { color:#fff; background:rgba(189,212,223,.1); }
.tank-support-icon:focus-visible { outline:2px solid #bdd4df; outline-offset:2px; }
@media(max-width:1100px), (pointer:coarse) {
  .page-tankwarfare .tank-support-icon { width:44px; height:44px; }
  .page-tankwarfare .tank-fixed-info { gap:8px; }
}
@media(min-width:621px) and (max-width:900px) {
  .page-tankwarfare .tank-community-link { width:44px; padding:0; margin-right:0; }
  .page-tankwarfare .tank-community-link span { display:none; }
}
@media(max-width:620px) and (min-height:651px) {
  .page-tankwarfare .tank-fixed { --action-bottom:148px; }
  .page-tankwarfare .tank-action-dock { bottom:148px; }
.page-tankwarfare .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:76px; }
  .page-tankwarfare .tank-fixed-dots,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-dots { left:auto; right:17px; bottom:92px; transform:none; }
}

/* Image-led Barbadel gameplay with full-width mechanics and screenshots. */
.barbadel-chapter { padding-block:40px; }
.barbadel-chapter-heading { margin-bottom:24px; }
.barbadel-field-guide { grid-template-columns:1fr; gap:32px; max-width:none; margin-bottom:0; }
.barbadel-field-guide .barbadel-guide-main { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(28px,3vw,48px); align-items:center; }
.barbadel-guide-main>figure { grid-column:1; grid-row:1; margin:0; min-width:0; }
.barbadel-guide-main>figure img { display:block; width:100%; height:auto; }
.barbadel-guide-main>figure>a { display:block; }
.barbadel-guide-copy { grid-column:2; grid-row:1; max-width:65ch; }
.barbadel-field-guide .barbadel-costs { grid-column:1; grid-row:auto; }
.barbadel-field-guide .barbadel-gameplay-gallery { grid-column:1; grid-row:auto; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:0; gap:24px; }
.barbadel-field-guide .barbadel-intro { padding-bottom:12px; }
.barbadel-field-guide .barbadel-agent-profile>div { margin-top:0; padding-top:0; border-top:0; margin-bottom:20px; }
.barbadel-field-guide .barbadel-mechanics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.barbadel-field-guide .barbadel-mechanics article { padding-top:16px; }
.barbadel-field-guide .barbadel-number { margin-bottom:10px; }
.barbadel-release { margin-bottom:20px; }
.barbadel-development-chapter .barbadel-funding { padding-top:20px; }
/* Short screens keep statistics below, never inside the scrolling scene copy. */
@media(max-height:650px) and (min-width:621px) {
  .page-tankwarfare [data-fixed-scene="3"] .tank-fixed-content { padding-block:16px; }
  .page-tankwarfare [data-fixed-scene="3"] .tank-kicker { margin-bottom:14px; }
  .page-tankwarfare [data-fixed-scene="3"] h2 { font-size:clamp(2rem,3.5vw,3rem); line-height:1; }
  .page-tankwarfare [data-fixed-scene="3"] .tank-fixed-panel>p:not(.tank-kicker) { margin-top:14px; }
  .page-tankwarfare [data-fixed-scene="3"] .tank-fixed-modes { margin-top:16px; }
  .page-tankwarfare [data-fixed-scene="3"] .tank-fixed-modes span { min-height:64px; padding:10px; gap:5px; }
  .page-tankwarfare .tank-fixed-final-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:center; padding-block:16px; }
  .page-tankwarfare .tank-fixed-final-copy { align-self:center; }
  .page-tankwarfare .tank-fixed-final-grid h2 { font-size:clamp(2rem,3.5vw,3rem); line-height:1; }
  .page-tankwarfare .tank-fixed-final-grid .tank-kicker { margin-bottom:14px; }
  .page-tankwarfare .tank-fixed-final-grid .tank-fixed-video { width:min(100%,480px); margin-top:0; }
}
@media(max-height:650px) and (min-width:621px) {
  .page-tankwarfare .tank-fixed-proof { height:90px; }
  .page-tankwarfare .tank-fixed-proof div { min-height:0; padding:10px 14px; }
  .page-tankwarfare .tank-action-dock { bottom:106px; }
  .page-tankwarfare .tank-fixed-controls,
  .page-tankwarfare .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:106px; }
  .page-tankwarfare .tank-scene-scroll { bottom:174px; }
  .page-tankwarfare .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:158px; }
}
@media(max-height:650px) and (min-width:621px) and (max-width:1100px) {
  .page-tankwarfare .tank-action-dock { bottom:166px; }
  .page-tankwarfare .tank-scene-scroll { bottom:226px; }
  .page-tankwarfare .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:106px; }
}
@media(max-height:650px) and (max-width:620px) {
  .page-tankwarfare .tank-fixed-proof { height:66px; }
  .page-tankwarfare .tank-fixed-proof div { min-height:0; }
  .page-tankwarfare .tank-fixed-controls { bottom:78px; }
  .page-tankwarfare .tank-action-dock { bottom:134px; }
  .page-tankwarfare .tank-fixed-info,
  .page-tankwarfare .tank-fixed[data-scene="0"] .tank-fixed-info { bottom:190px; }
  .page-tankwarfare .tank-scene-scroll { bottom:238px; }
}
@media(max-width:900px) {
  .barbadel-field-guide .barbadel-guide-main { grid-template-columns:1fr; }
  .barbadel-guide-copy,.barbadel-guide-main>figure { grid-column:1; grid-row:auto; }
  .barbadel-guide-copy { max-width:none; }
}
@media(max-width:620px) {
  .barbadel-chapter { padding-block:32px; }
  .barbadel-field-guide .barbadel-gameplay-gallery { grid-template-columns:1fr; }
  .barbadel-field-guide .barbadel-mechanics { grid-template-columns:1fr; gap:20px; }
}