/* ══════════════════════════════════════════════════════════════════════════
   /gamdom-script — page-isolated stylesheet
   AISHTMLNEWDESIGN-470

   VISUAL DIRECTION — "THE REPEATER".

   The defining property of this record is not its subject, it is its
   REPETITION: nine passes over one argument, seven of them opening with
   near-identical words ("… the Gamdom Crash Script …"). A repeater is a
   mechanism that fires the same action over and over, and the only way that
   is readable is if every cycle is keyed differently. So:

     · every repeated H2 opens with its own DIFFERENTIATING WORD set in clay
       — Master / Features / Enhance / Power / Maximize Your Betting Strategy /
       Harness / Optimize / Maximize Your Wins / Revolutionize. The heading text
       is untouched (rule 35); only the first word or phrase changes colour, so
       the reader scans nine distinct anchors instead of nine identical ones.
     · every repeated pass takes a DIFFERENT COMPOSITION — split band, plate
       row, ruled ledger, four-column field, statement band, staggered media
       rows, second statement band, quadrant, artwork + point list. Two passes
       never share a shape, so density itself becomes the wayfinding.
     · the two passes that carry a SINGLE PARAGRAPH become statement bands,
       deliberate rests between the heavy sections rather than a card with
       nothing in it.
     · a RING MARK opens every section at wrapper level — the repeater's own
       mark, the one element that does repeat, so the reader can feel the cycle.

   MATERIALS — two grounds and one signal, nothing else:
     · INK   #221f1c / #2c2723 — warm iron-oak near-black. Deliberately NOT the
             navy, the neutral black or the cool slate the crash pages already
             own.
     · CHALK #f6f3ee / #ece6dd and PAPER #ffffff — the reading surfaces.
     · CLAY  #b8471f (fills, rules, heading keys), #93340f (AA-safe text on
             light, and the ground of the first statement band), #f2a07a (text
             on ink). There is no second accent and no gradient family.

   Disjoint from the crash cluster by construction — checked sheet by sheet:
     csgo-crash-canada  FORFEIT LINE     ink navy #14162e + amber #f0a92c,
                                         amber rule + notch at every join
     csgo-crash-code    THE CRASH LINE   near-black #0e0e11 + red #c62828,
                                         numbered rows stepping off a red rule
     csgo-crash-script  THE SCRIPT BLOCK slate paper + violet #6d28d9,
                                         same skeleton as -347
     aviator-…-game     (pre-convention) ink navy #0A0F1E + ember #E8321E +
                                         gold, rising angled section edges
   None of them uses a warm brown-black ground, a clay signal, a keyed heading
   word, or a ring mark; and none of them is organised around repetition,
   because none of them has this record's problem.

   GAMDOM is a third-party brand. Nothing here reproduces its mark, its livery
   or its colours, no affiliation, endorsement or licence is asserted anywhere
   on the page, and every word on the page comes from the preservation record.

   Every selector is scoped to #page-gamdom-script or a gs- prefixed class:
   this sheet must never style body, a bare element, #ais-header or
   #ais-footer. The document reset (html,body{margin:0}) is owned by the
   shared layout sheet and is deliberately NOT restated here.

   Design contract (frontend-design SKILL.md):
     · rule 1  Inter, nothing below 16px anywhere
     · rule 24 image-free full-bleed hero, static gradient, centred ~900px
     · rule 25 one CTA per section, every label unique page-wide
     · rule 26 no running animation — zero @keyframes, transitions only, each
               a finite response to hover / focus-visible / active / open
     · rule 30 no hand-built form controls; every enquiry control is a
               data-cta-modal trigger
     · rule 35 nothing on this page that is not in the record
   ══════════════════════════════════════════════════════════════════════════ */

#page-gamdom-script{
  --gs-ink:#221f1c;
  --gs-ink-2:#2c2723;
  --gs-ink-3:#3a332d;
  --gs-ink-4:#4a4038;
  --gs-paper:#ffffff;
  --gs-chalk:#f6f3ee;
  --gs-chalk-2:#ece6dd;
  --gs-line:#ddd5ca;
  --gs-line-2:#cdc2b3;
  --gs-clay:#b8471f;
  --gs-clay-ink:#93340f;
  --gs-clay-hi:#f2a07a;
  --gs-on-clay:#ffd9c6;
  --gs-text:#1d1a17;
  --gs-text-2:#4a443d;
  --gs-on-ink:#f4f0ea;
  --gs-on-ink-2:#c2b8ac;
  --gs-pad:clamp(56px,6.4vw,104px);
  --gs-gut:clamp(26px,3.4vw,56px);
  --gs-r:4px;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.65;
  color:var(--gs-text);
  background:var(--gs-paper);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* BORDER-BOX — width:100% plus 24px padding measures viewport+48px under
   content-box and the document scrolls sideways. */
#page-gamdom-script,
#page-gamdom-script *,
#page-gamdom-script *::before,
#page-gamdom-script *::after{box-sizing:border-box;}

/* :where() so page rules below win without a specificity fight. Margins are
   restored explicitly on .gs-h1/.gs-h2/.gs-h3/.gs-p — a blanket
   `#page-x h1,h2,h3{margin:0}` once collapsed every margin on a shipped page
   and must never be written here. */
#page-gamdom-script :where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd){margin:0;}
#page-gamdom-script :where(ul,ol){padding:0;list-style:none;}
#page-gamdom-script :where(img){max-width:100%;height:auto;display:block;}
#page-gamdom-script :where(button){font:inherit;color:inherit;}
#page-gamdom-script :where(figure){margin:0;}
#page-gamdom-script :where(:focus-visible){outline:3px solid var(--gs-clay);outline-offset:3px;}
#page-gamdom-script .gs-sec--ink :where(:focus-visible),
#page-gamdom-script .gs-hero :where(:focus-visible){outline-color:var(--gs-clay-hi);}

/* ── shells ──────────────────────────────────────────────────────────────
   .gs-wrap is the ONLY thing that sets the reading edge. No section shell
   ever gets its own max-width: a shell that caps itself inherits
   margin-inline:auto and re-centres the column while the section mark stays
   put. Measures are capped on the PARAGRAPH instead. */
#page-gamdom-script .gs-wrap{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
  padding-inline:24px;
}
#page-gamdom-script .gs-sec{padding-block:var(--gs-pad);}
#page-gamdom-script .gs-sec--paper{background:var(--gs-paper);}
#page-gamdom-script .gs-sec--chalk{background:var(--gs-chalk);}
#page-gamdom-script .gs-sec--chalk2{background:var(--gs-chalk-2);}
#page-gamdom-script .gs-sec--ink{background:var(--gs-ink);}
#page-gamdom-script .gs-sec--clay{background:var(--gs-clay-ink);}

/* ── the repeater mark ───────────────────────────────────────────────────
   A ring with a solid core: the one element that is allowed to repeat. It is
   authored at WRAPPER level in every section — never inside a split band's
   copy column, which is what put the marks 570px out on three earlier pages. */
#page-gamdom-script .gs-mark{
  display:block;
  width:22px;
  height:22px;
  margin:0 0 18px;
  border:2px solid var(--gs-clay);
  border-radius:50%;
  position:relative;
}
#page-gamdom-script .gs-mark::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:var(--gs-clay);
}
#page-gamdom-script .gs-mark--onink{border-color:var(--gs-clay-hi);}
#page-gamdom-script .gs-mark--onink::after{background:var(--gs-clay-hi);}
#page-gamdom-script .gs-mark--onclay{border-color:var(--gs-on-clay);}
#page-gamdom-script .gs-mark--onclay::after{background:var(--gs-on-clay);}

#page-gamdom-script .gs-head{margin:0 0 clamp(28px,3.2vw,48px);}

/* ── type ────────────────────────────────────────────────────────────── */
#page-gamdom-script .gs-h1{
  margin:0 0 22px;
  font-size:clamp(34px,4.6vw,58px);
  line-height:1.08;
  letter-spacing:-.028em;
  font-weight:800;
  color:var(--gs-on-ink);
  text-wrap:balance;
}
#page-gamdom-script .gs-h2{
  margin:0 0 14px;
  font-size:clamp(28px,3.3vw,44px);
  line-height:1.14;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--gs-text);
  text-wrap:balance;
  max-width:22ch;
}
#page-gamdom-script .gs-h2--onink{color:var(--gs-on-ink);}
#page-gamdom-script .gs-h2--onclay{color:var(--gs-on-clay);}
#page-gamdom-script .gs-h3{
  margin:0 0 10px;
  font-size:clamp(19px,1.5vw,23px);
  line-height:1.3;
  letter-spacing:-.01em;
  font-weight:700;
  color:var(--gs-text);
}
#page-gamdom-script .gs-h3--onink{color:var(--gs-on-ink);}

/* THE KEY WORD. Specificity written out: the h2 rule is (1,1,0) and this is
   (1,2,0), so it genuinely outranks rather than merely ties. */
#page-gamdom-script .gs-h2 .gs-key{color:var(--gs-clay);}
#page-gamdom-script .gs-h2 .gs-key--onink{color:var(--gs-clay-hi);}
#page-gamdom-script .gs-h2 .gs-key--onclay{color:#ffffff;}

#page-gamdom-script .gs-p{
  margin:0 0 16px;
  font-size:17px;
  line-height:1.68;
  color:var(--gs-text-2);
  max-width:72ch;
}
#page-gamdom-script .gs-p:last-child{margin-bottom:0;}
#page-gamdom-script .gs-p--lead{
  font-size:clamp(18px,1.4vw,20px);
  line-height:1.6;
  color:var(--gs-text);
}
#page-gamdom-script .gs-p--sm{font-size:16px;line-height:1.6;}
#page-gamdom-script .gs-p--onink{color:var(--gs-on-ink-2);}
#page-gamdom-script .gs-p--onink.gs-p--lead{color:var(--gs-on-ink);}
#page-gamdom-script .gs-p--onclay{color:var(--gs-on-clay);}

/* ── in-copy links ───────────────────────────────────────────────────────
   Scoped with the wrapper id because the inline baseline
   `#page-gamdom-script a{color:inherit}` is (1,0,1) and beats any class-only
   anchor rule. */
#page-gamdom-script a.gs-ilink{
  color:var(--gs-clay-ink);
  font-weight:600;
  border-bottom:1px solid rgba(147,52,15,.4);
  transition:color .18s ease,border-color .18s ease;
}
#page-gamdom-script a.gs-ilink:hover,
#page-gamdom-script a.gs-ilink:focus-visible{
  color:var(--gs-text);
  border-bottom-color:var(--gs-text);
}
#page-gamdom-script a.gs-ilink--onink{color:var(--gs-clay-hi);border-bottom-color:rgba(242,160,122,.45);}
#page-gamdom-script a.gs-ilink--onink:hover,
#page-gamdom-script a.gs-ilink--onink:focus-visible{color:var(--gs-on-ink);border-bottom-color:var(--gs-on-ink);}

/* ── buttons ─────────────────────────────────────────────────────────────
   Qualified with the tag so the button OWNS its foreground at a specificity
   no prose rule in this sheet can outrank (rule 39A). */
#page-gamdom-script button.gs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:14px 30px;
  border:2px solid transparent;
  border-radius:var(--gs-r);
  font-size:17px;
  font-weight:700;
  letter-spacing:.005em;
  cursor:pointer;
  text-align:center;
  transition:background-color .18s ease,border-color .18s ease,transform .12s ease;
}
#page-gamdom-script button.gs-btn--clay{background:var(--gs-clay);color:#ffffff;}
#page-gamdom-script button.gs-btn--clay:hover,
#page-gamdom-script button.gs-btn--clay:focus-visible{background:var(--gs-clay-ink);}
#page-gamdom-script button.gs-btn:active{transform:translateY(1px);}

/* ══ HERO — rule 24 ══════════════════════════════════════════════════════
   Full-bleed, image-free, ONE CTA, ~900px centred column. The background is a
   STATIC gradient between two ink stops; both are dark, so the contrast sweep
   measures the same answer against either. */
#page-gamdom-script .gs-hero{
  width:100%;
  padding:clamp(66px,8vw,124px) 24px clamp(56px,6.4vw,96px);
  background:linear-gradient(163deg,#1a1815 0%,var(--gs-ink) 46%,var(--gs-ink-2) 100%);
  border-bottom:5px solid var(--gs-clay);
  text-align:center;
}
#page-gamdom-script .gs-hero__in{
  max-width:900px;
  margin-inline:auto;
}
#page-gamdom-script .gs-hero__rule{
  display:block;
  width:64px;
  height:4px;
  margin:0 auto 28px;
  background:var(--gs-clay-hi);
  border-radius:2px;
}
#page-gamdom-script .gs-hero__copy{
  margin:0 auto;
  max-width:800px;
  font-size:clamp(17px,1.25vw,19px);
  line-height:1.72;
  color:var(--gs-on-ink-2);
}
#page-gamdom-script .gs-hero__act{margin:clamp(30px,3.4vw,44px) 0 0;}

/* ── breadcrumb ──────────────────────────────────────────────────────── */
#page-gamdom-script .gs-crumbs{
  background:var(--gs-paper);
  border-bottom:1px solid var(--gs-line);
  padding-block:15px;
}
#page-gamdom-script .gs-crumbs__in{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:16px;
  color:var(--gs-text-2);
}
#page-gamdom-script .gs-crumbs img{width:16px;height:16px;flex:none;}
#page-gamdom-script a.gs-crumbs__home{
  color:var(--gs-clay-ink);
  font-weight:600;
  transition:color .18s ease;
}
#page-gamdom-script a.gs-crumbs__home:hover,
#page-gamdom-script a.gs-crumbs__home:focus-visible{color:var(--gs-text);}
#page-gamdom-script .gs-crumbs__here{color:var(--gs-text-2);}

/* ── split band (REPEAT 1, Hire, REPEAT 9) ───────────────────────────── */
#page-gamdom-script .gs-split{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--gs-gut);
  align-items:center;
}
#page-gamdom-script .gs-split--flip .gs-split__copy{order:2;}
#page-gamdom-script .gs-split--flip .gs-split__art{order:1;}
#page-gamdom-script .gs-split__art img{
  width:100%;
  border-radius:var(--gs-r);
}
#page-gamdom-script .gs-sec--chalk .gs-split__art img{
  background:var(--gs-paper);
  border:1px solid var(--gs-line);
}
#page-gamdom-script .gs-hire__act{margin:26px 0 0;}

/* ── collaborate ─────────────────────────────────────────────────────────
   2026-09-12 — .gs-collab__art (the record's collaborate-bg.webp plate) was
   REMOVED AT THE REVIEWER'S REQUEST and its rules deleted with it. That asset is
   the live page's section BACKGROUND, not a picture; inline it painted a blank
   pale slab. Do not re-add — deliberate, not a conversion defect. */
#page-gamdom-script .gs-collab__act{margin:26px 0 0;}

/* ── plates (REPEAT 2) ───────────────────────────────────────────────────
   Three upright plates, each opened by its own clay head rule. */
#page-gamdom-script .gs-plates{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2vw,28px);
}
#page-gamdom-script .gs-plate{
  background:var(--gs-chalk);
  border:1px solid var(--gs-line);
  border-top:4px solid var(--gs-clay);
  border-radius:0 0 var(--gs-r) var(--gs-r);
  padding:clamp(24px,2.4vw,32px);
  transition:border-color .18s ease,transform .16s ease;
}
#page-gamdom-script .gs-plate:hover{
  border-color:var(--gs-line-2);
  border-top-color:var(--gs-clay-ink);
  transform:translateY(-3px);
}
#page-gamdom-script .gs-plate .gs-p{max-width:none;}

/* ── games rail ──────────────────────────────────────────────────────────
   2026-09-12 — SIZE CORRECTION at the reviewer's request ("images look very
   small"). These eleven assets are game TILES, ~239x243 each with the game name
   set inside the artwork, and they were being painted 65x66 (27% of natural)
   inside a six-column grid of squat 171x118 cells, which made the baked-in
   titles unreadable. The cell now carries the ART'S OWN aspect ratio and the
   image is fitted with `contain`, never `cover` — nothing is cropped.
   Eleven is a PRIME count, so this is a wrap-and-centre flex rail rather than a
   grid: three per row with the final pair centred, no vacant cell anywhere.
   Rendered box at 1440: ~334x340 per tile (was 65x66). */
#page-gamdom-script .gs-rail{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
}
#page-gamdom-script .gs-rail__cell{
  flex:0 0 calc((100% - 32px) / 3);
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:239 / 243;
  padding:16px;
  background:var(--gs-ink-2);
  border:1px solid var(--gs-ink-3);
  border-radius:var(--gs-r);
  transition:border-color .18s ease,background-color .18s ease;
}
#page-gamdom-script .gs-rail__cell:hover{background:var(--gs-ink-3);border-color:var(--gs-clay);}
#page-gamdom-script .gs-rail__cell img{
  width:100%;height:100%;
  object-fit:contain;
}
#page-gamdom-script .gs-rail__act{margin:clamp(28px,3vw,40px) 0 0;}

/* ── ledger (REPEAT 3) ───────────────────────────────────────────────────
   Full-width ruled rows: title in the left column, copy in the right. */
#page-gamdom-script .gs-ledger{border-top:2px solid var(--gs-clay);}
#page-gamdom-script .gs-ledger__row{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:var(--gs-gut);
  padding-block:clamp(24px,2.6vw,36px);
  border-bottom:1px solid var(--gs-line);
}
#page-gamdom-script .gs-ledger__t{margin:0;}
#page-gamdom-script .gs-ledger__c{max-width:66ch;}

/* ── boost ───────────────────────────────────────────────────────────── */
#page-gamdom-script .gs-boost{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:var(--gs-gut);
  align-items:start;
}
#page-gamdom-script .gs-boost__art img{width:100%;border-radius:var(--gs-r);}
#page-gamdom-script .gs-offer{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 26px;
}
#page-gamdom-script .gs-offer__i{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-block:5px;
  border-bottom:1px solid var(--gs-line);
}
#page-gamdom-script .gs-offer__tick{width:18px;height:18px;flex:none;margin-top:4px;}
#page-gamdom-script a.gs-offer__a{
  font-size:16px;
  line-height:1.5;
  font-weight:500;
  color:var(--gs-text);
  transition:color .18s ease;
}
#page-gamdom-script a.gs-offer__a:hover,
#page-gamdom-script a.gs-offer__a:focus-visible{color:var(--gs-clay-ink);}
#page-gamdom-script .gs-boost__act{margin:clamp(26px,2.8vw,36px) 0 0;}

/* ── field (REPEAT 4) ────────────────────────────────────────────────────
   The densest pass: four columns on ink, each entry opened by the record's
   own icon in a bordered well. */
#page-gamdom-script .gs-field{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(20px,2.2vw,32px);
}
#page-gamdom-script .gs-field__i{
  padding-top:22px;
  border-top:1px solid var(--gs-ink-4);
}
#page-gamdom-script .gs-field__icon{
  width:46px;
  height:46px;
  margin-bottom:16px;
}
#page-gamdom-script .gs-field__i .gs-p{max-width:none;font-size:16px;}
#page-gamdom-script .gs-field__i .gs-h3{font-size:19px;}
#page-gamdom-script .gs-head .gs-p--lead{max-width:78ch;margin-top:18px;}

/* ── statement bands (REPEAT 5 and REPEAT 7) ─────────────────────────────
   The two single-paragraph passes. Neither is a card: one is the page's only
   clay ground, the other is paper with a clay stem, so the two rests never
   read as the same beat twice. */
#page-gamdom-script .gs-state .gs-h2{max-width:26ch;}
#page-gamdom-script .gs-state__p{
  max-width:74ch;
  font-size:clamp(19px,1.6vw,22px);
  line-height:1.6;
}
#page-gamdom-script .gs-state--quiet .gs-state__p{
  padding-left:clamp(20px,2.2vw,32px);
  border-left:4px solid var(--gs-clay);
  color:var(--gs-text);
}

/* ── media rows (REPEAT 6) ───────────────────────────────────────────────
   Staggered: each row steps a little further in, so three entries with the
   same internal shape still read as a sequence rather than a stack. */
#page-gamdom-script .gs-rows{display:grid;gap:clamp(20px,2.2vw,30px);}
#page-gamdom-script .gs-row{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:clamp(18px,1.8vw,26px);
  align-items:start;
  padding:clamp(22px,2.2vw,30px);
  background:var(--gs-paper);
  border:1px solid var(--gs-line);
  border-left:4px solid var(--gs-clay);
  border-radius:0 var(--gs-r) var(--gs-r) 0;
  transition:border-left-color .18s ease,box-shadow .18s ease;
}
#page-gamdom-script .gs-row:nth-child(2){margin-left:clamp(0px,3vw,44px);}
#page-gamdom-script .gs-row:nth-child(3){margin-left:clamp(0px,6vw,88px);}
#page-gamdom-script .gs-row:hover{
  border-left-color:var(--gs-clay-ink);
  box-shadow:0 10px 26px rgba(34,31,28,.09);
}
/* The record's 40x40 marks are WHITE glyphs on transparent — invisible on a
   white row — so each one gets an ink well rather than being recoloured. */
#page-gamdom-script .gs-row__icon{
  width:56px;
  height:56px;
  padding:12px;
  background:var(--gs-ink);
  border-radius:50%;
}
#page-gamdom-script .gs-row__body .gs-p{max-width:74ch;}

/* ── quadrant (REPEAT 8) ─────────────────────────────────────────────────
   Four entries, four quarters. Every cell owns its own borders and the grid
   tiles exactly — never the gap:1px + coloured-container trick, which paints
   vacant auto-fit cells as grey blocks. */
#page-gamdom-script .gs-quad{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.4vw,34px);
}
#page-gamdom-script .gs-quad__c{
  padding:clamp(24px,2.4vw,34px);
  background:var(--gs-paper);
  border:1px solid var(--gs-line);
  border-radius:var(--gs-r);
  position:relative;
  transition:border-color .18s ease;
}
#page-gamdom-script .gs-quad__c::before{
  content:"";
  position:absolute;
  top:-1px;
  left:clamp(24px,2.4vw,34px);
  width:44px;
  height:4px;
  background:var(--gs-clay);
}
#page-gamdom-script .gs-quad__c:hover{border-color:var(--gs-line-2);}
#page-gamdom-script .gs-quad__c .gs-p{max-width:none;}

/* ── point list (REPEAT 9) ───────────────────────────────────────────── */
/* The record's "round icon" is an INDIGO mark (#3E4095): on the ink ground it
   is dark-on-dark and all but invisible, so the ten points sit on their own
   chalk plate inside the ink band instead of being recoloured. */
#page-gamdom-script .gs-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(24px,3vw,52px);
  margin-top:clamp(30px,3.2vw,46px);
  padding:clamp(20px,2.4vw,34px) clamp(20px,2.4vw,34px) clamp(6px,.8vw,12px);
  background:var(--gs-chalk);
  border-radius:var(--gs-r);
  border-left:4px solid var(--gs-clay);
}
#page-gamdom-script .gs-point{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding-block:11px;
  font-size:17px;
  line-height:1.55;
  color:var(--gs-text);
  border-bottom:1px solid var(--gs-line);
}
#page-gamdom-script .gs-point:last-child,
#page-gamdom-script .gs-point:nth-last-child(2){border-bottom:0;}
#page-gamdom-script .gs-point__dot{width:12px;height:12px;flex:none;margin-top:7px;}
#page-gamdom-script .gs-close{
  margin-top:clamp(26px,2.8vw,36px);
  max-width:82ch;
}

/* ── long-form prose ─────────────────────────────────────────────────── */
#page-gamdom-script .gs-prose .gs-p{max-width:78ch;margin-bottom:20px;}

/* ── FAQ ─────────────────────────────────────────────────────────────────
   <details>, closed at rest, one open at a time. The sign is drawn in CSS
   and rotates only when the panel is open (rule 26). */
#page-gamdom-script .gs-faqs{
  display:grid;
  gap:12px;
  max-width:900px;
}
#page-gamdom-script .gs-faq{
  background:var(--gs-paper);
  border:1px solid var(--gs-line);
  border-radius:var(--gs-r);
  transition:border-color .18s ease;
}
#page-gamdom-script .gs-faq[open]{border-color:var(--gs-clay);}
#page-gamdom-script .gs-faq__q{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px clamp(18px,2vw,26px);
  cursor:pointer;
  list-style:none;
  min-height:56px;
}
#page-gamdom-script .gs-faq__q::-webkit-details-marker{display:none;}
#page-gamdom-script .gs-faq__h{
  margin:0;
  font-size:clamp(17px,1.3vw,19px);
  line-height:1.4;
  font-weight:700;
  color:var(--gs-text);
}
#page-gamdom-script .gs-faq__sign{
  position:relative;
  flex:none;
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid var(--gs-clay);
  transition:background-color .18s ease,transform .18s ease;
}
#page-gamdom-script .gs-faq__sign::before,
#page-gamdom-script .gs-faq__sign::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:9px;
  height:2px;
  background:var(--gs-clay);
  transform:translate(-50%,-50%);
}
#page-gamdom-script .gs-faq__sign::after{transform:translate(-50%,-50%) rotate(90deg);}
#page-gamdom-script .gs-faq[open] .gs-faq__sign{background:var(--gs-clay);transform:rotate(45deg);}
#page-gamdom-script .gs-faq[open] .gs-faq__sign::before,
#page-gamdom-script .gs-faq[open] .gs-faq__sign::after{background:#ffffff;}
#page-gamdom-script .gs-faq__a{
  padding:0 clamp(18px,2vw,26px) 22px;
  border-top:1px solid var(--gs-line);
  padding-top:18px;
}
#page-gamdom-script .gs-faq__a .gs-p{max-width:76ch;}

/* ── stories ─────────────────────────────────────────────────────────── */
#page-gamdom-script .gs-stories__sub{
  margin:0 0 clamp(22px,2.4vw,32px);
  font-size:clamp(20px,1.7vw,25px);
}
#page-gamdom-script .gs-stories{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.4vw,34px);
}
#page-gamdom-script .gs-story{
  background:var(--gs-ink-2);
  border:1px solid var(--gs-ink-3);
  border-radius:var(--gs-r);
  overflow:hidden;
}
#page-gamdom-script button.gs-vid{
  display:block;
  position:relative;
  width:100%;
  padding:0;
  border:0;
  background:var(--gs-ink);
  cursor:pointer;
  line-height:0;
}
#page-gamdom-script button.gs-vid img{width:100%;}
#page-gamdom-script .gs-vid__play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(34,31,28,.34);
  transition:background-color .18s ease;
}
#page-gamdom-script .gs-vid__play i{
  display:block;
  width:0;
  height:0;
  border-style:solid;
  border-width:13px 0 13px 22px;
  border-color:transparent transparent transparent #ffffff;
  margin-left:5px;
}
#page-gamdom-script button.gs-vid::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:64px;
  height:64px;
  margin:-32px 0 0 -32px;
  border:3px solid var(--gs-clay-hi);
  border-radius:50%;
  transition:background-color .18s ease,border-color .18s ease;
}
#page-gamdom-script button.gs-vid:hover .gs-vid__play,
#page-gamdom-script button.gs-vid:focus-visible .gs-vid__play{background:rgba(34,31,28,.16);}
#page-gamdom-script button.gs-vid:hover::after,
#page-gamdom-script button.gs-vid:focus-visible::after{border-color:#ffffff;}
#page-gamdom-script .gs-story__frame{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  border:0;
}
#page-gamdom-script .gs-quote{padding:clamp(18px,2vw,24px);}
#page-gamdom-script .gs-quote .gs-p{max-width:none;font-size:16px;}
#page-gamdom-script .gs-stories__more{margin:clamp(26px,2.8vw,36px) 0 0;font-size:17px;}

/* ── link field ──────────────────────────────────────────────────────── */
#page-gamdom-script .gs-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0 clamp(22px,2.6vw,44px);
  border-top:1px solid var(--gs-line);
}
#page-gamdom-script a.gs-links__a{
  display:block;
  padding:13px 0;
  font-size:16px;
  line-height:1.45;
  font-weight:500;
  color:var(--gs-text);
  border-bottom:1px solid var(--gs-line);
  transition:color .18s ease,padding-left .16s ease;
}
#page-gamdom-script a.gs-links__a:hover,
#page-gamdom-script a.gs-links__a:focus-visible{color:var(--gs-clay-ink);padding-left:8px;}

/* ── area we serve ───────────────────────────────────────────────────── */
#page-gamdom-script .gs-areas{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(20px,2.4vw,32px);
}
#page-gamdom-script .gs-area{
  padding-top:20px;
  border-top:2px solid var(--gs-clay);
}
#page-gamdom-script .gs-area__h{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:17px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#page-gamdom-script .gs-area__pin{width:14px;height:20px;flex:none;}
#page-gamdom-script a.gs-tel{
  display:inline-block;
  margin-bottom:8px;
  font-size:17px;
  font-weight:700;
  color:var(--gs-clay-ink);
  transition:color .18s ease;
}
#page-gamdom-script a.gs-tel:hover,
#page-gamdom-script a.gs-tel:focus-visible{color:var(--gs-text);}
#page-gamdom-script .gs-area .gs-p{max-width:none;}

/* ── CTA modal ───────────────────────────────────────────────────────── */
#page-gamdom-script .gs-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(29,26,23,.72);
  padding: 100px 20px 20px 20px;
  overflow-y:auto;
}
#page-gamdom-script .gs-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-gamdom-script .gs-modal__box{
  position:relative;
  width:100%;
  max-width:640px;
  margin:auto;
  background:var(--gs-paper);
  border-radius:8px;
  border-top:5px solid var(--gs-clay);
  padding:44px 16px 16px;
  box-shadow:0 30px 80px rgba(0,0,0,.4);
}
#page-gamdom-script button.gs-modal__x{
  position:absolute;
  top:10px;
  right:10px;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--gs-chalk-2);
  color:var(--gs-text);
  border:0;
  border-radius:50%;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease;
}
#page-gamdom-script button.gs-modal__x:hover,
#page-gamdom-script button.gs-modal__x:focus-visible{background:var(--gs-clay);color:#ffffff;}
#page-gamdom-script .gs-modal iframe{
  display:block;
  width:100%;
  min-height:860px;
  border:0;
}

/* ══ RESPONSIVE ═════════════════════════════════════════════════════════ */
@media (max-width:1080px){
  #page-gamdom-script .gs-field{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-gamdom-script .gs-areas{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-gamdom-script .gs-links{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-gamdom-script .gs-plates{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:900px){
  #page-gamdom-script .gs-split,
  #page-gamdom-script .gs-boost,
  #page-gamdom-script .gs-ledger__row{grid-template-columns:minmax(0,1fr);}
  #page-gamdom-script .gs-split--flip .gs-split__copy{order:1;}
  #page-gamdom-script .gs-split--flip .gs-split__art{order:2;}
  #page-gamdom-script .gs-ledger__row{gap:12px;}
  #page-gamdom-script .gs-stories{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-gamdom-script .gs-points{grid-template-columns:minmax(0,1fr);}
  #page-gamdom-script .gs-point:nth-last-child(2){border-bottom:1px solid var(--gs-line);}
  #page-gamdom-script .gs-row:nth-child(2),
  #page-gamdom-script .gs-row:nth-child(3){margin-left:0;}
}

@media (max-width:680px){
  #page-gamdom-script{font-size:16px;}
  #page-gamdom-script .gs-h2{max-width:none;}
  #page-gamdom-script .gs-plates,
  #page-gamdom-script .gs-quad,
  #page-gamdom-script .gs-offer,
  #page-gamdom-script .gs-links,
  #page-gamdom-script .gs-areas,
  #page-gamdom-script .gs-stories,
  #page-gamdom-script .gs-field{grid-template-columns:minmax(0,1fr);}
  #page-gamdom-script .gs-rail__cell{flex-basis:calc((100% - 16px) / 2);padding:12px;}
  #page-gamdom-script .gs-row{grid-template-columns:minmax(0,1fr);}
  #page-gamdom-script button.gs-btn{width:100%;}
  #page-gamdom-script .gs-p{font-size:16px;}
  #page-gamdom-script .gs-modal__box{padding:44px 10px 10px;}
}

/* (the former max-width:400px rail override is gone — the flex rail already
   drops to two-up at 680px and stays there, so it had nothing left to do.) */

/* ══ REDUCED MOTION — rule 26. There are no @keyframes in this sheet at all;
   this neutralises the remaining hover/open transitions. ════════════════ */
@media (prefers-reduced-motion:reduce){
  #page-gamdom-script *,
  #page-gamdom-script *::before,
  #page-gamdom-script *::after{
    animation:none !important;
    transition-duration:.01ms !important;
  }
}