/* Three voices, shared by the landing page, photo wall, and viewers.
   CINZEL: identity, thesis, section headings, viewer headings.
   CORMORANT: prose and work titles; italic only for expressive sublines.
   COURIER NEW: navigation, credits, categories, durations, and controls. */
@font-face{font-family:Cinzel;src:url('assets/fonts/Cinzel-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('assets/fonts/CormorantGaramond-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('assets/fonts/CormorantGaramond-500Italic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}
:root{
  --type-display:Cinzel,'Palatino Linotype',Palatino,serif;
  --type-literary:'Cormorant Garamond',Georgia,serif;
  --mono:'Courier New',Courier,monospace;
}
body{font-family:var(--type-literary);font-size:23px;font-weight:500;line-height:1.5;font-kerning:normal}
h1,h2,h3{font-weight:500;text-wrap:balance}
.brand{font-family:var(--type-display);font-size:25px;font-weight:500;letter-spacing:-.035em;line-height:1.2}
.nav-links{font-family:var(--mono);font-size:13px;line-height:1.5;letter-spacing:.025em;gap:25px}
.nav-links a{text-transform:uppercase}
.hero-caption{font:12px/1.6 var(--mono);letter-spacing:.02em;gap:24px}
.draft-bar{font:11px/1.5 var(--mono);letter-spacing:.09em}
.eyebrow{font:12px/1.6 var(--mono);letter-spacing:.16em}
.intro{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);column-gap:8%;row-gap:34px;padding-block:80px 28px;align-items:center}
.intro .intro-signature{grid-column:1/-1;justify-self:center;margin:0;text-align:center}
.intro h1{font-family:var(--type-display);font-size:clamp(2.7rem,6.6vw,6.4rem);font-weight:500;line-height:1.13;letter-spacing:-.035em}
.intro h1 .message-word{font-family:var(--type-literary);font-weight:500;font-size:1.38em;line-height:1;letter-spacing:-.045em;margin-top:.03em;padding-bottom:.09em}
.intro-copy{font:500 clamp(1.4rem,2.15vw,1.85rem)/1.4 var(--type-literary);max-width:390px}
.text-link{font:13px/1.65 var(--mono);letter-spacing:.01em}
.crew-entry .text-link{font-size:16px;font-weight:700}
.section-heading h2,.about h2{font-family:var(--type-display);font-size:clamp(1.8rem,3.2vw,3.35rem);line-height:1.22;letter-spacing:-.025em}
.section-heading>div{min-width:0}
.section-heading>p{font:13px/1.65 var(--mono)}
.section-heading{gap:32px}
.film-grid{align-items:start}
.film-copy{flex-wrap:wrap;gap:4px 16px}
.film-copy h3{font:500 clamp(1.75rem,2.65vw,2.25rem)/1.13 var(--type-literary);letter-spacing:-.015em;margin-bottom:0}
.film-copy .meta{font-size:12px;padding-top:6px;text-align:left}
.meta{font:12px/1.6 var(--mono);letter-spacing:.025em}
.play,.duration{font:12px/1.45 var(--mono)}
.extra-cuts summary{font:13px/1.65 var(--mono);letter-spacing:.025em}
.cut-row{font:500 24px/1.2 var(--type-literary);align-items:baseline}
.cut-row span:not(:first-child){font:12px/1.5 var(--mono)}
.music-section h2{font-family:var(--type-display);font-size:clamp(2.35rem,5.2vw,5rem);line-height:1.13;letter-spacing:-.04em;overflow-wrap:anywhere}
.music-subtitle{font:italic 500 clamp(1.8rem,3vw,2.5rem)/1.15 var(--type-literary);letter-spacing:-.015em}
.music-layout>div:last-child{min-width:0}
.music-layout [data-copy='music.body']{font-size:23px;line-height:1.45}
.button,.photo-tabs button,.close,.photo-viewer-controls,.photo-viewer-controls button{font-family:var(--mono);font-size:12px;line-height:1.5;letter-spacing:.025em}
.photo-tabs{flex-shrink:0}
.photo-count{font:10px/1.4 var(--mono)}
.writing-item h3{font:500 clamp(1.85rem,3.1vw,2.5rem)/1.15 var(--type-literary);letter-spacing:0}
.writing-item span{font:12px/1.5 var(--mono)}
.about p:not(.eyebrow){font-size:23px;line-height:1.5}
footer p,footer>a:last-child{font:12px/1.6 var(--mono)}
.dialog-head h2{font:500 clamp(1.5rem,3vw,2.4rem)/1.2 var(--type-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.dialog-head .eyebrow{font-size:11px}
.reader{font:500 25px/1.55 var(--type-literary);letter-spacing:.005em;max-width:65ch;margin-block:30px;white-space:pre-line}
.skip{font:13px/1.5 var(--mono)}
/* The full photo wall keeps the same hierarchy in a compact masthead. */
.gallery-title h1{font:500 32px/1.15 var(--type-display);letter-spacing:-.035em}
.gallery-title p{font:italic 500 23px/1.25 var(--type-literary);letter-spacing:0;color:#bcc7d9}
.back-link,.filters button,.draft-label,.wall-status,.lightbox-bar,.lightbox-bar button,.lightbox-footer{font-family:var(--mono)}
.back-link{font-size:12px;line-height:1.5;letter-spacing:0}
.filters button{font-size:12px;line-height:1.4}
.gallery-header~footer{font:12px/1.6 var(--mono)}
#copy-editor,#copy-editor button{font-family:var(--mono);letter-spacing:0}
#copy-editor{font-size:11px}#copy-editor button{font-size:12px}
@media(max-width:1100px) and (min-width:761px){
  #photography .section-heading{align-items:start;flex-direction:column;gap:24px}
  .gallery-toolbar{align-items:center}
}
@media(max-width:760px){
  .intro{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:45px 28px}
  .intro .intro-signature{width:calc(100% + 48px);margin-left:-48px;margin-top:10px;justify-self:stretch}
  .intro h1{font-size:clamp(1.9rem,10vw,3.9rem)}
  .intro-copy{font-size:25px;max-width:32ch}
  .nav-links{font-size:11px;gap:10px 17px}
  .hero-caption{font-size:11px;gap:20px}
  .hero-caption>span{min-width:0}.hero-caption>span:last-child{flex-shrink:0;max-width:110px}
  .section-heading h2,.about h2{font-size:clamp(1.8rem,6.6vw,2.8rem)}
  .section-heading>p{font-size:12px}
  .film-copy h3{font-size:30px}.film-copy .meta{font-size:11px}
  .music-section h2{font-size:clamp(2.35rem,9.4vw,4rem)}
  .music-layout [data-copy='music.body'],.about p:not(.eyebrow){font-size:22px}
  .photo-tabs button{font-size:11px}
  .writing-item h3{font-size:30px}.writing-item span{font-size:11px}
  .dialog-head h2{font-size:24px}.reader{font-size:23px;line-height:1.5}
  .gallery-title h1{font-size:27px}.gallery-title p{font-size:21px;max-width:none;margin:7px 0 0}
  .gallery-title{display:block}.gallery-toolbar{align-items:start}
  .gallery-topline{gap:14px}.gallery-topline .brand{font-size:23px}
  .gallery-topline .back-link{font-size:11px;max-width:135px;text-align:right}
  .gallery-header~footer{font-size:11px}
}