/* case-study pages (Stubbs, Wirnhier): bring the existing page styles onto the shared scale */
.cs-p{font-size:17px!important;line-height:1.7!important;color:#2a2a2a!important}
.cs-over,.cs-k{font-size:12px!important;letter-spacing:.16em!important}
.cs-bio dt{font-size:12px!important;letter-spacing:.14em!important}
.cs-bio dd{font-size:16px!important;color:#2a2a2a!important}
.cs-m,.cs-cite{font-size:13px!important;letter-spacing:.02em!important;text-transform:none!important;color:#6b6862!important;line-height:1.5!important}
.cs-meta{font-size:13px!important;letter-spacing:.04em!important;text-transform:none!important;line-height:1.7!important}
.cs-small{font-size:14px!important;color:#6b6862!important}
.cs-music{font-size:14px!important}
.cs-wrap,.cs-inq{max-width:var(--ua-max)!important;padding-left:var(--ua-gut)!important;padding-right:var(--ua-gut)!important}
.cs-band-in{max-width:var(--ua-max)!important;margin:0 auto!important;padding-left:var(--ua-gut)!important;padding-right:var(--ua-gut)!important}
/* film link sits under the painting, not across the face */
.cs-art .cs-play{position:static!important;transform:none!important;margin-top:18px;background:none!important;border:0!important;padding:0!important;font-size:14px!important;letter-spacing:.06em!important;text-transform:none!important;color:#f4f1ea!important}
.cs-art .cs-play:hover{color:#c8a96e!important}
.cs-art .cs-play i{width:30px!important;height:30px!important}
.cs-art{flex-direction:column}
.cs-art img{height:calc(100% - 48px)!important}
.cs-hero{padding-left:max(var(--ua-gut),calc((100vw - var(--ua-max))/2 + var(--ua-gut)))!important;padding-right:max(var(--ua-gut),calc((100vw - var(--ua-max))/2 + var(--ua-gut)))!important;padding-top:112px!important}
@media(max-width:900px){.cs-hero{padding-top:84px!important}}
.cs-band{padding-left:0!important;padding-right:0!important}
@media(min-width:901px){.cs-row img{height:min(15vw,240px)!important}}
/* Wirnhier page (DE/EN) */
header.hero .kicker,.painting-page .bio-overline,.daughters-band .m-label,.m-inquire .m-label{font-family:var(--ua-sans)!important;font-size:12px!important;letter-spacing:.16em!important}
header.hero .hero-meta{font-family:var(--ua-sans)!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:none!important}
header.hero .hero-music{font-size:14px!important}
.painting-page .bio-full,.painting-page .bio-mob,.painting-page .hh-full,.painting-page .hh-mob{font-size:17px!important;line-height:1.7!important;color:#2a2a2a!important}
.painting-page figcaption,.daughters-band figcaption,.painting-page .evidence-pair figcaption{font-family:var(--ua-sans)!important;font-size:13px!important;letter-spacing:.02em!important;text-transform:none!important;line-height:1.5!important;color:#6b6862!important}
.daughters-band .db-m{font-size:13px!important;letter-spacing:.02em!important;text-transform:none!important}
.daughters-band .db-t{font-size:15px!important}
.m-inquire .m-small{font-family:var(--ua-sans)!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:none!important;color:#6b6862!important}
header.hero .hero-art{flex-direction:column}
header.hero .hero-art img{height:calc(100% - 48px)}
header.hero .film-launch{position:static!important;transform:none!important;margin-top:18px;background:none!important;border:0!important;padding:0!important;font-family:var(--ua-sans)!important;font-size:14px!important;letter-spacing:.06em!important;text-transform:none!important;color:#f4f1ea!important;border-radius:0!important}
header.hero .film-launch:hover{color:#c8a96e!important;background:none!important}
header.hero .fl-play{width:30px;height:30px}
header.hero{padding-left:max(var(--ua-gut),calc((100vw - var(--ua-max))/2 + var(--ua-gut)))!important;padding-right:max(var(--ua-gut),calc((100vw - var(--ua-max))/2 + var(--ua-gut)))!important}
header.hero h1{font-size:clamp(46px,4.4vw,68px)!important}
/* play overlay on the hero picture: restrained thin circle, always visible */
.ua-playover{position:absolute;left:50%;top:calc((100% - 48px)/2);transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .25s}
.ua-playover::after{content:'';display:block;margin-left:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent rgba(255,255,255,.95)}
.ua-playover:hover{background:rgba(0,0,0,.4)}
.cs-art img,header.hero .hero-art img{cursor:pointer}
body.film-open .ua-playover{visibility:hidden}
@media(max-width:600px){.ua-playover{width:64px;height:64px}.ua-playover::after{border-width:9px 0 9px 15px}}
/* 2026-09-25: Stubbs and Wirnhier heroes share one type spec */
header.hero h1,.cs-hero h1{font-size:clamp(46px,5vw,72px)!important;line-height:1!important}
.cs-k,header.hero .kicker{font-weight:500!important;color:#c8a96e!important}
.cs-meta,header.hero .hero-meta,header.hero .hero-meta span{font-weight:300!important}
/* 2026-09-25: one hero-image standard for every case page (Stubbs, Wirnhier, future works):
   same frame height and top edge; width follows each painting's own proportions */
@media(min-width:901px){
  .cs-hero,header.hero{padding-top:108px!important}
  .cs-art,header.hero .hero-art{height:calc(100svh - 140px)!important;min-height:540px!important}
  .cs-art img,header.hero .hero-art img{height:calc(100% - 48px)!important;width:auto!important;max-width:100%!important;object-fit:contain}
}
/* Carrie biography: three chapters instead of a table */
.cs-chap{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:40px 0 36px}
.cs-chap-k{font:500 12px/1.4 var(--ua-sans)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ua-gold,#9a7b45);margin:0 0 10px!important}
.cs-chap-y{font:italic 400 28px/1.1 'EB Garamond',Georgia,serif!important;color:var(--ua-ink,#14161a);margin:0 0 14px!important}
.cs-chap-t{font:400 16px/1.65 var(--ua-sans)!important;color:var(--ua-text,#2a2a2a);margin:0!important}
.cs-line{font:400 15px/1.6 var(--ua-sans)!important;color:var(--ua-text,#2a2a2a);margin:0 0 10px!important;padding-top:12px;border-top:1px solid var(--ua-rule,rgba(20,22,26,.14))}
.cs-line span{display:inline-block;min-width:150px;font-size:13px;color:var(--ua-muted,#6b6862);margin-right:12px}
.cs-rb{padding-top:88px!important}
@media(max-width:900px){.cs-chap{grid-template-columns:1fr;gap:28px;margin:28px 0}.cs-line span{display:block;margin:0 0 2px}.cs-rb{padding-top:64px!important}}
#biography{padding-bottom:0!important;margin-bottom:0!important}main.cs-wrap:has(#biography){padding-bottom:0!important;margin-bottom:0!important}
/* 2026-09-26: one vertical rhythm on case pages — 160px between sections on desktop, 120px on phone */
@media(min-width:901px){
  .cs-band{padding-top:64px!important}
  main.cs-wrap:has(#biography){padding-top:88px!important}
  .cs-rb{padding-bottom:96px!important}
  .daughters-band{padding-top:80px!important}
  .painting-page--after>.artist-note:first-child,main.painting-page--after .artist-note{padding-top:88px!important}
  main.painting-page--after.inq-wrap{padding-top:96px!important}
}
@media(max-width:900px){
  .cs-band{padding-top:32px!important}
  main.cs-wrap:has(#biography){padding-top:72px!important}
  .cs-rb{padding-bottom:72px!important}
  main.painting-page--after .artist-note{padding-top:16px!important}
}
@media(min-width:901px){.cs-inq{padding-bottom:72px!important}main.painting-page--after.inq-wrap{padding-bottom:90px!important}}
@media(max-width:900px){.cs-inq{padding-bottom:32px!important}main.painting-page--after.inq-wrap{padding-top:104px!important;padding-bottom:52px!important}}
/* 2026-09-26: body copy at regular weight site-wide (as home/process); light stays for captions, metadata, dates, footnotes */
.cs-p,.cs-rb li,.hf-text p,.hh-full,.hh-mob,.bio-full,.bio-mob,.bio-text p{font-weight:400!important}
.cs-over,.bio-overline,.m-label{font-weight:500!important}
