/* Goodnight People v2 · quiet pages: press, legal notice, privacy. World "gp" (night, creme, the light only as a line). */
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--gp-night); color: var(--gp-creme); -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 500 17px/1.6 var(--font-dt-ui); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: var(--gp-creme); text-decoration-color: rgba(241, 233, 219, .4); text-underline-offset: 3px; }
a:hover { text-decoration-color: currentColor; }

.info__main { width: min(1120px, 100% - 2 * var(--gutter)); margin: 0 auto; padding: calc(var(--head-h) + clamp(40px, 8vh, 96px)) 0 clamp(64px, 10vh, 120px); }
.info__h1 {
  margin: 0; font: 600 clamp(34px, 5vw, 60px)/1.04 var(--font-brand); letter-spacing: .12em; text-transform: uppercase;
}
.info__h1::after { content: ""; display: block; width: 56px; height: 1px; margin-top: 22px; background: var(--gp-light); }
.info__lead { max-width: 62ch; margin: 26px 0 0; font-size: 19px; color: rgba(241, 233, 219, .9); }
.info__contact { margin: 14px 0 0; font: 500 13px/1.5 var(--font-brand); letter-spacing: .16em; text-transform: uppercase; color: rgba(241, 233, 219, .78); }
.info__contact a { text-transform: none; letter-spacing: .02em; font-family: var(--font-dt-ui); font-size: 16px; }
.info__draft {
  display: inline-block; margin: 34px 0 0; padding: 6px 10px; border: 1px solid rgba(241, 233, 219, .28); border-radius: 2px;
  font: 500 12px/1.4 var(--font-brand); letter-spacing: .16em; text-transform: uppercase; color: rgba(241, 233, 219, .82);
}
.ph { padding: 0 4px; border-radius: 2px; background: rgba(181, 71, 58, .22); color: #f6d9d2; font-family: ui-monospace, Consolas, monospace; font-size: .86em; }

/* ------------------------------------------------------------------ prose (legal) */
.prose { max-width: 70ch; }
.prose h2 { margin: 44px 0 10px; font: 600 15px/1.3 var(--font-brand); letter-spacing: .16em; text-transform: uppercase; color: var(--gp-creme); }
.prose p, .prose ul, .prose address { margin: 0 0 14px; color: rgba(241, 233, 219, .88); font-style: normal; }
.prose ul { padding-left: 1.2em; }
.prose li { margin: 4px 0; }
.info__date { margin-top: 40px !important; font-size: 14px; }

/* ------------------------------------------------------------------ press */
.info__intro { margin-bottom: clamp(48px, 8vh, 88px); }
.press { padding: clamp(40px, 6vh, 64px) 0; border-top: 1px solid rgba(241, 233, 219, .14); }
.press__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; max-width: 70ch; margin-bottom: 28px; }
.press__title { margin: 0; }
.press__title--dt { font: 800 clamp(30px, 3.6vw, 44px)/1.05 var(--font-dt-title); color: var(--dt-gold); letter-spacing: .02em; }
.press__title--omm { font: 600 clamp(28px, 3.4vw, 42px)/1.05 var(--font-omm-title); color: var(--omm-bone); letter-spacing: .16em; text-transform: uppercase; }
.press__title--gp { font: 600 clamp(26px, 3vw, 36px)/1.1 var(--font-brand); letter-spacing: .14em; text-transform: uppercase; }
.press__line { margin: 0; color: rgba(241, 233, 219, .9); }
.press__page { justify-self: start; font: 500 13px/1 var(--font-brand); letter-spacing: .18em; text-transform: uppercase; padding: 8px 0; }
.press__h3 { margin: 36px 0 14px; font: 600 13px/1.3 var(--font-brand); letter-spacing: .2em; text-transform: uppercase; color: rgba(241, 233, 219, .78); }
.press__note { margin: -6px 0 14px; font-size: 15px; color: rgba(241, 233, 219, .78); }

.facts { width: 100%; max-width: 860px; border-collapse: collapse; font-size: 16px; }
.facts th, .facts td { padding: 11px 0; border-bottom: 1px solid rgba(241, 233, 219, .1); text-align: left; vertical-align: top; }
.facts th { width: 34%; padding-right: 24px; font: 500 12.5px/1.6 var(--font-brand); letter-spacing: .16em; text-transform: uppercase; color: rgba(241, 233, 219, .78); }
.facts td { color: rgba(241, 233, 219, .92); }

.dl, .shots { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.dl { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.shots { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.dl__item a, .shots__item a {
  display: grid; gap: 6px; height: 100%; padding: 12px; border: 1px solid rgba(241, 233, 219, .12); border-radius: 3px;
  text-decoration: none; background: rgba(255, 255, 255, .02); transition: border-color .3s ease, background .3s ease;
}
.dl__item a:hover, .shots__item a:hover, .dl__item a:focus-visible, .shots__item a:focus-visible { border-color: rgba(241, 233, 219, .4); background: rgba(255, 255, 255, .04); }
.dl__item img, .shots__item img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 2px; margin-bottom: 6px; background: #121212; }
.dl__item img.is-contain { object-fit: contain; padding: 10px; }
.dl__item img.is-paper { background: var(--gp-paper); }
.dl__label, .shots__label { font-size: 15.5px; line-height: 1.35; color: var(--gp-creme); }
.dl__meta, .shots__meta { font: 500 11.5px/1.4 var(--font-brand); letter-spacing: .12em; color: rgba(241, 233, 219, .72); }
.press--omm .dl__item img, .press--omm .shots__item img { filter: none; }

@media (max-width: 700px) {
  body { font-size: 16px; }
  .facts th { width: 38%; padding-right: 12px; }
  .dl, .shots { grid-template-columns: 1fr 1fr; gap: 10px; }
  .dl__item a, .shots__item a { padding: 9px; }
  .dl__label, .shots__label { font-size: 14px; }
}