/* Home page (Persuade) and 404: the one-pager's world as a scrolling page, phone first.
   Phone: art, headline, plain intro and the one action sit inside the 390x844 first screen.
   Wide: the poster's two-column hero. */
main.content{padding:0}
.cc-hero,.cc-band,.cc-notfound{width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}
.cc-hero{padding-top:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.cc-art p{margin:0}
.cc-art img,.cc-art .cc-img{display:block;width:100%;height:auto;max-width:520px;margin-inline:auto}
.cc-tag{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--cc-blue);text-transform:uppercase;white-space:nowrap}
.cc-tag::before,.cc-tag::after{content:"";flex:1;height:0;border-top:3px double var(--cc-red)}
.cc-tag p{display:contents}
.cc-star{color:var(--cc-red);font-size:.9rem}

/* headline stack */
.cc-hero-text h1{margin:0;padding:0;border:0;text-transform:uppercase;letter-spacing:.01em}
.cc-hero-text h1 .cc-a{display:block;font:400 clamp(2.6rem,11.2vw,4.1rem)/.92 var(--cc-font-display);color:var(--cc-red)}
.cc-hero-text h1 .cc-b{display:block;margin-top:.5rem;font:400 clamp(1.45rem,6.1vw,2.35rem)/1 var(--cc-font-display);color:var(--cc-blue)}
.cc-intro{margin-top:.75rem;padding:.7rem .9rem;border-radius:var(--cc-radius);background:var(--cc-blue);color:var(--cc-on-blue);box-shadow:var(--cc-shadow);font-weight:400;line-height:1.5;font-size:.95rem}
.cc-intro p{margin:0;max-width:none}

/* the one action */
.cc-actions{margin-top:.9rem}
.cc-actions p{margin:0;max-width:none}
a.cc-cta{display:flex;align-items:center;justify-content:center;min-height:56px;padding:.4rem 1rem;border-radius:var(--cc-radius);background:var(--cc-red);color:var(--cc-on-red);box-shadow:var(--cc-shadow);
  font:400 clamp(1.2rem,5.5vw,2rem)/1 var(--cc-font-display);letter-spacing:.05em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;text-align:center}
a.cc-cta:hover{color:var(--cc-on-red);background:var(--cc-ink)}
a.cc-cta:focus-visible{outline:3px solid var(--cc-ink);outline-offset:3px}
.cc-actions p+p{margin-top:.35rem;font-size:.85rem;color:var(--cc-ink)}
a.cc-quiet{display:inline-block;padding-block:.5rem;min-height:var(--cc-hit);font-size:.85rem}

/* sections */
.cc-band{padding-top:2rem}
.cc-band h2{margin-top:0;font-size:clamp(1.9rem,6.5vw,2.5rem)}
.cc-band>p{margin-top:1rem;max-width:var(--cc-measure)}
.cc-ids{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:1rem}

/* ID card */
.cc-id{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto 1fr;background:var(--cc-paper-hi);border:2px solid var(--cc-ink);border-radius:var(--cc-radius-lg);overflow:hidden;box-shadow:var(--cc-shadow);min-height:104px}
.cc-id-head{grid-column:1/-1;display:flex;justify-content:space-between;background:var(--cc-blue);color:var(--cc-on-blue);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .6rem}
.cc-id-photo{margin:.6rem 0 .6rem .6rem;width:44px;height:46px;background:var(--cc-paper-lo);border:1.5px solid var(--cc-ink);overflow:hidden;align-self:start}
.cc-id-photo svg{display:block;width:100%;height:100%}
.cc-id-fields{margin:.5rem .6rem .6rem .5rem;font-size:.8rem;line-height:1.7}
.cc-id-fields div{display:flex;gap:.4rem}
.cc-id-fields dt{color:var(--cc-mute);font-weight:400;min-width:2.8rem}
.cc-id-fields dd{margin:0;font-weight:700}
.cc-id .cc-stamp{position:absolute;right:.5rem;bottom:.35rem;font-size:1.1rem}

/* duties */
.cc-duties{display:grid;gap:1.1rem;margin-top:1rem}
.cc-duty{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.75rem;align-items:start}
.cc-num{width:48px;height:48px;border-radius:50%;background:var(--cc-red);color:var(--cc-on-red);display:grid;place-items:center;font:400 1.9rem/1 var(--cc-font-display);box-shadow:inset 0 0 0 3px var(--cc-red),inset 0 0 0 5px var(--cc-on-red)}
.cc-duty h3{margin:0;font-size:1.6rem}
.cc-duty p{margin:.15rem 0 0}

/* chairs and modes */
.cc-chairs{display:grid;gap:12px;margin-top:1rem}
.cc-chair{border-radius:var(--cc-radius);padding:.9rem 1rem 1rem;color:var(--cc-on-red);box-shadow:var(--cc-shadow)}
.cc-chair.red{background:var(--cc-red)}
.cc-chair.blue{background:var(--cc-blue);color:var(--cc-on-blue)}
.cc-chair h3{margin:0 0 .6rem;color:inherit;font-size:clamp(1.8rem,6vw,2.1rem);letter-spacing:.04em}
.cc-chair p{margin:.6rem 0 0;font-weight:700;max-width:none}
.cc-roles{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.cc-roles li{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase;border:1.5px solid currentColor;border-radius:2px;padding:.45rem .5rem}
.cc-modes ul{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:12px}
.cc-modes li{border-top:3px solid var(--cc-ink);padding-top:.4rem;margin:0;font-size:.9rem;line-height:1.5}
.cc-modes li strong{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cc-red)}

.cc-two{display:grid;gap:1.25rem;margin-top:1rem}
.cc-box h3{margin:0 0 .25rem}
.cc-box p{margin:0}
.cc-box strong{color:var(--cc-red)}
.cc-notes ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:1rem;border-top:3px double var(--cc-red);padding-top:.75rem}
.cc-notes li{margin:0;font-size:.85rem;line-height:1.5}
.cc-notes li strong{color:var(--cc-blue)}
.cc-notes li em{display:block;margin-top:.25rem;font-style:normal;color:var(--cc-mute);font-size:.8rem}
.cc-bulletin{margin-top:2rem;border:2.5px solid var(--cc-blue);background:color-mix(in srgb,var(--cc-paper-hi) 85%,transparent);padding:.9rem 1rem;border-radius:var(--cc-radius)}
.cc-bulletin p{margin:0;max-width:none}
.cc-bulletin strong{display:block;font:400 1.5rem/1 var(--cc-font-display);color:var(--cc-blue);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem}

/* 404 */
.cc-notfound{padding-top:2.5rem;padding-bottom:2rem}
.cc-notfound h1{margin:0 0 1rem}
.cc-notfound .cc-stamp-large{font-size:2rem;margin-bottom:1.25rem}
.cc-notfound p{max-width:var(--cc-measure)}
.cc-notfound .cc-actions{max-width:420px}

@media (min-width:640px){
  .cc-ids{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cc-id{grid-template-columns:48px minmax(0,1fr)}
  .cc-id-fields{font-size:.72rem}
  .cc-duties{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
  .cc-chairs{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .cc-modes ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
  .cc-notes ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:640px) and (max-width:899.98px){
  .cc-id-photo{display:none}
  .cc-id{grid-template-columns:minmax(0,1fr)}
  .cc-id-fields{margin-left:.6rem}
}
@media (min-width:900px){
  .cc-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem;padding-top:24px;align-items:start}
  .cc-art img{max-width:none}
  .cc-modes ul{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cc-id-photo{display:block}
  .cc-id{grid-template-columns:56px minmax(0,1fr)}
  .cc-id-fields{font-size:.78rem}
  .cc-band{padding-top:3rem}
}
/* short landscape phones: keep the action near the top */
@media (max-height:420px) and (orientation:landscape){
  .cc-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:16px}
  .cc-hero-text h1 .cc-a{font-size:2.4rem}
  .cc-hero-text h1 .cc-b{font-size:1.2rem}
  .cc-intro{display:none}
}
@media (prefers-reduced-motion:no-preference){
  .cc-id:nth-child(2) .cc-stamp{animation-delay:.45s}
  .cc-id:nth-child(3) .cc-stamp{animation-delay:.65s}
}

/* the page is bands in a plain column: no Quarto grid minimums */
main.content.page-columns{display:block}
@media (max-width:380px){
  .cc-tag{letter-spacing:.1em;gap:6px}
  .cc-chair h3{font-size:1.6rem}
}