/* Burgundy, warm paper and pumpkin accents; the original photographs carry the energy. */
.culture-story {
  --culture-paper: #f4ecdf;
  --culture-ink: #251d29;
  --culture-burgundy: #4a2032;
  --culture-pumpkin: #e3af87;
  color: var(--culture-ink);
  background: var(--culture-paper);
  overflow: clip;
}
.culture-story *, .culture-story *::before, .culture-story *::after { box-sizing: border-box; }
.culture-story .culture-story-shell { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.culture-story .culture-story-masthead { position: relative; isolation: isolate; padding-block: 28px 122px; background: var(--culture-burgundy); color: var(--culture-paper); }
.culture-story .culture-story-masthead::before { content: ''; position: absolute; z-index: -1; width: 390px; height: 390px; border: 1px solid #e3af8729; border-radius: 50%; top: -80px; right: -155px; box-shadow: 0 0 0 35px #e3af8708, 0 0 0 70px #e3af8706; pointer-events: none; }
.culture-story .culture-story-back { display: inline-flex; align-items: center; gap: 11px; min-height: 44px; color: #ead9d9; font-size: 12px; line-height: 1.6; text-underline-offset: 6px; }
.culture-story .culture-story-back > span { color: var(--culture-pumpkin); font-size: 22px; line-height: 1; }
.culture-story .culture-story-back:hover { color: #fff7ec; text-decoration: underline; }
.culture-story .culture-story-back:focus-visible { outline: 3px solid var(--culture-pumpkin); outline-offset: 6px; }
.culture-story .culture-story-title-block { padding-top: 42px; }
.culture-story .culture-story-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: #865340; font-size: 11px; font-weight: 650; line-height: 1.65; letter-spacing: .085em; text-transform: uppercase; }
.culture-story .culture-story-masthead .culture-story-eyebrow { color: var(--culture-pumpkin); }
.culture-story .culture-story-eyebrow > span { font-size: 10px; opacity: .85; }
.culture-story h1 { max-width: 1060px; margin: 0; color: var(--culture-paper); font: 500 clamp(68px, 8vw, 116px)/.98 var(--editorial, Georgia, serif); letter-spacing: -.04em; overflow-wrap: anywhere; text-wrap: balance; }
.culture-story .culture-story-subtitle { max-width: 720px; margin: 25px 0 0; color: #e8d8d6; font-size: 18px; line-height: 1.75; }
.culture-story .culture-story-date { display: inline-block; margin: 27px 0 0; padding-top: 12px; border-top: 1px solid #e3af8766; color: var(--culture-pumpkin); font-size: 12px; line-height: 1.7; }
.culture-story .culture-story-lead { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 28px; margin-top: -65px; }
.culture-story .culture-story-photo { min-width: 0; margin: 0; }
.culture-story .culture-story-lead .culture-story-photo:nth-child(2) { padding-top: 35px; }
.culture-story .culture-story-photo-frame { padding: 6px; border: 1px solid #cab9ae; background: var(--culture-paper); }
.culture-story .culture-story-photo img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; border-radius: 0; background: #261d28; }
.culture-story .culture-story-photo figcaption { margin-top: 12px; padding-left: 13px; border-left: 1px solid #af8b73; color: #6d5857; font-size: 11px; line-height: 1.8; }
.culture-story .culture-story-introduction { display: flex; justify-content: space-between; align-items: center; gap: 60px; padding-block: 65px 64px; border-bottom: 1px solid #ccbfb1; }
.culture-story .culture-story-introduction > p { max-width: 850px; margin: 0; color: var(--culture-burgundy); font: 500 clamp(30px, 3.1vw, 41px)/1.25 var(--editorial, Georgia, serif); letter-spacing: -.015em; text-wrap: pretty; }
.culture-story .culture-story-ornament { flex: 0 0 82px; color: #b86e49; font-family: Georgia, serif; font-size: 76px; line-height: 1; text-align: center; }
.culture-story .culture-story-chapter { padding-block: 64px 74px; }
.culture-story .culture-story-chapter-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 70px; margin-bottom: 33px; }
.culture-story .culture-story-chapter .culture-story-eyebrow { gap: 15px; margin-bottom: 13px; }
.culture-story .culture-story-chapter .culture-story-eyebrow > span { padding-right: 14px; border-right: 1px solid currentColor; }
.culture-story h2 { max-width: 480px; margin: 0; color: var(--culture-burgundy); font: 500 clamp(38px, 4.1vw, 55px)/1.06 var(--editorial, Georgia, serif); letter-spacing: -.025em; text-wrap: balance; }
.culture-story .culture-story-copy { margin: 0; color: #5e5155; font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; }
.culture-story .culture-story-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 28px; }
.culture-story .culture-story-gallery-three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.culture-story .culture-story-gallery-three .culture-story-photo-frame { padding: 5px; }
.culture-story .culture-story-costumes { background: #261c28; color: var(--culture-paper); }
.culture-story .culture-story-costumes h2 { color: var(--culture-paper); }
.culture-story .culture-story-costumes .culture-story-eyebrow { color: var(--culture-pumpkin); }
.culture-story .culture-story-costumes .culture-story-copy { color: #e1d2d5; }
.culture-story .culture-story-costumes .culture-story-photo-frame { border-color: #805c62; padding: 5px; background: #392636; }
.culture-story .culture-story-costumes .culture-story-photo figcaption { color: #d6bcc2; border-color: #a77c6b; }
.culture-story .culture-story-evening { background: #eee1d4; }
@media (max-width: 1023px) {
  .culture-story .culture-story-shell { width: calc(100% - 64px); }
  .culture-story .culture-story-lead, .culture-story .culture-story-gallery { gap: 22px; }
  .culture-story .culture-story-gallery-three { gap: 16px; }
  .culture-story .culture-story-chapter-heading { gap: 35px; }
  .culture-story .culture-story-copy { font-size: 15px; }
  .culture-story .culture-story-introduction { gap: 32px; }
}
@media (max-width: 639px) {
  .culture-story .culture-story-shell { width: calc(100% - 40px); }
  .culture-story .culture-story-masthead { padding-block: 18px 89px; }
  .culture-story .culture-story-title-block { padding-top: 28px; }
  .culture-story .culture-story-eyebrow { font-size: 10px; letter-spacing: .06em; gap: 10px; margin-bottom: 18px; }
  .culture-story h1 { font-size: clamp(62px, 16vw, 86px); line-height: .98; }
  .culture-story .culture-story-subtitle { font-size: 15px; line-height: 1.8; margin-top: 20px; }
  .culture-story .culture-story-date { font-size: 11px; margin-top: 23px; }
  .culture-story .culture-story-lead { grid-template-columns: 1fr; gap: 26px; margin-top: -47px; }
  .culture-story .culture-story-lead .culture-story-photo:nth-child(2) { padding-top: 0; }
  .culture-story .culture-story-photo-frame { padding: 4px; }
  .culture-story .culture-story-photo figcaption { margin-top: 10px; font-size: 11px; }
  .culture-story .culture-story-introduction { gap: 20px; padding-block: 36px 38px; }
  .culture-story .culture-story-introduction > p { font-size: 31px; line-height: 1.23; }
  .culture-story .culture-story-ornament { display: none; }
  .culture-story .culture-story-chapter { padding-block: 40px 44px; }
  .culture-story .culture-story-chapter-heading { display: block; margin-bottom: 26px; }
  .culture-story h2 { font-size: 43px; line-height: 1.05; }
  .culture-story .culture-story-copy { margin-top: 22px; font-size: 15px; line-height: 1.85; }
  .culture-story .culture-story-gallery, .culture-story .culture-story-gallery-three { grid-template-columns: 1fr; gap: 26px; }
}
/* Both owner-selected lead photographs remain visible on the Newsroom card. */
.media-cover.media-cover--pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; align-items: center; background: #24121b; }
.media-cover.media-cover--pair > img { position: static; display: block; width: 100%; height: 100%; min-width: 0; object-fit: contain; transform: none; }
.card-open:hover .media-cover.media-cover--pair > img { transform: none; }