/* Culture: the work has the space; the three fields have a precise reading order. */
.culture-page :is(.cu-hero,.cu-section) { position: relative; padding-inline: var(--gutter); background: transparent; }
.culture-page :is(h1,h2,h3) { font-weight: 260; color: var(--text); }
.culture-page .cu-hero { min-height: calc(100svh - var(--header)); display: flex; flex-direction: column; padding-top: 32px; }
.cu-hero-copy { flex: 1; padding-top: clamp(81px,12vh,160px); padding-bottom: 95px; width: min(750px,60%); }
.cu-disciplines { font-size: 11px; color: var(--sub); letter-spacing: .055em; margin-bottom: 34px; }
.culture-page .cu-hero h1 { font-size: clamp(66px,7.2vw,110px); line-height: 1.26; letter-spacing: -.06em; font-weight: 250; }
.cu-lead { margin-top: 35px; color: var(--sub); font-size: 14px; line-height: 2.05; letter-spacing: .02em; }
.cu-hero-copy > .text-link { margin-top: 28px; gap: 55px; }
.cu-hero-baseline { display: flex; justify-content: space-between; align-items: baseline; gap: 25px; padding: 23px 0 36px; border-top: 1px solid var(--line); color: var(--dawn-dim); font: 10px/1.6 Arial,sans-serif; letter-spacing: .15em; }
.cu-hero-baseline > span:last-child { color: var(--dawn-warm); letter-spacing: .035em; }
.culture-page .cu-fields { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1fr); gap: 12%; align-items: start; min-height: 110svh; padding-block: 140px 125px; }
.cu-section-heading { padding-top: 2px; }
.culture-page .cu-section-heading h2 { font-size: clamp(39px,4.4vw,66px); line-height: 1.42; letter-spacing: -.05em; margin-top: 33px; }
.cu-field { display: grid; grid-template-columns: 105px minmax(0,1fr); gap: 25px; padding: 32px 0 45px; border-top: 1px solid var(--line); }
.cu-field-index { color: var(--dawn-warm); font: 9px/1.8 Arial,sans-serif; letter-spacing: .07em; padding-top: 9px; }
.culture-page .cu-field h3 { margin: 0; font-size: clamp(24px,2.25vw,34px); line-height: 1.5; font-weight: 300; letter-spacing: -.04em; }
.cu-field p { color: var(--sub); font-size: 14px; line-height: 2.1; margin-top: 20px; }
.cu-field p br { display: none; }
.cu-field:last-child { padding-bottom: 0; }
.culture-page .cu-contact { min-height: 90svh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-block: 110px 100px; }
.culture-page .cu-contact h2 { margin-top: 36px; font-size: clamp(43px,4.5vw,69px); line-height: 1.45; letter-spacing: -.055em; }
.cu-contact .text-link { margin-top: 35px; gap: 75px; font-size: 14px; }
.cu-related { margin-top: 94px; color: var(--sub); font-size: 11px; line-height: 1.9; max-width: 37em; }
.cu-related > span { display: inline-block; margin-left: 16px; }
.cu-related:hover { color: #ead7bb; }
@media (max-width: 1100px) {
  .cu-hero-copy { width: 67%; }
  .culture-page .cu-fields { grid-template-columns: .7fr 1fr; gap: 8%; }
  .cu-field { grid-template-columns: 1fr; gap: 16px; }
  .cu-field-index { padding: 0; }
}
@media (max-width: 760px) {
  .culture-page :is(.cu-hero,.cu-section) { padding-inline: 6%; }
  .culture-page .cu-hero { min-height: 104svh; padding-top: 28px; }
  .cu-hero-copy { width: 100%; padding: 64px 0 245px; }
  .cu-disciplines { font-size: 10px; margin-bottom: 28px; letter-spacing: .02em; }
  .culture-page .cu-hero h1 { font-size: clamp(57px,15.4vw,91px); line-height: 1.29; }
  .cu-lead { font-size: 13px; margin-top: 27px; line-height: 2.1; }
  .cu-hero-copy > .text-link { margin-top: 21px; gap: 40px; }
  .cu-hero-baseline { padding-block: 22px 34px; font-size: 9px; letter-spacing: .09em; }
  .culture-page .cu-fields { grid-template-columns: 1fr; gap: 49px; min-height: 0; padding-block: 89px 98px; }
  .culture-page .cu-section-heading h2 { font-size: 40px; line-height: 1.42; margin-top: 26px; }
  .cu-field { grid-template-columns: 1fr; gap: 18px; padding-block: 27px 38px; }
  .cu-field-index { font-size: 9px; }
  .culture-page .cu-field h3 { font-size: 27px; }
  .cu-field p { font-size: 13px; margin-top: 15px; }
  .culture-page .cu-contact { min-height: 101svh; justify-content: flex-start; padding-block: 93px 260px; }
  .culture-page .cu-contact h2 { font-size: clamp(32px,9.1vw,49px); margin-top: 29px; }
  .cu-contact .text-link { font-size: 12px; gap: 39px; margin-top: 29px; }
  .cu-related { margin-top: 65px; font-size: 10px; }
}

/* v2: films so far (FILM) and the representative's background. Text only. */
.cu-film-list { margin-top: 26px; }
.cu-field .cu-film-label { margin-top: 0; color: var(--dawn-dim); font-size: 11px; line-height: 1.8; }
.cu-film-list ul { list-style: none; margin: 8px 0 0; padding: 0; border-bottom: 1px solid var(--line); }
.cu-film-list li { border-top: 1px solid var(--line); }
.cu-film-list li a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 16px; min-height: 44px; padding: 11px 0; color: var(--text); font-size: 13px; line-height: 1.7; }
.cu-film-list li small { color: var(--dawn-dim); font-size: 11px; }
.cu-film-list li a:hover { color: #ead7bb; }
body.site-page .cu-film-list .text-link { margin-top: 10px; font-size: 12px; gap: 30px; }
.culture-page .cu-background { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1fr); gap: 12%; align-items: start; padding-block: 130px 120px; }
.cu-background-copy p { max-width: 36em; color: var(--sub); font-size: 14px; line-height: 2.1; }
.cu-background-copy p + p { margin-top: 18px; }
.cu-background-links { display: flex; flex-wrap: wrap; gap: 0 36px; margin-top: 26px; }
body.site-page .cu-background-links .text-link { font-size: 12px; gap: 30px; }
@media (max-width: 1100px) {
  .culture-page .cu-background { grid-template-columns: .7fr 1fr; gap: 8%; }
}
@media (max-width: 760px) {
  .culture-page .cu-background { grid-template-columns: minmax(0,1fr); gap: 36px; padding-block: 89px 98px; }
  .cu-background-copy p { font-size: 13px; line-height: 2.05; }
  .cu-film-list li a { font-size: 12px; }
}