.elementor-18732 .elementor-element.elementor-element-256bfd8{--display:flex;}.elementor-18732 .elementor-element.elementor-element-f8e05b3{--display:flex;}.elementor-18732 .elementor-element.elementor-element-237ceb8{--display:flex;}.elementor-18732 .elementor-element.elementor-element-03a46fa{--display:flex;}.elementor-18732 .elementor-element.elementor-element-c85bb00{--display:flex;}.elementor-18732 .elementor-element.elementor-element-d39fc2c{--display:flex;}.elementor-18732 .elementor-element.elementor-element-cee6dcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18732 .elementor-element.elementor-element-sxmlpbnd{--display:flex;}.elementor-18732 .elementor-element.elementor-element-c4b2d2f{--display:flex;}@media(max-width:1024px){.elementor-18732 .elementor-element.elementor-element-256bfd8{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-f8e05b3{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-237ceb8{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-03a46fa{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-c85bb00{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-d39fc2c{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-cee6dcb{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-c4b2d2f{--flex-wrap:nowrap;}}@media(max-width:767px){.elementor-18732 .elementor-element.elementor-element-256bfd8{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-f8e05b3{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-237ceb8{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-03a46fa{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-c85bb00{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-d39fc2c{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-cee6dcb{--flex-wrap:nowrap;}.elementor-18732 .elementor-element.elementor-element-c4b2d2f{--flex-wrap:nowrap;}}/* Start custom CSS *//* ============================================================================
   /work/kartopia/ (18732): RACE DAY. An indoor go-kart, arcade and party venue, so the page
   runs like a race weekend: a start-light gantry over the hero, the facts on a timing tower,
   the three attractions as three sectors of one lap, the identity as a livery (with the palette
   as tyre compounds), the venue's own numbers on a pit board, a chequered line before the close.
   Palette is the client's own site (kartopiala.com, read 2026-10-02): red #FE0000, hero red
   #AC0202, yellow #FDC20A, carbon #242424, paper #F2F2F2. Their forward-leaning parallelograms
   and the "speed fade" (a bar that ends in three fading blocks, like the K of the wordmark)
   are the two shapes used throughout.
   Scope: .page-id-18732 throughout.
   ========================================================================= */
.page-id-18732{
  --kt-pad: max(20px, min(40px, calc((100vw - 1360px) / 2)));
  --kt-red: #FE0000; --kt-deep: #AC0202; --kt-yel: #FDC20A;
  --kt-carbon: #242424; --kt-asph: #161616; --kt-paper: #F2F2F2; --kt-ink: #151515;
  --kt-ext: 'Microgramma D Extended Bold', 'Eurostile Extended Black', sans-serif;   /* evokes their Formula1 face */
  --kt-cond: 'Staff XX Condensed', 'Staff X Condensed', 'F37 Stout Black Compressed', sans-serif;   /* evokes their Akrobat */
  --sxm-display: 'F37 Stout Black Compressed', sans-serif;
  --sxm-wide: 'Nord Medium', 'Nord Regular', sans-serif;
  --sxm-copy: 'DM Sans', system-ui, sans-serif;
  --sxm-mono: 'Ocr A Tribute', 'OCR A Extended', monospace;
  --kt-lean: -12deg;
}
body.page-id-18732{ background: #000; }
.page-id-18732 .sxm-kt{
  padding-inline: var(--kt-pad) !important;
  container-type: inline-size;
  --u: calc(100cqi / 1360);
  position: relative;
}

/* ----------------------------------------------------------------- reveals
   (armed by the tail script only: no JS or reduced motion = everything already in place) */
.page-id-18732 .sxm-kt-rv{
  opacity: 0; transform: translate3d(-34px, 0, 0);   /* no skew here: a skewed ancestor throws the theme's off-screen .screen-reader-text (top:-10000em) thousands of px sideways */
  transition: opacity .45s ease var(--d, 0s), transform .7s cubic-bezier(.14,.9,.25,1) var(--d, 0s);
}
.page-id-18732 .sxm-kt-rv.is-in{ opacity: 1; transform: none; }

/* ------------------------------------------------- shared: chapter heads
   the speed fade: a bar that ends in three fading, leaning blocks (the client's divider) */
.page-id-18732 .sxm-kt-fade{
  display: flex; align-items: stretch; height: 8px; gap: 0; width: 100%;
  transform-origin: 0 50%; --fc: var(--kt-red);
}
.page-id-18732 .sxm-kt-fade i{ display: block; background: var(--fc); }
.page-id-18732 .sxm-kt-fade i:first-child{ flex: 0 0 min(46%, 520px); clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.page-id-18732 .sxm-kt-fade i + i{ flex: 0 0 34px; transform: skewX(-36deg); margin-left: 3px; }
.page-id-18732 .sxm-kt-fade i:nth-child(2){ opacity: .6; margin-left: -2px; }
.page-id-18732 .sxm-kt-fade i:nth-child(3){ opacity: .32; }
.page-id-18732 .sxm-kt-fade i:nth-child(4){ opacity: .14; }
.page-id-18732 .sxm-kt-rv .sxm-kt-fade{ transform: scaleX(0); transition: transform .8s cubic-bezier(.14,.9,.25,1) .1s; }
.page-id-18732 .sxm-kt-rv.is-in .sxm-kt-fade{ transform: none; }
.page-id-18732 .sxm-kt-eyebrow{
  font-family: var(--sxm-mono);
  font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px; line-height: 1.4;
  text-transform: lowercase; color: var(--kt-red);
  margin: 14px 0 clamp(20px, calc(30 * var(--u)), 34px);
}
.page-id-18732 .sxm-kt-h2{
  font-family: var(--kt-cond); font-weight: 700;
  font-size: clamp(40px, calc(86 * var(--u)), 96px); line-height: .94; letter-spacing: -.005em;
  text-transform: uppercase; color: inherit;
  margin: 0 0 clamp(18px, calc(28 * var(--u)), 32px); max-width: calc(700 * var(--u));   /* never ch: the face is condensed */
}
.page-id-18732 .sxm-kt-copy{
  font-family: var(--sxm-copy); font-weight: 400;
  font-size: clamp(16px, calc(18 * var(--u)), 20px); line-height: 1.62;
  color: inherit; max-width: 60ch; margin: 0 0 clamp(14px, calc(18 * var(--u)), 20px);
}
.page-id-18732 .sxm-kt-copy b{ font-weight: 700; }
.page-id-18732 .sxm-kt-src{
  font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.5px; line-height: 1.6;
  text-transform: uppercase; margin: 0; opacity: .62;
}

/* ====================================================================== HERO */
.page-id-18732 .sxm-kt-hero{
  background:
    radial-gradient(ellipse 62% 86% at 80% 46%, #C40303 0%, #8E0202 26%, #4A0101 52%, rgba(20,0,0,0) 78%),
    linear-gradient(180deg, #0B0000 0%, #140000 100%);
  color: #fff;
  padding-top: calc(26 * var(--u)); padding-bottom: clamp(36px, calc(60 * var(--u)), 70px);
  overflow: hidden;
}
.page-id-18732 .sxm-kt-crumbrow{
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  margin: 0 0 clamp(22px, calc(34 * var(--u)), 40px);
}
.page-id-18732 .sxm-kt-crumb{
  display: flex; gap: 10px; align-items: center;
  font-family: var(--sxm-mono);
  font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px;
  text-transform: lowercase; color: rgba(255,255,255,.6);
}
.page-id-18732 .sxm-kt-crumb a{ color: rgba(255,255,255,.6); text-decoration: none; transition: color .25s ease; padding-block: 12px; }
.page-id-18732 .sxm-kt-crumb a:hover, .page-id-18732 .sxm-kt-crumb a:focus-visible{ color: #fff; }
.page-id-18732 .sxm-kt-crumb b{ color: #fff; font-weight: 400; }
.page-id-18732 .sxm-kt-sitelink{
  font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.6px;
  display: inline-block; color: #fff; padding: 14px 2px;
  text-decoration: underline; text-decoration-color: rgba(255,255,255,.5); text-decoration-thickness: 1px; text-underline-offset: 7px;
  transition: color .2s ease, background-color .2s ease;
}
.page-id-18732 .sxm-kt-sitelink:hover, .page-id-18732 .sxm-kt-sitelink:focus-visible{ background: #fff; color: #000; text-decoration-color: #000; }
.page-id-18732 .sxm-kt-herogrid{
  display: grid; grid-template-columns: minmax(0, 1fr) clamp(280px, calc(372 * var(--u)), 420px);
  gap: clamp(28px, calc(56 * var(--u)), 64px); align-items: end;
}
.page-id-18732 .sxm-kt-herotext{ min-width: 0; position: relative; }

/* the start-light gantry: five pods, two lamps each */
.page-id-18732 .sxm-kt-gantry{
  display: flex; align-items: center; gap: clamp(8px, calc(12 * var(--u)), 14px);
  margin: 0 0 clamp(20px, calc(30 * var(--u)), 34px); position: relative;
}
.page-id-18732 .sxm-kt-gantry i{
  display: grid; gap: 5px; padding: 7px 6px; border-radius: 9px;
  background: #0A0A0A; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 6px 18px rgba(0,0,0,.45);
}
.page-id-18732 .sxm-kt-gantry b{
  display: block; position: relative; width: clamp(18px, calc(26 * var(--u)), 30px); aspect-ratio: 1; border-radius: 50%;
  background: #3A0A0A; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.page-id-18732 .sxm-kt-gantry b::after{
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #FF8A7A 0%, #FF1A0A 45%, #C40000 100%);
  box-shadow: 0 0 16px 3px rgba(255,30,10,.75);
  opacity: 0;
}
.page-id-18732 .sxm-kt-gantry em{
  font-style: normal; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  color: rgba(255,255,255,.72); margin-left: 6px;
}
/* a rail behind the pods */
.page-id-18732 .sxm-kt-gantry::before{
  content: ""; position: absolute; left: 0; top: 50%; height: 4px; width: clamp(200px, calc(280 * var(--u)), 310px);
  background: #0A0A0A; box-shadow: 0 0 0 1px rgba(255,255,255,.1); transform: translateY(-50%); z-index: 0;
}
.page-id-18732 .sxm-kt-gantry > *{ position: relative; z-index: 1; }

.page-id-18732 .sxm-kt-h1{
  font-family: var(--kt-ext); font-weight: 700;
  font-size: clamp(40px, calc(131 * var(--u)), 190px); line-height: .9; letter-spacing: -.02em;
  text-transform: uppercase; color: #fff;
  margin: 0 0 clamp(12px, calc(16 * var(--u)), 20px);
  position: relative; white-space: nowrap;
  transform: skewX(-10deg); transform-origin: 0 100%;
}
.page-id-18732 .sxm-kt-h1 .f{ display: inline-block; position: relative; }
.page-id-18732 .sxm-kt-tag{
  font-family: var(--kt-ext); font-weight: 700; font-size: clamp(13px, calc(21 * var(--u)), 24px);
  letter-spacing: .04em; text-transform: uppercase; color: var(--kt-yel);
  margin: 0 0 clamp(18px, calc(26 * var(--u)), 30px);
  transform: skewX(-10deg); transform-origin: 0 100%;
}
.page-id-18732 .sxm-kt-stand{
  font-family: var(--sxm-copy); font-weight: 400;
  font-size: clamp(16px, calc(21 * var(--u)), 23px); line-height: 1.5;
  color: rgba(255,255,255,.9); max-width: 46ch; margin: 0 0 clamp(22px, calc(34 * var(--u)), 40px);
}
.page-id-18732 .sxm-kt-facts{
  list-style: none; margin: 0; padding: clamp(14px, calc(20 * var(--u)), 24px) 0 0;
  border-top: 1px solid rgba(255,255,255,.28);
  display: grid; grid-template-columns: .8fr 1.7fr 1fr; gap: 24px; max-width: 860px;
}
.page-id-18732 .sxm-kt-facts li{ font-family: var(--sxm-copy); font-weight: 500; font-size: clamp(14px, calc(15 * var(--u)), 16px); line-height: 1.45; color: #fff; }
.page-id-18732 .sxm-kt-facts b{ display: block; font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--kt-yel); margin-bottom: 6px; }

/* the onboard feed: a cut of the client's own reel in a leaning frame */
.page-id-18732 .sxm-kt-feed{ margin: 0; position: relative; }
.page-id-18732 .sxm-kt-feedclip{
  position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: #120000;
  clip-path: polygon(9% 0, 100% 0, 91% 100%, 0 100%);
}
.page-id-18732 .sxm-kt-feedclip video, .page-id-18732 .sxm-kt-feedclip img{
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; max-width: none;
}
.page-id-18732 .sxm-kt-feedclip::after{   /* scanline grade so the HUD reads */
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 70%, rgba(0,0,0,.62) 100%);
}
.page-id-18732 .sxm-kt-hud{
  position: absolute; left: 13%; top: 16px; z-index: 2;
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #fff;
}
.page-id-18732 .sxm-kt-hud i{ width: 8px; height: 8px; border-radius: 50%; background: var(--kt-red); box-shadow: 0 0 10px rgba(255,40,20,.9); }
.page-id-18732 .sxm-kt-feed figcaption{
  position: absolute; left: 6%; right: 24%; bottom: 14px; z-index: 2;
  font-family: var(--sxm-mono); font-size: 10px; font-style: normal; letter-spacing: 1.5px; line-height: 1.5; text-transform: uppercase; color: rgba(255,255,255,.86);
}
.page-id-18732 .sxm-kt-feed .sxm-kt-feedbtn{
  display: none; position: absolute; right: 12%; bottom: 8px; z-index: 3;
  min-width: 64px; min-height: 44px; padding: 0 12px; margin: 0;
  background: #000; color: #fff; border: 1px solid rgba(255,255,255,.7); border-radius: 0;
  font-family: var(--sxm-mono); font-size: 11px; font-weight: 400; letter-spacing: 1.6px; line-height: 1; text-transform: uppercase; text-align: center; white-space: nowrap;
  cursor: pointer; transform: skewX(var(--kt-lean));
  transition: background-color .2s ease, color .2s ease;
}
.page-id-18732 .sxm-kt-feed .sxm-kt-feedbtn:hover, .page-id-18732 .sxm-kt-feed .sxm-kt-feedbtn:focus-visible{ background: #fff; color: #000; border-color: #fff; }
.page-id-18732 .sxm-kt-feed .sxm-kt-feedbtn:focus-visible{ outline: 2px solid #fff; outline-offset: 3px; }
.page-id-18732 .sxm-kt-feed.has-js .sxm-kt-feedbtn{ display: inline-block; }
.page-id-18732 .sxm-kt-streak{
  position: absolute; left: -10%; right: -10%; top: 0; bottom: 0; pointer-events: none; opacity: 0; z-index: 3;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.9) 60%, transparent) 0 22% / 100% 2px no-repeat,
    linear-gradient(90deg, transparent, rgba(253,194,10,.9) 50%, transparent) 0 41% / 100% 3px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.7) 40%, transparent) 0 58% / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.8) 70%, transparent) 0 77% / 100% 2px no-repeat;
}

/* the arrival: lamps come on one pod at a time, all go out, then the page goes.
   Only under html.sxm-kt-on (set by an inline script unless the visitor asks for reduced motion). */
@keyframes sxmKtOn{ from{ opacity: 0; } to{ opacity: 1; } }
@keyframes sxmKtOff{ from{ opacity: 1; } to{ opacity: 0; } }
@keyframes sxmKtGo{ from{ clip-path: inset(-.3em 110% -.3em -.2em); } to{ clip-path: inset(-.3em -.4em -.3em -.2em); } }
@keyframes sxmKtIn{ from{ opacity: 0; transform: translate3d(-46px,0,0) skewX(-8deg); } to{ opacity: 1; transform: none; } }
@keyframes sxmKtInLean{ from{ opacity: 0; transform: translate3d(-46px,0,0) skewX(-18deg); } to{ opacity: 1; transform: skewX(-10deg); } }
@keyframes sxmKtStreak{ 0%{ opacity: 0; transform: translate3d(-70%,0,0); } 25%{ opacity: 1; } 100%{ opacity: 0; transform: translate3d(70%,0,0); } }
@keyframes sxmKtGhost{ from{ opacity: 1; } to{ opacity: 0; } }
html.sxm-kt-on body.page-id-18732 .sxm-kt-gantry b::after{
  animation: sxmKtOn .09s linear calc(.15s + var(--n) * .2s) both, sxmKtOff .1s linear 1.35s forwards;
}
html.sxm-kt-on body.page-id-18732 .sxm-kt-gantry em{ animation: sxmKtOn .2s ease 1.38s both; }
html.sxm-kt-on body.page-id-18732 .sxm-kt-h1::before{
  content: attr(data-text); position: absolute; left: 0; top: 0;
  color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.6);
  animation: sxmKtGhost .3s ease 1.8s both;
}
html.sxm-kt-on body.page-id-18732 .sxm-kt-h1 .f{ animation: sxmKtGo .5s cubic-bezier(.3,.7,.2,1) 1.36s both; }
html.sxm-kt-on body.page-id-18732 .sxm-kt-hero [data-ktl]{ animation: sxmKtIn .6s cubic-bezier(.14,.9,.25,1) calc(1.46s + var(--l, 0) * .09s) both; }
html.sxm-kt-on body.page-id-18732 .sxm-kt-hero .sxm-kt-tag[data-ktl]{ animation-name: sxmKtInLean; }
html.sxm-kt-on body.page-id-18732 .sxm-kt-streak{ animation: sxmKtStreak .55s ease-out 1.34s both; }

/* ================================================================ 01 BRIEFING (paper) */
.page-id-18732 .sxm-kt-brief{ background: var(--kt-paper); color: var(--kt-ink); padding-block: clamp(44px, calc(72 * var(--u)), 84px) clamp(48px, calc(84 * var(--u)), 96px); }
.page-id-18732 .sxm-kt-briefgrid{ display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); gap: clamp(28px, calc(64 * var(--u)), 76px); align-items: start; }
.page-id-18732 .sxm-kt-brief .sxm-kt-h2{ max-width: none; font-size: clamp(38px, calc(76 * var(--u)), 86px); }
.page-id-18732 .sxm-kt-brief .sxm-kt-src{ margin: -6px 0 clamp(20px, calc(28 * var(--u)), 32px); color: var(--kt-ink); }
/* the timing tower */
.page-id-18732 .sxm-kt-tower{ background: #0C0C0C; color: #fff; padding: clamp(16px, calc(22 * var(--u)), 26px) 0 6px; box-shadow: 14px 14px 0 rgba(0,0,0,.08); }
.page-id-18732 .sxm-kt-tower-k{
  display: flex; justify-content: space-between; gap: 12px;
  font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.62);
  margin: 0; padding: 0 clamp(16px, calc(22 * var(--u)), 26px) clamp(12px, calc(16 * var(--u)), 18px);
}
.page-id-18732 .sxm-kt-tower-k b{ color: var(--kt-yel); font-weight: 400; }
.page-id-18732 .sxm-kt-tower dl{ margin: 0; }
.page-id-18732 .sxm-kt-tower dl > div{
  display: grid; grid-template-columns: 46px 104px minmax(0, 1fr); align-items: stretch;
  border-top: 1px solid rgba(255,255,255,.12);
}
.page-id-18732 .sxm-kt-tower s{
  text-decoration: none; display: grid; place-items: center;
  font-family: var(--sxm-mono); font-size: 15px; color: #fff; background: var(--kt-red);
}
.page-id-18732 .sxm-kt-tower dl > div:nth-child(even) s{ background: var(--kt-yel); color: #111; }
.page-id-18732 .sxm-kt-tower dt{
  font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: rgba(255,255,255,.7);
  padding: 16px 0 16px 16px; align-self: start; line-height: 1.5;
}
.page-id-18732 .sxm-kt-tower dd{
  margin: 0; font-family: var(--sxm-copy); font-weight: 500; font-size: clamp(14px, calc(16 * var(--u)), 17px); line-height: 1.5; color: #fff;
  padding: 14px clamp(16px, calc(22 * var(--u)), 26px) 14px 12px;
}
.page-id-18732 .sxm-kt-tower dd i{ font-style: normal; font-weight: 400; color: rgba(255,255,255,.62); }

/* ============================================================ 02 THE CIRCUIT (asphalt) */
.page-id-18732 .sxm-kt-circuit{ background: var(--kt-asph); color: #fff; padding-block: 0 clamp(52px, calc(96 * var(--u)), 110px); }
.page-id-18732 .sxm-kt-kerb{
  display: block; height: 14px; margin: 0 calc(-1 * var(--kt-pad)) clamp(40px, calc(64 * var(--u)), 76px);
  background: repeating-linear-gradient(90deg, var(--kt-red) 0 46px, #fff 46px 92px);
}
.page-id-18732 .sxm-kt-circhead{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(20px, calc(64 * var(--u)), 76px); align-items: end; margin-bottom: clamp(30px, calc(52 * var(--u)), 60px); }
.page-id-18732 .sxm-kt-circhead .sxm-kt-h2{ margin-bottom: 0; }
.page-id-18732 .sxm-kt-circuit .sxm-kt-lede{ color: rgba(255,255,255,.8); margin-bottom: 0; }
.page-id-18732 .sxm-kt-sec{ display: grid; gap: clamp(24px, calc(56 * var(--u)), 64px); align-items: center; padding-block: clamp(26px, calc(44 * var(--u)), 52px); border-top: 1px solid rgba(255,255,255,.14); }
.page-id-18732 .sxm-kt-sec-k{
  display: flex; align-items: center; gap: 12px; margin: 0 0 12px;
  font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.7);
}
.page-id-18732 .sxm-kt-bars{ display: inline-flex; gap: 3px; }
.page-id-18732 .sxm-kt-bars i{ display: block; width: 26px; height: 7px; background: rgba(255,255,255,.2); transform: skewX(-30deg); }
.page-id-18732 .sxm-kt-bars i.on{ background: var(--sc, var(--kt-red)); }
.page-id-18732 .sxm-kt-sec-h{
  font-family: var(--kt-ext); font-weight: 700;
  font-size: clamp(34px, calc(76 * var(--u)), 86px); line-height: .95; letter-spacing: -.02em; white-space: nowrap;
  text-transform: uppercase; color: #fff; margin: 0 0 clamp(14px, calc(20 * var(--u)), 24px);
  transform: skewX(-10deg); transform-origin: 0 100%;
}
.page-id-18732 .sxm-kt-sec-p{
  font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(16px, calc(18 * var(--u)), 20px); line-height: 1.6;
  color: rgba(255,255,255,.84); max-width: 58ch; margin: 0 0 clamp(18px, calc(26 * var(--u)), 30px);
}
.page-id-18732 .sxm-kt-sec-p q{ quotes: "“" "”"; color: #fff; }
.page-id-18732 .sxm-kt-tele{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 640px; }
.page-id-18732 .sxm-kt-tele li{
  background: #0B0B0B; border-left: 4px solid var(--sc, var(--kt-red));
  padding: 12px 14px 12px 16px; display: grid; gap: 4px;
}
.page-id-18732 .sxm-kt-tele b{ font-family: var(--kt-ext); font-weight: 700; font-size: clamp(22px, calc(30 * var(--u)), 34px); line-height: 1; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.page-id-18732 .sxm-kt-tele span{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.4px; line-height: 1.5; text-transform: uppercase; color: rgba(255,255,255,.72); }
.page-id-18732 .sxm-kt-ph{ margin: 0; position: relative; overflow: hidden; background: #0B0B0B; }
.page-id-18732 .sxm-kt-ph img{ display: block; width: 100%; height: 100%; object-fit: cover; max-width: none; transition: transform .9s cubic-bezier(.14,.9,.25,1); }
.page-id-18732 .sxm-kt-sec:hover .sxm-kt-ph > img{ transform: scale(1.035); }
.page-id-18732 .sxm-kt-ph figcaption{
  position: absolute; left: 0; bottom: 0; z-index: 2; background: #0B0B0B; color: #fff;
  font-family: var(--sxm-mono); font-size: 10px; font-style: normal; letter-spacing: 1.5px; text-transform: uppercase; padding: 8px 12px; line-height: 1.4;
}
/* S1 race: a tall leaning frame left */
.page-id-18732 .sxm-kt-sec--race{ grid-template-columns: clamp(260px, calc(400 * var(--u)), 440px) minmax(0, 1fr); --sc: var(--kt-red); border-top: 0; padding-top: 0; }
.page-id-18732 .sxm-kt-sec--race .sxm-kt-ph{ aspect-ratio: 4 / 5; clip-path: polygon(9% 0, 100% 0, 91% 100%, 0 100%); }
.page-id-18732 .sxm-kt-sec--race .sxm-kt-ph img{ object-position: 50% 30%; }
.page-id-18732 .sxm-kt-sec--race .sxm-kt-ph figcaption{ left: 4%; }
.page-id-18732 .sxm-kt-sec--race .sxm-kt-tele{ grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; }
/* S2 play: copy left, the arcade wide on the right with soft play inset */
.page-id-18732 .sxm-kt-sec--play{ grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr); --sc: var(--kt-yel); }
.page-id-18732 .sxm-kt-sec--play .sxm-kt-phwrap{ position: relative; padding-bottom: clamp(30px, calc(54 * var(--u)), 60px); }
.page-id-18732 .sxm-kt-sec--play .sxm-kt-ph--main{ aspect-ratio: 3 / 2; }
.page-id-18732 .sxm-kt-sec--play .sxm-kt-ph--main figcaption{ left: auto; right: 0; }
.page-id-18732 .sxm-kt-sec--play .sxm-kt-ph--inset{
  position: absolute; left: clamp(-30px, calc(-36 * var(--u)), -12px); bottom: 0; width: 40%; aspect-ratio: 3 / 2;
  border: 6px solid var(--kt-asph);
}
/* S3 celebrate: the four packages on a starting grid, the party area beside it */
.page-id-18732 .sxm-kt-sec--party{ grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); --sc: #fff; align-items: stretch; }
.page-id-18732 .sxm-kt-sec--party .sxm-kt-ph{ min-height: 100%; }
.page-id-18732 .sxm-kt-sec--party .sxm-kt-ph img{ position: absolute; inset: 0; object-position: 30% 50%; }
.page-id-18732 .sxm-kt-startgrid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(16px, calc(34 * var(--u)), 40px); row-gap: 0; }
.page-id-18732 .sxm-kt-startgrid li{
  position: relative; padding: 18px 12px 20px 16px; min-height: 124px;
  border: 3px solid #fff; border-bottom: 0;      /* the painted grid box: open at the back */
  display: grid; align-content: start; gap: 6px;
}
.page-id-18732 .sxm-kt-startgrid li:nth-child(even){ margin-top: clamp(40px, calc(62 * var(--u)), 70px); }
.page-id-18732 .sxm-kt-startgrid li:nth-child(n+3){ margin-top: clamp(22px, calc(30 * var(--u)), 34px); }
.page-id-18732 .sxm-kt-startgrid li:nth-child(4){ margin-top: clamp(62px, calc(92 * var(--u)), 104px); }
.page-id-18732 .sxm-kt-startgrid s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; color: var(--kt-yel); text-transform: uppercase; }
.page-id-18732 .sxm-kt-startgrid b{ font-family: var(--kt-cond); font-weight: 700; font-size: clamp(22px, calc(30 * var(--u)), 34px); line-height: 1; text-transform: uppercase; color: #fff; }
.page-id-18732 .sxm-kt-startgrid span{ font-family: var(--sxm-copy); font-weight: 500; font-size: 15px; line-height: 1.4; color: rgba(255,255,255,.84); }
.page-id-18732 .sxm-kt-gridk{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.6px; line-height: 1.6; text-transform: uppercase; color: rgba(255,255,255,.66); margin: clamp(8px, calc(14 * var(--u)), 16px) 0 16px; }

/* ================================================================= 03 THE LIVERY (red) */
.page-id-18732 .sxm-kt-livery{ background: var(--kt-red); color: #fff; padding-block: clamp(44px, calc(72 * var(--u)), 84px) 0; overflow: hidden; }
.page-id-18732 .sxm-kt-livery .sxm-kt-fade{ --fc: #fff; }
.page-id-18732 .sxm-kt-livery .sxm-kt-eyebrow{ color: #fff; }
.page-id-18732 .sxm-kt-wordmark{ color: #fff; width: min(100%, calc(1040 * var(--u))); margin: clamp(8px, calc(20 * var(--u)), 24px) 0 clamp(26px, calc(46 * var(--u)), 54px); }
.page-id-18732 .sxm-kt-wordmark svg{ display: block; width: 100%; height: auto; overflow: visible; }
.page-id-18732 .sxm-kt-livgrid{ display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: clamp(26px, calc(60 * var(--u)), 70px); align-items: stretch; }
.page-id-18732 .sxm-kt-livery .sxm-kt-h2{ max-width: none; }
.page-id-18732 .sxm-kt-notes{ list-style: none; margin: 0 0 clamp(44px, calc(72 * var(--u)), 84px); padding: clamp(8px, calc(12 * var(--u)), 14px) clamp(18px, calc(28 * var(--u)), 32px); background: #0C0C0C; color: #fff; box-shadow: 14px 14px 0 rgba(0,0,0,.2); }
.page-id-18732 .sxm-kt-notes li{ display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: clamp(16px, calc(20 * var(--u)), 24px) 0; border-top: 1px solid rgba(255,255,255,.14); }
.page-id-18732 .sxm-kt-notes li:first-child{ border-top: 0; }
.page-id-18732 .sxm-kt-notes s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 13px; letter-spacing: 1.5px; color: var(--kt-yel); padding-top: 5px; }
.page-id-18732 .sxm-kt-notes b{ display: block; font-family: var(--kt-cond); font-weight: 700; font-size: clamp(22px, calc(28 * var(--u)), 32px); line-height: 1; text-transform: uppercase; color: #fff; margin-bottom: 8px; }
.page-id-18732 .sxm-kt-notes p{ margin: 0; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(15px, calc(16 * var(--u)), 17px); line-height: 1.6; color: rgba(255,255,255,.84); }
.page-id-18732 .sxm-kt-livside{ position: relative; display: grid; align-content: space-between; gap: 24px; padding-top: clamp(0px, calc(14 * var(--u)), 16px); }
/* the palette as three tyre compounds */
.page-id-18732 .sxm-kt-tyres{ list-style: none; margin: 0 0 clamp(18px, calc(26 * var(--u)), 30px); padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, calc(20 * var(--u)), 24px); position: relative; z-index: 2; }
.page-id-18732 .sxm-kt-tyres li{ display: grid; justify-items: center; gap: 10px; text-align: center; }
.page-id-18732 .sxm-kt-tyre{
  display: grid; place-items: center; width: 100%; max-width: 168px; aspect-ratio: 1; border-radius: 50%; position: relative;
  background:
    radial-gradient(circle, #2E2E2E 0 30%, #0A0A0A 30.5% 33%, #1B1B1B 33.5% 56%, var(--c) 56.5% 66%, #141414 66.5% 100%);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}
.page-id-18732 .sxm-kt-tyre::before{   /* a valve mark, so the roll-in reads */
  content: ""; position: absolute; left: 50%; top: 7%; width: 5%; height: 9%; background: var(--c); transform: translateX(-50%); border-radius: 2px;
}
.page-id-18732 .sxm-kt-tyre s{ text-decoration: none; font-family: var(--sxm-mono); font-size: clamp(9px, calc(10 * var(--u)), 11px); letter-spacing: .5px; color: #fff; }
.page-id-18732 .sxm-kt-tyres b{ font-family: var(--kt-cond); font-weight: 700; font-size: clamp(18px, calc(22 * var(--u)), 26px); line-height: 1; text-transform: uppercase; color: #fff; }
.page-id-18732 .sxm-kt-tyres span{ font-family: var(--sxm-copy); font-weight: 600; font-size: 14px; line-height: 1.4; color: #1A0000; max-width: 20ch; }
.page-id-18732 .sxm-kt-rv .sxm-kt-tyre{ transform: translate3d(-90px,0,0) rotate(-200deg); transition: transform 1s cubic-bezier(.14,.9,.25,1) calc(.1s + var(--t, 0) * .12s); }
.page-id-18732 .sxm-kt-rv.is-in .sxm-kt-tyre{ transform: none; }
.page-id-18732 .sxm-kt-mascot{ margin: 0; display: flex; justify-content: flex-end; align-items: flex-end; gap: 18px; position: relative; padding-right: 4%; }
.page-id-18732 .sxm-kt-mascot::before{   /* their yellow, leaning like their buttons, so the red suit reads on the red band */
  content: ""; position: absolute; right: 0; bottom: 0; width: clamp(200px, calc(372 * var(--u)), 420px); height: 80%;
  background: var(--kt-yel); clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%);
}
.page-id-18732 .sxm-kt-mascot > *{ position: relative; z-index: 1; }
.page-id-18732 .sxm-kt-mascot img{ display: block; width: clamp(180px, calc(340 * var(--u)), 390px); height: auto; margin-bottom: 0; }
.page-id-18732 .sxm-kt-mascot figcaption{ font-family: var(--sxm-mono); font-size: 11px; font-style: normal; letter-spacing: 1.5px; line-height: 1.6; text-transform: uppercase; color: #1A0000; max-width: 22ch; padding-bottom: clamp(22px, calc(40 * var(--u)), 46px); text-align: right; }

/* ============================================================ 04 THE SHIPPED SITE (paper) */
.page-id-18732 .sxm-kt-site{ background: var(--kt-paper); color: var(--kt-ink); padding-block: clamp(44px, calc(72 * var(--u)), 84px) clamp(48px, calc(80 * var(--u)), 92px); }
.page-id-18732 .sxm-kt-sitehead{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(20px, calc(64 * var(--u)), 76px); align-items: end; margin-bottom: clamp(26px, calc(40 * var(--u)), 46px); }
.page-id-18732 .sxm-kt-sitehead .sxm-kt-h2{ margin-bottom: 0; }
.page-id-18732 .sxm-kt-sitehead .sxm-kt-copy{ margin-bottom: 0; }
.page-id-18732 .sxm-kt-screens{ display: grid; grid-template-columns: 1.72fr 1fr; gap: 14px; align-items: stretch; }
.page-id-18732 .sxm-kt-stack{ display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.page-id-18732 .sxm-kt-shot{ margin: 0; display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: #fff; border: 1px solid rgba(0,0,0,.16); box-shadow: 10px 10px 0 rgba(0,0,0,.07); transition: transform .45s ease; }
.page-id-18732 .sxm-kt-stack .sxm-kt-shot{ flex: 1 1 0; }
.page-id-18732 .sxm-kt-shot:hover{ transform: translateY(-5px); }
.page-id-18732 .sxm-kt-shot img{ display: block; width: 100%; height: auto; flex: 1 1 auto; min-height: 0; object-fit: cover; object-position: 50% 0; max-width: none; }
.page-id-18732 .sxm-kt-chrome{ flex: 0 0 auto; display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: #111; }
.page-id-18732 .sxm-kt-chrome i{ width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.28); }
.page-id-18732 .sxm-kt-chrome i:first-child{ background: var(--kt-red); }
.page-id-18732 .sxm-kt-chrome i:nth-child(2){ background: var(--kt-yel); }
.page-id-18732 .sxm-kt-chrome u{ margin-left: 10px; text-decoration: none; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; color: rgba(255,255,255,.72); }
.page-id-18732 .sxm-kt-site .sxm-dev-band{ color: var(--kt-ink); }
.page-id-18732 .sxm-kt-site .sxm-dev-band .sxm-dev-band__k{ color: var(--kt-ink); opacity: .7; }
.page-id-18732 .sxm-kt-site .sxm-dev-band .sxm-dev-band__h{ color: var(--kt-ink); font-family: var(--kt-cond); font-weight: 700; font-size: clamp(30px, calc(44 * var(--u)), 50px); letter-spacing: 0; line-height: 1; }
.page-id-18732 .sxm-kt-site .sxm-dev-band .sxm-dev-band__p{ color: var(--kt-ink); opacity: .86; font-weight: 400; }
.page-id-18732 .sxm-kt-site .sxm-dev{ --dev-bezel: #111111; --dev-line: rgba(254,0,0,.7); --dev-glow: rgba(0,0,0,.28); --dev-bar: #FE0000; }
.page-id-18732 .sxm-kt-site .sxm-dev .sxm-dev-hint{ color: var(--kt-ink); }
.page-id-18732 .sxm-kt-cap span{ white-space: nowrap; }
.page-id-18732 .sxm-kt-cap{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.4px; line-height: 1.6; color: rgba(21,21,21,.74); margin: clamp(22px, calc(30 * var(--u)), 34px) 0 0; }
.page-id-18732 .sxm-kt-cap a{ display: inline-block; color: var(--kt-ink); text-decoration: underline; text-decoration-color: var(--kt-red); text-decoration-thickness: 2px; text-underline-offset: 5px; padding: 14px 2px; transition: background-color .2s ease, color .2s ease; }
.page-id-18732 .sxm-kt-cap a:hover, .page-id-18732 .sxm-kt-cap a:focus-visible{ background: #000; color: #fff; text-decoration-color: #fff; }

/* ============================================================== 05 THE PIT BOARD (asphalt) */
.page-id-18732 .sxm-kt-num{ background: var(--kt-asph); color: #fff; padding-block: clamp(44px, calc(72 * var(--u)), 84px) 0; overflow: hidden; }
.page-id-18732 .sxm-kt-numgrid{ display: grid; grid-template-columns: minmax(0, 1fr) clamp(220px, calc(330 * var(--u)), 370px); gap: clamp(20px, calc(48 * var(--u)), 56px); align-items: end; }
.page-id-18732 .sxm-kt-num .sxm-kt-h2{ max-width: none; }
.page-id-18732 .sxm-kt-board{
  background: #050505; border: 3px solid #2E2E2E; border-radius: 10px; padding: clamp(10px, calc(14 * var(--u)), 16px);
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(8px, calc(12 * var(--u)), 14px);
  margin-bottom: clamp(44px, calc(72 * var(--u)), 84px); position: relative;
}
.page-id-18732 .sxm-kt-board > div{
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,0) 0 13px, rgba(255,255,255,.05) 13px 14px),
    #111;
  border: 1px solid #2A2A2A; padding: clamp(14px, calc(22 * var(--u)), 26px) clamp(12px, calc(18 * var(--u)), 22px) clamp(14px, calc(18 * var(--u)), 22px);
  display: grid; align-content: space-between; gap: 14px; min-height: clamp(150px, calc(244 * var(--u)), 276px);
}
.page-id-18732 .sxm-kt-board b{
  font-family: var(--kt-ext); font-weight: 700; font-size: clamp(46px, calc(102 * var(--u)), 116px); line-height: .9; letter-spacing: -.03em;
  color: var(--kt-yel); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.page-id-18732 .sxm-kt-board b i{ font-style: normal; }
.page-id-18732 .sxm-kt-board b small{ font-size: .34em; letter-spacing: 0; margin-left: .2em; }
.page-id-18732 .sxm-kt-board span{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.4px; line-height: 1.55; text-transform: uppercase; color: rgba(255,255,255,.78); }
.page-id-18732 .sxm-kt-podium{ margin: 0; align-self: end; }
.page-id-18732 .sxm-kt-podium img{ display: block; width: 100%; height: auto; }
.page-id-18732 .sxm-kt-flag{
  display: block; height: 56px; margin: 0 calc(-1 * var(--kt-pad));
  background: conic-gradient(#fff 25%, #0A0A0A 0 50%, #fff 0 75%, #0A0A0A 0) 0 0 / 56px 56px;
}

/* ======================================================================= CTA (SpeedXMedia black) */
.page-id-18732 .sxm-kt-cta{
  padding-inline: var(--kt-pad) !important;
  background: #000; container-type: inline-size; --u: calc(100cqi / 1360);
  padding-block: calc(100 * var(--u)) calc(40 * var(--u)); text-align: center;
}
.page-id-18732 .sxm-kt-ctahead{ --dsz: calc(150 * var(--u)); --capmid: .9808; display: flex; flex-direction: column; align-items: center; gap: 0; margin: 0 0 calc(24 * var(--u)); text-transform: uppercase; color: #fff; line-height: 1.02; }
.page-id-18732 .sxm-kt-ctahead .l{ display: block; white-space: nowrap; }
.page-id-18732 .sxm-kt-ctahead .d{ font-style: normal; font-family: var(--sxm-display); font-weight: 900; font-size: calc(var(--dsz) * var(--capmid)); }
.page-id-18732 .sxm-kt-ctahead .w{ font-style: normal; font-family: var(--sxm-wide); font-weight: 500; font-size: calc(var(--dsz) * var(--capmid) * 1.1543 * .55); letter-spacing: -.02em; }
.page-id-18732 .sxm-kt-ctasub{ font-family: 'Nord Regular', sans-serif; font-size: clamp(12px, calc(18 * var(--u)), 19px); line-height: calc(30/18); letter-spacing: .19em; text-transform: uppercase; color: rgba(255,255,255,.7); max-width: 42ch; margin: 0 auto calc(44 * var(--u)); }
.page-id-18732 .sxm-kt-form{ width: 100%; text-align: left; }
.page-id-18732 .sxm-kt-form .gform_wrapper .gform_fields{ display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, minmax(0, 1fr)); align-items: stretch; height: clamp(240px, 20.6cqi, 290px); grid-column-gap: clamp(4px, .5cqi, 8px); grid-row-gap: clamp(4px, .5cqi, 8px); }
.page-id-18732 .sxm-kt-form .gform_wrapper .gfield{ grid-column: 1; display: flex; min-width: 0; }
.page-id-18732 .sxm-kt-form .gform_wrapper .gfield:has(textarea){ grid-column: 2; grid-row: 1 / span 3; }
.page-id-18732 .sxm-kt-form .gform_wrapper .gfield_label{ display: none !important; }
.page-id-18732 .sxm-kt-form .gform_wrapper .gfield > .ginput_container{ flex: 1 1 auto; display: flex; min-height: 0; margin: 0 !important; }
.page-id-18732 .sxm-kt-form .gform_wrapper input[type=text], .page-id-18732 .sxm-kt-form .gform_wrapper input[type=email], .page-id-18732 .sxm-kt-form .gform_wrapper input[type=tel], .page-id-18732 .sxm-kt-form .gform_wrapper textarea{ width: 100%; height: 100% !important; background: #232323; border: 0; border-radius: 6px; color: #fff; font-family: var(--sxm-copy); font-size: 16px; padding: 20px 22px; margin: 0; resize: none; }
.page-id-18732 .sxm-kt-form .gform_wrapper input, .page-id-18732 .sxm-kt-form .gform_wrapper textarea{ border: 0 !important; }
.page-id-18732 .sxm-kt-form .gform_wrapper ::placeholder{ color: rgba(255,255,255,.5); }
.page-id-18732 .sxm-kt-form .gform_wrapper .gform_footer{ margin: 10px 0 0; padding: 0; }
.page-id-18732 .sxm-kt-form .gform_wrapper .gform_footer input[type=submit]{ display: block; width: 100% !important; padding: calc(30 * var(--u)) 0 !important; background: #fff !important; color: #000 !important; border: 0 !important; border-radius: 6px !important; font-family: var(--sxm-wide) !important; font-weight: 500 !important; font-size: clamp(15px, calc(28 * var(--u)), 29px) !important; line-height: 1.2; text-align: center; text-transform: uppercase; cursor: pointer; box-shadow: inset 0 0 0 2px #fff !important; transition: background-color .25s ease, color .25s ease; }
.page-id-18732 .sxm-kt-form .gform_wrapper .gform_footer input[type=submit]:hover{ background: #000 !important; color: #fff !important; }
.page-id-18732 .sxm-kt-form .gform_wrapper .gform_footer input[type=submit]:focus-visible{ outline: 3px solid #fff; outline-offset: 3px; }
.page-id-18732 .sxm-kt-note{ font-family: var(--sxm-mono); font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; color: #E8C33C; margin: calc(14 * var(--u)) 0 0; text-align: center; }
.page-id-18732 .sxm-kt-back{ text-align: center; margin: calc(30 * var(--u)) 0 0; }
.page-id-18732 .sxm-kt-back a{ display: inline-block; font-family: var(--sxm-wide); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.66); text-decoration: none; border-bottom: 1px solid #2c2c2c; padding: 14px 0 5px; transition: color .25s ease, border-color .25s ease; }
.page-id-18732 .sxm-kt-back a:hover, .page-id-18732 .sxm-kt-back a:focus-visible{ color: #fff; border-color: #fff; }

/* ================================================================== tablet */
@media (max-width: 1024px){
  .page-id-18732 .sxm-kt-h2{ max-width: none; }
  .page-id-18732 .sxm-kt-herogrid{ grid-template-columns: minmax(0, 1fr) clamp(190px, 27cqi, 280px); gap: 28px; }
  .page-id-18732 .sxm-kt-h1{ font-size: 9.3cqi; }
  .page-id-18732 .sxm-kt-feed figcaption{ position: static; margin: 10px 0 0 4%; }
  .page-id-18732 .sxm-kt-facts{ grid-template-columns: 1fr; gap: 14px; }
  .page-id-18732 .sxm-kt-briefgrid{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-sec--race{ grid-template-columns: minmax(0, .7fr) minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-circhead{ grid-template-columns: minmax(0, 1fr); align-items: start; }
  .page-id-18732 .sxm-kt-sec--play, .page-id-18732 .sxm-kt-sec--party{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-sec--race .sxm-kt-tele{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-id-18732 .sxm-kt-sec--party .sxm-kt-ph{ min-height: 0; aspect-ratio: 16 / 10; }
  .page-id-18732 .sxm-kt-sec--play .sxm-kt-ph--inset{ left: auto; right: 4%; width: 36%; }
  .page-id-18732 .sxm-kt-sec--play .sxm-kt-ph--main figcaption{ left: 0; right: auto; }
  .page-id-18732 .sxm-kt-livgrid{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-notes{ margin-bottom: clamp(30px, 6cqi, 48px); }
  .page-id-18732 .sxm-kt-sitehead{ grid-template-columns: minmax(0, 1fr); align-items: start; }
  .page-id-18732 .sxm-kt-screens{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-stack{ flex-direction: row; }
  .page-id-18732 .sxm-kt-numgrid{ grid-template-columns: minmax(0, 1fr) clamp(180px, 27cqi, 270px); gap: 24px; }
  .page-id-18732 .sxm-kt-board{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* =================================================================== phone */
@media (max-width: 767px){
  .page-id-18732 .sxm-kt-hero{ padding-top: 40px; }   /* phone: a fixed 40px to the first ink, like every page */
  .page-id-18732 .sxm-kt-crumbrow{ margin-bottom: 26px; }
  .page-id-18732 .sxm-kt-crumb a{ padding-block: 14px; }
  .page-id-18732 .sxm-kt-herogrid{ grid-template-columns: minmax(0, 1fr); align-items: start; }
  .page-id-18732 .sxm-kt-h1{ font-size: 13.6cqi; }
  .page-id-18732 .sxm-kt-feed{ margin-top: 6px; }
  .page-id-18732 .sxm-kt-feed figcaption{ position: absolute; margin: 0; }
  .page-id-18732 .sxm-kt-feedclip{ aspect-ratio: 4 / 5; clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%); }
  .page-id-18732 .sxm-kt-fade i:first-child{ flex-basis: 52%; }
  .page-id-18732 .sxm-kt-fade i + i{ flex-basis: 22px; }
  .page-id-18732 .sxm-kt-tower{ box-shadow: 8px 8px 0 rgba(0,0,0,.08); }
  .page-id-18732 .sxm-kt-tower dl > div{ grid-template-columns: 40px minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-tower s{ grid-row: 1 / span 2; }
  .page-id-18732 .sxm-kt-tower dt{ padding: 12px 14px 0; }
  .page-id-18732 .sxm-kt-tower dd{ padding: 2px 14px 14px; }
  .page-id-18732 .sxm-kt-kerb{ height: 10px; background: repeating-linear-gradient(90deg, var(--kt-red) 0 30px, #fff 30px 60px); }
  .page-id-18732 .sxm-kt-sec--race{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-sec--race .sxm-kt-ph{ aspect-ratio: 1 / 1; clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%); }
  .page-id-18732 .sxm-kt-sec--play .sxm-kt-phwrap{ padding-bottom: 34px; }
  .page-id-18732 .sxm-kt-sec--play .sxm-kt-ph--inset{ right: 0; width: 46%; border-width: 4px; }
  .page-id-18732 .sxm-kt-tele{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .page-id-18732 .sxm-kt-tele li{ padding: 10px 10px 10px 12px; }
  .page-id-18732 .sxm-kt-startgrid{ column-gap: 12px; }
  .page-id-18732 .sxm-kt-startgrid li{ padding: 14px 10px 16px 12px; min-height: 132px; }
  .page-id-18732 .sxm-kt-startgrid span{ font-size: 14px; }
  .page-id-18732 .sxm-kt-notes{ box-shadow: 8px 8px 0 rgba(0,0,0,.2); }
  .page-id-18732 .sxm-kt-notes li{ grid-template-columns: 34px minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-tyres span{ font-size: 13px; }
  .page-id-18732 .sxm-kt-mascot{ flex-direction: column; align-items: center; justify-content: flex-end; gap: 0; padding-right: 0; }
  .page-id-18732 .sxm-kt-mascot::before{ right: 50%; transform: translateX(50%); width: 250px; height: 62%; }
  .page-id-18732 .sxm-kt-mascot figcaption{ text-align: center; max-width: none; padding-bottom: 14px; }
  .page-id-18732 .sxm-kt-mascot img{ width: 210px; }
  .page-id-18732 .sxm-kt-stack{ flex-direction: column; }
  .page-id-18732 .sxm-kt-stack .sxm-kt-shot{ flex: 0 0 auto; }
  .page-id-18732 .sxm-kt-shot{ box-shadow: 6px 6px 0 rgba(0,0,0,.07); }
  .page-id-18732 .sxm-kt-numgrid{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18732 .sxm-kt-board{ gap: 8px; padding: 8px; margin-bottom: 28px; }
  .page-id-18732 .sxm-kt-board > div{ min-height: 132px; }
  .page-id-18732 .sxm-kt-board b{ font-size: 58px; }
  .page-id-18732 .sxm-kt-podium{ max-width: 250px; margin-inline: auto; }
  .page-id-18732 .sxm-kt-flag{ height: 40px; background-size: 40px 40px; }
  .page-id-18732 .sxm-kt-cta{ padding-block: 64px 28px; }
  .page-id-18732 .sxm-kt-ctahead{ --dsz: 32cqi; margin-bottom: 18px; }   /* lead review: was 250u, a stub on a phone */
  .page-id-18732 .sxm-kt-form .gform_wrapper .gform_fields{ grid-template-columns: 1fr; grid-template-rows: none; height: auto; grid-row-gap: 6px; }
  .page-id-18732 .sxm-kt-form .gform_wrapper .gfield, .page-id-18732 .sxm-kt-form .gform_wrapper .gfield:has(textarea){ grid-column: 1; grid-row: auto; }
  .page-id-18732 .sxm-kt-form .gform_wrapper .gfield textarea{ height: 150px !important; }
  .page-id-18732 .sxm-kt-form .gform_wrapper input[type=text], .page-id-18732 .sxm-kt-form .gform_wrapper input[type=email], .page-id-18732 .sxm-kt-form .gform_wrapper input[type=tel]{ padding: 19px 20px !important; font-size: 16px; line-height: 1.35 !important; height: auto !important; }
  .page-id-18732 .sxm-kt-form .gform_wrapper .gform_footer input[type=submit]{ padding: 20px 0 !important; font-size: 18px !important; }
  .page-id-18732 .sxm-kt-note{ margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce){
  .page-id-18732 .sxm-kt-shot, .page-id-18732 .sxm-kt-shot:hover{ transform: none; }
  .page-id-18732 .sxm-kt-sec:hover .sxm-kt-ph > img{ transform: none; }
}/* End custom CSS */