.elementor-18738 .elementor-element.elementor-element-c68f1e0{--display:flex;}.elementor-18738 .elementor-element.elementor-element-2e8fea8{--display:flex;}.elementor-18738 .elementor-element.elementor-element-1c9a12b{--display:flex;}.elementor-18738 .elementor-element.elementor-element-d5d79a8{--display:flex;}.elementor-18738 .elementor-element.elementor-element-9e73489{--display:flex;}.elementor-18738 .elementor-element.elementor-element-acfbc56{--display:flex;}.elementor-18738 .elementor-element.elementor-element-1e5358e{--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-18738 .elementor-element.elementor-element-sxmlpbnd{--display:flex;}.elementor-18738 .elementor-element.elementor-element-f602e4b{--display:flex;}@media(max-width:1024px){.elementor-18738 .elementor-element.elementor-element-c68f1e0{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-2e8fea8{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-1c9a12b{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-d5d79a8{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-9e73489{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-acfbc56{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-1e5358e{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-f602e4b{--flex-wrap:nowrap;}}@media(max-width:767px){.elementor-18738 .elementor-element.elementor-element-c68f1e0{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-2e8fea8{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-1c9a12b{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-d5d79a8{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-9e73489{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-acfbc56{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-1e5358e{--flex-wrap:nowrap;}.elementor-18738 .elementor-element.elementor-element-f602e4b{--flex-wrap:nowrap;}}/* Start custom CSS *//* ============================================================================
   /work/la-sol-athletics/ (18738) — MATCHDAY. A soccer club case study in the club's
   own colours, read off lasolathletics.com: night navy #021528, navy #03203E, ice blue
   #94DFFF, gold #F4C04E, chalk #F0F3F6. The language is a matchday under lights: a
   scoreboard strip on the hero, programme notes, the badge on the club's light ground
   with the palette woven into a scarf, the four disciplines as a team sheet on a pitch,
   the site as a fixture list, the season as a league-table row and a full-time board.
   Faces: Microgramma D Extended Bold stands in for their squared display face, Staff XX
   Condensed for Bebas Neue, DM Sans for Inter. Scope: .page-id-18738 throughout.
   ========================================================================= */
.page-id-18738{
  --ls-pad: max(20px, min(40px, calc((100vw - 1360px) / 2)));
  --ls-sq: 'Microgramma D Extended Bold', 'Eurostile Extended Black', sans-serif;
  --ls-cn: 'Staff XX Condensed', 'F37 Stout Black Compressed', sans-serif;
  --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', monospace;
  --night: #021528; --navy: #03203E; --navy3: #0A2D4F; --ice: #94DFFF; --pale: #DAF9FC;
  --gold: #F4C04E; --gold-hi: #FFE6A3; --gold-lo: #D99A2B; --chalk: #F0F3F6;
  --mut: rgba(255,255,255,.74); --dim: rgba(255,255,255,.52); --line: rgba(148,223,255,.18);
}
body.page-id-18738{ background: #000; }
.page-id-18738 .sxm-ls{
  padding-inline: var(--ls-pad) !important;
  background: var(--night); color: #fff;
  container-type: inline-size;
  --u: calc(100cqi / 1360);
}

/* ----------------------------------------------------------------- reveals
   .sxm-ls-rv is added by the tail script only (no JS / reduced motion = the finished state) */
.page-id-18738 .sxm-ls-rv{
  opacity: 0; transform: translate3d(0, 24px, 0);
  transition: opacity .6s ease var(--d, 0s), transform .75s cubic-bezier(.16,.84,.44,1) var(--d, 0s);
}
.page-id-18738 .sxm-ls-rv.is-in{ opacity: 1; transform: none; }

/* ------------------------------------------------------- shared editorial */
.page-id-18738 .sxm-ls-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(--ice);
  margin: 0 0 calc(30 * var(--u));
  padding-top: calc(16 * var(--u));
  border-top: 1px solid var(--line);
}
.page-id-18738 .sxm-ls-h2{
  font-family: var(--ls-cn); font-weight: 700;
  font-size: clamp(40px, calc(88 * var(--u)), 96px); line-height: .94; letter-spacing: .005em;
  text-transform: uppercase; color: #fff;
  margin: 0 0 calc(28 * var(--u)); max-width: 13ch; text-wrap: balance;
}
.page-id-18738 .sxm-ls-copy{
  font-family: var(--sxm-copy); font-weight: 300;
  font-size: clamp(15px, calc(18 * var(--u)), 20px); line-height: 1.66;
  color: var(--mut); max-width: 62ch; margin: 0 0 calc(18 * var(--u));
}
.page-id-18738 .sxm-ls-copy b{ font-weight: 500; color: #fff; }
/* Elementor ships .elementor .elementor-widget figure{margin:0} at (0,4,1): figure margins here need !important */
.page-id-18738 .sxm-ls-quote{ margin: calc(44 * var(--u)) 0 0 !important; padding: 0 0 0 clamp(16px, calc(24 * var(--u)), 28px); border-left: 3px solid var(--gold); }
.page-id-18738 .sxm-ls-quote blockquote{ margin: 0; padding: 0; border: 0; quotes: none; }
.page-id-18738 .sxm-ls-quote blockquote p{
  font-family: var(--sxm-copy); font-weight: 400;
  font-size: clamp(19px, calc(29 * var(--u)), 31px); line-height: 1.3; letter-spacing: -.015em;
  color: #fff; margin: 0 0 12px; max-width: 30ch;
}
.page-id-18738 .sxm-ls-quote figcaption{ font-style: normal; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.6px; line-height: 1.6; text-transform: uppercase; color: var(--dim); }

/* -------------------------------------------------------------------- hero */
.page-id-18738 .sxm-ls-hero{ padding-top: calc(28 * var(--u)); padding-bottom: calc(24 * var(--u)); }
.page-id-18738 .sxm-ls-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: var(--dim);
  margin: 0 0 calc(28 * var(--u));
}
.page-id-18738 .sxm-ls-crumb a{ color: var(--dim); text-decoration: none; transition: color .25s ease; }
.page-id-18738 .sxm-ls-crumb a:hover, .page-id-18738 .sxm-ls-crumb a:focus-visible{ color: #fff; }
.page-id-18738 .sxm-ls-crumb b{ color: #fff; font-weight: 400; }
/* the stage: the club's own navy with a glow on the horizon, two floodlights in the top corners */
.page-id-18738 .sxm-ls-stage{
  position: relative; overflow: hidden; isolation: isolate;
  border: 1px solid var(--line); border-radius: 6px;
  background:
    radial-gradient(ellipse 80% 70% at 30% 118%, rgba(148,223,255,.30), rgba(148,223,255,0) 62%),
    linear-gradient(180deg, #021528 0%, #03203E 58%, #0A3557 100%);
  padding: clamp(22px, calc(48 * var(--u)), 56px) clamp(20px, calc(56 * var(--u)), 64px) clamp(20px, calc(40 * var(--u)), 46px);
}
.page-id-18738 .sxm-ls-stage > *{ position: relative; z-index: 2; }
.page-id-18738 .sxm-ls-stage::before, .page-id-18738 .sxm-ls-stage::after{
  content: ""; position: absolute; z-index: 1; top: -210px; width: 560px; height: 560px; border-radius: 50%;
  background: radial-gradient(circle, rgba(240,252,255,.62) 0, rgba(148,223,255,.26) 16%, rgba(148,223,255,.08) 40%, rgba(148,223,255,0) 66%);
  pointer-events: none; animation: sxmLsLights 1.9s linear both;
}
.page-id-18738 .sxm-ls-stage::before{ left: -230px; }
.page-id-18738 .sxm-ls-stage::after{ right: -190px; animation-delay: .28s; }
@keyframes sxmLsLights{ 0%{ opacity: 0; } 12%{ opacity: .7; } 16%{ opacity: .15; } 24%{ opacity: .85; } 30%{ opacity: .4; } 44%{ opacity: 1; } 100%{ opacity: 1; } }
/* the club's own photograph, cooled toward the navy and faded into the stage */
.page-id-18738 .sxm-ls-heroart{
  position: absolute; right: 0; top: 0; bottom: 0; width: 60%;
  margin: 0; z-index: 0 !important; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.5) 26%, #000 52%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.5) 26%, #000 52%);
}
.page-id-18738 .sxm-ls-heroart img{ display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 42%; filter: saturate(.72) contrast(1.06) brightness(.82); }
.page-id-18738 .sxm-ls-heroart::after{
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2,21,40,.50) 0%, rgba(3,32,62,.16) 34%, rgba(3,32,62,.30) 62%, rgba(2,21,40,.86) 100%), rgba(3,32,62,.20);
}
.page-id-18738 .sxm-ls-stage-top{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: clamp(20px, calc(34 * var(--u)), 40px); }
.page-id-18738 .sxm-ls-crest{ display: block; width: clamp(78px, calc(108 * var(--u)), 116px); height: auto; filter: drop-shadow(0 10px 26px rgba(0,0,0,.5)); }
.page-id-18738 .sxm-ls-sitelink{
  font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.6px; line-height: 1;
  color: #fff; text-decoration: none;
  background: rgba(2,21,40,.62); border: 1px solid rgba(148,223,255,.38); border-radius: 999px;
  padding: 11px 16px 10px; min-height: 44px; display: inline-flex; align-items: center; gap: 8px;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.page-id-18738 .sxm-ls-sitelink:hover, .page-id-18738 .sxm-ls-sitelink:focus-visible{ background: #fff; color: #000; border-color: #fff; }
.page-id-18738 .sxm-ls-kick{
  font-family: var(--ls-cn); font-weight: 700;
  font-size: clamp(17px, calc(26 * var(--u)), 28px); line-height: 1; letter-spacing: .1em;
  text-transform: uppercase; color: var(--ice); margin: 0 0 clamp(12px, calc(18 * var(--u)), 22px);
}
.page-id-18738 .sxm-ls-kick i{ font-style: normal; color: var(--gold); margin: 0 .2em; }
/* the name set like the club's own lockup: LA SOL in squared capitals, ATHLETICS tracked out beneath */
.page-id-18738 .sxm-ls-h1{ margin: 0 0 clamp(18px, calc(28 * var(--u)), 34px); text-transform: uppercase; color: #fff; line-height: 1; font-size: clamp(50px, calc(138 * var(--u)), 150px); }
.page-id-18738 .sxm-ls-h1 span{ display: block; font-family: var(--ls-sq); font-weight: 700; white-space: nowrap; }
.page-id-18738 .sxm-ls-h1 .a{ font-size: 1em; line-height: .92; letter-spacing: -.01em; text-shadow: 0 6px 40px rgba(2,21,40,.55); }
/* ATHLETICS is tracked to end where LA SOL ends (measured: 626px of ink at 138px; .818em at a third of the size) */
.page-id-18738 .sxm-ls-h1 .b{ font-size: .3333em; line-height: 1.2; letter-spacing: .818em; color: var(--ice); margin-top: .5em; }
.page-id-18738 .sxm-ls-stand{
  font-family: var(--sxm-copy); font-weight: 300;
  font-size: clamp(16px, calc(22 * var(--u)), 24px); line-height: 1.5;
  color: rgba(255,255,255,.86); max-width: 33ch; margin: 0 0 clamp(26px, calc(46 * var(--u)), 54px);
}
/* the scoreboard strip: the facts row, with the club's record in lights */
.page-id-18738 .sxm-ls-board{
  display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1.5fr) minmax(0, .9fr) auto; gap: 0;
  margin: 0; border: 1px solid rgba(148,223,255,.30); border-radius: 6px; overflow: hidden;
  background: rgba(2,17,33,.74);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.page-id-18738 .sxm-ls-board > div{ padding: clamp(14px, calc(20 * var(--u)), 24px) clamp(16px, calc(24 * var(--u)), 28px); border-left: 1px solid rgba(148,223,255,.18); display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.page-id-18738 .sxm-ls-board > div:first-child{ border-left: 0; }
.page-id-18738 .sxm-ls-board dt{ font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; line-height: 1.4; text-transform: uppercase; color: var(--ice); margin: 0 0 7px; }
.page-id-18738 .sxm-ls-board dd{ margin: 0; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(15.5 * var(--u)), 17px); line-height: 1.4; color: #fff; }
.page-id-18738 .sxm-ls-board .is-score{ background: rgba(1,10,20,.72); padding-inline: clamp(18px, calc(34 * var(--u)), 40px); }
.page-id-18738 .sxm-ls-board .is-score dt{ color: var(--gold); }
.page-id-18738 .sxm-ls-board .is-score dd{
  font-family: var(--ls-cn); font-weight: 700; font-size: clamp(40px, calc(58 * var(--u)), 64px); line-height: .9; letter-spacing: .03em;
  font-variant-numeric: tabular-nums; white-space: nowrap;
  color: var(--gold); background: linear-gradient(178deg, var(--gold-hi) 0%, var(--gold) 52%, var(--gold-lo) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 18px rgba(244,192,78,.35));
}

/* ------------------------------------------------------------------- brief */
.page-id-18738 .sxm-ls-brief{ padding-block: calc(46 * var(--u)) calc(72 * var(--u)); }
.page-id-18738 .sxm-ls-brief .sxm-ls-h2{ max-width: none; margin-bottom: calc(40 * var(--u)); }
.page-id-18738 .sxm-ls-h2 span{ display: block; }
.page-id-18738 .sxm-ls-brief-grid{ display: grid; grid-template-columns: minmax(0, 1.36fr) minmax(0, 1fr); gap: calc(72 * var(--u)); align-items: stretch; }
/* the quote sits on the photograph's bottom edge */
.page-id-18738 .sxm-ls-brief-copy{ display: flex; flex-direction: column; }
.page-id-18738 .sxm-ls-brief-copy .sxm-ls-copy:last-of-type{ margin-bottom: calc(44 * var(--u)); }
.page-id-18738 .sxm-ls-brief-copy .sxm-ls-quote{ margin-top: auto !important; }
.page-id-18738 .sxm-ls-photo{ margin: 0; position: relative; border-radius: 6px; overflow: hidden; border: 1px solid var(--line); background: var(--navy); }
.page-id-18738 .sxm-ls-photo img{ display: block; width: 100%; height: auto; aspect-ratio: 1 / 1.02; object-fit: cover; object-position: 50% 24%; max-width: none; }
.page-id-18738 .sxm-ls-photo::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,21,40,0) 55%, rgba(2,21,40,.82) 100%); pointer-events: none; }
.page-id-18738 .sxm-ls-photo figcaption{ font-style: normal; position: absolute; z-index: 1; left: clamp(14px, calc(22 * var(--u)), 26px); right: clamp(14px, calc(22 * var(--u)), 26px); bottom: clamp(14px, calc(20 * var(--u)), 24px); display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.page-id-18738 .sxm-ls-photo figcaption b{ font-family: var(--ls-cn); font-weight: 700; font-size: clamp(22px, calc(30 * var(--u)), 32px); line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: #fff; }
.page-id-18738 .sxm-ls-photo figcaption span{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--ice); }
/* programme notes: six cells, hairlines between */
.page-id-18738 .sxm-ls-notes{ margin: calc(56 * var(--u)) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.page-id-18738 .sxm-ls-notes > div{ background: #04192E; padding: clamp(16px, calc(24 * var(--u)), 28px) clamp(16px, calc(26 * var(--u)), 30px); min-width: 0; }
.page-id-18738 .sxm-ls-notes dt{ font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; line-height: 1.4; text-transform: uppercase; color: var(--ice); margin: 0 0 9px; }
.page-id-18738 .sxm-ls-notes dd{ margin: 0; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(16.5 * var(--u)), 18px); line-height: 1.45; color: #fff; }
.page-id-18738 .sxm-ls-notes dd i{ font-style: normal; color: var(--dim); }

/* --------------------------------------------------------------- the badge
   the club's own site flips to a light ground for its badge: so does this chapter */
.page-id-18738 .sxm-ls-badge{ background: var(--chalk); color: var(--navy); padding-block: calc(46 * var(--u)) calc(76 * var(--u)); }
.page-id-18738 .sxm-ls-badge .sxm-ls-eyebrow{ color: var(--navy); border-top-color: rgba(3,32,62,.18); }
.page-id-18738 .sxm-ls-badge .sxm-ls-h2{ color: var(--navy); max-width: none; }
.page-id-18738 .sxm-ls-badge .sxm-ls-copy{ color: rgba(3,32,62,.80); }
.page-id-18738 .sxm-ls-badge .sxm-ls-quote{ border-left-color: var(--navy); }
.page-id-18738 .sxm-ls-badge .sxm-ls-quote blockquote p{ color: var(--navy); max-width: 34ch; }
.page-id-18738 .sxm-ls-badge .sxm-ls-quote figcaption{ color: rgba(3,32,62,.62); }
.page-id-18738 .sxm-ls-badge-grid{ display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1fr); gap: calc(84 * var(--u)); align-items: center; }
.page-id-18738 .sxm-ls-shield{
  position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 1 / 1.02;
  background: radial-gradient(ellipse 90% 60% at 50% 104%, rgba(148,223,255,.42), rgba(148,223,255,0) 70%), linear-gradient(180deg, #021528 0%, #03203E 62%, #0B3A5E 100%);
  display: grid; place-items: center;
}
.page-id-18738 .sxm-ls-shield img{ position: relative; z-index: 1; display: block; justify-self: center; align-self: center; width: 44%; height: auto; filter: drop-shadow(0 22px 44px rgba(0,0,0,.5)); }
.page-id-18738 .sxm-ls-rays{ position: absolute; left: 50%; bottom: 0; width: 150%; max-width: none; height: auto; translate: -50% 0; fill: rgba(148,223,255,.16); transition: transform 1.5s cubic-bezier(.16,.84,.44,1) .15s; }
.page-id-18738 .sxm-ls-rv:not(.is-in) .sxm-ls-rays{ transform: translateY(22%); }
.page-id-18738 .sxm-ls-type{ list-style: none; margin: calc(40 * var(--u)) 0 0; padding: 0; border-top: 1px solid rgba(3,32,62,.18); }
.page-id-18738 .sxm-ls-type li{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 20px; align-items: center; padding: clamp(12px, calc(16 * var(--u)), 18px) 0; border-bottom: 1px solid rgba(3,32,62,.18); }
.page-id-18738 .sxm-ls-type b{ font-weight: 700; color: var(--navy); text-transform: uppercase; line-height: 1; }
.page-id-18738 .sxm-ls-type .sq{ font-family: var(--ls-sq); font-size: clamp(22px, calc(32 * var(--u)), 35px); }
.page-id-18738 .sxm-ls-type .cn{ font-family: var(--ls-cn); font-size: clamp(27px, calc(40 * var(--u)), 44px); letter-spacing: .03em; }
.page-id-18738 .sxm-ls-type .sn{ font-family: var(--sxm-copy); font-weight: 500; font-size: clamp(16px, calc(20 * var(--u)), 22px); text-transform: none; line-height: 1.25; }
.page-id-18738 .sxm-ls-type span{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.4px; line-height: 1.6; text-transform: uppercase; color: rgba(3,32,62,.66); }
/* the palette as a scarf: five woven bars, a fringe at each end */
.page-id-18738 .sxm-ls-scarf-wrap{ margin-top: calc(64 * var(--u)); }
.page-id-18738 .sxm-ls-scarf-k{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(3,32,62,.66); margin: 0 0 16px; }
.page-id-18738 .sxm-ls-scarf{
  list-style: none; margin: 0 26px; padding: 0; position: relative;
  display: flex; height: clamp(104px, calc(132 * var(--u)), 144px);
  box-shadow: 0 18px 36px -22px rgba(3,32,62,.55);
}
.page-id-18738 .sxm-ls-scarf::before, .page-id-18738 .sxm-ls-scarf::after{
  content: ""; position: absolute; top: 0; bottom: 0; width: 26px;
  background: repeating-linear-gradient(180deg, #03203E 0 4px, transparent 4px 7px, #94DFFF 7px 11px, transparent 11px 14px);
}
.page-id-18738 .sxm-ls-scarf::before{ right: 100%; }
.page-id-18738 .sxm-ls-scarf::after{ left: 100%; }
.page-id-18738 .sxm-ls-scarf li{
  flex: 1 1 0; min-width: 0; position: relative;
  background: var(--c); color: var(--k);
  background-image: repeating-linear-gradient(90deg, rgba(0,0,0,.055) 0 2px, rgba(255,255,255,0) 2px 5px);
  padding: clamp(12px, calc(18 * var(--u)), 22px) clamp(12px, calc(20 * var(--u)), 24px);
  display: flex; flex-direction: column; justify-content: space-between; gap: 10px;
  border-block: 1px solid rgba(3,32,62,.22);
}
.page-id-18738 .sxm-ls-scarf b{ font-family: var(--ls-cn); font-weight: 700; font-size: clamp(20px, calc(30 * var(--u)), 33px); line-height: 1; letter-spacing: .03em; text-transform: uppercase; }
.page-id-18738 .sxm-ls-scarf s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.6px; opacity: .82; }
.page-id-18738 .sxm-ls-scarf-q{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(17 * var(--u)), 18px); line-height: 1.55; color: rgba(3,32,62,.84); margin: calc(26 * var(--u)) 0 0; max-width: 78ch; }
.page-id-18738 .sxm-ls-scarf-q span{ display: block; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(3,32,62,.62); margin: 8px 0 0; }

/* ------------------------------------------------------------ the team sheet */
.page-id-18738 .sxm-ls-xi{ background: var(--navy); padding-block: calc(46 * var(--u)) calc(76 * var(--u)); }
.page-id-18738 .sxm-ls-xi-head{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(64 * var(--u)); align-items: end; margin-bottom: calc(34 * var(--u)); }
.page-id-18738 .sxm-ls-xi-head .sxm-ls-h2{ margin-bottom: 0; max-width: none; }
.page-id-18738 .sxm-ls-xi-head .sxm-ls-copy{ margin-bottom: 6px; max-width: 46ch; }
.page-id-18738 .sxm-ls-pitch{
  position: relative; aspect-ratio: 1360 / 600; border-radius: 6px; overflow: hidden;
  background:
    radial-gradient(ellipse 46% 60% at 0% 0%, rgba(148,223,255,.20), rgba(148,223,255,0) 70%),
    radial-gradient(ellipse 46% 60% at 100% 0%, rgba(148,223,255,.20), rgba(148,223,255,0) 70%),
    repeating-linear-gradient(90deg, rgba(148,223,255,.050) 0 8.333%, rgba(148,223,255,0) 8.333% 16.666%),
    linear-gradient(180deg, #073258 0%, #052846 100%);
  border: 1px solid var(--line);
}
.page-id-18738 .sxm-ls-lines{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; color: rgba(148,223,255,.36); }
.page-id-18738 .sxm-ls-move{ stroke: var(--gold); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; filter: drop-shadow(0 0 6px rgba(244,192,78,.55)); }
.page-id-18738 .sxm-ls-ball{ fill: #fff; filter: drop-shadow(0 0 10px rgba(255,255,255,.8)); }
.page-id-18738 .sxm-ls-rv .sxm-ls-move{ stroke-dashoffset: 1; }
.page-id-18738 .sxm-ls-rv.is-in .sxm-ls-move{ stroke-dashoffset: 0; transition: stroke-dashoffset 2.4s cubic-bezier(.4,.1,.3,1) .5s; }
.page-id-18738 .sxm-ls-rv .sxm-ls-ball{ opacity: 0; }
.page-id-18738 .sxm-ls-rv.is-in .sxm-ls-ball{ opacity: 1; transition: opacity .3s ease 2.8s; }
.page-id-18738 .sxm-ls-squad{ list-style: none; margin: 0; padding: 0; position: absolute; inset: 0; }
.page-id-18738 .sxm-ls-squad li{
  position: absolute; left: var(--x); top: var(--y); translate: -27px -27px;
  display: flex; align-items: flex-start; gap: 14px;
}
.page-id-18738 .sxm-ls-squad s{
  flex: 0 0 54px; width: 54px; height: 54px; border-radius: 50%;
  display: grid; place-items: center; text-decoration: none;
  background: var(--ice); color: var(--navy);
  font-family: var(--sxm-mono); font-size: 15px; letter-spacing: 1px; line-height: 1;
  box-shadow: 0 0 0 7px rgba(148,223,255,.18), 0 10px 24px rgba(0,0,0,.35);
}
.page-id-18738 .sxm-ls-squad div{ width: clamp(190px, calc(236 * var(--u)), 250px); background: rgba(3,29,56,.84); border-radius: 4px; padding: 10px 14px 12px; }
.page-id-18738 .sxm-ls-squad .is-dn div{ margin-top: 33px; }
.page-id-18738 .sxm-ls-squad .is-up{ align-items: flex-end; translate: -27px calc(27px - 100%); }
.page-id-18738 .sxm-ls-squad .is-up div{ margin-bottom: 33px; }
.page-id-18738 .sxm-ls-squad h3{ font-family: var(--ls-cn); font-weight: 700; font-size: clamp(24px, calc(32 * var(--u)), 35px); line-height: 1; letter-spacing: .03em; text-transform: uppercase; color: #fff; margin: 0 0 7px; }
.page-id-18738 .sxm-ls-squad p{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(14.5 * var(--u)), 15.5px); line-height: 1.5; color: var(--mut); margin: 0; }
.page-id-18738 .sxm-ls-rv .sxm-ls-squad li{ opacity: 0; scale: .9; }
.page-id-18738 .sxm-ls-rv.is-in .sxm-ls-squad li{ opacity: 1; scale: 1; transition: opacity .45s ease calc(.5s + var(--i) * .52s), scale .55s cubic-bezier(.2,.9,.3,1.3) calc(.5s + var(--i) * .52s); }

/* -------------------------------------------------------------- the site */
.page-id-18738 .sxm-ls-site{ padding-block: calc(46 * var(--u)) calc(64 * var(--u)); }
.page-id-18738 .sxm-ls-site-grid{ display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: calc(72 * var(--u)); align-items: start; margin-bottom: calc(44 * var(--u)); }
.page-id-18738 .sxm-ls-site-head .sxm-ls-h2{ max-width: none; }
/* the site's sections as a fixture list */
.page-id-18738 .sxm-ls-fixtures{ list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.page-id-18738 .sxm-ls-fixtures li{ display: grid; grid-template-columns: 92px 186px minmax(0, 1fr); gap: 16px; align-items: baseline; padding: clamp(12px, calc(15 * var(--u)), 17px) 0; border-bottom: 1px solid var(--line); }
.page-id-18738 .sxm-ls-fixtures s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.2px; color: var(--ice); }
.page-id-18738 .sxm-ls-fixtures b{ font-family: var(--ls-cn); font-weight: 700; font-size: clamp(21px, calc(26 * var(--u)), 28px); line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: #fff; }
.page-id-18738 .sxm-ls-fixtures span{ font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(13.5px, calc(15 * var(--u)), 16px); line-height: 1.5; color: var(--mut); }
/* home hero left; the champions block + the badge stacked right, solved to the same height */
.page-id-18738 .sxm-ls-screens{ display: grid; grid-template-columns: 1.965fr 1fr; gap: 14px; align-items: stretch; }   /* solved at 1440: 50 + .499a = 114 + .84125b, a + b = 1342 */
.page-id-18738 .sxm-ls-stack{ display: flex; flex-direction: column; gap: 14px; justify-content: space-between; min-width: 0; }
.page-id-18738 .sxm-ls-shot{ margin: 0; position: relative; border-radius: 6px; overflow: hidden; border: 1px solid var(--line); background: var(--night); transition: transform .45s ease; }
.page-id-18738 .sxm-ls-shot:hover{ transform: translateY(-5px); }
.page-id-18738 .sxm-ls-shot img{ display: block; width: 100%; height: auto; }
/* the stack sets the row; the main capture fills it under its chrome bar (a nested flex cannot: the stretched height is not definite to it) */
.page-id-18738 .sxm-ls-shot--main img{ position: absolute; left: 0; top: 48px; width: 100%; height: calc(100% - 48px); object-fit: cover; object-position: 50% 0; }
.page-id-18738 .sxm-ls-chrome{ display: flex; align-items: center; gap: 6px; height: 48px; box-sizing: border-box; padding: 0 14px; background: #04192E; border-bottom: 1px solid var(--line); }
.page-id-18738 .sxm-ls-chrome i{ width: 9px; height: 9px; border-radius: 50%; background: rgba(148,223,255,.30); }
.page-id-18738 .sxm-ls-chrome u{ margin-left: 10px; text-decoration: none; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; color: var(--dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-id-18738 .sxm-dev-band{ color: #fff; }
.page-id-18738 .sxm-dev-band .sxm-dev-band__k{ color: var(--ice); opacity: 1; }
.page-id-18738 .sxm-dev-band .sxm-dev-band__h{ color: #fff; }
.page-id-18738 .sxm-dev-band .sxm-dev-band__p{ color: var(--mut); opacity: 1; }
.page-id-18738 .sxm-dev{ --dev-bezel: #061B30; --dev-line: rgba(148,223,255,.5); --dev-glow: rgba(0,0,0,.7); --dev-bar: #021427; }
.page-id-18738 .sxm-dev .sxm-dev-hint{ color: var(--dim); }
.page-id-18738 .sxm-dev .sxm-dev-home{ mix-blend-mode: normal; background: rgba(255,255,255,.86); }   /* difference on ice blue reads orange */
.page-id-18738 .sxm-ls-cap{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.4px; line-height: 1.7; color: var(--dim); margin: calc(30 * var(--u)) 0 0; }
.page-id-18738 .sxm-ls-cap a{ color: var(--ice); text-decoration: none; border-bottom: 1px solid rgba(148,223,255,.4); padding-block: 4px; transition: color .25s ease, border-color .25s ease; }
.page-id-18738 .sxm-ls-cap a:hover, .page-id-18738 .sxm-ls-cap a:focus-visible{ color: #fff; border-color: #fff; }

/* ------------------------------------------------------------- the season */
.page-id-18738 .sxm-ls-num{
  overflow: hidden;
  background: radial-gradient(ellipse 70% 46% at 50% 0%, rgba(244,192,78,.13), rgba(244,192,78,0) 70%), linear-gradient(180deg, #06294A 0%, #021528 78%);
  border-top: 2px solid var(--gold);
  padding-block: calc(46 * var(--u)) calc(84 * var(--u));
}
.page-id-18738 .sxm-ls-num .sxm-ls-eyebrow{ color: var(--gold); border-top: 0; padding-top: 0; }
.page-id-18738 .sxm-ls-num .sxm-ls-h2{ max-width: none; margin-bottom: calc(40 * var(--u)); }
.page-id-18738 .sxm-ls-num .sxm-ls-h2 span{ display: inline; }
.page-id-18738 .sxm-ls-numw{ position: relative; }
.page-id-18738 .sxm-ls-numw > .elementor-widget-container > *{ position: relative; z-index: 1; }
.page-id-18738 .sxm-ls-numw .sxm-ls-sunrise{ position: absolute; z-index: 0; left: 50%; bottom: calc(-86 * var(--u)); width: min(1240px, 96%); max-width: none; height: auto; translate: -50% 0; fill: rgba(244,192,78,.075); pointer-events: none; }
/* the league table: one row, the club's own figures */
.page-id-18738 .sxm-ls-table{ border-top: 1px solid rgba(244,192,78,.42); border-bottom: 1px solid rgba(244,192,78,.42); }
.page-id-18738 .sxm-ls-tr{ display: grid; grid-template-columns: minmax(0, 2.5fr) repeat(5, minmax(0, 1fr)); gap: 0; align-items: center; }
.page-id-18738 .sxm-ls-tr > span{ padding: clamp(12px, calc(20 * var(--u)), 24px) clamp(6px, calc(18 * var(--u)), 22px); text-align: center; min-width: 0; }
.page-id-18738 .sxm-ls-tr > span:first-child{ text-align: left; padding-left: 0; }
.page-id-18738 .sxm-ls-tr--head{ border-bottom: 1px solid var(--line); }
.page-id-18738 .sxm-ls-tr--head > span{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--ice); padding-block: 13px; }
.page-id-18738 .sxm-ls-tr--head abbr{ text-decoration: none; border: 0; cursor: default; }
.page-id-18738 .sxm-ls-tr [role="cell"]{
  font-family: var(--ls-cn); font-weight: 700; font-size: clamp(54px, calc(128 * var(--u)), 140px); line-height: .9;
  font-variant-numeric: tabular-nums;
  color: var(--gold); background: linear-gradient(178deg, var(--gold-hi) 0%, var(--gold) 52%, var(--gold-lo) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.page-id-18738 .sxm-ls-club{ display: flex; align-items: center; gap: clamp(12px, calc(20 * var(--u)), 24px); color: var(--ice); }
.page-id-18738 .sxm-ls-club svg{ flex: 0 0 auto; width: clamp(38px, calc(58 * var(--u)), 64px); height: auto; fill: currentColor; }
.page-id-18738 .sxm-ls-club b{ font-family: var(--ls-sq); font-weight: 700; font-size: clamp(17px, calc(27 * var(--u)), 30px); line-height: 1.12; text-transform: uppercase; color: #fff; }
/* the form guide: fifteen wins, lit one after another */
.page-id-18738 .sxm-ls-formrow{ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(14px, calc(26 * var(--u)), 30px); align-items: center; margin-top: calc(30 * var(--u)); }
.page-id-18738 .sxm-ls-formk{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--ice); margin: 0; }
.page-id-18738 .sxm-ls-form{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(15, minmax(0, 1fr)); gap: clamp(3px, calc(8 * var(--u)), 9px); }
.page-id-18738 .sxm-ls-form li{
  aspect-ratio: 1; display: grid; place-items: center; border-radius: 3px;
  background: linear-gradient(178deg, var(--gold-hi) 0%, var(--gold) 52%, var(--gold-lo) 100%); color: var(--navy);
  font-family: var(--ls-cn); font-weight: 700; font-size: clamp(11px, calc(38 * var(--u)), 42px); line-height: 1;
  box-shadow: 0 0 16px rgba(244,192,78,.28);
}
.page-id-18738 .sxm-ls-rv .sxm-ls-form li{ opacity: .14; box-shadow: none; }
.page-id-18738 .sxm-ls-rv.is-in .sxm-ls-form li{ opacity: 1; box-shadow: 0 0 16px rgba(244,192,78,.28); transition: opacity .2s ease calc(.35s + var(--i) * .075s), box-shadow .4s ease calc(.35s + var(--i) * .075s); }
.page-id-18738 .sxm-ls-formv{ font-family: var(--ls-cn); font-weight: 700; font-size: clamp(26px, calc(44 * var(--u)), 48px); line-height: 1; letter-spacing: .04em; color: var(--gold); margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
/* full time: the final on a board */
.page-id-18738 .sxm-ls-final{
  margin-top: calc(64 * var(--u)); border: 1px solid rgba(148,223,255,.30); border-radius: 6px; overflow: hidden;
  background: rgba(1,10,20,.78);
  background-image: radial-gradient(circle, rgba(148,223,255,.5) 1.2px, rgba(148,223,255,0) 1.8px); background-size: 14px 14px; background-repeat: repeat-x; background-position: 7px 6px;
  padding: clamp(30px, calc(44 * var(--u)), 50px) clamp(16px, calc(40 * var(--u)), 46px) clamp(24px, calc(44 * var(--u)), 50px);
  text-align: center;
}
.page-id-18738 .sxm-ls-final-k{ font-family: var(--sxm-mono); font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px; line-height: 1.7; text-transform: uppercase; color: var(--ice); margin: 0 0 clamp(18px, calc(28 * var(--u)), 32px); }
.page-id-18738 .sxm-ls-final-k i{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 10px rgba(244,192,78,.9); margin-right: 10px; vertical-align: 1px; }
.page-id-18738 .sxm-ls-final-row{ display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: clamp(16px, calc(44 * var(--u)), 50px); align-items: center; margin: 0; }
.page-id-18738 .sxm-ls-final .t{ font-family: var(--ls-sq); font-weight: 700; font-size: clamp(16px, calc(23 * var(--u)), 26px); line-height: 1.15; text-transform: uppercase; color: #fff; }
.page-id-18738 .sxm-ls-final .t--home{ text-align: right; }
.page-id-18738 .sxm-ls-final .t--away{ text-align: left; color: var(--mut); }
.page-id-18738 .sxm-ls-final .sc{ display: inline-flex; align-items: center; gap: clamp(8px, calc(16 * var(--u)), 18px); }
.page-id-18738 .sxm-ls-final .sc b{
  display: grid; place-items: center; width: clamp(72px, calc(116 * var(--u)), 126px); aspect-ratio: 1 / 1.14; border-radius: 6px;
  background: linear-gradient(180deg, #0A2D4F 0%, #06213C 49.5%, #010D1A 50%, #0A2D4F 100%); border: 1px solid rgba(148,223,255,.30);
  font-family: var(--ls-cn); font-weight: 700; font-size: clamp(64px, calc(112 * var(--u)), 122px); line-height: 1; color: var(--gold);
  font-variant-numeric: tabular-nums; text-shadow: 0 0 22px rgba(244,192,78,.45);
}
.page-id-18738 .sxm-ls-final .sc i{ font-style: normal; font-family: var(--ls-cn); font-weight: 700; font-size: clamp(34px, calc(58 * var(--u)), 62px); line-height: 1; color: var(--ice); }
.page-id-18738 .sxm-ls-src{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.4px; line-height: 1.7; color: var(--dim); margin: calc(26 * var(--u)) 0 0; }
.page-id-18738 .sxm-ls-src a{ color: var(--ice); text-decoration: none; border-bottom: 1px solid rgba(148,223,255,.4); padding-block: 4px; transition: color .25s ease, border-color .25s ease; }
.page-id-18738 .sxm-ls-src a:hover, .page-id-18738 .sxm-ls-src a:focus-visible{ color: #fff; border-color: #fff; }

/* --------------------------------------------------------------- cta (the §36 standard) */
.page-id-18738 .sxm-ls-cta{
  padding-inline: var(--ls-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-18738 .sxm-ls-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-18738 .sxm-ls-ctahead .l{ display: block; white-space: nowrap; }
.page-id-18738 .sxm-ls-ctahead .d{ font-style: normal; font-family: var(--sxm-display); font-weight: 900; font-size: calc(var(--dsz) * var(--capmid)); }
.page-id-18738 .sxm-ls-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-18738 .sxm-ls-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-18738 .sxm-ls-form-w{ width: 100%; text-align: left; }
.page-id-18738 .sxm-ls-form-w .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-18738 .sxm-ls-form-w .gform_wrapper .gfield{ grid-column: 1; display: flex; min-width: 0; }
.page-id-18738 .sxm-ls-form-w .gform_wrapper .gfield:has(textarea){ grid-column: 2; grid-row: 1 / span 3; }
.page-id-18738 .sxm-ls-form-w .gform_wrapper .gfield_label{ display: none !important; }
.page-id-18738 .sxm-ls-form-w .gform_wrapper .gfield > .ginput_container{ flex: 1 1 auto; display: flex; min-height: 0; margin: 0 !important; }
.page-id-18738 .sxm-ls-form-w .gform_wrapper input[type=text], .page-id-18738 .sxm-ls-form-w .gform_wrapper input[type=email], .page-id-18738 .sxm-ls-form-w .gform_wrapper input[type=tel], .page-id-18738 .sxm-ls-form-w .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-18738 .sxm-ls-form-w .gform_wrapper input, .page-id-18738 .sxm-ls-form-w .gform_wrapper textarea{ border: 0 !important; }
.page-id-18738 .sxm-ls-form-w .gform_wrapper ::placeholder{ color: rgba(255,255,255,.5); }
.page-id-18738 .sxm-ls-form-w .gform_wrapper .gform_footer{ margin: 10px 0 0; padding: 0; }
.page-id-18738 .sxm-ls-form-w .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-18738 .sxm-ls-form-w .gform_wrapper .gform_footer input[type=submit]:hover{ background: #000 !important; color: #fff !important; }
.page-id-18738 .sxm-ls-form-w .gform_wrapper .gform_footer input[type=submit]:focus-visible{ outline: 3px solid #fff; outline-offset: 3px; }
.page-id-18738 .sxm-ls-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-18738 .sxm-ls-back{ text-align: center; margin: calc(30 * var(--u)) 0 0; }
.page-id-18738 .sxm-ls-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: 16px 4px 9px; transition: color .25s ease, border-color .25s ease; }
.page-id-18738 .sxm-ls-back a:hover, .page-id-18738 .sxm-ls-back a:focus-visible{ color: #fff; border-color: #fff; }

/* the script widget: no band of its own (the inline script still runs) */
.page-id-18738 .sxm-ls-tail{ display: none; }

/* ------------------------------------------------------------ tablet / phone */
/* the pitch needs room for four plates: below 1181px it stands up (plates keep readable type, §T-15) */
@media (max-width: 1180px){
  /* the pitch stands up: a vertical half with the move running down the touchline */
  .page-id-18738 .sxm-ls-pitch{
    aspect-ratio: auto; padding: 30px 20px 30px 22px;
    background:
      radial-gradient(ellipse 90% 30% at 50% 0%, rgba(148,223,255,.20), rgba(148,223,255,0) 70%),
      repeating-linear-gradient(180deg, rgba(148,223,255,.050) 0 64px, rgba(148,223,255,0) 64px 128px),
      linear-gradient(180deg, #073258 0%, #052846 100%);
  }
  .page-id-18738 .sxm-ls-lines{ display: none; }
  .page-id-18738 .sxm-ls-pitch::before{ content: ""; position: absolute; inset: 12px; border: 2px solid rgba(148,223,255,.26); pointer-events: none; }
  .page-id-18738 .sxm-ls-pitch::after{ content: ""; position: absolute; right: -70px; top: 50%; width: 180px; height: 180px; margin-top: -90px; border: 2px solid rgba(148,223,255,.22); border-radius: 50%; pointer-events: none; }
  .page-id-18738 .sxm-ls-squad{ position: relative; inset: auto; display: flex; flex-direction: column; gap: 26px; z-index: 1; }
  .page-id-18738 .sxm-ls-squad li:not(:last-child)::before{ content: ""; position: absolute; z-index: -1; left: 26px; top: 27px; height: calc(100% + 26px); width: 2.5px; background: var(--gold); box-shadow: 0 0 8px rgba(244,192,78,.55); }
  .page-id-18738 .sxm-ls-squad li, .page-id-18738 .sxm-ls-squad .is-up{ position: relative; left: auto; top: auto; translate: none; align-items: flex-start; }
  .page-id-18738 .sxm-ls-squad div, .page-id-18738 .sxm-ls-squad .is-up div, .page-id-18738 .sxm-ls-squad .is-dn div{ width: auto; flex: 1 1 0; min-width: 0; margin: 0; background: rgba(3,29,56,.9); }
}
@media (max-width: 1024px){
  .page-id-18738 .sxm-ls-heroart{ width: 74%; opacity: .78; }
  .page-id-18738 .sxm-ls-board{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .page-id-18738 .sxm-ls-board > div:nth-child(3){ border-left: 0; }
  .page-id-18738 .sxm-ls-board > div:nth-child(n+3){ border-top: 1px solid rgba(148,223,255,.18); }
  .page-id-18738 .sxm-ls-brief-grid{ grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .page-id-18738 .sxm-ls-photo img{ aspect-ratio: 16 / 11; object-position: 50% 26%; }
  .page-id-18738 .sxm-ls-notes{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-id-18738 .sxm-ls-badge-grid{ grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .page-id-18738 .sxm-ls-shield{ aspect-ratio: 16 / 11; }
  .page-id-18738 .sxm-ls-shield img{ width: 30%; }
  .page-id-18738 .sxm-ls-rays{ width: 110%; }
  .page-id-18738 .sxm-ls-xi-head{ grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
  .page-id-18738 .sxm-ls-site-grid{ grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .page-id-18738 .sxm-ls-screens{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18738 .sxm-ls-shot--main img{ position: static; height: auto; }
}
@media (max-width: 767px){
  .page-id-18738 .sxm-ls-hero{ padding-top: 40px; }   /* phone: a fixed 40px to the first ink, never vw / --u */
  /* tap targets: 44px on the three text links */
  .page-id-18738 .sxm-ls-crumb a{ padding-block: 16px; margin-block: -16px; }
  .page-id-18738 .sxm-ls-cap a, .page-id-18738 .sxm-ls-src a{ display: inline-block; padding-block: 12px; border-bottom: 0; text-decoration: underline; text-decoration-color: rgba(148,223,255,.45); text-underline-offset: 5px; }
  .page-id-18738 .sxm-ls-stage{ padding: 20px 18px 18px; }
  .page-id-18738 .sxm-ls-stage::before, .page-id-18738 .sxm-ls-stage::after{ width: 380px; height: 380px; top: -170px; }
  .page-id-18738 .sxm-ls-stage::before{ left: -200px; }
  .page-id-18738 .sxm-ls-stage::after{ right: -170px; }
  /* phone: the photograph becomes the top of the stage, the name sits under it */
  .page-id-18738 .sxm-ls-heroart{
    position: relative !important; right: auto; top: auto; bottom: auto; width: auto; opacity: 1;
    margin: -20px -18px 18px !important; aspect-ratio: 16 / 11; z-index: 0 !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0, #000 58%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0, #000 58%, transparent 100%);
  }
  .page-id-18738 .sxm-ls-heroart img{ object-position: 50% 34%; }
  .page-id-18738 .sxm-ls-heroart::after{ background: linear-gradient(180deg, rgba(2,21,40,.42) 0%, rgba(3,32,62,.10) 46%, rgba(3,32,62,.30) 100%); }
  .page-id-18738 .sxm-ls-stage-top{ margin-top: -74px; align-items: flex-end; margin-bottom: 20px; }
  .page-id-18738 .sxm-ls-h1{ font-size: min(18.4cqi, 72px); }
  .page-id-18738 .sxm-ls-board{ grid-template-columns: minmax(0, 1fr); }
  .page-id-18738 .sxm-ls-board > div{ border-left: 0; }
  .page-id-18738 .sxm-ls-board > div:nth-child(n+2){ border-top: 1px solid rgba(148,223,255,.18); }
  .page-id-18738 .sxm-ls-board .is-score{ order: -1; border-top: 0 !important; padding-block: 18px; }
  .page-id-18738 .sxm-ls-board > div:nth-child(1){ border-top: 1px solid rgba(148,223,255,.18); }
  .page-id-18738 .sxm-ls-brief{ padding-block: 34px 48px; }
  .page-id-18738 .sxm-ls-eyebrow{ margin-bottom: 22px; padding-top: 14px; }
  .page-id-18738 .sxm-ls-h2{ margin-bottom: 20px; }
  .page-id-18738 .sxm-ls-copy{ margin-bottom: 14px; }
  .page-id-18738 .sxm-ls-quote{ margin-top: 28px !important; }
  .page-id-18738 .sxm-ls-brief-copy .sxm-ls-copy:last-of-type{ margin-bottom: 28px; }
  .page-id-18738 .sxm-ls-brief-copy .sxm-ls-quote{ margin-top: 0 !important; }
  .page-id-18738 .sxm-ls-photo img{ aspect-ratio: 4 / 4.4; object-position: 50% 30%; }
  .page-id-18738 .sxm-ls-notes{ grid-template-columns: minmax(0, 1fr); margin-top: 34px; }
  .page-id-18738 .sxm-ls-badge{ padding-block: 34px 52px; }
  .page-id-18738 .sxm-ls-shield{ aspect-ratio: 1 / .92; }
  .page-id-18738 .sxm-ls-shield img{ width: 46%; }
  .page-id-18738 .sxm-ls-rays{ width: 170%; }
  .page-id-18738 .sxm-ls-type{ margin-top: 28px; }
  .page-id-18738 .sxm-ls-type li{ grid-template-columns: minmax(0, 1fr); gap: 8px; }
  /* the scarf hangs: bars stacked, fringe top and bottom */
  .page-id-18738 .sxm-ls-scarf-wrap{ margin-top: 40px; }
  .page-id-18738 .sxm-ls-scarf{ flex-direction: column; height: auto; margin: 34px 0 22px; }
  .page-id-18738 .sxm-ls-scarf::before, .page-id-18738 .sxm-ls-scarf::after{ top: auto; bottom: auto; left: 0; right: 0; width: auto; height: 22px; background: repeating-linear-gradient(90deg, #03203E 0 4px, transparent 4px 7px, #94DFFF 7px 11px, transparent 11px 14px); }
  .page-id-18738 .sxm-ls-scarf::before{ bottom: 100%; }
  .page-id-18738 .sxm-ls-scarf::after{ top: 100%; }
  .page-id-18738 .sxm-ls-scarf li{ flex: 0 0 auto; flex-direction: row; align-items: center; padding: 17px 18px; border-block: 0; border-inline: 1px solid rgba(3,32,62,.22); background-image: repeating-linear-gradient(180deg, rgba(0,0,0,.055) 0 2px, rgba(255,255,255,0) 2px 5px); }
  .page-id-18738 .sxm-ls-scarf-q{ margin-top: 40px; }
  .page-id-18738 .sxm-ls-xi{ padding-block: 34px 52px; }
  .page-id-18738 .sxm-ls-xi-head{ margin-bottom: 26px; }
  .page-id-18738 .sxm-ls-squad s{ flex-basis: 46px; width: 46px; height: 46px; font-size: 13px; }
  .page-id-18738 .sxm-ls-squad li:not(:last-child)::before{ left: 22px; top: 23px; }
  .page-id-18738 .sxm-ls-squad li{ gap: 12px; }
  .page-id-18738 .sxm-ls-squad p{ font-size: 14px; }
  .page-id-18738 .sxm-ls-site{ padding-block: 34px 48px; }
  .page-id-18738 .sxm-ls-site-grid{ margin-bottom: 32px; }
  .page-id-18738 .sxm-ls-fixtures li{ grid-template-columns: 84px minmax(0, 1fr); gap: 4px 12px; }
  .page-id-18738 .sxm-ls-fixtures span{ grid-column: 2; }
  .page-id-18738 .sxm-ls-cap{ margin-top: 26px; }
  .page-id-18738 .sxm-ls-num{ padding-block: 34px 56px; }
  .page-id-18738 .sxm-ls-num .sxm-ls-h2{ margin-bottom: 26px; }
  .page-id-18738 .sxm-ls-num .sxm-ls-h2 span{ display: block; }
  .page-id-18738 .sxm-ls-numw .sxm-ls-sunrise{ bottom: -56px; width: 150%; }
  /* the table re-cut for a phone: the club on its own line, the five columns beneath */
  .page-id-18738 .sxm-ls-table{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .page-id-18738 .sxm-ls-tr{ display: contents; }
  .page-id-18738 .sxm-ls-tr > span{ padding: 6px 2px; }
  .page-id-18738 .sxm-ls-tr--head > span:first-child{ display: none; }
  .page-id-18738 .sxm-ls-tr--head > span{ grid-row: 2; padding-block: 12px 2px; border-top: 1px solid var(--line); }
  .page-id-18738 .sxm-ls-tr .sxm-ls-club{ grid-row: 1; grid-column: 1 / -1; padding: 16px 0; }
  .page-id-18738 .sxm-ls-tr [role="cell"]{ grid-row: 3; padding-bottom: 14px; font-size: min(17cqi, 64px); }
  .page-id-18738 .sxm-ls-formrow{ grid-template-columns: minmax(0, 1fr) auto; gap: 12px; margin-top: 22px; }
  .page-id-18738 .sxm-ls-form{ grid-column: 1 / -1; grid-row: 2; }
  .page-id-18738 .sxm-ls-form li{ border-radius: 2px; }
  .page-id-18738 .sxm-ls-final{ margin-top: 40px; }
  .page-id-18738 .sxm-ls-src{ margin-top: 22px; }
  .page-id-18738 .sxm-ls-cta{ padding-top: 60px; }
  .page-id-18738 .sxm-ls-ctahead{ --dsz: 26cqi; margin-bottom: 18px; }   /* the lockup re-based for a phone: WHISTLE fills the measure (was a 38px stub) */
  .page-id-18738 .sxm-ls-ctasub{ margin-bottom: 30px; }
  .page-id-18738 .sxm-ls-final-k span{ display: block; height: 0; overflow: hidden; }
  .page-id-18738 .sxm-ls-final-k i{ margin-right: 8px; }
  .page-id-18738 .sxm-ls-final-row{ grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .page-id-18738 .sxm-ls-final .t--home, .page-id-18738 .sxm-ls-final .t--away{ text-align: center; }
  .page-id-18738 .sxm-ls-final .sc{ justify-content: center; }
  .page-id-18738 .sxm-ls-form-w .gform_wrapper .gform_fields{ grid-template-columns: 1fr; grid-template-rows: none; height: auto; grid-row-gap: 6px; }
  .page-id-18738 .sxm-ls-form-w .gform_wrapper .gfield, .page-id-18738 .sxm-ls-form-w .gform_wrapper .gfield:has(textarea){ grid-column: 1; grid-row: auto; }
  .page-id-18738 .sxm-ls-form-w .gform_wrapper .gfield textarea{ height: 150px !important; }
  .page-id-18738 .sxm-ls-form-w .gform_wrapper input[type=text], .page-id-18738 .sxm-ls-form-w .gform_wrapper input[type=email], .page-id-18738 .sxm-ls-form-w .gform_wrapper input[type=tel]{ padding: 19px 20px !important; font-size: 16px; line-height: 1.35 !important; height: auto !important; }
  .page-id-18738 .sxm-ls-form-w .gform_wrapper .gform_footer input[type=submit]{ padding: 20px 0 !important; font-size: 18px !important; }
}
@media (prefers-reduced-motion: reduce){
  .page-id-18738 .sxm-ls-stage::before, .page-id-18738 .sxm-ls-stage::after{ animation: none; }
  .page-id-18738 .sxm-ls-shot, .page-id-18738 .sxm-ls-shot:hover{ transform: none; }
  .page-id-18738 .sxm-ls-rays{ transition: none; }
}/* End custom CSS */