/* Contender: boxing and martial arts. Canvas and gold, fight-poster type, black-and-white photography, rope details, tickets. */
.coach-site.contender{
  --cs-bg:#f4f1ea;--cs-alt:#e9e4d9;--cs-ink:#161512;--cs-soft:#524f47;--cs-line:#d5cebf;--cs-card:#fbf9f4;
  --cs-head:'Big Shoulders Display',sans-serif;--cs-body:'Work Sans',sans-serif;--cs-head-weight:900;--cs-head-track:.005em;--cs-head-case:uppercase;
  --cs-radius:3px;--cs-photo-radius:3px;--cs-button-radius:3px;--cs-photo-pos:44% 40%;
  --cs-accent-text:color-mix(in srgb,var(--coach-accent) 55%,#000);--cs-shadow:none
}
.contender h1{font-size:clamp(64px,8.6vw,132px);line-height:.86}
.contender h2{font-size:clamp(44px,5.4vw,76px);line-height:.92}
.contender h3{font-size:30px;font-weight:800;line-height:1.05}
.ct-line{display:block}
@supports (-webkit-text-stroke:2px black){.ct-line:nth-child(even){color:transparent;-webkit-text-stroke:2px var(--cs-ink)}}
.contender .cs-kicker{display:flex;align-items:center;gap:12px;font:800 16px/1 var(--cs-head);letter-spacing:.16em;text-transform:uppercase}
.contender .cs-kicker::before{content:"";flex:none;width:42px;height:10px;background:repeating-linear-gradient(var(--coach-accent) 0 2px,transparent 2px 4px)}
.contender .cs-button{font:800 19px/1 var(--cs-head);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--cs-ink)}
.contender .cs-header{background:var(--cs-bg);border-bottom:2px solid var(--cs-ink)}
.contender .cs-brand{font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.contender .cs-brand-mark{border-radius:2px;color:var(--cs-ink)}
.contender .cs-nav a{color:var(--cs-ink);font:700 17px/1 var(--cs-head);letter-spacing:.1em;text-transform:uppercase}

/* Hero: poster headline, black-and-white photo on a gold block, coach panel */
.ct-hero{padding:56px 0 110px}
.ct-hero-media{position:relative;isolation:isolate;margin:0 24px 0 0}
.ct-hero-media::before{content:"";position:absolute;z-index:-1;inset:-22px -24px 42px 42px;background:var(--coach-accent)}
.ct-hero-media img,.ct-hero-media .cs-monogram{aspect-ratio:4/4.8;box-shadow:none;border:2px solid var(--cs-ink)}
.coach-site.contender .ct-hero-media img{filter:grayscale(1) contrast(1.08)}
.ct-tape{position:absolute;left:-30px;bottom:-40px;min-width:250px;max-width:320px;padding:20px 22px;background:var(--cs-ink);color:var(--cs-bg)}
.ct-tape>p{margin-bottom:10px;font:800 16px/1 var(--cs-head);letter-spacing:.16em;text-transform:uppercase;color:var(--coach-accent)}
.ct-tape ul{list-style:none;margin:0;padding:0}
.ct-tape li{padding:9px 0;border-top:1px solid color-mix(in srgb,var(--cs-bg) 18%,transparent);font-size:15px;font-weight:600}

/* Process as rounds */
.ct-rounds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));border:2px solid var(--cs-ink);background:var(--cs-card)}
.ct-rounds li{padding:30px 30px 34px;border-left:2px solid var(--cs-ink)}
.ct-rounds li:first-child{border-left:0}
.ct-round{display:inline-block;margin-bottom:18px;padding:7px 12px 6px;background:var(--cs-ink);color:var(--cs-bg);font:800 16px/1 var(--cs-head);letter-spacing:.14em;text-transform:uppercase}
.ct-rounds h3{margin-bottom:10px}
.ct-rounds p{color:var(--cs-soft)}

/* Offers as tickets */
.ct-tickets{display:grid;gap:24px}
.ct-ticket{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:2px solid var(--cs-ink);background:var(--cs-card)}
.ct-ticket-main{padding:30px 34px}
.ct-ticket h3{font-size:clamp(34px,3.6vw,46px);margin:4px 0 8px}
.ct-ticket .cs-includes{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top:20px;font-size:15.5px}
.ct-ticket-stub{position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:30px;border-left:2px dashed var(--cs-ink);background:var(--cs-accent-soft)}
.ct-ticket-stub::before,.ct-ticket-stub::after{content:"";position:absolute;left:-14px;width:26px;height:26px;border:2px solid var(--cs-ink);border-radius:50%;background:var(--cs-alt)}
.ct-ticket-stub::before{top:-14px;clip-path:inset(50% 0 0 0)}
.ct-ticket-stub::after{bottom:-14px;clip-path:inset(0 0 50% 0)}
.ct-ticket .cs-price{margin:0;font-size:60px}
.ct-ticket .cs-price span{display:block;margin:8px 0 0}

.contender .cs-story,.contender .cs-form,.contender .cs-quals{border:2px solid var(--cs-ink);border-radius:0;background:var(--cs-card)}
.contender .cs-story figcaption{font:800 17px/1 var(--cs-head);letter-spacing:.1em;text-transform:uppercase;color:var(--cs-ink)}
.contender .cs-faq-list summary{font:800 23px/1.2 var(--cs-head);letter-spacing:.03em;text-transform:uppercase}
.contender .cs-faq-list details,.contender .cs-faq-list details:first-child{border-color:var(--cs-ink)}
.contender .cs-footer{border-top:2px solid var(--cs-ink)}

@media (max-width:960px){
  .ct-hero{padding-bottom:96px}
  .ct-hero-media{max-width:500px;margin:12px 24px 0 0}
  .ct-tape{left:-12px}
  .ct-ticket{grid-template-columns:minmax(0,1fr)}
  .ct-ticket-stub{border-left:0;border-top:2px dashed var(--cs-ink)}
  .ct-ticket-stub::before,.ct-ticket-stub::after{display:none}
}
@media (max-width:600px){
  .ct-rounds li{border-left:0;border-top:2px solid var(--cs-ink)}
  .ct-rounds li:first-child{border-top:0}
  .ct-tape{position:relative;left:auto;bottom:auto;max-width:none;margin:-30px 12px 0}
  .ct-ticket-main,.ct-ticket-stub{padding:24px}
}
