.elementor-18736 .elementor-element.elementor-element-9e5e0d9{--display:flex;}.elementor-18736 .elementor-element.elementor-element-ecb5d3a{--display:flex;}.elementor-18736 .elementor-element.elementor-element-1c04900{--display:flex;}.elementor-18736 .elementor-element.elementor-element-d123e45{--display:flex;}.elementor-18736 .elementor-element.elementor-element-60d58ba{--display:flex;}.elementor-18736 .elementor-element.elementor-element-72be584{--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-18736 .elementor-element.elementor-element-sxmlpbnd{--display:flex;}.elementor-18736 .elementor-element.elementor-element-3ab3640{--display:flex;}/* Start custom CSS *//* ============================================================================
   /work/scars-and-all/ (18736) — THE RECORDING. A recovery podcast case study in the
   client's own three colours: ink #0A0A0A, signal red #CC0000, bone white. Audio is the
   language: a REC tally on the hero, a transcript for the brief, a track list for the four
   pillars, a waveform that comes alive in view, and the numbers on a red band.
   Scope: .page-id-18736 throughout.
   ========================================================================= */
.page-id-18736{
  --sa-pad: max(20px, min(40px, calc((100vw - 1360px) / 2)));
  --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 FONT SUBSTITUTE: Circular Std */
  --sxm-mono: 'OCR A Extended', 'Ocr A Tribute', monospace;  /* SXM FONT SUBSTITUTE */
  --ink: #0A0A0A; --panel: #141414; --panel2: #1B1B1B;
  --red: #CC0000; --red2: #990000; --bone: #F4F1EC;
  --mut: rgba(244,241,236,.68); --dim: rgba(244,241,236,.45); --line: rgba(244,241,236,.14);
}
body.page-id-18736{ background: #000; }
.page-id-18736 .sxm-sa{
  padding-inline: var(--sa-pad) !important;
  background: var(--ink); color: var(--bone);
  container-type: inline-size;
  --u: calc(100cqi / 1360);
}

/* ----------------------------------------------------------------- reveals */
.page-id-18736 .sxm-sa-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-18736 .sxm-sa-rv.is-in{ opacity: 1; transform: none; }

/* ------------------------------------------------------- shared editorial */
.page-id-18736 .sxm-sa-eyebrow{
  font-family: var(--sxm-mono);
  font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px;
  text-transform: lowercase; color: var(--red);
  margin: 0 0 calc(28 * var(--u));
  padding-top: calc(16 * var(--u));
  border-top: 1px solid var(--line);
}
.page-id-18736 .sxm-sa-h2{
  font-family: var(--sxm-display); font-weight: 900;
  font-size: clamp(38px, calc(84 * var(--u)), 92px); line-height: .92;
  text-transform: uppercase; color: var(--bone);
  margin: 0 0 calc(26 * var(--u)); max-width: 14ch;
}
.page-id-18736 .sxm-sa-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: 66ch; margin: 0 0 calc(18 * var(--u));
}
.page-id-18736 .sxm-sa-copy b{ font-weight: 500; color: var(--bone); }

/* -------------------------------------------------------------------- hero */
.page-id-18736 .sxm-sa-hero{ padding-top: calc(28 * var(--u)); padding-bottom: calc(24 * var(--u)); }
.page-id-18736 .sxm-sa-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-18736 .sxm-sa-crumb a{ color: var(--dim); text-decoration: none; transition: color .25s ease; }
.page-id-18736 .sxm-sa-crumb a:hover, .page-id-18736 .sxm-sa-crumb a:focus-visible{ color: var(--bone); }
.page-id-18736 .sxm-sa-crumb b{ color: var(--bone); font-weight: 400; }
.page-id-18736 .sxm-sa-plate{
  position: relative; overflow: hidden;
  background: var(--panel);
  border: 1px solid var(--line); border-top: 2px solid var(--red);
  border-radius: 6px;
  padding: clamp(24px, calc(52 * var(--u)), 60px) clamp(20px, calc(56 * var(--u)), 64px);
  background-image: radial-gradient(ellipse 60% 80% at 100% 40%, rgba(204,0,0,.22), transparent 70%);
}
.page-id-18736 .sxm-sa-plate > *{ position: relative; z-index: 1; }
.page-id-18736 .sxm-sa-plate-top{
  display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
  margin-bottom: clamp(24px, calc(40 * var(--u)), 48px);
}
.page-id-18736 .sxm-sa-logo{ width: clamp(96px, calc(132 * var(--u)), 140px); height: auto; color: var(--bone); }
.page-id-18736 .sxm-sa-logo svg{ display: block; width: 100%; height: auto; fill: currentColor; }
.page-id-18736 .sxm-sa-plate-right{ display: flex; flex-direction: column; align-items: flex-end; gap: 16px; }
/* the tally light */
.page-id-18736 .sxm-sa-rec{
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2.4px; color: var(--red);
  border: 1px solid rgba(204,0,0,.5); border-radius: 999px; padding: 7px 12px 6px;
}
.page-id-18736 .sxm-sa-rec i{ width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 10px rgba(255,26,26,.8); animation: sxmSaBlink 1.3s steps(1) infinite; }
@keyframes sxmSaBlink{ 50%{ opacity: .25; box-shadow: none; } }
.page-id-18736 .sxm-sa-sitelink{
  font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.6px;
  color: var(--mut); text-decoration: none;
  border-bottom: 1px solid var(--line); padding-bottom: 4px;
  transition: color .25s ease, border-color .25s ease;
}
.page-id-18736 .sxm-sa-sitelink:hover, .page-id-18736 .sxm-sa-sitelink:focus-visible{ color: var(--red); border-color: var(--red); }
.page-id-18736 .sxm-sa-h1{
  font-family: var(--sxm-display); font-weight: 900;
  font-size: clamp(58px, calc(150 * var(--u)), 165px); line-height: .88;
  text-transform: uppercase; color: var(--bone);
  margin: 0 0 clamp(16px, calc(26 * var(--u)), 32px);
}
.page-id-18736 .sxm-sa-stand{
  font-family: var(--sxm-copy); font-weight: 300;
  font-size: clamp(16px, calc(22 * var(--u)), 24px); line-height: 1.5;
  color: var(--mut); max-width: 40ch; margin: 0 0 clamp(20px, calc(34 * var(--u)), 40px);
}
.page-id-18736 .sxm-sa-redrule{ height: 3px; width: 84px; background: var(--red); margin-bottom: clamp(18px, calc(28 * var(--u)), 34px); }
.page-id-18736 .sxm-sa-facts{
  list-style: none; margin: 0; padding: clamp(14px, calc(20 * var(--u)), 24px) 0 0;
  border-top: 1px solid var(--line);
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 760px;
}
.page-id-18736 .sxm-sa-facts li{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(15 * var(--u)), 16px); color: var(--bone); }
.page-id-18736 .sxm-sa-facts b{ display: block; font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--dim); margin-bottom: 6px; }
/* the client's own photograph: Frank and the red microphone, masked into the plate */
.page-id-18736 .sxm-sa-heroart{
  position: absolute; right: -2%; top: 0; bottom: 0; width: 56%;
  margin: 0; z-index: 0 !important; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 42%);
  mask-image: linear-gradient(90deg, transparent 0, #000 42%);
}
.page-id-18736 .sxm-sa-heroart img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: 62% 50%; opacity: .9; }

/* ------------------------------------------------------------ brief */
.page-id-18736 .sxm-sa-brief{ padding-block: calc(46 * var(--u)) calc(64 * var(--u)); }
.page-id-18736 .sxm-sa-brief-grid{ display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: calc(48 * var(--u)); align-items: start; }
.page-id-18736 .sxm-sa-script{ background: var(--panel); border: 1px solid var(--line); border-left: 3px solid var(--red); border-radius: 6px; padding: clamp(18px, calc(28 * var(--u)), 32px); }
.page-id-18736 .sxm-sa-scriptk{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); margin: 0 0 16px; }
.page-id-18736 .sxm-sa-script blockquote{ margin: 0; padding: 0; border: 0; }
.page-id-18736 .sxm-sa-script blockquote p{   /* the spoken lines only: the label paragraph above must not fall into the 64px speaker column */
  display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: baseline;
  font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(16px, calc(20 * var(--u)), 22px); line-height: 1.45;
  color: var(--bone); margin: 0 0 18px;
}
.page-id-18736 .sxm-sa-script blockquote p:last-child{ margin-bottom: 0; }
.page-id-18736 .sxm-sa-script b{ font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--red); padding-top: 4px; }
.page-id-18736 .sxm-sa-spec{ margin: calc(36 * var(--u)) 0 0; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); overflow: hidden; }
.page-id-18736 .sxm-sa-spec > div{ display: grid; grid-template-columns: 200px 1fr; border-top: 1px solid var(--line); transition: background-color .25s ease; }
.page-id-18736 .sxm-sa-spec > div:first-child{ border-top: 0; }
.page-id-18736 .sxm-sa-spec > div:hover{ background: var(--panel2); }
.page-id-18736 .sxm-sa-spec dt{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--red); padding: clamp(12px, calc(17 * var(--u)), 20px) clamp(14px, calc(22 * var(--u)), 26px); border-right: 1px solid var(--line); }
.page-id-18736 .sxm-sa-spec dd{ margin: 0; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(15 * var(--u)), 16px); line-height: 1.5; color: var(--bone); padding: clamp(12px, calc(17 * var(--u)), 20px) clamp(14px, calc(22 * var(--u)), 26px); }
.page-id-18736 .sxm-sa-spec dd i{ font-style: normal; color: var(--dim); }

/* --------------------------------------------------------------- identity */
.page-id-18736 .sxm-sa-id{ padding-block: 0 calc(56 * var(--u)); }
.page-id-18736 .sxm-sa-idgrid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.page-id-18736 .sxm-sa-idcard{ background: var(--panel); border: 1px solid var(--line); border-radius: 6px; padding: clamp(18px, calc(28 * var(--u)), 32px); }
.page-id-18736 .sxm-sa-idcard b{ display: block; font-family: var(--sxm-copy); font-weight: 700; font-size: clamp(15px, calc(19 * var(--u)), 21px); letter-spacing: -.02em; color: var(--bone); margin-bottom: 10px; }
.page-id-18736 .sxm-sa-idcard p{ font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(13px, calc(15 * var(--u)), 16px); line-height: 1.62; color: var(--mut); margin: 0; }
.page-id-18736 .sxm-sa-swatches{ list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.page-id-18736 .sxm-sa-swatches li{ background: var(--c); color: var(--k); border-radius: 6px; border: 1px solid var(--line); padding: clamp(18px, calc(26 * var(--u)), 30px) clamp(14px, calc(20 * var(--u)), 24px); min-height: 110px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
.page-id-18736 .sxm-sa-swatches b{ font-family: var(--sxm-copy); font-weight: 700; font-size: clamp(14px, calc(17 * var(--u)), 19px); letter-spacing: -.02em; }
.page-id-18736 .sxm-sa-swatches s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.6px; opacity: .75; }
/* the mark on the merch: the client's own product photography */
.page-id-18736 .sxm-sa-merch{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.page-id-18736 .sxm-sa-merch figure{ margin: 0; border-radius: 6px; overflow: hidden; border: 1px solid var(--line); background: var(--panel); position: relative; }
.page-id-18736 .sxm-sa-merch img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.page-id-18736 .sxm-sa-merch figcaption{ position: absolute; left: 16px; bottom: 14px; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bone); background: rgba(10,10,10,.72); padding: 7px 10px; border-radius: 3px; }
/* the four pillars as a track list, with the waveform beside it */
.page-id-18736 .sxm-sa-tracks-wrap{ margin-top: calc(44 * var(--u)); border-top: 1px solid var(--line); padding-top: calc(28 * var(--u)); }
.page-id-18736 .sxm-sa-tracks-k{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); margin: 0 0 18px; }
.page-id-18736 .sxm-sa-tracks{ list-style: none; margin: 0; padding: 0; }
.page-id-18736 .sxm-sa-tracks li{
  display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 18px; align-items: center;
  padding: clamp(14px, calc(20 * var(--u)), 24px) 0; border-top: 1px solid var(--line);
  position: relative; transition: color .25s ease;
}
.page-id-18736 .sxm-sa-tracks li:last-child{ border-bottom: 1px solid var(--line); }
.page-id-18736 .sxm-sa-tracks li::before{ content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; background: var(--red); transform: scaleY(0); transform-origin: 50% 100%; transition: transform .35s cubic-bezier(.22,.86,.24,1); }
.page-id-18736 .sxm-sa-tracks li:hover::before{ transform: scaleY(1); }
.page-id-18736 .sxm-sa-tracks s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 13px; letter-spacing: 2px; color: var(--red); padding-left: 16px; }
.page-id-18736 .sxm-sa-tracks b{ display: block; font-family: var(--sxm-wide); font-weight: 500; font-size: clamp(15px, calc(19 * var(--u)), 21px); letter-spacing: .04em; text-transform: uppercase; color: var(--bone); margin-bottom: 4px; }
.page-id-18736 .sxm-sa-tracks p{ margin: 0; font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(13px, calc(15 * var(--u)), 16px); line-height: 1.55; color: var(--mut); }
.page-id-18736 .sxm-sa-tracks .sxm-sa-wave{ width: clamp(90px, calc(160 * var(--u)), 180px); }
.page-id-18736 .sxm-sa-wave{ display: flex; align-items: center; gap: 3px; height: 34px; }
.page-id-18736 .sxm-sa-wave i{ flex: 1 1 0; height: 100%; background: var(--red); opacity: .55; border-radius: 1px; transform: scaleY(var(--h, .3)); transform-origin: 50% 50%; transition: transform .6s ease; }
.page-id-18736 .sxm-sa-wave.is-live i{ animation: sxmSaWave 1.4s ease-in-out infinite alternate; animation-delay: calc(var(--i) * -.09s); }
@keyframes sxmSaWave{ from{ transform: scaleY(calc(var(--h, .3) * .35)); } to{ transform: scaleY(var(--h, .3)); } }

/* -------------------------------------------------------------- the site */
.page-id-18736 .sxm-sa-site{ padding-block: 0 calc(56 * var(--u)); }
.page-id-18736 .sxm-sa-feature{
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center;
  background: var(--panel); border: 1px solid var(--line); border-radius: 6px;
  padding: clamp(16px, calc(22 * var(--u)), 26px) clamp(18px, calc(26 * var(--u)), 30px);
  margin: 0 0 calc(24 * var(--u));
}
.page-id-18736 .sxm-sa-mic{ width: 54px; height: 54px; border-radius: 50%; background: var(--red); display: grid; place-items: center; color: #fff; box-shadow: 0 0 0 8px rgba(204,0,0,.14); }
.page-id-18736 .sxm-sa-mic svg{ width: 22px; height: 22px; }
.page-id-18736 .sxm-sa-feature b{ display: block; font-family: var(--sxm-wide); font-weight: 500; font-size: clamp(14px, calc(17 * var(--u)), 19px); letter-spacing: .05em; text-transform: uppercase; color: var(--bone); margin-bottom: 6px; }
.page-id-18736 .sxm-sa-feature p{ margin: 0; font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(13px, calc(15 * var(--u)), 16px); line-height: 1.55; color: var(--mut); max-width: 70ch; }
/* the hero capture left, the pillars + collection stacked right at the same height
   (1157/1600 vs 1014+915, chrome bars included) */
.page-id-18736 .sxm-sa-screens{ display: grid; grid-template-columns: 1.852fr 1fr; gap: 14px; align-items: stretch; }
.page-id-18736 .sxm-sa-stack{ display: flex; flex-direction: column; gap: 14px; justify-content: space-between; min-width: 0; }
.page-id-18736 .sxm-sa-shot{ margin: 0; border-radius: 6px; overflow: hidden; border: 1px solid var(--line); background: #050505; transition: transform .45s ease; }
.page-id-18736 .sxm-sa-shot:hover{ transform: translateY(-5px); }
.page-id-18736 .sxm-sa-shot img{ display: block; width: 100%; height: auto; }
.page-id-18736 .sxm-sa-chrome{ display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--panel); border-bottom: 1px solid var(--line); }
.page-id-18736 .sxm-sa-chrome i{ width: 9px; height: 9px; border-radius: 50%; background: rgba(244,241,236,.22); }
.page-id-18736 .sxm-sa-chrome u{ margin-left: 10px; text-decoration: none; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; color: var(--dim); }
.page-id-18736 .sxm-dev-band{ color: var(--bone); }
.page-id-18736 .sxm-dev-band .sxm-dev-band__p{ color: var(--mut); opacity: 1; }
.page-id-18736 .sxm-dev{ --dev-bezel: #111111; --dev-line: rgba(204,0,0,.55); --dev-glow: rgba(0,0,0,.7); --dev-bar: #040000; }
.page-id-18736 .sxm-sa-cap{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.4px; color: var(--dim); margin: calc(30 * var(--u)) 0 0; }
.page-id-18736 .sxm-sa-cap a{ color: var(--red); text-decoration: none; border-bottom: 1px solid rgba(204,0,0,.4); }
.page-id-18736 .sxm-sa-cap a:hover{ border-color: var(--red); }

/* ----------------------------------------------------------- the numbers */
.page-id-18736 .sxm-sa-num{ background: var(--red); color: #fff; padding-block: calc(56 * var(--u)) calc(72 * var(--u)); }
.page-id-18736 .sxm-sa-num .sxm-sa-eyebrow{ color: #fff; border-top-color: rgba(255,255,255,.35); }
.page-id-18736 .sxm-sa-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.page-id-18736 .sxm-sa-stats div{ border: 1px solid rgba(255,255,255,.35); border-radius: 6px; padding: clamp(16px, calc(26 * var(--u)), 30px); }
.page-id-18736 .sxm-sa-stats s{ display: block; text-decoration: none; font-family: var(--sxm-display); font-weight: 900; font-size: clamp(36px, calc(72 * var(--u)), 80px); line-height: 1; color: #fff; margin-bottom: 8px; font-variant-numeric: tabular-nums; }
.page-id-18736 .sxm-sa-stats i{ font-style: normal; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: rgba(255,255,255,.78); line-height: 1.6; display: block; }

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

/* ------------------------------------------------------------------ mobile */
@media (max-width: 1024px){
  .page-id-18736 .sxm-sa-heroart{ display: none; }
  .page-id-18736 .sxm-sa-brief-grid{ grid-template-columns: 1fr; }
  .page-id-18736 .sxm-sa-idgrid{ grid-template-columns: 1fr; }
  .page-id-18736 .sxm-sa-screens{ grid-template-columns: 1fr; }
  .page-id-18736 .sxm-sa-stats{ grid-template-columns: 1fr 1fr; }
  .page-id-18736 .sxm-sa-swatches{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px){
  .page-id-18736 .sxm-sa-hero{ padding-top: 40px; }   /* phone: 40px to the first ink like every page */
  .page-id-18736 .sxm-sa-plate-top{ flex-direction: column; align-items: flex-start; gap: 16px; }
  .page-id-18736 .sxm-sa-plate-right{ align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 12px 18px; }
  .page-id-18736 .sxm-sa-facts{ grid-template-columns: 1fr; gap: 14px; }
  .page-id-18736 .sxm-sa-spec > div{ grid-template-columns: 1fr; }
  .page-id-18736 .sxm-sa-spec dt{ border-right: 0; padding-bottom: 4px; }
  .page-id-18736 .sxm-sa-spec dd{ padding-top: 0; }
  .page-id-18736 .sxm-sa-script blockquote p{ grid-template-columns: 1fr; gap: 6px; }
  .page-id-18736 .sxm-sa-merch{ grid-template-columns: 1fr; }
  .page-id-18736 .sxm-sa-tracks li{ grid-template-columns: 44px minmax(0, 1fr); }
  .page-id-18736 .sxm-sa-tracks .sxm-sa-wave{ display: none; }
  .page-id-18736 .sxm-sa-feature{ grid-template-columns: 1fr; }
  .page-id-18736 .sxm-sa-stats{ grid-template-columns: 1fr; }
  .page-id-18736 .sxm-sa-form .gform_wrapper .gform_fields{ grid-template-columns: 1fr; grid-template-rows: none; height: auto; grid-row-gap: 6px; }
  .page-id-18736 .sxm-sa-form .gform_wrapper .gfield, .page-id-18736 .sxm-sa-form .gform_wrapper .gfield:has(textarea){ grid-column: 1; grid-row: auto; }
  .page-id-18736 .sxm-sa-form .gform_wrapper .gfield textarea{ height: 150px !important; }
  .page-id-18736 .sxm-sa-form .gform_wrapper input[type=text], .page-id-18736 .sxm-sa-form .gform_wrapper input[type=email], .page-id-18736 .sxm-sa-form .gform_wrapper input[type=tel]{ padding: 19px 20px !important; font-size: 15px; line-height: 1.35 !important; height: auto !important; }
  .page-id-18736 .sxm-sa-form .gform_wrapper .gform_footer input[type=submit]{ padding: 20px 0 !important; font-size: 18px !important; }
}
@media (prefers-reduced-motion: reduce){
  .page-id-18736 .sxm-sa-rec i{ animation: none; }
  .page-id-18736 .sxm-sa-wave.is-live i{ animation: none; }
  .page-id-18736 .sxm-sa-shot, .page-id-18736 .sxm-sa-shot:hover{ transform: none; }
}/* End custom CSS */