/* ══════════════════════════════════════════════════════════════════════════
   /hire-game-developer — page-isolated stylesheet
   AISHTMLNEWDESIGN-561  (meta + schema: AISHTMLNEWDESIGN-194)

   Visual direction: "CALL SHEET".

   This is not a case study and must not read like one. It is a HIRING page:
   who is available, with what skills, from when, on what terms. The nearest
   real artefact is a production call sheet — ruled rows, a roster, a column of
   availabilities — so that is the register.

     · SHEET  — cool paper (#f7f8f9), the dominant surface, with LINEN
                (#eef0f2) for alternating bands so the page reads as a stack of
                ruled sheets rather than a run of coloured blocks.
     · SLATE  — production slate (#1d2430), used for the roster band, the
                capability sheet and the reviews. Punctuation, not ground.
     · AMBER  — one signal (#9a5c05 on paper, #f0a93a on slate). The
                highlighter. It is the only hue that carries an action.

   The four case-study pages in this repo each open on a coloured ground with a
   large centred hero; this one opens on paper with a RULED hero and a left
   rail, so it is distinguishable from them at a glance rather than by palette
   alone.

   Composition motif: the RULED ROW (a hairline that opens each band), the
   ROSTER CARD (photo, skills, availability, one action) and the SHEET ROW for
   the capability table. Sections are composed as a ruled hero, a stat strip, a
   logo wall, a 3-up capability grid, a banner, a check list, a roster, a step
   row, a 2-up grid, a definition sheet, a numbered list, a tile grid, a
   portfolio gallery, a review rail, an accordion, a long-form article and an
   address grid — no two repeat a layout.

   Every rule is scoped to #page-hire-game-developer. The UA body-margin reset is NOT restated here —
   /assets/css/ais-layout.css owns it (skill section 33).

   Design contract (frontend-design SKILL.md):
     · rule  1 — Inter is the primary family
     · rule  2 — nothing below 16px, anywhere
     · rule 23 — no slate-gray body copy on light surfaces (#2a3038 floor)
     · rule 24 — image-free full-bleed hero, static gradient, centred column
     · rule 25 — one CTA per section (card exception on the roster), labels unique
     · rule 26 — no running animation: zero @keyframes, zero 'infinite'
   ══════════════════════════════════════════════════════════════════════════ */

#page-hire-game-developer{
  --sheet:#f7f8f9;
  --linen:#eef0f2;
  --white:#ffffff;
  --line:#d7dce1;
  --line-strong:#b6bec7;
  --slate:#1d2430;
  --slate-2:#28313f;
  --ink:#141a23;
  --body:#2a3038;            /* AA on sheet  */
  --body-light:#dfe4ea;      /* AA on slate  */
  --strong:#151b24;
  --amber:#9a5c05;           /* the one signal, AA on sheet */
  --amber-2:#b06c07;
  --amber-soft:#f0a93a;      /* the signal on slate */

  --wrap:1240px;
  --gut:clamp(20px,4vw,40px);
  --r:10px;

  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--body);
  background:var(--sheet);
  -webkit-font-smoothing:antialiased;
  font-size:17px;
  line-height:1.72;
}
#page-hire-game-developer *,#page-hire-game-developer *::before,#page-hire-game-developer *::after{box-sizing:border-box;}
#page-hire-game-developer p{margin:0 0 18px;font-size:17px;line-height:1.78;}
#page-hire-game-developer p:last-child{margin-bottom:0;}
#page-hire-game-developer ul,#page-hire-game-developer ol{margin:0;padding:0;list-style:none;}
#page-hire-game-developer img{max-width:100%;height:auto;}
#page-hire-game-developer dl,#page-hire-game-developer dd,#page-hire-game-developer dt{margin:0;}
#page-hire-game-developer .hgd-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);}
#page-hire-game-developer .hgd-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ── shared type ─────────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-eyebrow{
  margin:0 0 12px;font-size:16px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--amber);
}
#page-hire-game-developer .hgd-eyebrow--light{color:var(--amber-soft);}
#page-hire-game-developer .hgd-h2{
  margin:0 0 14px;font-size:clamp(30px,3.4vw,44px);line-height:1.17;
  letter-spacing:-.02em;font-weight:800;color:var(--strong);
}
#page-hire-game-developer .hgd-h2--light{color:#f7fafc;}
#page-hire-game-developer .hgd-h2--sm{font-size:clamp(22px,2.2vw,28px);margin:34px 0 18px;}
#page-hire-game-developer .hgd-h2--centre{text-align:center;}
#page-hire-game-developer .hgd-h3{
  margin:0 0 12px;font-size:clamp(22px,2.1vw,27px);line-height:1.28;
  font-weight:700;color:var(--strong);
}
#page-hire-game-developer .hgd-head{max-width:920px;margin:0 0 clamp(30px,3.6vw,48px);}
#page-hire-game-developer :focus-visible{outline:3px solid var(--amber-2);outline-offset:3px;border-radius:4px;}

/* ── buttons ─────────────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 30px;border:1px solid transparent;border-radius:6px;
  font:inherit;font-size:17px;font-weight:700;cursor:pointer;text-align:center;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease;
}
#page-hire-game-developer .hgd-btn--amber{background:var(--amber-soft);color:#2a1a02;box-shadow:0 8px 22px -12px rgba(0,0,0,.6);}
#page-hire-game-developer .hgd-btn--amber:hover{background:#ffc165;transform:translateY(-2px);}
#page-hire-game-developer .hgd-btn--amber:active{transform:translateY(0);box-shadow:none;}
#page-hire-game-developer .hgd-btn--ink{background:var(--slate);color:#f7fafc;box-shadow:0 8px 22px -14px rgba(29,36,48,.9);}
#page-hire-game-developer .hgd-btn--ink:hover{background:var(--amber);transform:translateY(-2px);}
#page-hire-game-developer .hgd-btn--ink:active{transform:translateY(0);box-shadow:none;}
#page-hire-game-developer .hgd-btn--full{width:100%;margin-top:auto;}
#page-hire-game-developer .hgd-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}
#page-hire-game-developer .hgd-cta-row{margin-top:clamp(28px,3.4vw,42px);display:flex;justify-content:center;}
#page-hire-game-developer .hgd-cta-row--left{justify-content:flex-start;}
#page-hire-game-developer .hgd-more{
  display:inline-block;font-size:17px;font-weight:700;color:var(--amber);
  border-bottom:1px solid rgba(154,92,5,.4);transition:color .16s ease,border-color .16s ease;
}
#page-hire-game-developer .hgd-more:hover,#page-hire-game-developer .hgd-more:focus-visible{color:var(--slate);border-bottom-color:var(--slate);}
#page-hire-game-developer .hgd-more-row{margin:26px 0 0;}

/* ── HERO — rule 24 ──────────────────────────────────────────────────────
   Full-bleed, STATIC gradient, no image / url() / motion. Ruled foot rather
   than a coloured slab, so it reads as a sheet rather than a banner. -------- */
#page-hire-game-developer .hgd-hero{
  position:relative;width:100%;
  padding:clamp(66px,7.6vw,110px) 24px clamp(72px,8vw,120px);
  background:linear-gradient(180deg,var(--white) 0%,var(--sheet) 62%,var(--linen) 100%);
  border-bottom:1px solid var(--line);
}
#page-hire-game-developer .hgd-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,var(--amber-soft) 0 180px,var(--line) 180px 100%);
}
#page-hire-game-developer .hgd-hero__inner{max-width:900px;margin-inline:auto;text-align:center;}
#page-hire-game-developer .hgd-hero__tag{
  margin:0 0 16px;display:inline-block;padding:7px 18px;
  border:1px solid var(--line-strong);border-radius:4px;background:var(--white);
  font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);
}
#page-hire-game-developer .hgd-hero h1{
  margin:0 0 12px;font-size:clamp(38px,5.2vw,64px);line-height:1.06;
  letter-spacing:-.03em;font-weight:800;color:var(--strong);
}
#page-hire-game-developer .hgd-hero__sub{
  margin:0 0 22px;font-size:clamp(19px,2vw,24px);font-weight:600;color:var(--amber);
}
#page-hire-game-developer .hgd-hero__copy{
  margin:0 auto 32px;max-width:840px;
  font-size:clamp(17px,1.45vw,18px);line-height:1.8;color:var(--body);
}
#page-hire-game-developer .hgd-hero__trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-top:34px;
}
#page-hire-game-developer .hgd-hero__trust li{
  padding:10px 18px;border:1px solid var(--line);border-radius:6px;background:var(--white);
  font-size:16px;font-weight:600;color:var(--strong);
}

/* ── ratings + brands ────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-proof{background:var(--linen);padding:clamp(34px,4vw,54px) 0;border-bottom:1px solid var(--line);}
#page-hire-game-developer .hgd-ratings{display:flex;flex-wrap:wrap;justify-content:center;gap:14px clamp(24px,4vw,56px);}
#page-hire-game-developer .hgd-ratings li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--body);}
#page-hire-game-developer .hgd-ratings__n{font-size:24px;font-weight:800;color:var(--strong);font-variant-numeric:tabular-nums;}
#page-hire-game-developer .hgd-ratings__l{color:#4b535c;}
#page-hire-game-developer .hgd-brands{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(20px,4vw,52px);
}
#page-hire-game-developer .hgd-brands img{max-height:44px;width:auto;opacity:.82;}

/* ── section shells ──────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-sec{padding:clamp(52px,6.4vw,96px) 0;}
#page-hire-game-developer .hgd-sec--paper{background:var(--sheet);}
#page-hire-game-developer .hgd-sec--linen{background:var(--linen);}
#page-hire-game-developer .hgd-sec--slate{background:var(--slate);color:var(--body-light);}
#page-hire-game-developer .hgd-sec--slate p{color:var(--body-light);}
#page-hire-game-developer .hgd-sec + .hgd-sec{border-top:1px solid var(--line);}

/* ── capability grids ────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:clamp(16px,2vw,24px);}
#page-hire-game-developer .hgd-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:clamp(16px,2vw,24px);}
#page-hire-game-developer .hgd-card{
  padding:clamp(22px,2.4vw,30px);background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);border-top:3px solid var(--amber-soft);
}
#page-hire-game-developer .hgd-card--wide{border-top-color:var(--slate);}
#page-hire-game-developer .hgd-card__ico{width:44px;height:44px;margin-bottom:14px;}
#page-hire-game-developer .hgd-card h3{margin:0 0 8px;font-size:20px;line-height:1.32;font-weight:700;color:var(--strong);}
#page-hire-game-developer .hgd-card p{margin:0;font-size:16px;line-height:1.7;}

/* ── banner bands ────────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-band{
  background:linear-gradient(150deg,var(--ink) 0%,var(--slate) 55%,var(--slate-2) 100%);
  color:var(--body-light);padding:clamp(44px,5vw,72px) 0;
}
#page-hire-game-developer .hgd-band--close{border-top:4px solid var(--amber-soft);}
#page-hire-game-developer .hgd-band__grid{display:grid;grid-template-columns:minmax(0,1.6fr) auto;gap:clamp(22px,3vw,44px);align-items:center;}
#page-hire-game-developer .hgd-band p{color:var(--body-light);margin:0;}

/* ── check list ──────────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:12px 30px;}
#page-hire-game-developer .hgd-checks li{
  display:flex;align-items:flex-start;gap:12px;padding:14px 0;
  border-bottom:1px solid var(--line);font-size:17px;color:var(--strong);font-weight:600;
}
#page-hire-game-developer .hgd-checks img{width:20px;height:20px;margin-top:4px;flex:0 0 auto;}

/* ── roster (card exception: one CTA per card) ───────────────────────────── */
#page-hire-game-developer .hgd-devs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:clamp(16px,2vw,24px);}
#page-hire-game-developer .hgd-dev-card{
  display:flex;flex-direction:column;padding:clamp(22px,2.4vw,28px);
  background:rgba(255,255,255,.05);border:1px solid rgba(223,228,234,.2);border-radius:var(--r);
}
#page-hire-game-developer .hgd-dev__top{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
#page-hire-game-developer .hgd-dev__photo{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--amber-soft);}
#page-hire-game-developer .hgd-dev h3{margin:0;font-size:22px;font-weight:800;color:#f7fafc;}
#page-hire-game-developer .hgd-dev__role{margin:2px 0 0;font-size:16px;color:var(--amber-soft);}
#page-hire-game-developer .hgd-dev__bio{font-size:16px;line-height:1.68;margin-bottom:16px;}
#page-hire-game-developer .hgd-dev__lbl{
  margin:0 0 8px;font-size:16px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--amber-soft);
}
#page-hire-game-developer .hgd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
#page-hire-game-developer .hgd-chips li{
  padding:6px 12px;border:1px solid rgba(223,228,234,.26);border-radius:5px;
  font-size:16px;font-weight:600;color:#eef2f6;background:rgba(255,255,255,.05);
}
#page-hire-game-developer .hgd-chips--muted li{color:#c2c9d2;font-weight:500;}
#page-hire-game-developer .hgd-dev__meta{
  display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0 0 20px;
  padding-top:14px;border-top:1px solid rgba(223,228,234,.2);
}
#page-hire-game-developer .hgd-dev__meta dt{font-size:16px;color:#b8c0ca;}
#page-hire-game-developer .hgd-dev__meta dd{font-size:17px;font-weight:700;color:#f7fafc;}

/* ── steps ───────────────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(16px,2vw,24px);}
#page-hire-game-developer .hgd-step{
  position:relative;padding:clamp(24px,2.6vw,32px);background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);
}
#page-hire-game-developer .hgd-step__n{
  position:absolute;top:-14px;left:clamp(24px,2.6vw,32px);
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:28px;border-radius:4px;background:var(--slate);
  color:var(--amber-soft);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
}
#page-hire-game-developer .hgd-step__ico{width:40px;height:40px;margin:8px 0 14px;}
#page-hire-game-developer .hgd-step h3{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--strong);}
#page-hire-game-developer .hgd-step p{margin:0;font-size:16px;line-height:1.68;}

/* ── capability sheet ────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-stack{border-top:1px solid rgba(223,228,234,.2);}
#page-hire-game-developer .hgd-stack__row{
  display:grid;grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr);
  gap:clamp(14px,2vw,32px);padding:clamp(18px,2vw,24px) 0;
  border-bottom:1px solid rgba(223,228,234,.2);
}
#page-hire-game-developer .hgd-stack dt{font-size:17px;font-weight:700;color:var(--amber-soft);}
#page-hire-game-developer .hgd-chips--tight{margin:0;gap:6px;}
#page-hire-game-developer .hgd-chips--tight li{padding:4px 10px;font-size:16px;}

/* ── numbered list ───────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-numbers{display:grid;gap:0;border-top:1px solid var(--line);}
#page-hire-game-developer .hgd-numbers li{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.2vw,30px);
  padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line);align-items:start;
}
#page-hire-game-developer .hgd-numbers__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:6px;background:var(--slate);
  color:var(--amber-soft);font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;
}
#page-hire-game-developer .hgd-numbers h3{margin:0 0 6px;font-size:21px;font-weight:700;color:var(--strong);}
#page-hire-game-developer .hgd-numbers p{margin:0;}

/* ── industries ──────────────────────────────────────────────────────────── */
/* Industries — matches the live page: a photo, a circular icon badge
   straddling its lower edge, then the label. EVERY CARD THE SAME SIZE, which is
   what the report asked for: a fixed aspect-ratio on the shot plus a single
   grid track size means the label baseline lines up across the row regardless
   of how long the label is. */
#page-hire-game-developer .hgd-inds{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(232px,100%),1fr));
  gap:clamp(16px,2vw,26px);
}
#page-hire-game-developer .hgd-ind{
  display:flex;flex-direction:column;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  overflow:visible;
}
#page-hire-game-developer .hgd-ind__shot{position:relative;margin:0;}
#page-hire-game-developer .hgd-ind__shot img{
  display:block;width:100%;aspect-ratio:232/250;object-fit:cover;
  border-radius:var(--r) var(--r) 0 0;
}
#page-hire-game-developer .hgd-ind__badge{
  position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);
  display:inline-flex;align-items:center;justify-content:center;
  width:68px;height:68px;border-radius:50%;
  background:var(--slate);border:4px solid var(--white);
}
/* Every badge icon forced to pure white. The eight source assets are not
   consistent -- four are white paths, three are embedded rasters, one
   (travel) carries colour accents -- so relying on them agreeing is what
   produced the odd-one-out. brightness(0) makes any colour black, invert(1)
   makes it white, and alpha is preserved, so the glyph shape is untouched. */
#page-hire-game-developer .hgd-ind__badge img{
  width:34px;height:34px;aspect-ratio:auto;border-radius:0;
  filter:brightness(0) invert(1);
}
#page-hire-game-developer .hgd-ind h3{
  margin:48px 16px 22px;text-align:center;
  font-size:19px;line-height:1.3;font-weight:700;color:var(--strong);
}

/* ── portfolio gallery ───────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(18px,2.2vw,28px);}
#page-hire-game-developer .hgd-story{
  display:flex;flex-direction:column;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
}
#page-hire-game-developer .hgd-story figure{margin:0;}
#page-hire-game-developer .hgd-story figure img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;}
#page-hire-game-developer .hgd-story h3{margin:20px clamp(20px,2vw,26px) 8px;font-size:21px;font-weight:700;color:var(--strong);}
#page-hire-game-developer .hgd-story p{margin:0 clamp(20px,2vw,26px) 16px;font-size:16px;line-height:1.68;}
#page-hire-game-developer .hgd-story__meta{
  display:grid;grid-template-columns:auto 1fr;gap:4px 12px;
  margin:0 clamp(20px,2vw,26px) 16px;font-size:16px;
}
#page-hire-game-developer .hgd-story__meta dt{color:#4b535c;}
#page-hire-game-developer .hgd-story__meta dd{font-weight:600;color:var(--strong);}
#page-hire-game-developer .hgd-story .hgd-more{margin:auto clamp(20px,2vw,26px) 22px;}

/* ── reviews ─────────────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:clamp(16px,2vw,24px);}
#page-hire-game-developer .hgd-review{
  padding:clamp(22px,2.4vw,30px);background:rgba(255,255,255,.05);
  border:1px solid rgba(223,228,234,.2);border-radius:var(--r);text-align:center;
}
#page-hire-game-developer .hgd-vid{
  position:relative;display:inline-block;margin:0 0 16px;padding:0;
  background:none;border:0;cursor:pointer;border-radius:50%;
  transition:transform .16s ease;
}
#page-hire-game-developer .hgd-vid:hover{transform:scale(1.04);}
#page-hire-game-developer .hgd-review__photo{width:92px;height:92px;border-radius:50%;object-fit:cover;border:2px solid var(--amber-soft);display:block;}
#page-hire-game-developer .hgd-vid__play{
  position:absolute;right:-2px;bottom:-2px;
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;background:var(--amber-soft);
  color:#2a1a02;font-size:16px;line-height:1;
}
#page-hire-game-developer .hgd-review p{margin:0;font-size:16px;line-height:1.7;}
#page-hire-game-developer .hgd-review iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r);margin-bottom:14px;}

/* ── FAQ ─────────────────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-still{
  display:flex;align-items:center;gap:10px;margin:0 0 20px;
  font-size:17px;font-weight:600;color:var(--amber);
}
#page-hire-game-developer .hgd-faqs{border-top:1px solid var(--line);}
#page-hire-game-developer .hgd-faqs details{border-bottom:1px solid var(--line);background:var(--white);}
#page-hire-game-developer .hgd-faqs summary{
  display:flex;align-items:center;gap:14px;padding:20px clamp(16px,2vw,24px);
  cursor:pointer;list-style:none;
}
#page-hire-game-developer .hgd-faqs summary::-webkit-details-marker{display:none;}
#page-hire-game-developer .hgd-faq__n{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:30px;border-radius:4px;background:var(--linen);
  color:var(--amber);font-size:16px;font-weight:800;
}
#page-hire-game-developer .hgd-faqs summary h3{margin:0;flex:1;font-size:18px;line-height:1.4;font-weight:700;color:var(--strong);}
#page-hire-game-developer .hgd-faq__pm{
  flex:0 0 auto;position:relative;width:18px;height:18px;
}
#page-hire-game-developer .hgd-faq__pm::before,#page-hire-game-developer .hgd-faq__pm::after{
  content:"";position:absolute;background:var(--amber);border-radius:2px;
  transition:transform .16s ease,opacity .16s ease;
}
#page-hire-game-developer .hgd-faq__pm::before{left:0;top:8px;width:18px;height:2px;}
#page-hire-game-developer .hgd-faq__pm::after{left:8px;top:0;width:2px;height:18px;}
#page-hire-game-developer .hgd-faqs details[open] .hgd-faq__pm::after{opacity:0;transform:rotate(90deg);}
/* The answer is laid out on the SAME two-column rhythm as the summary: a
   fixed 42px marker column, then the text. So "Ans." sits directly under "Qn",
   left edges aligned, which is what the report asked for. */
#page-hire-game-developer .hgd-faq__a{
  display:grid;grid-template-columns:42px minmax(0,1fr);
  gap:0 14px;padding:0 clamp(16px,2vw,24px) 22px;
}
/* No background plate: the report asked for a visible colour only. Kept in the
   same 42px column and the same 30px box so it still lines up under "Qn". */
#page-hire-game-developer .hgd-faq__lbl{
  display:inline-flex;align-items:center;
  width:42px;height:30px;
  color:var(--amber);font-size:16px;font-weight:800;
}
#page-hire-game-developer .hgd-faq__a p{margin:0;font-size:16px;line-height:1.72;}

/* ── long-form article ───────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-prose{max-width:920px;}
#page-hire-game-developer .hgd-prose h4{
  margin:30px 0 8px;font-size:20px;line-height:1.34;font-weight:700;color:var(--strong);
  padding-left:14px;border-left:3px solid var(--amber-soft);
}
#page-hire-game-developer .hgd-prose .hgd-h3{margin-top:44px;padding-top:26px;border-top:1px solid var(--line);}
#page-hire-game-developer .hgd-bullets{margin:0 0 18px;padding-left:0;}
#page-hire-game-developer .hgd-bullets li{
  position:relative;padding-left:26px;margin-bottom:10px;font-size:17px;line-height:1.72;
}
#page-hire-game-developer .hgd-bullets li::before{
  content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;
  border-radius:2px;background:var(--amber-soft);
}
#page-hire-game-developer .hgd-pull{
  margin:22px 0;padding:20px 24px;background:var(--linen);
  border-left:4px solid var(--amber-soft);border-radius:0 var(--r) var(--r) 0;
  font-size:18px;font-weight:600;color:var(--strong);
}

/* ── area we serve ───────────────────────────────────────────────────────── */
#page-hire-game-developer .hgd-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(16px,2vw,26px);}
#page-hire-game-developer .hgd-region{padding:clamp(22px,2.4vw,30px);background:var(--white);border:1px solid var(--line);border-radius:var(--r);}
#page-hire-game-developer .hgd-region h3{
  display:flex;align-items:center;gap:10px;margin:0 0 12px;
  font-size:17px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--strong);
}
#page-hire-game-developer .hgd-tel{display:inline-block;margin-bottom:10px;font-size:18px;font-weight:700;color:var(--amber);}
#page-hire-game-developer .hgd-tel:hover{color:var(--slate);}
#page-hire-game-developer .hgd-region p{margin:0;font-size:16px;line-height:1.66;color:#4b535c;}

/* ── CTA modal — overlay scrolls, never the box (AISHTMLNEWDESIGN-554) ───── */
#page-hire-game-developer .hgd-modal{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:flex-start;justify-content:center;
  padding:20px;overflow-y:auto;background:rgba(20,26,35,.78);
}
#page-hire-game-developer .hgd-modal.is-open{display:flex;}
#page-hire-game-developer .hgd-modal__box{
  position:relative;width:100%;max-width:620px;margin:auto;
  border-radius:16px;background:var(--white);overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.72);
}
#page-hire-game-developer .hgd-modal__x{
  position:absolute;top:12px;right:12px;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border:1px solid var(--line);border-radius:50%;
  background:var(--white);color:var(--strong);cursor:pointer;
  transition:background-color .16s ease,color .16s ease;
}
#page-hire-game-developer .hgd-modal__x:hover{background:var(--slate);color:#f7fafc;}
#page-hire-game-developer .hgd-modal iframe{display:block;width:100%;min-height:860px;border:0;}

/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width:900px){
  #page-hire-game-developer .hgd-band__grid{grid-template-columns:1fr;}
  #page-hire-game-developer .hgd-stack__row{grid-template-columns:1fr;gap:10px;}
}
@media (max-width:640px){
  #page-hire-game-developer{font-size:16px;}
  #page-hire-game-developer p{font-size:16px;}
  #page-hire-game-developer .hgd-hero{padding-inline:20px;}
  #page-hire-game-developer .hgd-hero__inner{text-align:left;}
  #page-hire-game-developer .hgd-hero__copy{margin-inline:0;}
  #page-hire-game-developer .hgd-hero__trust{justify-content:flex-start;}
  #page-hire-game-developer .hgd-btn{width:100%;}
  #page-hire-game-developer .hgd-cta-row{justify-content:stretch;}
  #page-hire-game-developer .hgd-numbers li{grid-template-columns:1fr;gap:12px;}
  #page-hire-game-developer .hgd-faq__a{padding-left:clamp(16px,2vw,24px);}
  #page-hire-game-developer .hgd-modal{padding:12px;}
  #page-hire-game-developer .hgd-modal__box{max-width:none;border-radius:14px;}
}
@media (prefers-reduced-motion:reduce){
  #page-hire-game-developer *,#page-hire-game-developer *::before,#page-hire-game-developer *::after{animation:none !important;transition-duration:.01ms !important;}
}