/*
  The SwampCast room and the CHOMP room. Tokens from the SwampCast media kit
  v3.0: Gator Orange, Gator Blue, the Ink ramp, Inter Tight and Inter.
  Rules that matter on dark: Gator Blue is never type on dark (use Blue Light),
  Gator Orange is legal at any size on Ink 800 and darker, the wordmark is
  never recoloured, and the stripe is five bands, orange outside, white core,
  no gaps, no radius, no gradient. Every selector carries the sc prefix.
*/
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/inter-tight-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/inter-tight-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/inter-latin-700-normal.woff2") format("woff2")}

.sc-room{
  --sc-orange:#FA4516;--sc-orange-deep:#D03A11;--sc-blue:#013088;--sc-blue-light:#5B7FE8;
  --sc-ink-900:#0A0B0D;--sc-ink-800:#1C1E24;--sc-ink-700:#24272E;--sc-ink-600:#3A3F49;
  --sc-ink-500:#5B6270;--sc-ink-400:#8A909C;--sc-ink-300:#C4C8D0;--sc-ink-200:#E3E5EA;
  --sc-display:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  --sc-text:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  background:var(--sc-ink-900);
}
.sc-room *,.sc-room *::before,.sc-room *::after{box-sizing:border-box}
.sc-room body{margin:0;background:var(--sc-ink-900);color:#FFFFFF;font-family:var(--sc-text);font-size:16px;line-height:1.6;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}
:where(.sc-room) :where(h1,h2,h3,p,ul,figure){margin:0}
:where(.sc-room) ul{padding:0;list-style:none}
.sc-room img{display:block;max-width:100%;height:auto}
:where(.sc-room) a{color:inherit}
.sc-room :focus-visible{outline:3px solid var(--sc-blue-light);outline-offset:3px}
.sc-skip{position:absolute;left:16px;top:-80px;z-index:10;background:#FFFFFF;color:var(--sc-ink-900);padding:12px 18px;font-weight:700;text-decoration:none}
.sc-skip:focus{top:40px}

/* The gator stripe, by the kit's recipe: 20, 16, 28, 16, 20. */
.sc-stripe{height:20px;background:linear-gradient(180deg,var(--sc-orange) 0 20%,var(--sc-blue) 20% 36%,#FFFFFF 36% 64%,var(--sc-blue) 64% 80%,var(--sc-orange) 80% 100%)}
/* The spine: the same stripe, vertical, on dark. */
.sc-spine{position:absolute;top:0;bottom:0;left:0;width:14px;background:linear-gradient(90deg,var(--sc-orange) 0 20%,var(--sc-blue) 20% 36%,#FFFFFF 36% 64%,var(--sc-blue) 64% 80%,var(--sc-orange) 80% 100%)}

.sc-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.sc-eyebrow{font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.15em;text-transform:uppercase;color:var(--sc-orange)}
.sc-eyebrow.sc-blue{color:var(--sc-blue-light)}
.sc-room h1{font-family:var(--sc-display);font-weight:800;font-size:38px;line-height:1.02;letter-spacing:-.035em}
.sc-room h2{font-family:var(--sc-display);font-weight:700;font-size:30px;line-height:1.15;letter-spacing:-.022em;margin:10px 0 26px}
.sc-room h3{font-family:var(--sc-display);font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.sc-lede{font-size:18px;color:var(--sc-ink-300);max-width:34em;margin-top:18px}

.sc-hero{padding:48px 0 56px;text-align:center}
.sc-lockup{width:min(440px,84%);margin:0 auto 34px}
.sc-hero h1{max-width:14em;margin:14px auto 0}
.sc-hero .sc-lede{margin-left:auto;margin-right:auto}
.sc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sc-hero .sc-actions{justify-content:center}
.sc-btn{display:inline-block;padding:14px 22px;border-radius:12px;border:1px solid var(--sc-ink-500);color:#FFFFFF;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none}
.sc-btn:hover{border-color:#FFFFFF}
.sc-btn-primary{background:var(--sc-orange);border-color:var(--sc-orange);color:var(--sc-ink-900)}
.sc-btn-primary:hover{background:#FFFFFF;border-color:#FFFFFF}

.sc-section{padding:56px 0;border-top:1px solid var(--sc-ink-700)}
.sc-grid{display:grid;gap:16px}
.sc-card{display:flex;flex-direction:column;padding:24px;background:var(--sc-ink-800);border:1px solid var(--sc-ink-700);border-radius:16px}
.sc-card p{color:var(--sc-ink-300);margin-top:10px}

/* Host cards sit on Ink 900 so Blue Light type clears AA. */
.sc-host{flex-direction:row;gap:18px;align-items:flex-start;background:var(--sc-ink-900)}
.sc-host img{flex:none;width:88px;height:88px;border-radius:16px}
.sc-host h3{margin-top:6px}
.sc-handle{display:inline-block;margin-top:12px;padding:4px 0;font-weight:600;color:#FFFFFF;text-underline-offset:4px}

.sc-ep{padding:0;overflow:hidden;text-decoration:none}
.sc-ep img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sc-ep div{padding:18px 20px 22px}
.sc-ep h3{font-size:18px}
.sc-ep p{font-size:13px;color:var(--sc-ink-400);margin-top:8px}
.sc-ep:hover h3{text-decoration:underline;text-underline-offset:4px}
.sc-fine{font-size:13px;color:var(--sc-ink-400);margin-top:18px}

.sc-teaser{position:relative;overflow:hidden;padding:30px 24px 30px 38px}
.sc-teaser h2{font-size:26px;margin:10px 0 0}
.sc-room h2.sc-h3{font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:0}
.sc-teaser .sc-actions{margin-top:22px}

/* The one orange callout. */
.sc-call{margin-top:16px;padding:22px 24px;border-radius:16px;background:var(--sc-orange);color:var(--sc-ink-900)}
.sc-call p{font-family:var(--sc-display);font-weight:700;font-size:20px;line-height:1.3;letter-spacing:-.02em;max-width:30em}

/* The CHOMP room: stripe spine, eyebrow, big headline, three dark cards, one orange callout. */
.sc-chomp{position:relative;padding:64px 0 64px 14px}
.sc-chomp .sc-lede{color:#FFFFFF}
.sc-chomp .sc-grid{margin-top:36px}
.sc-gate{margin-top:40px;padding-top:28px;border-top:1px solid var(--sc-ink-700)}
.sc-gate p{color:var(--sc-ink-300);max-width:34em;margin-top:8px}

@media (min-width:768px){
  .sc-wrap{padding:0 40px}
  .sc-hero{padding:72px 0 88px}
  .sc-room h1{font-size:60px}
  .sc-room h2{font-size:38px}
  .sc-teaser h2{font-size:34px}
  .sc-room h2.sc-h3{font-size:22px}
  .sc-lede{font-size:20px}
  .sc-section{padding:88px 0}
  .sc-grid.sc-2{grid-template-columns:1fr 1fr}
  .sc-grid.sc-3{grid-template-columns:repeat(3,1fr)}
  .sc-card{padding:28px}
  .sc-ep{padding:0}
  .sc-teaser{padding:40px 40px 40px 54px}
  .sc-chomp{padding:104px 0 104px 14px}
  .sc-call{padding:28px 32px}
  .sc-call p{font-size:24px}
}
@media (min-width:1200px){
  .sc-room h1{font-size:76px}
}