/* Theme 1.35: house promos (CLEAN HANDS, a THIS! Original). Brand: Night #0E0F12, Bone #EFE8DC, Stain #E11D2E (the print and
   the word THIS! only), Brass #B8893B hairlines and labels; Bodoni Moda titles, IBM Plex Mono labels; square corners. */
.chp{--ch-night:#0e0f12;--ch-raised:#17191e;--ch-bone:#efe8dc;--ch-muted:#b9b2a6;--ch-stain:#ff4b57;--ch-brass:#b8893b;
  --ch-d:"CH Bodoni","Bodoni Moda",Didot,Georgia,serif;--ch-m:"CH Mono","IBM Plex Mono",ui-monospace,monospace;--ch-s:"CH Serif","IBM Plex Serif",Georgia,serif;
  color:var(--ch-bone);background:var(--ch-night)}
.chp *{box-sizing:border-box}
.chp a{color:inherit;text-decoration:none}
.chp [hidden]{display:none!important}
.chp-lab{display:block;font:600 11px/1.5 var(--ch-m);letter-spacing:.24em;text-transform:uppercase;color:var(--ch-bone);white-space:nowrap}
.chp-lab b,.chp-ad b{color:var(--ch-stain);font-weight:600}
.chp-brass{color:var(--ch-brass)}
.chp-big{display:block;font:800 26px/1 var(--ch-d);letter-spacing:0;white-space:nowrap;margin:3px 0 4px}
.chp-tag{display:block;font:italic 400 22px/1.15 var(--ch-d)}
.chp-log,.chp-blurb{font:400 15px/1.5 var(--ch-s);color:var(--ch-muted)}
.chp-ad{display:block;font:600 9.5px/1.4 var(--ch-m);letter-spacing:.2em;text-transform:uppercase;color:var(--ch-muted)}
.chp-lock{display:block;height:auto;max-width:100%}
.chp-btn{display:inline-block;background:var(--ch-bone);color:var(--ch-night)!important;font:600 12px/1 var(--ch-m);letter-spacing:.18em;text-transform:uppercase;padding:13px 16px;border-radius:0;white-space:nowrap;border:1px solid var(--ch-bone)}
.chp-btn.chp-ghost{background:transparent;color:var(--ch-bone)!important}
.chp a:hover .chp-btn,.chp .chp-btn:hover{background:#fff}
.chp .chp-ghost:hover{background:rgba(239,232,220,.1)}
.chp-fine{font:600 10px/1.5 var(--ch-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ch-muted);margin:14px 0 0}
.chp-count{font:600 12px/1.4 var(--ch-m);letter-spacing:.2em;text-transform:uppercase;color:var(--ch-brass);margin:10px 0 0}
.chp-when{display:block}
.chp-when-l .chp-big{font-size:clamp(30px,4vw,46px)}
.chp-when-l .chp-lab{font-size:12px}
/* rain */
.chp-bb,.chp-home,.chp-radio,.chp-card,.chp-end,.chpl-hero{position:relative;background-image:repeating-linear-gradient(100deg,transparent 0 37px,rgba(91,107,122,.09) 37px 38px,transparent 38px 91px)}

/* video */
.chp-vid{position:relative;display:block;background:#000;aspect-ratio:9/16;overflow:hidden}
.chp-vid video{display:block;width:100%;height:100%;object-fit:cover}
.chp-snd{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(14,15,18,.7);color:#fff;cursor:pointer}
.chp-snd[aria-pressed="true"] path:last-child{display:none}

/* billboard (under the header) */
.chp-bb{border-bottom:1px solid rgba(184,137,59,.35)}
.chp-bb-in{max-width:1240px;margin:0 auto;padding:12px 20px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:22px}
.chp-bb .chp-ad{grid-column:1/-1;margin-bottom:-14px}
.chp-bb .chp-lock{width:190px}
.chp-bb .chp-tag{font-size:21px;max-width:260px}
@media (max-width:1100px){.chp-bb .chp-tag{display:none}.chp-bb-in{grid-template-columns:auto 1fr auto}}
@media (max-width:640px){.chp-bb-in{grid-template-columns:auto 1fr;gap:12px;padding:10px 14px}.chp-bb .chp-lock{width:118px}.chp-bb .chp-btn{display:none}
  .chp-bb .chp-big{font-size:19px}.chp-bb .chp-lab{font-size:9px;letter-spacing:.16em}.chp-bb .chp-ad{margin-bottom:-6px}}

/* home band, radio card, landing hero */
.chp-home,.chp-radio{padding:34px 0;margin:28px 0}
.chp-home-in,.chp-radio-in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:40px;align-items:center}
.chp-home-vid{display:block;max-width:300px}
.chp-home-txt .chp-lock{width:min(420px,100%);margin:10px 0 6px}
.chp-home-txt .chp-tag{font-size:clamp(24px,3vw,34px);margin:6px 0 8px}
.chp-home-txt .chp-log{max-width:560px;margin:0 0 16px}
.chp-ctas{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.chp-row{margin:0 0 14px}
.chp-radio .chp-lock{width:min(360px,100%)}
@media (max-width:760px){.chp-home-in,.chp-radio-in{grid-template-columns:1fr;gap:20px}.chp-home-vid{max-width:220px;margin:0 auto}}

/* card (article and rail) */
.chp-card{margin:28px 0;border:1px solid rgba(184,137,59,.35)}
.chp-card-in{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px;align-items:center}
.chp-card-txt .chp-lock{width:min(230px,100%);margin:8px 0 4px}
.chp-card .chp-tag{font-size:20px;margin:2px 0 6px}
.chp-card .chp-blurb{display:block;font-size:14px;margin:0 0 10px}
.chp-card .chp-big{font-size:22px}
.chp-card .chp-btn{margin-top:12px}
.entry .chp-card{clear:both}
.entry .chp-card p,.entry .chp-card span{margin:0}
.rail-col .chp-card{margin:0 0 22px}
.rail-col .chp-card-in{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
.chp-card-txt{min-width:0}
.rail-col .chp-lab{white-space:normal}
.rail-col .chp-vid{aspect-ratio:4/5}
.rail-col .chp-blurb{display:none}
@media (max-width:520px){.chp-card-in{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:12px}.chp-card .chp-blurb{display:none}.chp-card .chp-big{font-size:19px}.chp-card .chp-lab{font-size:9px;letter-spacing:.14em}.chp-card .chp-btn{padding:10px 12px;font-size:10.5px}}

/* end card (phones; the rail carries it on wide screens) */
.chp-end{margin:22px 0}
.chp-end-in{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;padding:16px}
.chp-end .chp-ad{grid-column:1/-1}
.chp-end .chp-tag{grid-column:1/-1;font-size:20px}
.chp-end .chp-lock{width:150px;grid-row:span 1}
.chp-end .chp-btn{grid-column:1/-1;justify-self:start}
@media (min-width:1000px){.chp-end{display:none}}

/* phone bar */
.chp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:58;border-top:1px solid rgba(184,137,59,.5);box-shadow:0 -10px 30px rgba(0,0,0,.35);padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(110%);transition:transform .35s ease}
.chp-sticky.on{transform:none}
.chp-sticky-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 46px 9px 12px}
.chp-sticky .chp-lock{width:96px}
.chp-sticky .chp-big{font-size:17px;margin:0 0 2px}
.chp-sticky .chp-lab{font-size:8.5px;letter-spacing:.14em}
.chp-sticky .chp-btn{padding:10px 11px;font-size:10px;letter-spacing:.14em}
.chp-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:var(--ch-muted);font:400 24px/1 system-ui;cursor:pointer}
@media (min-width:761px){.chp-sticky{display:none!important}}

/* the show page */
.chp-landing{background:var(--ch-night);color:var(--ch-bone)}
.chpl-hero{padding:48px 0 40px}
.chpl-hero-in{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:48px;align-items:center}
.chpl-hero-txt .chp-lock{width:min(560px,100%)}
.chpl-tag{font-size:clamp(28px,4vw,44px)!important;margin:12px 0 10px}
.chpl-hero .chp-log{font-size:17px;max-width:600px}
.chpl-q,.chpl-trail,.chpl-cast,.chpl-how{padding:44px 0;border-top:1px solid rgba(184,137,59,.3)}
.chpl-quote{font:italic 400 clamp(30px,4.6vw,56px)/1.1 var(--ch-d);margin:0 0 22px}
.chpl-body{font:400 17px/1.6 var(--ch-s);color:var(--ch-muted);max-width:720px;margin:0 0 12px}
.chpl-h{font:800 clamp(30px,4vw,46px)/1 var(--ch-d);margin:0 0 22px;color:var(--ch-bone)}
.chpl-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,220px);gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.chpl-tr{margin:0;scroll-snap-align:start}
.chpl-tr video{display:block;width:100%;aspect-ratio:9/16;background:#000}
.chpl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.chpl-grid li{border-top:2px solid var(--ch-brass);padding-top:14px}
.chpl-name{font:800 26px/1.05 var(--ch-d);margin:4px 0 8px}
.chpl-how .chp-btn{margin-top:4px}
@media (max-width:860px){.chpl-hero-in{grid-template-columns:1fr;gap:26px}.chpl-hero-vid{max-width:260px}.chpl-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.chpl-grid{grid-template-columns:1fr}.chpl-hero{padding-top:26px}}
body.chp-page{background:#0e0f12}
@media (prefers-reduced-motion:reduce){.chp-sticky{transition:none}}
.chp-card .chp-lab{white-space:normal}
