/* Bîr: shared spacing, quiet paper and purposeful motion. */
:root {
  --bir-space: clamp(28px, 3.4vw, 44px);
  --bir-gutter: clamp(22px, 4.5vw, 64px);
  --bir-radius: 6px;
  --bir-ease: cubic-bezier(.2,.7,.2,1);
  --paper: #ffffff; --ink: #1f2523; --muted: #5b6668; --line: #dde3e5; --wine: #115463;
}
body {
  background-image: radial-gradient(rgba(64,50,31,.035) .5px, transparent .7px), radial-gradient(rgba(64,50,31,.018) .5px, transparent .7px);
  background-size: 7px 9px, 13px 11px;
  background-position: 0 0, 3px 4px;
}
body > header, body:not(.culture-page) > main, body > footer { max-width: 1360px; padding-inline: var(--bir-gutter); }
.culture-wrap { max-width: 1360px; padding-inline: var(--bir-gutter); }
.pc-library { max-width: none; padding: var(--bir-space) 0 64px; }
.video-library { padding-top: var(--bir-space); }
.editorial-collection .page-head { padding-top: var(--bir-space); }
.section-heading, .pc-section-title, .culture-section-head { gap: 20px; }
.section-heading h2, .pc-section-title h2, .culture-section-head h2 {
  font-size: clamp(27px, 2.7vw, 36px); font-weight: 500; line-height: 1.18; letter-spacing: -.65px;
}
.video-library-heading h1, .editorial-collection .page-head h1, .pc-intro h1 {
  font-size: clamp(36px, 4vw, 54px); font-weight: 500; line-height: 1.15; letter-spacing: -1px;
}
.section-heading > a, .culture-section-head > a { font-size: 12px; }
.video-search, .video-library-filters select, .video-library-filters button,
.pc-filter input, .pc-filter select, .pc-filter button,
.editorial-collection .filters input, .editorial-collection .filters select,
.plain-button, .pc-primary, .pc-secondary, .reading-tools button,
.search-input-row input, .search-input-row button { border-radius: var(--bir-radius); }
.pc-filter button, .pc-filter select, .pc-filter input,
.video-library-filters select, .video-library-filters button, .reading-tools button { min-height: 44px; }

/* Shared grid cell reserves the tallest responsive slide without height animation. */
.headline-stage.is-ready { display: grid; isolation: isolate; }
.headline-stage.is-ready > [data-hero] { grid-area: 1 / 1; min-width: 0; width: 100%; }
.headline-stage.is-ready > [data-hero][hidden] { display: grid !important; visibility: hidden; pointer-events: none; }
.headline-stage.is-ready > [data-hero]:not([hidden]) { z-index: 1; }
.headline:focus-visible { outline: 2px solid var(--wine); outline-offset: 5px; }
#headlineCount { display: inline-block; min-width: 52px; text-align: center; font-variant-numeric: tabular-nums; }
.headline-arrows button { transition: transform 180ms var(--bir-ease); }
.headline-arrows button:active { transform: scale(.95); }

.site-navigation #nav a::after, .archive-filter-btn::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 2px; background: var(--wine); transform: scaleX(0);
  transform-origin: left; transition: transform 180ms var(--bir-ease);
}
.site-navigation #nav a[aria-current="page"]::after, .archive-filter-btn.active::after { transform: scaleX(1); }
.navigation-search svg, .culture-text-link span, .pc-hover-play, .video-card-play {
  transition: transform 180ms var(--bir-ease), opacity 180ms var(--bir-ease);
}
.menu-glyph { display: grid; gap: 5px; width: 15px; }
.menu-glyph i { display: block; height: 1px; background: currentColor; transition: transform 180ms var(--bir-ease); }
[aria-expanded="true"] .menu-glyph i:first-child { transform: translateY(3px) rotate(45deg); }
[aria-expanded="true"] .menu-glyph i:last-child { transform: translateY(-3px) rotate(-45deg); }
.site-search-dialog { border-radius: var(--bir-radius); box-shadow: 0 20px 70px #1f25231c; }
.site-search-dialog[open]::backdrop { animation: bir-backdrop-in 200ms ease both; }
.site-search-dialog.is-closing::backdrop { animation: bir-backdrop-out 160ms ease both; }
@keyframes bir-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes bir-backdrop-out { from { opacity: 1; } to { opacity: 0; } }

.reading-progress { position: absolute; height: 2px; left: 0; right: 0; bottom: -2px; overflow: hidden; pointer-events: none; }
.reading-progress[hidden] { display: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--wine); transform: scaleX(0); transform-origin: left; }
.editorial-article .reading-aside { top: 82px; }
.reading-aside nav a { position: relative; border-left: 2px solid transparent; padding-left: 12px !important; }
.editorial-article .reading-aside nav a[aria-current="location"] { color: var(--wine); border-left-color: var(--wine); font-weight: 600; }
.article-body blockquote { border-left: 2px solid var(--wine); padding: 12px 0 12px 26px; color: #45483e; }
.article-body blockquote::before { content: ''; display: block; width: 36px; height: 1px; background: var(--line); margin-bottom: 18px; }

/* Cover shadows fade through opacity instead of animating a painted shadow. */
.real-cover { position: relative; isolation: isolate; transition: transform 220ms var(--bir-ease) !important; }
.real-cover::after { content: ''; position: absolute; inset: 6px; box-shadow: 0 10px 18px #1f252321; border-radius: 3px; opacity: 0; z-index: -1; transition: opacity 220ms var(--bir-ease); }
.archive-item .real-cover { overflow: visible; }
.archive-item .real-cover:hover { box-shadow: 0 4px 12px #00000014; }
.culture-card-art img, .pc-art img { transition: transform 280ms var(--bir-ease); }
.pc-dock:not([hidden]), .pc-player-dialog[open], .pdf-modal:not([hidden]) .pdf-modal-window,
html:not(.kv-video-source) #playerDock.is-mini-floating, .kv-video-frame { animation: bir-rise 240ms var(--bir-ease) backwards; }
@keyframes bir-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.pc-now-copy { position: relative; padding-right: 23px; }
.pc-signal { display: flex; align-items: center; gap: 2px; width: 15px; height: 16px; position: absolute; right: 0; top: 1px; color: var(--wine); opacity: .4; }
.pc-signal i { width: 2px; height: 13px; background: currentColor; transform: scaleY(.25); transform-origin: center; }
.pc-dock[data-playing="true"] .pc-signal { opacity: 1; }
.pc-dock[data-playing="true"] .pc-signal i { animation: bir-signal 850ms ease-in-out infinite alternate; }
.pc-signal i:nth-child(2) { animation-delay: -350ms !important; }
.pc-signal i:nth-child(3) { animation-delay: -600ms !important; }
@keyframes bir-signal { from { transform: scaleY(.25); } to { transform: scaleY(1); } }
@media (hover: hover) and (pointer: fine) {
  .site-navigation #nav a:hover::after, .site-navigation #nav a:focus-visible::after, .archive-filter-btn:hover::after { transform: scaleX(1); }
  .navigation-search:hover svg { transform: scale(1.08); }
  .real-cover:hover, .real-cover:focus-visible, a:hover > .real-cover { transform: translateY(-4px); }
  .real-cover:hover::after, .real-cover:focus-visible::after, a:hover > .real-cover::after { opacity: 1; }
  .culture-card-art:hover img, .pc-art:hover img { transform: scale(1.025); }
  .video-card-screen:hover .video-card-play { transform: translateX(2px); }
}
@media (max-width: 800px) {
  .site-navigation #nav { max-height: calc(100dvh - 70px); overflow-y: auto; overscroll-behavior: contain; }
  .site-navigation #nav a::after { width: 25px; bottom: 6px; }
  .site-navigation #nav.open { transform-origin: top; }
}
@media (max-width: 700px) {
  .headline-stage.is-ready > [data-hero][hidden] { display: flex !important; }
  .editorial-home .headline-controls { display: flex; flex-wrap: nowrap; justify-content: flex-end; padding: 16px 0 20px; gap: 0; }
  .editorial-home .headline-dots, .editorial-home .headline-label { display: none; }
  .editorial-home .headline-arrows { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 16px; }
  .editorial-home .headline-arrows #headlineCount { display: inline-block; order: 2; font-size: 12px; letter-spacing: .8px; }
  .headline-arrows [data-step="-1"] { order: 1; }
  .headline-arrows [data-step="1"] { order: 3; }
  .pc-library { padding-top: 28px; }
  .editorial-home .section-heading h2, .editorial-article .section-heading h2 { font-size: 27px; }
  .article-body blockquote { padding-left: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
  .real-cover:hover, .real-cover:focus-visible, a:hover > .real-cover,
  .culture-card-art:hover img, .pc-art:hover img, .navigation-search:hover svg,
  .video-card-screen:hover .video-card-play, .headline-arrows button:active { transform: none !important; }
  .pc-dock[data-playing="true"] .pc-signal i { transform: scaleY(.6); }
}