/* Press: the media desk. Guest card up top, bios to copy, topics, appearances log, press kit. */

/* ---------- Hero ---------- */
.press-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-8); align-items: center; }
@media (min-width: 1000px) { .press-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr); gap: var(--s-9); } }
.press-hero .display { max-width: 8ch; }
.press-hero .lead { max-width: 50ch; }
.press-hero .cta-micro { margin-top: var(--s-4); }
.guest-card { position: relative; }
.guest-card .chyron { position: relative; margin-top: -2.6rem; margin-left: -0.6rem; z-index: 1; }
.guest-card__facts { margin: var(--s-5) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); border-top: 1px solid var(--studio-line); padding-top: var(--s-4); }
.guest-card__facts dt { color: var(--on-studio-3); margin-bottom: 0.3rem; }
.guest-card__facts dd { margin: 0; font-weight: 650; font-size: var(--t-small); line-height: 1.3; }
@media (max-width: 480px) { .guest-card__facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }

/* ---------- Bios ---------- */
.bios__head { display: grid; gap: var(--s-5); margin-bottom: var(--s-7); }
@media (min-width: 900px) { .bios__head { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; } }
.bios__head p { color: var(--ink-2); max-width: 44ch; }
.bios__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-6); align-items: start; }
@media (min-width: 960px) { .bios__grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); } }
.bio { background: var(--paper); border-radius: 4px; box-shadow: var(--shadow-sheet); }
.bio__bar { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); padding: var(--s-3) var(--s-3) var(--s-3) var(--s-5); border-bottom: 1px solid var(--sheet-line); }
.bio__label { font-size: var(--t-small); font-weight: 750; letter-spacing: 0; display: flex; gap: var(--s-3); align-items: baseline; }
.bio__label .time { color: var(--ink-2); font-weight: 400; }
.bio__copy { display: inline-flex; align-items: center; gap: 0.45em; min-height: 44px; padding: 0 0.9rem; background: transparent; border: 1px solid var(--sheet-line); border-radius: var(--radius); cursor: pointer; font-weight: 700; font-size: var(--t-small); color: var(--ink); transition: border-color var(--d-fast), background-color var(--d-fast); }
.bio__copy:hover { border-color: var(--ink); }
.bio__copy svg { width: 16px; height: 16px; }
.bio__copy.is-copied { background: var(--ink); color: #fff; border-color: var(--ink); }
.bio__text { padding: var(--s-5) var(--s-5) var(--s-6); color: var(--ink); display: grid; gap: 1em; }
.bio__text p { max-width: 62ch; }
.bio:first-child .bio__text p { font-size: 1.1875rem; line-height: 1.5; font-weight: 500; }

/* ---------- Topics ---------- */
.topics__head { display: grid; gap: var(--s-5); margin-bottom: var(--s-8); }
@media (min-width: 900px) { .topics__head { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; } }
.topics__head p { color: var(--on-studio-2); max-width: 44ch; }
.topics__list { border-top: 1px solid var(--studio-line); }
.topic { display: grid; gap: var(--s-4); padding-block: clamp(1.5rem, 1rem + 2vw, 2.75rem); border-bottom: 1px solid var(--studio-line); max-width: none; }
@media (min-width: 900px) { .topic { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-8); align-items: start; } }
.topic__name { font-size: clamp(1.75rem, 1.1rem + 2.6vw, 3.25rem); font-weight: 800; letter-spacing: -0.04em; line-height: 0.98; max-width: 14ch; }
.topic__body { display: grid; gap: var(--s-4); color: var(--on-studio-2); }
.topic__line { font-weight: 620; letter-spacing: -0.02em; font-size: clamp(1.1875rem, 1rem + 0.7vw, 1.5rem); line-height: 1.3; color: var(--on-studio); padding-left: var(--s-4); position: relative; }
.topic__line::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 6px; height: 6px; border-radius: 50%; background: var(--tally); }
.topic__line em { font-style: normal; font-weight: 800; color: var(--tally); }
.topic__src a { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.3em 0.6em; min-height: 44px; color: var(--on-studio); font-weight: 650; text-decoration-color: var(--studio-line); }
.topic__src a:hover { text-decoration-color: var(--tally); }
.topic__src .time { color: var(--on-studio-3); }
.topic__src svg { width: 14px; height: 14px; }

/* ---------- Appearances log ---------- */
.press-record__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--s-4); margin-bottom: var(--s-7); }
.press-record__head p { color: var(--ink-2); }
.log { border-top: 1px solid var(--sheet-line); }
.log > li { border-bottom: 1px solid var(--sheet-line); max-width: none; }
.log__row { display: grid; gap: var(--s-2) var(--s-5); padding-block: var(--s-5); text-decoration: none; transition: background-color var(--d-fast); }
@media (min-width: 860px) { .log__row { grid-template-columns: 7.5rem minmax(0, 0.6fr) minmax(0, 1.4fr) auto; align-items: baseline; } }
a.log__row:hover { background: color-mix(in srgb, var(--ink) 4%, transparent); }
.log__row .time { color: var(--ink-2); }
.log__outlet { font-weight: 800; font-size: 1.125rem; letter-spacing: -0.015em; }
.log__what { font-weight: 550; line-height: 1.35; }
.log__go { display: inline-flex; align-items: center; gap: 0.4em; font-weight: 700; font-size: var(--t-small); color: var(--tally-ink); white-space: nowrap; }
.log__go svg { width: 16px; height: 16px; transition: transform var(--d-med) var(--ease-out); }
a.log__row:hover .log__go svg { transform: translate(2px, -2px); }

/* ---------- Press kit ---------- */
.kit__head { display: grid; gap: var(--s-4); margin-bottom: var(--s-8); }
@media (min-width: 900px) { .kit__head { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; } }
.kit__head p { color: var(--on-studio-2); display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; }
.kit__shots { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-7) var(--s-6); align-items: end; }
@media (min-width: 900px) { .kit__shots { grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.85fr); } }
.monitor--tall .monitor__screen { aspect-ratio: 3 / 4; }
.shot__cap { margin-top: var(--s-4); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s-3) var(--s-5); }
.shot__cap > span { display: grid; gap: 0.2rem; }
.shot__cap strong { font-weight: 750; }
.shot__cap .time { color: var(--on-studio-3); }
.logos { margin-top: var(--s-9); }
.logos__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s-4); margin-bottom: var(--s-5); }
.logos__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
@media (min-width: 760px) { .logos__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.logo-tile { display: grid; gap: var(--s-3); max-width: none; min-width: 0; }
.logo-tile__swatch { aspect-ratio: 16 / 9; display: grid; place-items: center; padding: 12%; border-radius: 4px; border: 1px solid var(--studio-line); }
.logo-tile__swatch { min-width: 0; overflow: hidden; }
.logo-tile__swatch img { width: 100%; max-width: 20rem; height: auto; }
.logo-tile--mark .logo-tile__swatch img { width: auto; max-width: 100%; max-height: 7.5rem; border-radius: 4px; }
.logo-tile--light .logo-tile__swatch { background: var(--sheet); }
.logo-tile--dark .logo-tile__swatch { background: var(--control); }
.logo-tile--mark .logo-tile__swatch { background: #fff; padding: 10%; }
.logo-tile__meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s-2) var(--s-4); font-size: var(--t-small); }
.logo-tile__meta > span { display: grid; gap: 0.15rem; }
.logo-tile__meta .time { color: var(--on-studio-3); }
.logos__rule { margin-top: var(--s-5); color: var(--on-studio-2); font-size: var(--t-small); }

/* ---------- Inquiry ---------- */
.inquiry__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
@media (min-width: 960px) { .inquiry__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--s-9); align-items: end; } }
.inquiry__grid p { margin-top: var(--s-5); color: var(--ink-2); max-width: 46ch; }
.inquiry__desk { display: grid; gap: var(--s-4); justify-items: start; }
.inquiry__phone { display: inline-flex; align-items: center; gap: var(--s-4); min-height: 56px; text-decoration: none; }
.inquiry__phone > svg { width: 44px; height: 44px; padding: 11px; border: 1px solid var(--sheet-line); border-radius: 50%; flex: none; }
.inquiry__phone > span { display: grid; gap: 0.15rem; }
.inquiry__phone .time { color: var(--ink-2); }
.inquiry__phone strong { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; }
.inquiry__phone:hover strong { text-decoration: underline; text-underline-offset: 0.2em; }
.inquiry__desk .inquiry__alt { margin-top: 0; font-size: var(--t-small); }
.inquiry__alt a { color: var(--ink); font-weight: 650; }
/* Labels sitting on photos need their own ground to stay legible */
.shot .monitor__hud .lamp { background: var(--control); color: var(--on-studio); border-color: var(--studio-line); }