:root{
  --bg:#2b1d1a;--bg-2:#3a2621;--bg-3:#4a2c26;
  --ink:#f6ece3;--muted:#d6c2b3;--gold:#d4a373;--rose:#c98b7f;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pad:clamp(1.25rem,5vw,4rem);--max:72rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:4rem}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:var(--gold)}
em{font-style:italic;color:var(--rose)}
cite{font-style:italic}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--bg);padding:.5rem 1rem;z-index:20}
.skip:focus{left:1rem}
.eyebrow{font-size:.72rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1;letter-spacing:-.01em}
h2{font-size:clamp(2.4rem,8vw,3.8rem);margin-bottom:1.25rem}
p+p{margin-top:1rem}
.note{font-size:.85rem;letter-spacing:.06em;color:var(--muted);opacity:.85}

/* nav */
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem var(--pad);
  background:rgba(43,29,26,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,163,115,.15)}
.brand{font-family:var(--serif);font-size:1.5rem;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav nav{display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none}
.nav nav a{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;white-space:nowrap;padding:.3rem 0}
.nav nav a:hover,.nav nav a:focus-visible{color:var(--ink)}
.nav .nav-cta{color:var(--gold)}
@media (max-width:40rem){.nav nav a:not(.nav-cta){display:none}}

/* hero */
.hero{position:relative;min-height:min(88svh,52rem);display:grid;align-items:end;overflow:hidden;isolation:isolate}
.hero picture,.hero-img{position:absolute;inset:0;width:100%;height:100%}
.hero-img{object-fit:cover;object-position:42% 30%;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(43,29,26,.15) 0%,rgba(43,29,26,.35) 45%,rgba(43,29,26,.94) 88%,var(--bg) 100%)}
.hero-copy{padding:0 var(--pad) clamp(2.5rem,8vh,5rem);max-width:var(--max);width:100%;margin:0 auto}
.hero h1{font-size:clamp(3.6rem,17vw,8.5rem);line-height:.9}
.hero h1 em{display:block}
.roles{margin-top:1.25rem;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);max-width:34rem}
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.btn{display:inline-block;padding:.85rem 1.5rem;border:1px solid var(--gold);background:var(--gold);color:var(--bg);text-decoration:none;
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;border-radius:2px;transition:background .2s,color .2s}
.btn:hover,.btn:focus-visible{background:transparent;color:var(--gold)}
.btn-ghost{background:transparent;color:var(--ink);border-color:rgba(246,236,227,.5)}
.btn-ghost:hover,.btn-ghost:focus-visible{color:var(--gold);border-color:var(--gold)}

@media (min-width:56rem){
  .hero-img{object-position:30% 30%}
  .hero::after{background:linear-gradient(90deg,transparent 0%,transparent 38%,rgba(43,29,26,.78) 62%,rgba(43,29,26,.9) 100%),
    linear-gradient(180deg,transparent 60%,var(--bg) 100%)}
  .hero{align-items:center}
  .hero-copy{max-width:none;padding-bottom:0;padding-left:58%;padding-right:var(--pad)}
  .hero h1{font-size:clamp(4.5rem,8vw,8rem)}
}
/* intro */
.intro{padding:clamp(3rem,9vw,6rem) var(--pad);text-align:center;max-width:52rem;margin:0 auto}
.lede{font-family:var(--serif);font-size:clamp(1.45rem,4.6vw,2.15rem);line-height:1.35;color:var(--ink)}
.rule{display:flex;align-items:center;gap:.75rem;width:10rem;margin:0 auto 2rem}
.rule::before,.rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.rule span{width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--gold)}

/* blocks */
.block{display:grid;gap:2rem;padding:clamp(3rem,8vw,6rem) var(--pad);max-width:var(--max);margin:0 auto;align-items:center}
.block-alt{max-width:none;background:radial-gradient(ellipse 90% 70% at 70% 50%,rgba(201,139,127,.12),transparent 70%),var(--bg-2)}
.block-alt>*{max-width:var(--max)}
.block-text{max-width:32rem}
.reel{position:relative;margin:0 auto;width:100%}
.reel-v{max-width:22rem}
.reel-h{max-width:52rem}
.reel video{width:100%;border-radius:4px;background:#000;box-shadow:0 24px 60px -20px rgba(0,0,0,.6);outline:1px solid rgba(212,163,115,.25);outline-offset:6px}
.reel figcaption{margin-top:1rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center}
.play{position:absolute;left:50%;top:calc(50% - 1.2rem);transform:translate(-50%,-50%);width:4.5rem;height:4.5rem;border-radius:50%;
  border:1px solid var(--gold);background:rgba(43,29,26,.72);cursor:pointer;display:grid;place-items:center;transition:transform .2s,background .2s}
.play span{width:0;height:0;border-left:1.1rem solid var(--gold);border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;margin-left:.3rem}
.play:hover,.play:focus-visible{background:rgba(43,29,26,.9);transform:translate(-50%,-50%) scale(1.06)}
.reel.playing .play{display:none}
@media (min-width:56rem){
  .block{grid-template-columns:1fr 1fr;gap:4rem}
  .block-alt{grid-template-columns:minmax(0,26rem) minmax(0,46rem);justify-content:center}
}

/* duo */
.duo{display:grid;gap:1.25rem;padding:clamp(3rem,8vw,6rem) var(--pad);max-width:var(--max);margin:0 auto}
.panel{padding:clamp(1.75rem,4vw,3rem);border:1px solid rgba(212,163,115,.22);border-radius:4px;
  background:linear-gradient(160deg,rgba(201,139,127,.1),rgba(74,44,38,.35))}
.panel h2{font-size:clamp(2.1rem,6vw,3rem)}
@media (min-width:48rem){.duo{grid-template-columns:1fr 1fr}}

/* gallery */
.gallery{padding:clamp(3rem,8vw,6rem) var(--pad);max-width:var(--max);margin:0 auto}
.grid{list-style:none;display:grid;gap:.75rem;margin-top:1rem}
.grid img{width:100%;height:100%;object-fit:cover;border-radius:3px}
@media (min-width:48rem){
  .grid{grid-template-columns:2fr 1fr;grid-auto-rows:minmax(0,auto)}
  .grid .tall{grid-row:span 2}
}

/* booking */
.book{text-align:center;padding:clamp(3.5rem,9vw,7rem) var(--pad);
  background:radial-gradient(ellipse 70% 80% at 50% 100%,var(--bg-3),transparent 70%),var(--bg)}
.book>p{max-width:36rem;margin:0 auto 2rem;color:var(--muted)}
.book .btn{text-transform:none;letter-spacing:.06em;font-size:1rem}
.book .social{margin-top:1.5rem}
.book .email-line{font-family:var(--serif,"Cormorant Garamond",serif);font-size:clamp(1.35rem,3.6vw,1.9rem);margin:-.6rem auto 1.4rem;color:var(--ink);word-break:break-word}
.book .email-line a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,169,110,.45)}
.book .email-line a:hover,.book .email-line a:focus-visible{border-bottom-color:var(--gold)}
.book .social a,.foot a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(212,163,115,.4)}
.foot{text-align:center;padding:2rem var(--pad) 2.5rem;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(214,194,179,.6)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}
  @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}

/* repertoire */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rep{padding:clamp(3rem,8vw,6rem) var(--pad);max-width:var(--max);margin:0 auto;text-align:center}
.rep-lede{max-width:36rem;margin:0 auto 2rem;color:var(--muted)}
.songs{list-style:none;text-align:left}
.songs li{padding:.5rem 0;border-bottom:1px solid rgba(212,163,115,.14);break-inside:avoid;line-height:1.3}
.songs .t{font-family:var(--serif);font-size:1.22rem;color:var(--ink)}
.songs .a{font-size:.85rem;color:var(--muted);white-space:normal}
.songs-teaser{display:grid;gap:0 2.5rem;max-width:52rem;margin:0 auto 2.25rem}
@media (min-width:40rem){.songs-teaser{grid-template-columns:1fr 1fr}}
.rep details>summary{cursor:pointer;list-style:none}
.rep details>summary::-webkit-details-marker{display:none}
.rep-full>summary.btn{display:inline-flex;align-items:center;gap:.6rem}
.rep-full>summary.btn::after{content:"";width:.45rem;height:.45rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-.15rem) rotate(45deg);transition:transform .2s}
.rep-full[open]>summary.btn::after{transform:translateY(.1rem) rotate(-135deg)}
.rep-full[open]>summary .lbl-open{display:none}
.rep-hint{margin:1.5rem auto 1rem}
.rep-groups{display:grid;gap:.75rem;max-width:52rem;margin:0 auto;text-align:left}
.rep-group{border:1px solid rgba(212,163,115,.22);border-radius:4px;background:linear-gradient(160deg,rgba(201,139,127,.08),rgba(74,44,38,.3))}
.rep-group>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-family:var(--serif);font-size:clamp(1.3rem,3.6vw,1.6rem);color:var(--ink);min-height:3rem}
.rep-group>summary .n{font-family:var(--sans);font-size:.75rem;letter-spacing:.18em;color:var(--gold);display:inline-flex;align-items:center;gap:.75rem}
.rep-group>summary .n::after{content:"+";font-size:1.25rem;line-height:1;letter-spacing:0;width:1rem;text-align:center}
.rep-group[open]>summary .n::after{content:"\2212"}
.rep-group>summary:hover{color:var(--gold)}
.rep-group .songs{padding:0 1.25rem 1rem}
@media (min-width:48rem){.rep-group .songs{columns:2;column-gap:2.5rem}}
.rep-az{border-color:rgba(212,163,115,.4)}
@media (min-width:60rem){.rep-az .songs{columns:3}}
.rep-req{margin-top:2rem;font-family:var(--serif);font-size:clamp(1.25rem,3.4vw,1.6rem);color:var(--ink)}
.rep-req a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(212,163,115,.45)}
.rep-req a:hover,.rep-req a:focus-visible{border-bottom-color:var(--gold)}
.rep-print{margin-top:.75rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.rep-print a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(212,163,115,.4)}
/* printable song list */
.rep-sheet{text-align:left;max-width:56rem}
.rep-sheet h1{font-size:clamp(2.4rem,7vw,3.6rem);margin-bottom:1rem}
.rep-sheet .eyebrow a{color:inherit;text-decoration:none}
.rep-sheet .rep-lede{margin:0 0 2rem}
.sheet-group{margin-top:2rem}
.sheet-group h2{font-size:1.7rem;margin-bottom:.5rem;color:var(--gold)}
.sheet-group h2 .n{font-family:var(--sans);font-size:.8rem;letter-spacing:.15em;color:var(--muted)}
@media (min-width:48rem){.sheet-group .songs{columns:2;column-gap:2.5rem}}
.sheet-foot{margin-top:2.5rem}
@media print{
  .print-page{background:#fff;color:#2b1d1a;font-size:10pt}
  .print-page .rep{padding:0}
  .print-page .songs .t,.print-page h1{color:#2b1d1a}
  .print-page .songs .a,.print-page .note,.print-page .rep-lede{color:#5a4a42}
  .print-page em,.print-page .sheet-group h2,.print-page .eyebrow{color:#8a5a3c}
  .print-page .songs{columns:2}
  .print-page .songs li{padding:.2rem 0;border-color:#e6d8cc}
  .print-page .songs .t{font-size:11pt}
  .print-page a{color:inherit;text-decoration:none}
  .sheet-group{break-inside:avoid-page;margin-top:1rem}
}

/* hero: red velvet portrait (square 1254px source) */
.hero{background:radial-gradient(ellipse 80% 70% at 75% 45%,rgba(201,139,127,.14),transparent 70%),var(--bg)}
.hero-img{object-position:42% 18%}
.hero::after{background:linear-gradient(180deg,rgba(43,29,26,.25) 0%,rgba(43,29,26,.08) 22%,rgba(43,29,26,.32) 48%,rgba(43,29,26,.9) 76%,var(--bg) 100%)}
.hero-img{filter:saturate(.88) brightness(.96)}
@media (min-width:56rem){
  .hero{grid-template-columns:minmax(0,min(54%,1254px)) minmax(0,1fr);align-items:center}
  .hero picture{position:relative;grid-column:1;grid-row:1;align-self:stretch;width:100%;height:100%;inset:auto}
  .hero-img{position:absolute;inset:0;object-position:42% 20%}
  .hero::after{background:linear-gradient(90deg,transparent 0%,transparent calc(min(54%,1254px) - 16rem),rgba(43,29,26,.7) calc(min(54%,1254px) - 3rem),var(--bg) min(54%,1254px)),
    linear-gradient(180deg,rgba(43,29,26,.3) 0%,transparent 18%,transparent 78%,var(--bg) 100%)}
  .hero-copy{grid-column:2;grid-row:1;padding:4rem var(--pad) 4rem clamp(1rem,3vw,3rem);max-width:40rem;margin:0}
}
@media (max-width:55.99rem){
  .hero::after{background:linear-gradient(180deg,rgba(43,29,26,.2) 0%,rgba(43,29,26,.05) 20%,rgba(43,29,26,.5) 42%,rgba(43,29,26,.86) 58%,rgba(43,29,26,.95) 78%,var(--bg) 100%)}
  .hero-copy{text-shadow:0 1px 14px rgba(43,29,26,.75)}
  .hero-img{object-position:42% 12%}
}
@media (max-width:55.99rem){.hero-copy .btn{text-shadow:none}}
.reel-panel{margin-top:1.75rem}
@media (min-width:48rem){.grid.grid-2{grid-template-columns:1fr 1fr;align-items:stretch}.grid.grid-2 li{aspect-ratio:16/10.5}}

/* about */
.about{display:grid;gap:2rem;padding:0 var(--pad) clamp(3rem,8vw,6rem);max-width:var(--max);margin:0 auto;align-items:center}
.about-photo img,.side-photo img,.band-hero img,.adr img,.book-photo img,.strip img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.about-photo{aspect-ratio:4/5;max-width:30rem}
.facts{display:grid;gap:.9rem 1.5rem;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(212,163,115,.22)}
.facts dt{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.facts dd{font-family:var(--serif);font-size:1.25rem;line-height:1.3}
@media (min-width:40rem){.facts{grid-template-columns:1fr 1fr}}
@media (min-width:56rem){.about{grid-template-columns:5fr 6fr;gap:4rem}}
.side-photo{margin-top:2rem;aspect-ratio:4/5;max-width:22rem}
@media (max-width:55.99rem){.side-photo{max-width:100%;aspect-ratio:4/4.4}}
/* band */
.band{padding:clamp(3rem,8vw,6rem) var(--pad);max-width:var(--max);margin:0 auto}
.band-hero{display:grid;gap:2rem;align-items:center}
.band-hero figure{aspect-ratio:4/5;max-width:32rem}
@media (min-width:56rem){.band-hero{grid-template-columns:5fr 6fr;gap:4rem}}
.strip-label{margin-top:clamp(2.5rem,6vw,4rem)}
.strip{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:70%;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.75rem;scrollbar-width:thin}
.strip li{aspect-ratio:4/5;scroll-snap-align:start}
@media (min-width:40rem){.strip{grid-auto-columns:40%}}
@media (min-width:56rem){.strip{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);overflow:visible}.strip li:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}
/* adr */
.adr{display:grid;gap:2rem;padding:clamp(3rem,8vw,6rem) var(--pad);max-width:var(--max);margin:0 auto;align-items:center}
.adr-main{aspect-ratio:3/4;width:100%;max-width:30rem;margin:0 auto}
.adr-text{max-width:34rem}
@media (min-width:56rem){.adr{grid-template-columns:minmax(0,30rem) minmax(0,34rem);justify-content:center;gap:clamp(3rem,6vw,5.5rem)}.adr-main{margin:0}}
/* book photo */
.book-photo{width:min(16rem,70vw);aspect-ratio:4/5;margin:0 auto 2.25rem}
.book-photo img{border-radius:50% 50% 3px 3px / 40% 40% 3px 3px}

/* answers update */
.homerec{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(212,163,115,.22)}
.homerec h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:.6rem}
.kit{list-style:none;display:grid;gap:.5rem;margin-top:1rem}
.kit li{font-family:var(--serif);font-size:1.2rem}
.kit span{display:inline-block;min-width:6.5rem;font-family:var(--sans);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.band-link{margin-top:1.5rem}
.band-link .btn{text-transform:none;letter-spacing:.06em}

/* fight & action */
.fight{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(212,163,115,.22)}
.fight h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:.6rem}
.fight .reel-v{max-width:19rem}
.homerec-photo{margin:1rem 0 1.25rem;max-width:26rem}
.homerec-photo img{display:block;width:100%;height:auto;border-radius:1.25rem;border:1px solid rgba(212,163,115,.3)}
.grid.grid-1{grid-template-columns:1fr;max-width:58rem;margin-left:auto;margin-right:auto}
.grid.grid-1 li{aspect-ratio:1242/820}
.gallery.gallery-single{max-width:calc(58rem + 2 * var(--pad))}

/* gallery pair: landscape + portrait at equal height */
.grid.grid-pair li{aspect-ratio:1242/820}
.grid.grid-pair li.pair-tall{aspect-ratio:3/4;max-width:26rem;width:100%;margin:0 auto}
@media (min-width:48rem){.grid.grid-pair{grid-template-columns:2.02fr 1fr;align-items:start}.grid.grid-pair li.pair-tall{max-width:none}}
/* selected screen work */
.credits{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(212,163,115,.22)}
.credits h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:.9rem}
.credit-list{list-style:none;display:grid;gap:1.25rem}
.credit{padding:1.1rem 1.25rem;border:1px solid rgba(212,163,115,.28);border-radius:1rem;background:rgba(201,139,127,.06);max-width:40rem}
.credit-kind{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.45rem}
.credit-title{font-family:var(--serif);font-size:1.45rem;line-height:1.25;margin-bottom:.25rem}
.credit-title cite{font-style:italic;color:var(--rose)}
.credit-role{font-size:.95rem;color:var(--ink);margin-bottom:.6rem}
.credit-note{color:var(--muted);margin-bottom:.5rem}
.credit-meta{font-size:.82rem;color:var(--muted);letter-spacing:.02em;margin-bottom:.75rem}
.credit-link{display:inline-block;font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(212,163,115,.45)}
.credit-link:hover,.credit-link:focus-visible{border-bottom-color:var(--gold)}

/* dep singer call to action */
.dep-cta{padding:.9rem 1.1rem;border-left:2px solid var(--gold);background:rgba(201,139,127,.07);border-radius:0 .6rem .6rem 0}
.dep-cta strong{color:var(--gold);font-weight:500}
.band-link{display:flex;flex-wrap:wrap;gap:.75rem}

/* click-to-play video embed (screen credit) */
.embed{position:relative;aspect-ratio:16/9;margin:.25rem 0 .9rem;border-radius:.7rem;overflow:hidden;background:#000;outline:1px solid rgba(212,163,115,.28);outline-offset:4px}
.embed picture,.embed img,.embed iframe{display:block;width:100%;height:100%;border:0}
.embed img{object-fit:cover}
.embed-play{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;
  background:linear-gradient(180deg,rgba(43,29,26,.05) 40%,rgba(43,29,26,.6));color:var(--ink);font-family:var(--sans)}
.embed-icon{width:4.5rem;height:4.5rem;border-radius:50%;border:1px solid var(--gold);background:rgba(43,29,26,.72);display:grid;place-items:center;transition:transform .2s,background .2s}
.embed-icon::before{content:"";width:0;height:0;border-left:1.1rem solid var(--gold);border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;margin-left:.3rem}
.embed-label{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.embed-play:hover .embed-icon,.embed-play:focus-visible .embed-icon{background:rgba(43,29,26,.9);transform:scale(1.06)}
.embed-play:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.credit-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;color:var(--muted);font-size:.9rem}
.credit-link-alt{color:var(--muted)}

/* productions strip (text only, no logos) */
.worked-for{overflow:hidden;margin-top:1.5rem;padding:1.1rem 0;border-top:1px solid rgba(212,163,115,.22)}
.worked-for .eyebrow{margin-bottom:.6rem}
.studio-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 0;font-family:var(--serif);font-size:1.3rem;line-height:1.35;color:var(--ink);margin-left:-1.9rem}
.studio-list li{display:inline-flex;align-items:center}
.studio-list li::before{content:"";width:.3rem;height:.3rem;border-radius:50%;background:var(--gold);margin:0 .8rem;flex:none}

/* testimonial pull-quote */
.testimonial{margin:1.75rem 0 1.5rem;padding:1.5rem 0 1.25rem 1.4rem;border-left:2px solid var(--gold);position:relative}
.testimonial::before{content:"\201C";position:absolute;left:1rem;top:-.6rem;font-family:var(--serif);font-size:4.5rem;line-height:1;color:var(--rose);opacity:.45}
.quote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.28rem;line-height:1.5;color:var(--ink)}
.quote p+p{margin-top:.8rem}
.q-attr{margin-top:1.1rem;display:flex;flex-direction:column;gap:.2rem;font-family:var(--sans);font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em}
.q-name{color:var(--gold);font-size:1.05rem;font-weight:400}
.q-role{color:var(--muted);font-size:.92rem}
.q-toggle{display:none;margin-top:.8rem;background:none;border:0;padding:.25rem 0;font-family:var(--sans);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);cursor:pointer;border-bottom:1px solid rgba(212,163,115,.45)}
.q-toggle:hover,.q-toggle:focus-visible{border-bottom-color:var(--gold)}
@media (max-width:47.99rem){
  .testimonial.collapsible .q-toggle{display:inline-block}
  .testimonial.collapsible:not(.open) .q-more{display:none}
}
.performed-for{margin:1.25rem 0 1.5rem}

/* weapons trained subsection */
.weapons .eyebrow{margin-bottom:.5rem}
.weapons h3 em{font-style:italic;color:var(--rose)}
.weapons .reel-h{max-width:40rem;margin-top:1.25rem}

/* screen layout: fight & weapons as side-by-side cards */
.duo-action{padding-top:0}
.panel.action-card{margin-top:0;padding:clamp(1.75rem,4vw,3rem);border-top:1px solid rgba(212,163,115,.22);display:flex;flex-direction:column}
.action-card h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:.6rem}
.action-card > p:last-of-type{margin-bottom:1.75rem}
.action-card .reel.reel-panel{margin-top:auto}
.action-card.fight .reel-v{max-width:15.5rem}
.action-card.weapons .reel-h{max-width:none;margin-top:auto}
@media (min-width:48rem){
  .homerec{display:grid;grid-template-columns:minmax(0,10.5rem) minmax(0,1fr);column-gap:1.4rem;align-items:start}
  .homerec h3{grid-column:1/-1}
  .homerec-photo{grid-column:1;grid-row:2/span 2;margin:.2rem 0 0;max-width:none}
  .homerec > p,.homerec .kit{grid-column:2}
  .homerec .kit{margin-top:.75rem}
}
.duo-screen{padding-bottom:1.25rem}
@media (min-width:48rem){.homerec .kit li{white-space:nowrap;font-size:1.1rem}.homerec .kit span{min-width:5.4rem;letter-spacing:.2em}}

/* sing: Whitney plus a pair of portrait live clips */
.sing-reels{display:grid;gap:2.25rem;justify-items:center;width:100%}
.reel-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;max-width:26rem;align-items:start}
.reel-pair-label{grid-column:1/-1;text-align:center;margin:0}
.reel.reel-mini{max-width:12.5rem}
.reel-mini .play{width:3.4rem;height:3.4rem;top:calc(50% - 1.8rem)}
.reel-mini .play span{border-left-width:.85rem;border-top-width:.55rem;border-bottom-width:.55rem;margin-left:.22rem}
.reel-mini figcaption{font-size:.68rem;letter-spacing:.14em;line-height:1.5}
.reel-mini .cap-t{display:block;color:var(--ink)}
.reel-mini .cap-sep{display:none}
.reel-mini .cap-o{display:block;margin-top:.2rem;text-transform:none;letter-spacing:.04em;font-size:.78rem}
@media (max-width:30rem){.reel-pair{gap:.9rem}.reel-mini figcaption{letter-spacing:.1em}}

/* cookie notice */
.cookie{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:50;width:calc(100% - 1.5rem);max-width:40rem;
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;padding:.85rem 1rem;border:1px solid rgba(212,163,115,.4);border-radius:4px;
  background:rgba(43,29,26,.96);box-shadow:0 18px 40px -18px rgba(0,0,0,.7);font-family:var(--sans);color:var(--muted)}
.cookie[hidden]{display:none}
.cookie-text{flex:1 1 16rem;margin:0;font-size:.8rem;line-height:1.5}
.cookie-actions{display:flex;gap:.6rem;flex:0 0 auto}
.cookie-btn{font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;min-width:6.5rem;min-height:2.5rem;padding:.55rem 1rem;
  border:1px solid var(--gold);background:transparent;color:var(--ink);border-radius:2px;cursor:pointer;transition:background .2s,color .2s}
.cookie-btn:hover,.cookie-btn:focus-visible{background:var(--gold);color:var(--bg)}
.foot-cookie{margin-top:.6rem}
.cookie-link{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted);background:none;border:0;border-bottom:1px solid rgba(212,163,115,.4);padding:0;cursor:pointer}
.cookie-link:hover,.cookie-link:focus-visible{color:var(--gold)}
@media (max-width:40rem){.cookie{bottom:max(.4rem,env(safe-area-inset-bottom));width:calc(100% - .8rem);padding:.5rem .65rem;gap:.4rem}.cookie-text{font-size:.7rem;line-height:1.4}.cookie-actions{width:100%;gap:.5rem}.cookie-btn{flex:1;min-height:2.1rem;padding:.35rem .8rem}}