@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
/* Display typography inspired by theatre programmes and printed title pages. */
:root{--theatre-serif:'Cormorant Garamond','Libre Caslon Display',Georgia,serif}
h1,h2,.work strong,.work-entry h2,.catalog-group h2,.next-title,.program-card-title{font-family:var(--theatre-serif);font-weight:500;letter-spacing:-.035em;font-kerning:normal;font-variant-ligatures:common-ligatures}
em{font-family:var(--theatre-serif);font-weight:400}
.eyebrow{font-size:10px;letter-spacing:.21em;line-height:1.7}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.18em;margin-bottom:30px}
.hero-copy>.eyebrow:before{content:'';width:35px;height:1px;background:var(--accent);flex-shrink:0}
.hero h1{font-family:var(--theatre-serif);font-weight:400;font-size:clamp(100px,10.5vw,134px);line-height:.86;letter-spacing:-.055em;margin:8px 0 38px}
.hero-title-first{display:block}.hero-title-second{display:flex;align-items:baseline;gap:.16em;margin-top:.1em;margin-left:.28em;white-space:nowrap}.hero-title-preposition{font-size:.43em;font-style:italic;letter-spacing:0}.hero-title-second em{font-size:1.08em;letter-spacing:-.06em}
.hero .intro{font-size:16px;line-height:1.7;max-width:310px}
.section-head h2{font-size:clamp(48px,5vw,68px);line-height:.98;max-width:650px}
.work strong{font-size:46px;line-height:1.12}.work .num{font-family:var(--theatre-serif);font-size:19px;font-style:italic;color:var(--accent)}.work .type{font-size:12px;letter-spacing:.025em}.work .year{font-variant-numeric:tabular-nums;font-size:12px}
.opening>p:not(.eyebrow){font-family:var(--theatre-serif);font-weight:500;line-height:1.07;letter-spacing:-.035em}.opening>p em{display:inline-block;margin-left:.55em}
.today-feature h2,.life h2,.performers h2{line-height:.98}.today-feature h2 em,.life h2 em,.performers h2 em{display:inline-block;margin-top:.1em}
.family h2{font-weight:400;line-height:.85;letter-spacing:-.045em}.family .eyebrow{letter-spacing:.25em}
.program-card-title{font-size:40px;line-height:1.05}.program-card-year strong{font-family:var(--theatre-serif);font-weight:400}.program-card-copy .eyebrow{font-size:8px;letter-spacing:.18em}
.work-hero h1{font-family:var(--theatre-serif);font-weight:400;line-height:.94}.work-subtitle{font-family:var(--theatre-serif);font-style:italic;font-size:34px;line-height:1.15}.work-body h2{line-height:1.03}.work-body h3,.record h2,.historic-records h3{font-family:var(--theatre-serif)}
.partners h2{font-family:var(--theatre-serif);font-weight:400;font-size:46px}
@media(min-width:1200px){.hero h1{font-size:132px}.hero-copy{padding-top:58px}.hero,.hero-photo{min-height:660px}}
@media(max-width:1000px){.hero h1{font-size:110px}.hero-title-second{margin-left:.12em}.program-card-title{font-size:34px}}
@media(min-width:601px) and (max-width:760px){.hero h1{font-size:88px}.hero-copy>.eyebrow{font-size:8px;gap:8px}.hero-copy>.eyebrow:before{width:18px}}
@media(max-width:600px){.hero h1{font-size:116px;max-width:360px}.hero-title-second{margin-left:.22em}.hero-copy>.eyebrow{font-size:8px}.section-head h2{font-size:49px}.work strong{font-size:39px}.program-card-title{font-size:32px}.partners h2{font-size:36px}.work-subtitle{font-size:29px}.opening>p em{margin-left:0}}
@media(max-width:360px){.hero h1{font-size:100px}}

/* One editorial introduction leads directly into the selected works. */
.works .section-head{align-items:center;gap:50px}.works .section-head>p{max-width:315px;line-height:1.8}.works .section-head h2{line-height:1.06}.works .section-head h2 em{margin-left:.12em}@media(max-width:600px){.works .section-head>p{margin-top:25px;max-width:330px}}