/* Ingate: a lost-wax bronze foundry in Lonsdale. Patina green-black, molten bronze only where
   the metal is hot, verdigris for lines; Noto Serif Display for the name and the titles,
   Schibsted Grotesk for everything that works. */
@font-face { font-family: "Noto Serif Display"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/specimen/noto-serif-display-var.woff2") format("woff2"); }
@font-face { font-family: "Noto Serif Display"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/specimen/noto-serif-display-var-italic.woff2") format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/assets/fonts/specimen/schibsted-grotesk-var.woff2") format("woff2"); }
@property --ig-c1 { syntax: "<color>"; inherits: true; initial-value: #C99A5B; }
@property --ig-c2 { syntax: "<color>"; inherits: true; initial-value: #8A5E33; }
@property --ig-c3 { syntax: "<color>"; inherits: true; initial-value: #4E3520; }

.spec-ingate {
  --ig-bg: #1F3B36; --ig-ink: #EDE6D6; --ig-accent: #E08A3C; --ig-support: #7FB8A4;
  --ig-cavity: #0F201D; --ig-deep: #17302C; --ig-ink-2: #BDB6A6; --ig-line: rgba(127, 184, 164, .34);
  --ig-hot: #FFF3C4; --ig-bronze: #C99A5B; --ig-bronze-d: #5B3F24; --ig-stone: #2B302F;
  --ig-serif: "Noto Serif Display", Didot, "Bodoni 72", Georgia, serif;
  --ig-sans: "Schibsted Grotesk", system-ui, "Segoe UI", Arial, sans-serif;
  --ig-quench: cubic-bezier(.12, .8, .16, 1);
  --ig-gut: 64px; --ig-nav: 56px;
  background: var(--ig-bg);
  color: var(--ig-ink);
  font: 400 16px/1.6 var(--ig-sans);
  font-variant-numeric: lining-nums;
  -webkit-font-smoothing: antialiased;
}
body.spec-ingate { margin: 0; background: #1F3B36; }
.spec-ingate #spec-main { display: block; background: var(--ig-bg); }
:where(.spec-ingate #spec-main) *, :where(.spec-ingate #spec-main) *::before, :where(.spec-ingate #spec-main) *::after { box-sizing: border-box; }
:where(.spec-ingate #spec-main) :where(h1, h2, h3, p, ul, ol, figure, fieldset) { margin: 0; padding: 0; }
:where(.spec-ingate #spec-main) :where(ul, ol) { list-style: none; }
:where(.spec-ingate #spec-main) img { display: block; max-width: 100%; height: auto; }
.spec-ingate #spec-main :focus-visible { outline: 2px solid var(--ig-ink); outline-offset: 3px; }
.ig-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ig-ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: square; flex: none; }

/* ── type and controls ── */
.ig-eyebrow { display: flex; align-items: center; gap: 12px; font: 600 13px/1.35 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
.ig-eyebrow::before { content: ""; width: 24px; height: 1px; background: var(--ig-support); flex: none; }
.ig-h2 { font: 300 clamp(32px, 1.6rem + 2vw, 60px)/1.04 var(--ig-serif); letter-spacing: -.01em; max-width: 16ch; text-wrap: balance; }
.ig-lead { font-size: clamp(17px, 1rem + .3vw, 21px); line-height: 1.5; max-width: 60ch; text-wrap: pretty; }
.ig-btn {
  display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 20px;
  border: 1.5px solid var(--ig-ink); border-radius: 2px; background: transparent; color: var(--ig-ink);
  font: 700 14px/1 var(--ig-sans); letter-spacing: .02em; text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: color .2s, border-color .2s, box-shadow .2s;
}
.ig-btn:hover, .ig-btn:active, .ig-btn:focus-visible, .ig-btn.is-hot { color: var(--ig-accent); border-color: var(--ig-accent); box-shadow: inset 0 0 0 1px var(--ig-accent), 0 0 18px -6px var(--ig-accent); }
.ig-btn-sm { min-height: 40px; padding: 0 14px; font-size: 13px; }
.ig-link { color: var(--ig-ink); text-decoration: none; font: 600 15px/1.3 var(--ig-sans); padding-bottom: 3px; background: linear-gradient(var(--ig-support), var(--ig-support)) 0 100% / 100% 1px no-repeat; transition: color .2s; }
.ig-link:hover { color: var(--ig-support); }

/* ── nav ── */
.ig-nav { position: sticky; top: var(--bar-h, 40px); z-index: 800; height: var(--ig-nav); background: var(--ig-bg); border-bottom: 1px solid var(--ig-line); }
.ig-nav-in { height: 100%; display: flex; align-items: center; gap: 32px; padding: 0 var(--ig-gut); }
.ig-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--ig-ink); text-decoration: none; font: 600 22px/1 var(--ig-serif); letter-spacing: -.005em; margin-right: auto; }
.ig-mark { width: 32px; height: 32px; flex: none; display: block; }
.ig-nav-list { display: flex; gap: 28px; }
.ig-nav-list a { color: var(--ig-ink-2); text-decoration: none; font: 600 14px/1 var(--ig-sans); letter-spacing: .01em; padding: 6px 0; border-bottom: 1px solid transparent; transition: color .2s, border-color .2s; }
.ig-nav-list a:hover, .ig-nav-list a[aria-current] { color: var(--ig-ink); border-color: var(--ig-support); }

/* ── the pour ── */
.ig-pour {
  --pv-x: 50%; --pv-want: 50; --pv-y: max(128px, 17%); --cw: 136px; --name-foot: 44px;
  position: relative; overflow: hidden; isolation: isolate;
  height: calc(100svh - var(--bar-h, 40px) - var(--ig-nav)); min-height: 520px;
  background: radial-gradient(90% 75% at 50% 38%, #244740 0%, #1F3B36 52%, #19312C 100%);
  scroll-margin-top: calc(var(--bar-h, 40px) + var(--ig-nav));
}
.ig-poster { position: absolute; inset: 0; z-index: 0; transition: opacity .7s var(--ig-quench); }
.ig-poster img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; }
.ig-poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 38, 34, .9) 0%, rgba(20, 38, 34, .55) 34%, rgba(20, 38, 34, 0) 58%), linear-gradient(0deg, rgba(15, 32, 29, .92) 0%, rgba(15, 32, 29, .55) 30%, rgba(15, 32, 29, 0) 52%); }
.ig-gl { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; pointer-events: none; }
.ig-mould { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; opacity: 0; overflow: visible; }
.ig-mould-edge { stroke: var(--ig-support); stroke-width: 2.2; opacity: .85; }
.ig-mould path { vector-effect: non-scaling-stroke; }
.ig-mould-top { stroke: url(#ig-mould-fade); stroke-width: 1; }
.ig-live .ig-gl, .ig-live .ig-mould { opacity: 1; }
.ig-live .ig-poster { opacity: 0; visibility: hidden; transition: opacity .7s var(--ig-quench), visibility 0s .7s; }

.ig-hero-text { position: absolute; z-index: 4; left: var(--ig-gut); top: 72px; width: min(38ch, 34vw); display: grid; gap: 20px; }
.ig-sub { font-size: clamp(17px, 1rem + .3vw, 21px); line-height: 1.48; text-wrap: pretty; }
.ig-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: 6px; }

/* the crucible: pivots at its lip, which sits over the pouring cup */
.ig-crucible { position: absolute; z-index: 5; width: var(--cw); aspect-ratio: 124 / 142; left: calc(var(--pv-x) - var(--cw) * 8 / 124); top: calc(var(--pv-y) - var(--cw) * 11 / 124); touch-action: none; cursor: grab; visibility: hidden; border-radius: 2px; }
.ig-crucible::before { content: ""; position: absolute; inset: -24px; }
.ig-crucible:active { cursor: grabbing; }
.ig-cru-draw { position: absolute; inset: 0; transform-origin: calc(8 / 124 * 100%) calc(11 / 142 * 100%); transform: rotate(calc(var(--tilt, 0) * -1deg)); }
.ig-cru-svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 10px 18px rgba(8, 18, 16, .45)); }
.ig-cru-melt { opacity: var(--melt, 1); }
.ig-hint { display: none; gap: 10px; align-items: flex-start; max-width: 34ch; margin-top: 4px; font: 500 14px/1.5 var(--ig-sans); color: var(--ig-ink-2); }
.ig-hint .ig-ico { color: var(--ig-support); margin-top: 1px; }
.ig-live .ig-crucible { visibility: visible; }
.ig-live .ig-hint { display: flex; }

/* the name: an inscription across the foot, a mould while the metal is live */
.ig-name { position: absolute; z-index: 3; left: var(--ig-gut); bottom: var(--name-b, 44px); margin: 0; font: 900 clamp(76px, min(20.5vw, (56svh - 120px) / 1.11), 380px)/.8 var(--ig-serif); letter-spacing: -.02em; text-transform: uppercase; white-space: nowrap; pointer-events: none; }
.ig-name-cast { display: block; }
.ig-name-cast span {
  background: linear-gradient(170deg, var(--ig-c1), var(--ig-c2) 55%, var(--ig-c3));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
  -webkit-text-stroke: 1px rgba(127, 184, 164, .55);
  transition: --ig-c1 .4s, --ig-c2 .4s, --ig-c3 .4s, -webkit-text-stroke-color .4s;
}
.ig-live .ig-name-cast span:not(.is-cast) { --ig-c1: rgba(201, 154, 91, 0); --ig-c2: rgba(138, 94, 51, 0); --ig-c3: rgba(78, 53, 32, 0); -webkit-text-stroke: 1.4px rgba(237, 230, 214, .82); }

/* the heat card: a wall label that the pour writes */
.ig-card { position: absolute; z-index: 4; right: var(--ig-gut); top: 78px; width: 276px; display: none; padding-top: 14px; border-top: 1px solid var(--ig-line); font: 600 13px/1.5 var(--ig-sans); letter-spacing: .01em; }
.ig-card [data-k] { font-variant-numeric: tabular-nums lining-nums; }
.ig-live .ig-card { display: block; }
.ig-card-title { font: italic 400 22px/1.2 var(--ig-serif); letter-spacing: 0; margin-bottom: 6px; }
.ig-card-line { display: flex; align-items: center; gap: 10px; }
.ig-swatch { width: 40px; height: 12px; flex: none; background: var(--sw, #E08A3C); }
.ig-card-mis { margin-top: 8px; color: var(--ig-ink); font-weight: 500; }
.ig-card-note { margin-top: 10px; color: var(--ig-ink-2); font-weight: 500; font-size: 12.5px; line-height: 1.45; }
.ig-card-act { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.ig-hold, .ig-card-cta { display: none; }
.ig-hold-note { font-weight: 500; opacity: .8; }

/* 1024–1180: narrower columns; tablets: the card under the text */
@media (max-width: 1180px) {
  .spec-ingate { --ig-gut: 40px; }
  .ig-hero-text { width: min(36ch, 38vw); }
  .ig-sub { font-size: 19px; }
  .ig-card { width: min(276px, 25vw); }
}
@media (max-width: 1023px) and (min-width: 761px) {
  .ig-pour { --pv-x: 62%; --pv-want: 62; --pv-y: 16%; }
  .ig-hero-text { width: min(40ch, 44vw); }
  .ig-card { right: auto; left: var(--ig-gut); top: var(--card-y, 360px); width: min(40ch, 44vw); }
  .ig-hint { display: flex; visibility: hidden; }
  .ig-live .ig-hint { visibility: visible; }
}
@media (min-width: 761px) and (max-height: 820px) {
  .ig-live .ig-hint { display: none; }
  .ig-hero-text { top: 56px; }
}
@media (max-width: 900px) {
  .ig-nav-list { gap: 20px; }
}

/* phones: the crucible top right, a long fall, the name across the foot and the controls under it */
@media (max-width: 760px) {
  .spec-ingate { --ig-gut: 16px; }
  .ig-nav-list { display: none; }
  .ig-nav-in { gap: 16px; }
  .ig-brand { font-size: 21px; gap: 10px; }
  .ig-mark { width: 28px; height: 28px; }
  .ig-pour { --pv-x: 66%; --pv-want: 66; --pv-y: max(104px, 13%); --cw: 72px; --name-foot: 150px; min-height: 420px; }
  .ig-hero-text { top: 22px; width: 54%; gap: 14px; }
  .ig-live .ig-name-cast span:not(.is-cast) { -webkit-text-stroke: 1.6px rgba(237, 230, 214, .9); }
  .ig-sub { font-size: 17px; line-height: 1.45; }
  .ig-actions { gap: 12px 18px; }
  .ig-live .ig-actions .ig-btn { display: none; }
  .ig-hint { display: none !important; }
  .ig-name { bottom: var(--name-b, 150px); }
  .ig-card { left: var(--ig-gut); right: var(--ig-gut); top: auto; bottom: 18px; width: auto; border: 0; padding: 0; display: none; }
  .ig-live .ig-card { display: flex; flex-direction: column-reverse; gap: 14px; }
  .ig-card-title, .ig-card-note, .ig-card-mis { display: none; }
  .ig-card > .ig-card-line { display: none; }
  .ig-card-sum { display: flex !important; }
  .ig-card-act { margin: 0; flex-wrap: nowrap; gap: 8px; }
  .ig-card-act .ig-btn { flex: 1 1 auto; justify-content: center; padding: 0 10px; }
  .ig-hold, .ig-card-cta { display: inline-flex; }
}
.ig-card-sum { display: none; align-items: center; gap: 10px; color: var(--ig-ink-2); font-weight: 600; }
@media (max-width: 760px) and (max-height: 620px) {
  .ig-pour { --pv-y: 76px; --cw: 60px; --name-foot: 104px; }
  .ig-eyebrow.ig-hero-eb, .ig-hero-text .ig-eyebrow, .ig-sub-more { display: none; }
  .ig-name { bottom: var(--name-b, 104px); }
  .ig-card-sum { display: none !important; }
}
@media (max-width: 760px) {
  .ig-mould-top { display: none; }
}
@media (max-width: 400px) {
  .ig-card-act .ig-btn { font-size: 12.5px; padding: 0 8px; min-height: 42px; }
}
@media (max-width: 360px) {
  .ig-card-act { gap: 6px; }
  .ig-card-act .ig-btn { padding: 0 6px; }
  .ig-card-cta .ig-ico { display: none; }
}

/* ── the plinth: one piece holds the centre while the chapters pass either side of it; each
   chapter has its own ground (the kiln, the pit, the bench, the patina shop, daylight) ── */
.ig-plinth {
  --stage-top: calc(var(--bar-h, 40px) + var(--ig-nav)); --stage-h: calc(100svh - var(--stage-top));
  --stage-w: min(36vw, 560px); --ig-gap: 48px; --ig-pat: #6FAE95;
  position: relative; isolation: isolate; scroll-margin-top: var(--stage-top);
}
.ig-stage { display: none; }
.ig-pin .ig-stage { display: block; position: sticky; top: var(--stage-top); z-index: 1; height: var(--stage-h); pointer-events: none; }
.ig-view { position: absolute; top: 0; bottom: 0; left: calc(50% - var(--stage-w) / 2); width: var(--stage-w); }
.ig-sculpt, .ig-pics, .ig-pics img { position: absolute; inset: 0; width: 100%; height: 100%; }
.ig-sculpt { display: block; }
.ig-pics img { object-fit: cover; object-position: 50% 40%; opacity: 0; transition: opacity .6s var(--ig-quench); -webkit-mask: linear-gradient(#000 78%, transparent); mask: linear-gradient(#000 78%, transparent); }
.ig-pics img.is-on { opacity: 1; }
.ig-turn, .ig-ch-turn { position: absolute; inset: 5% 6% 16%; z-index: 2; pointer-events: auto; cursor: grab; touch-action: pan-y; border-radius: 2px; }
.ig-turn:active, .ig-ch-turn:active { cursor: grabbing; }
.ig-nogl .ig-turn, .ig-nogl .ig-cap-do, .ig-lost .ig-turn { display: none; }
.ig-lost .ig-sculpt { visibility: hidden; }

/* the plaque under the piece: its name, and a runner the metal has reached along, stage by stage */
.ig-plaque { display: grid; justify-items: center; gap: 1px; padding: 12px 20px 14px; background: #152B27; border: 1px solid rgba(201, 154, 91, .34); text-align: center; font: 600 13px/1.45 var(--ig-sans); letter-spacing: .01em; color: #BDB6A6; }
.ig-cap-t { font: italic 400 20px/1.2 var(--ig-serif); letter-spacing: 0; color: #EDE6D6; }
.ig-cap-l { text-wrap: balance; }
.ig-stage .ig-plaque { position: absolute; z-index: 2; bottom: 14px; left: 50%; translate: -50% 0; width: max(calc(var(--stage-w) - 40px), 344px); }
.ig-stage .ig-view { bottom: 104px; }
.ig-run { --at: 0; position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; margin-top: 10px; padding-top: 10px; font: 600 12px/1.2 var(--ig-sans); letter-spacing: .02em; color: rgba(189, 182, 166, .6); }
.ig-run::before, .ig-run::after { content: ""; position: absolute; left: 0; top: 0; height: 3px; }
.ig-run::before { right: 0; background: rgba(127, 184, 164, .2); }
.ig-run::after { width: calc((var(--at) * 2 + 1) * 10%); background: var(--mat, #D8D2C3); transition: width .9s var(--ig-quench), background-color .9s var(--ig-quench); }
.ig-run li { transition: color .6s; }
[data-chapter="0"] .ig-run { --at: 0; --mat: #D8D2C3; }
[data-chapter="1"] .ig-run { --at: 1; --mat: #F7B45C; }
[data-chapter="2"] .ig-run { --at: 2; --mat: #D9A866; }
[data-chapter="3"] .ig-run { --at: 3; --mat: var(--ig-pat); }
[data-chapter="4"] .ig-run { --at: 4; --mat: var(--ig-pat); }
[data-chapter="0"] .ig-run li:nth-child(1), [data-chapter="1"] .ig-run li:nth-child(2), [data-chapter="2"] .ig-run li:nth-child(3), [data-chapter="3"] .ig-run li:nth-child(4), [data-chapter="4"] .ig-run li:nth-child(5) { color: #EDE6D6; }

/* the chapters: the artist's side on the left, the foundry's on the right, the piece between them */
.ig-ch {
  --gp: #1F3B36; --g: #1F3B36;
  position: relative; display: grid; align-items: start; align-content: start;
  grid-template-columns: [l] minmax(0, 1fr) [c] var(--stage-w) [r] minmax(0, 1fr); column-gap: var(--ig-gap); row-gap: 40px;
  padding: 96px var(--ig-gut) 96px; scroll-margin-top: var(--stage-top);
  background: linear-gradient(var(--gp), var(--g) 22svh) var(--g); color: var(--ig-ink);
}
.ig-ch > * { position: relative; z-index: 2; }
#ig-ch-invest { --g: #111A18; border-top: 1px solid var(--ig-line); }
#ig-ch-raw { --gp: #111A18; --g: #16110E; }
#ig-ch-chase { --gp: #16110E; --g: #2A302E; }
#ig-ch-patina { --gp: #2A302E; --g: #1F3B36; }
#ig-ch-garden {
  --gp: #1F3B36; --g: #E3DCCB; --ig-ink: #17302C; --ig-ink-2: #46534E; --ig-line: rgba(23, 48, 44, .24); --ig-support: #3C7C67;
  padding: calc(22svh + 40px) var(--ig-gut) calc(22svh + 48px);
  background: linear-gradient(#1F3B36, #E3DCCB 22svh, #E3DCCB calc(100% - 22svh), #1F3B36);
}
.ig-ch-head { display: grid; gap: 20px; }
.ig-ch .ig-h2 { font-size: clamp(32px, 1rem + 2.3vw, 54px); }
.ig-ch .ig-lead { font-size: clamp(16.5px, .9rem + .28vw, 19.5px); }
.ig-decides { display: grid; gap: 8px; padding-top: 16px; border-top: 1px solid var(--ig-line); max-width: 44ch; }
.ig-decides-h, .ig-label-title, .ig-offcuts-h { font: italic 400 22px/1.2 var(--ig-serif); letter-spacing: 0; }
.ig-decides p { color: var(--ig-ink-2); }
.ig-labels { display: grid; gap: 28px; align-self: end; }
.ig-label { display: grid; gap: 1px; padding-left: 16px; border-left: 1px solid var(--ig-support); font: 600 13px/1.5 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
.ig-label .ig-label-title { color: var(--ig-ink); margin-bottom: 5px; }
.ig-ch-fig { display: grid; gap: 12px; max-width: 336px; }
.ig-ch-fig img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.ig-fig-pour img { object-position: 42% 50%; }
.ig-ch-fig figcaption, .ig-footing-key, .ig-band-cap p { font: 500 13px/1.45 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
/* each chapter set its own way round the piece: the text changes sides, the notes and pictures follow */
.ig-ch-head, .ig-da { grid-column: l; }
.ig-df { grid-column: r; }
.ig-ch-head { grid-row: 1; }
.ig-da, .ig-df { grid-row: 2; }
@media (min-width: 900px) {
  #ig-ch-invest .ig-labels { grid-column: r; grid-row: 1; }
  #ig-ch-invest .ig-ch-fig { grid-column: r; grid-row: 3; }
  #ig-ch-raw .ig-ch-head, #ig-ch-patina .ig-ch-head { grid-column: r; }
  #ig-ch-raw .ig-labels { grid-column: l; grid-row: 1; }
  #ig-ch-raw .ig-ch-fig { grid-column: l; grid-row: 3; }
  #ig-ch-chase .ig-ch-fig { grid-column: r; grid-row: 1 / span 2; align-self: start; max-width: 380px; }
  #ig-ch-chase .ig-df { grid-row: 3; }
  #ig-ch-patina .ig-offcuts { grid-column: l; grid-row: 1; }
  #ig-ch-patina .ig-ch-fig { grid-column: r; grid-row: 3; }
  #ig-ch-garden .ig-footing { grid-column: r; grid-row: 1; align-self: end; }
  #ig-ch-garden .ig-seen { grid-column: r; grid-row: 3; }
}
.ig-pin .ig-ch { pointer-events: none; }
.ig-pin .ig-ch > * { pointer-events: auto; }
.ig-pin #ig-ch-invest { margin-top: calc(-1 * var(--stage-h)); min-height: 130svh; }
.ig-pin #ig-ch-raw { min-height: 150svh; }
.ig-pin #ig-ch-chase { min-height: 120svh; }
.ig-pin #ig-ch-patina { min-height: 125svh; }
.ig-pin #ig-ch-garden { min-height: 150svh; }

/* one view to a chapter (phones, and with reduced motion): the piece as that chapter left it */
.ig-ch-view { display: none; margin: 0; }
.ig-inline .ig-ch-view { display: grid; gap: 0; grid-column: c; grid-row: 1 / span 4; align-self: start; }
.ig-ch-box { position: relative; height: min(var(--stage-h), 800px); }
.ig-ch-cv { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity .5s var(--ig-quench); }
.ig-ch-cv.is-drawn { opacity: 1; }
.ig-ch-view .ig-plaque { margin: -40px 20px 0; position: relative; z-index: 2; }
.ig-nogl .ig-ch-view, .ig-nogl.ig-pin .ig-ch-fig { display: none; }

/* the test offcuts: four sawn sprue ends, the chosen one lifted over a hairline */
.ig-offcuts { border: 0; min-width: 0; margin: 0; padding: 16px 0 0; border-top: 1px solid var(--ig-line); display: grid; gap: 18px; }
.ig-offcuts-h { float: left; width: 100%; padding: 0; margin-bottom: 18px; }
.ig-offcut-row { clear: both; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
.ig-offcut { position: relative; display: grid; align-content: start; gap: 2px; cursor: pointer; }
.ig-offcut input { position: absolute; inset: 0; z-index: 1; margin: 0; opacity: 0; cursor: pointer; }
.ig-offcut-pic { position: relative; display: block; aspect-ratio: 4 / 3; margin-bottom: 8px; border-bottom: 1px solid var(--ig-line); transition: transform .3s var(--ig-quench), border-color .3s; }
.ig-offcut-svg, .ig-offcut-cv { position: absolute; inset: 0; width: 100%; height: 100%; }
.ig-offcut-svg { color: var(--c); transition: opacity .4s; }
.ig-offcut-cv { opacity: 0; transition: opacity .4s; }
.ig-offcut-cv.is-drawn { opacity: 1; }
.ig-offcut-pic:has(.is-drawn) .ig-offcut-svg { opacity: 0; }
.ig-offcut-t { font: italic 400 20px/1.2 var(--ig-serif); }
.ig-offcut-d { font: 600 13px/1.45 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
.ig-offcut:has(input:checked) .ig-offcut-pic { transform: translateY(-4px); border-color: var(--ig-ink); }
.ig-offcut:has(input:focus-visible) { outline: 2px solid var(--ig-ink); outline-offset: 4px; }
.ig-offcuts-note { color: var(--ig-ink-2); max-width: 46ch; }
.ig-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

/* the footing, drawn in section */
.ig-footing { display: grid; gap: 14px; max-width: 336px; }
.ig-footing-svg { display: block; width: 100%; height: auto; fill: none; stroke: var(--ig-support); stroke-width: 1; }
.ig-fl-bronze { fill: rgba(201, 154, 91, .2); stroke: #8A5E33; }
.ig-fl-stone { fill: rgba(60, 124, 103, .08); }
.ig-fl-foot { fill: rgba(23, 48, 44, .05); stroke-dasharray: 4 3; }
.ig-fl-rod { stroke: var(--ig-ink); stroke-dasharray: 3 3; }
.ig-fl-lead, .ig-fl-hatch { stroke: var(--ig-line); }
.ig-fl-ground { stroke: var(--ig-ink-2); }
.ig-fl-n { fill: var(--ig-ink); stroke: none; font: 600 13px var(--ig-sans); }
.ig-footing-key { list-style: decimal; padding-left: 18px; display: grid; gap: 2px; font-weight: 600; }
.ig-footing-key li::marker { color: var(--ig-support); }
.ig-seen { display: grid; gap: 2px; font: 600 13px/1.45 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
.ig-seen-k { font: italic 400 20px/1.2 var(--ig-serif); color: var(--ig-ink); letter-spacing: 0; }

/* the process: nine stages hung off a runner, each opening into its own panel; beside them, the
   stage in a photograph */
.ig-steps { position: relative; padding: clamp(96px, 10vw, 140px) var(--ig-gut) clamp(40px, 5vw, 72px); scroll-margin-top: calc(var(--bar-h, 40px) + var(--ig-nav)); }
.ig-steps-in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; max-width: 736px; }
.ig-step-list { position: relative; margin-top: 24px; padding-left: 26px; }
.ig-step-list::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--ig-support); }
.ig-step { position: relative; border-bottom: 1px solid var(--ig-line); }
.ig-step::before { content: ""; position: absolute; left: -24px; top: 31px; width: 24px; height: 1px; background: var(--ig-support); }
.ig-step-h { font: inherit; }
.ig-step-open { all: unset; box-sizing: border-box; display: grid; grid-template-columns: 22px 172px minmax(0, 1fr) 20px; align-items: baseline; gap: 16px; width: 100%; min-height: 62px; padding: 16px 0; cursor: pointer; }
.ig-step-open:focus-visible { outline: 2px solid var(--ig-ink); outline-offset: 3px; }
.ig-step-no { font: 600 13px/1 var(--ig-sans); color: var(--ig-support); font-variant-numeric: tabular-nums; }
.ig-step-name { font: 400 26px/1.1 var(--ig-serif); }
.ig-step-sum { font-size: 15px; line-height: 1.45; color: var(--ig-ink-2); }
.ig-step-open .ig-ico { align-self: center; color: var(--ig-support); transition: transform .3s var(--ig-quench), color .2s; }
.ig-step-open:hover .ig-ico, .ig-step-open:focus-visible .ig-ico { transform: translateX(4px); color: var(--ig-ink); }
.ig-step-open:hover .ig-step-name, .ig-step.is-shown .ig-step-name { color: #fff; }
.ig-step-body { display: grid; gap: 10px; padding: 0 0 24px 38px; max-width: 62ch; color: var(--ig-ink-2); }
.ig-step-body b, .ig-panel-body b { color: var(--ig-ink); font-weight: 600; }
.ig-step-time { font: 600 13px/1.5 var(--ig-sans); letter-spacing: .01em; }
.ig-step-fig { max-width: 420px; margin-top: 4px; }
.ig-step-fig img, .ig-panel-fig img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.ig-js .ig-step-body { display: none; }
.ig-steps[data-open] .ig-step-list { display: none; }
.ig-panel { margin-top: 24px; display: grid; gap: 18px; align-content: start; min-height: 560px; padding-left: 26px; border-left: 2px solid var(--ig-support); }
.ig-panel[hidden] { display: none; }
.ig-panel:focus { outline: none; }
.ig-panel-of { font: 600 13px/1.4 var(--ig-sans); letter-spacing: .01em; color: var(--ig-support); font-variant-numeric: tabular-nums; }
.ig-panel-word { font: 300 clamp(52px, 8vw, 128px)/.92 var(--ig-serif); letter-spacing: -.02em; color: var(--ig-ink); }
.ig-panel-word:focus { outline: none; }
.ig-panel-word.is-cool { animation: ig-cool .9s var(--ig-quench) both; }
@keyframes ig-cool { from { color: var(--ig-bronze); } to { color: var(--ig-ink); } }
.ig-panel-sum { font-size: clamp(17px, 1rem + .3vw, 21px); line-height: 1.45; max-width: 44ch; }
.ig-panel-fig { max-width: 560px; }
.ig-panel-body { display: grid; gap: 10px; max-width: 60ch; color: var(--ig-ink-2); }
.ig-panel-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 10px; margin-top: 8px; }
.ig-panel-nav .ig-back { margin-right: auto; border: 0; padding: 0 0 3px; cursor: pointer; background-color: transparent; }
.ig-sq { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; }
.ig-panel.is-next { animation: ig-slide-l .5s var(--ig-quench) both; }
.ig-panel.is-prev { animation: ig-slide-r .5s var(--ig-quench) both; }
@keyframes ig-slide-l { from { opacity: 0; transform: translateX(24px); } }
@keyframes ig-slide-r { from { opacity: 0; transform: translateX(-24px); } }
::view-transition-group(ig-step-name), ::view-transition-group(ig-step-no), ::view-transition-group(ig-step-card) { animation-duration: .7s; animation-timing-function: cubic-bezier(.12, .8, .16, 1); }
::view-transition-old(ig-step-name) { animation: ig-vt-out .25s ease-out both; }
::view-transition-new(ig-step-name) { animation: ig-vt-in .45s ease-out both; }
::view-transition-old(ig-step-name), ::view-transition-new(ig-step-name) { height: 100%; object-fit: contain; object-position: left center; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .3s; }
@keyframes ig-vt-out { to { opacity: 0; } }
@keyframes ig-vt-in { from { opacity: 0; } }
/* the plate: the stage under the pointer, or the one open, in its photograph */
.ig-plate { display: none; margin: 0; }
.ig-plate-pic { position: relative; aspect-ratio: 4 / 5; background: var(--ig-deep); overflow: hidden; }
.ig-plate-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .5s var(--ig-quench); }
.ig-plate-pic img.is-on { opacity: 1; }
.ig-plate-cap { display: grid; gap: 1px; margin-top: 14px; padding-left: 16px; border-left: 1px solid var(--ig-support); font: 600 13px/1.5 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
.ig-plate-cap .ig-cap-t { color: var(--ig-ink); }
@media (min-width: 900px) {
  .ig-steps-in { max-width: none; grid-template-columns: minmax(0, 1fr) minmax(0, min(36vw, 460px)); column-gap: clamp(40px, 6vw, 112px); }
  .ig-steps-in > * { grid-column: 1; }
  .ig-steps-in > .ig-plate { display: block; grid-column: 2; grid-row: 1 / span 6; position: sticky; top: calc(var(--bar-h, 40px) + var(--ig-nav) + 32px); max-width: 460px; justify-self: end; width: 100%; }
  .ig-panel .ig-panel-fig { display: none; }
}

/* who decides what: read across a runner, artist to the left, foundry to the right */
.ig-ledger {
  position: relative; display: grid; align-content: center; row-gap: 48px;
  grid-template-columns: [l] minmax(0, 1fr) [c] 112px [r] minmax(0, 1fr); column-gap: 0;
  padding: clamp(56px, 6vw, 88px) var(--ig-gut) clamp(96px, 11vw, 150px); scroll-margin-top: calc(var(--bar-h, 40px) + var(--ig-nav));
}
.ig-ledger-top { grid-column: l; display: grid; gap: 16px; }
.ig-ledger-lead { color: var(--ig-ink-2); max-width: 36ch; font-size: 17px; }
.ig-ledger-grid { position: relative; grid-column: l / span 3; display: grid; grid-template-columns: subgrid; grid-template-rows: auto repeat(8, auto); }
.ig-ledger-grid::before { content: ""; position: absolute; left: calc(50% - 1px); top: 0; bottom: 0; width: 2px; background: var(--ig-support); }
.ig-ledger-head { grid-row: 1; padding-bottom: 14px; border-bottom: 1px solid var(--ig-support); font: italic 400 clamp(26px, 1rem + 1.25vw, 40px)/1.1 var(--ig-serif); }
.ig-ledger-col { grid-row: 2 / span 8; display: grid; grid-template-rows: subgrid; }
.ig-la { grid-column: 1; text-align: right; }
.ig-lf { grid-column: 3; }
.ig-ledger-col li { position: relative; padding: 15px 0 14px; border-bottom: 1px solid var(--ig-line); font-size: 17px; line-height: 1.45; }
.ig-ledger-col.ig-la li::after, .ig-ledger-col.ig-lf li::after { content: ""; position: absolute; top: 50%; width: 56px; height: 1px; background: var(--ig-support); }
.ig-ledger-col.ig-la li::after { right: -56px; }
.ig-ledger-col.ig-lf li::after { left: -56px; }
@supports not (grid-template-rows: subgrid) {
  .ig-ledger-col { display: block; }
  .ig-ledger-col li { min-height: 76px; }
}

/* start a piece */
.ig-enquire { position: relative; z-index: 2; background: var(--ig-bg); border-top: 1px solid var(--ig-line); scroll-margin-top: calc(var(--bar-h, 40px) + var(--ig-nav)); }
.ig-band { position: relative; }
.ig-band img { width: 100%; height: 62svh; min-height: 380px; object-fit: cover; object-position: 44% 58%; }
.ig-band-cap { display: grid; gap: 2px; padding: 14px var(--ig-gut) 0; }
.ig-band-cap .ig-cap-t { font: italic 400 20px/1.2 var(--ig-serif); }
.ig-enquire-in { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; padding: clamp(64px, 8vw, 112px) var(--ig-gut) clamp(80px, 9vw, 128px); }
.ig-enquire-head { grid-column: 1 / span 4; display: grid; gap: 20px; align-content: start; }
.ig-form { grid-column: 6 / span 7; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px 32px; }
.ig-field { display: grid; gap: 8px; align-content: start; }
.ig-field-wide, .ig-choice, .ig-form-foot { grid-column: 1 / -1; }
.ig-field label, .ig-choice legend { font: 600 13px/1.3 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
.ig-field input, .ig-field select, .ig-field textarea { width: 100%; min-height: 44px; border: 0; border-bottom: 1px solid var(--ig-support); border-radius: 0; background: transparent; color: var(--ig-ink); font: 400 16px/1.5 var(--ig-sans); padding: 8px 0; }
.ig-field select { background: var(--ig-bg); }
.ig-field textarea { resize: vertical; border: 1px solid var(--ig-line); padding: 10px 12px; }
.ig-field ::placeholder { color: #9E9A8C; opacity: 1; }
.ig-field input:focus-visible, .ig-field select:focus-visible, .ig-field textarea:focus-visible { outline: 2px solid var(--ig-ink); outline-offset: 3px; }
.ig-choice { border: 0; margin: 0; min-width: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.ig-choice legend { float: left; width: 100%; padding: 0; margin-bottom: 12px; }
.ig-choice label { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--ig-line); border-radius: 0; font-size: 15px; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.ig-choice label:hover { border-color: var(--ig-support); }
.ig-choice input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.ig-choice label:has(input:checked) { border-color: var(--ig-ink); box-shadow: inset 0 0 0 1px var(--ig-ink); }
.ig-choice label:has(input:focus-visible) { outline: 2px solid var(--ig-ink); outline-offset: 3px; }
.ig-field-note { font-size: 13px; color: var(--ig-ink-2); }
.ig-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 0; padding-top: 8px; }
/* the answer comes down a gate: the metal runs from the button, glows and cools, and the line is cast */
.ig-gate { position: relative; flex: none; width: 64px; height: 10px; margin: 0 18px 0 0; border: 1px solid var(--ig-support); border-left: 0; opacity: 0; }
.ig-gate::after { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 0; }
.ig-form-status { font: 600 14px/1.4 var(--ig-sans); }
.is-poured .ig-gate { opacity: 1; }
.is-poured .ig-gate::after { animation: ig-gate 2.6s cubic-bezier(.3, .6, .3, 1) forwards; }
.is-poured .ig-form-status { animation: ig-cool 1.4s var(--ig-quench) both; }
@keyframes ig-gate {
  0% { width: 0; background: #FFF3C4; box-shadow: 0 0 12px 1px #FFC966; }
  22% { width: calc(100% - 2px); background: #FFC966; box-shadow: 0 0 12px 1px #F2963A; }
  50% { background: #C4461E; box-shadow: 0 0 6px #6E2A18; }
  100% { width: calc(100% - 2px); background: #9C6C3C; box-shadow: none; }
}
@media (max-width: 420px) { .ig-gate { width: 40px; margin-right: 12px; } }

/* the foot of the page: the name cast as a plaque */
.ig-foot { position: relative; z-index: 2; background: var(--ig-bg); border-top: 1px solid var(--ig-line); padding: 72px var(--ig-gut) 64px; }
.ig-foot-in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: 32px 56px; }
.ig-inscription {
  padding: 18px 30px 12px; border: 1px solid rgba(201, 154, 91, .5); box-shadow: inset 0 0 0 5px var(--ig-bg), inset 0 0 0 6px rgba(201, 154, 91, .28);
  font: 800 clamp(56px, 6.7vw, 96px)/1 var(--ig-serif); letter-spacing: .04em; text-transform: uppercase;
  background: linear-gradient(170deg, #E6BD80, #C99A5B 30%, #8A5E33 62%, #4E3520); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.ig-foot-mid { display: grid; gap: 14px; }
.ig-foot-where { max-width: 44ch; color: var(--ig-ink-2); }
.ig-foot-stages { display: flex; flex-wrap: wrap; gap: 4px 18px; font: 600 13px/1.5 var(--ig-sans); letter-spacing: .01em; color: var(--ig-ink-2); }
.ig-foot-stages li + li::before { content: "→"; margin-right: 18px; color: var(--ig-support); }
.ig-foot-mark { width: 44px; height: 44px; }

/* 1024–1180: a narrower piece, narrower columns */
@media (max-width: 1180px) {
  .ig-plinth { --stage-w: 32vw; --ig-gap: 32px; }
  .ig-ch .ig-lead { font-size: 16.5px; }
  .ig-ch .ig-h2 { font-size: clamp(32px, 1rem + 2vw, 44px); }
  .ig-ch-fig, .ig-footing { max-width: 280px; }
  #ig-ch-chase .ig-ch-fig { max-width: 300px; }
  .ig-run { font-size: 11.5px; }
  .ig-form { grid-column: 6 / span 7; }
}
/* tablets and phones: each chapter opens on its own view of the piece, and the text follows it */
@media (max-width: 899px) {
  .ig-ch { grid-template-columns: [l] minmax(0, 1fr) [r] minmax(0, 1fr); column-gap: 32px; row-gap: 32px; padding: 56px var(--ig-gut) 72px; background: linear-gradient(var(--gp), var(--g) 12svh) var(--g); }
  #ig-ch-garden { padding: calc(12svh + 56px) var(--ig-gut) calc(12svh + 56px); background: linear-gradient(#1F3B36, #E3DCCB 12svh, #E3DCCB calc(100% - 12svh), #1F3B36); }
  .ig-ch > * { grid-column: auto; grid-row: auto; }
  .ig-ch .ig-ch-head { grid-column: 1 / -1; grid-row: auto; }
  .ig-ch .ig-da { grid-column: l; grid-row: auto; } .ig-ch .ig-df { grid-column: r; grid-row: auto; }
  .ig-ch .ig-labels { grid-column: r; grid-row: auto; align-self: start; }
  .ig-ch .ig-ch-fig, .ig-ch .ig-footing { grid-column: l; grid-row: auto; align-self: start; }
  .ig-ch .ig-offcuts { grid-column: 1 / -1; grid-row: auto; }
  .ig-ch .ig-seen { grid-column: r; grid-row: auto; align-self: end; }
  .ig-inline .ig-ch-view { grid-column: 1 / -1; grid-row: auto; margin: -56px calc(-1 * var(--ig-gut)) 8px; }
  .ig-ch-box { height: min(62svh, 620px); }
  .ig-ch-view .ig-plaque { margin: -44px var(--ig-gut) 0; }
  .ig-offcut-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 16px; }
  .ig-ch-turn { inset: 4% 16% 14%; }
  .ig-steps, .ig-ledger { min-height: 0; padding: 72px var(--ig-gut) 96px; }
  .ig-ledger { grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); }
  .ig-ledger-top { grid-column: 1 / -1; }
  .ig-ledger-grid { grid-column: 1 / -1; }
  .ig-ledger-col.ig-la li::after, .ig-ledger-col.ig-lf li::after { width: 24px; }
  .ig-ledger-col.ig-la li::after { right: -24px; } .ig-ledger-col.ig-lf li::after { left: -24px; }
  .ig-enquire-head { grid-column: 1 / -1; }
  .ig-form { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .ig-ch { grid-template-columns: minmax(0, 1fr); padding: 44px var(--ig-gut) 64px; }
  #ig-ch-garden { padding-top: calc(12svh + 44px); }
  .ig-ch > *, .ig-ch .ig-ch-head, .ig-ch .ig-da, .ig-ch .ig-df, .ig-ch .ig-labels, .ig-ch .ig-ch-fig, .ig-ch .ig-footing, .ig-ch .ig-offcuts, .ig-ch .ig-seen { grid-column: 1; }
  .ig-inline .ig-ch-view { grid-column: 1; margin-top: -44px; }
  .ig-ch-box { height: min(58svh, 520px); }
  .ig-ch .ig-h2 { font-size: clamp(30px, 6vw + 8px, 40px); }
  .ig-ch-fig, .ig-footing, #ig-ch-chase .ig-ch-fig { max-width: none; }
  .ig-ch-fig img { aspect-ratio: 4 / 3; }
  .ig-labels { gap: 20px; }
  .ig-offcut-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ig-offcut-pic { max-width: 200px; }
  .ig-step-open { grid-template-columns: 18px minmax(0, 1fr) 20px; row-gap: 4px; }
  .ig-step-sum { grid-column: 2; grid-row: 2; }
  .ig-step-open .ig-ico { grid-column: 3; grid-row: 1; }
  .ig-step-body { padding-left: 34px; }
  .ig-panel { min-height: 0; padding-left: 18px; }
  .ig-ledger { display: block; }
  .ig-ledger-top { margin-bottom: 40px; }
  .ig-ledger-grid { display: block; }
  .ig-ledger-grid::before, .ig-ledger-col li::after { display: none; }
  .ig-ledger-head { margin-top: 32px; }
  .ig-ledger-col.ig-la { text-align: left; }
  .ig-ledger-col li { font-size: 16px; padding: 12px 0; }
  .ig-band img { height: 70svh; }
  .ig-enquire-in { grid-template-columns: minmax(0, 1fr); }
  .ig-form { grid-template-columns: minmax(0, 1fr); }
  .ig-foot-in { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .ig-inscription { justify-self: start; font-size: clamp(44px, 14vw, 64px); padding: 14px 22px 8px; }
}
@media (max-width: 380px) {
  .ig-run { font-size: 10.5px; letter-spacing: 0; }
  .ig-plaque { padding: 10px 12px 12px; }
}
@media (max-width: 760px) and (max-height: 620px) {
  .ig-ch-box { height: 52svh; }
  .ig-cap-do { display: none; }
}

/* the labels after the first chapter settle into place once, as a label is hung */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .ig-ch:not(#ig-ch-invest) :is(.ig-label, .ig-decides), .ig-ledger-head { animation: ig-settle linear both; animation-timeline: view(); animation-range: entry 5% entry 45%; }
  }
}
@keyframes ig-settle { from { opacity: 0; translate: 0 12px; } }

/* without the piece in the middle (no scripting, no WebGL on a phone) the chapters stand in two columns with their photographs */
.ig-plinth:not(.ig-pin):not(.ig-inline) .ig-ch, .ig-nogl.ig-inline .ig-ch { grid-template-columns: [l] minmax(0, 1fr) [c] 0 [r] minmax(0, 1fr); column-gap: 32px; }
@media (min-width: 900px) {
  .ig-plinth:not(.ig-pin):not(.ig-inline) .ig-ch, .ig-nogl.ig-inline .ig-ch { column-gap: 64px; }
}
@media (scripting: none) {
  .ig-stage, .ig-ch-view { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .spec-ingate *, .spec-ingate *::before, .spec-ingate *::after { transition-duration: 0s !important; transition-delay: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; }
}