.emmy-hub { --emmy-gold: #e9c982; --emmy-line: #3e3930; max-width: 1080px; margin: 0 auto; padding: 24px 20px 30px; }
.emmy-hub [id] { scroll-margin-top: 110px; }
.emmy-hub a { text-underline-offset: .22em; }
.emmy-hub a:focus-visible { outline: 3px solid var(--emmy-gold); outline-offset: 5px; border-radius: 2px; }
.emmy-breadcrumb { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: .76rem; margin-bottom: 42px; }
.emmy-breadcrumb a { margin: 0; }
.emmy-eyebrow { color: var(--emmy-gold); font-size: .67rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; line-height: 1.7; margin: 0 0 16px; }
.emmy-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 58px; align-items: center; }
.emmy-hero-copy { min-width: 0; }
.emmy-hero h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(3rem, 6.6vw, 5rem); line-height: 1.06; font-weight: 400; letter-spacing: -.05em; margin: 0 0 20px; }
.emmy-hero-line { color: #e8e2d7; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.55rem, 2.8vw, 2.05rem); line-height: 1.25; letter-spacing: -.015em; margin: 0 0 22px; }
.emmy-deck { color: #bac5ce; line-height: 1.85; font-size: .95rem; max-width: 49ch; margin: 0; }
.emmy-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px; }
.emmy-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; padding: 14px 18px; background: var(--emmy-gold); color: #201a10; font-size: .8rem; font-weight: 700; border-radius: 4px; text-decoration: none; }
.emmy-button:hover { background: #f4dbab; color: #201a10; }
.emmy-text-link { color: #f0e6d0; font-size: .8rem; padding-block: 12px; }
.emmy-text-link span { padding-left: 5px; }
.emmy-cover { display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; min-height: 420px; padding: 28px; border: 1px solid #74603d; background: radial-gradient(ellipse at 100% 0, #725c293a, transparent 65%), #171b20; color: var(--emmy-gold); }
.emmy-cover::before, .emmy-cover::after { content: ''; position: absolute; pointer-events: none; border: 1px solid #e9c98224; border-radius: 50%; width: 360px; height: 360px; top: -150px; right: -210px; }
.emmy-cover::after { width: 440px; height: 440px; top: -190px; right: -250px; }
.emmy-cover-kicker, .emmy-cover-footer { font-size: .6rem; line-height: 1.7; letter-spacing: .15em; text-transform: uppercase; }
.emmy-cover-years { display: flex; flex-direction: column; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(3.8rem, 8vw, 6.5rem); line-height: 1.02; letter-spacing: -.07em; margin: 28px 0 20px; }
.emmy-cover-years span + span { color: #9c927e; }
.emmy-cover-caption { color: #ece6da; font-family: Georgia, 'Times New Roman', serif; font-size: 1.22rem; line-height: 1.35; }
.emmy-cover-footer { margin-top: 24px; border-top: 1px solid #e9c98240; padding-top: 14px; font-size: .51rem; }
.emmy-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 40px 0 48px; padding: 24px 0; border-block: 1px solid var(--emmy-line); }
.emmy-facts div + div { border-left: 1px solid var(--emmy-line); padding-left: 24px; }
.emmy-facts dt { font-size: .71rem; color: var(--muted); line-height: 1.6; margin-bottom: 8px; }
.emmy-facts dd { font-size: 1.5rem; font-weight: 600; color: #f0e4ca; margin: 0; }
.emmy-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.emmy-section-heading .emmy-eyebrow { margin-bottom: 8px; }
.emmy-hub h2 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.7rem, 3.1vw, 2.2rem); font-weight: 400; line-height: 1.2; letter-spacing: -.025em; margin: 0; }
.emmy-collection-label { flex-shrink: 0; color: var(--emmy-gold); font-size: .64rem; line-height: 1.5; border: 1px solid #766440; padding: 7px 10px; border-radius: 3px; }
.emmy-section-intro { color: #b9c3cc; font-size: .86rem; line-height: 1.8; max-width: 75ch; margin: 16px 0 26px; }
.emmy-archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.emmy-archive-card { background: #121922; border: 1px solid #34404b; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; min-width: 0; }
.emmy-card-cover { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; padding: 24px 28px; min-height: 220px; border-bottom: 1px solid #625335; background: linear-gradient(125deg, #302a1d, #171b20 80%); }
.emmy-card-cover::after { content: ''; position: absolute; right: -15%; top: -35%; width: 70%; aspect-ratio: 1; border: 1px solid #e9c98220; border-radius: 50%; box-shadow: 0 0 0 28px #e9c98208, 0 0 0 56px #e9c98205; }
.emmy-archive-card:nth-child(even) .emmy-card-cover { background: linear-gradient(125deg, #26333a, #161c24 80%); }
.emmy-card-edition, .emmy-card-subject { position: relative; z-index: 1; color: #e6cf9f; text-transform: uppercase; font-size: .62rem; letter-spacing: .13em; line-height: 1.7; }
.emmy-card-year { position: relative; z-index: 1; font-family: Georgia, 'Times New Roman', serif; font-size: 5rem; line-height: 1.2; letter-spacing: -.06em; margin: 10px 0 5px; color: #ead8b1; }
.emmy-card-subject { color: #c5bda9; }
.emmy-card-body { display: flex; flex-direction: column; flex-grow: 1; padding: 25px 28px; }
.emmy-card-meta { color: var(--emmy-gold); text-transform: uppercase; font-size: .59rem; letter-spacing: .07em; line-height: 1.7; margin: 0 0 12px; }
.emmy-card-meta span { padding: 0 5px; }
.emmy-card-body h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.65rem; font-weight: 400; line-height: 1.25; letter-spacing: -.02em; margin: 0; text-wrap: balance; }
.emmy-card-body h3 a { color: #f1efe7; text-decoration: none; }
.emmy-card-body h3 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--emmy-gold); }
.emmy-card-excerpt { color: #b8c3cd; font-size: .84rem; line-height: 1.8; margin: 16px 0 24px; }
.emmy-card-link { display: flex; align-items: center; justify-content: space-between; color: var(--emmy-gold); font-size: .76rem; font-weight: 600; border-top: 1px solid #34404b; padding-top: 18px; margin-top: auto; }
.emmy-card-link span { font-size: 1.15rem; }
.emmy-archive-note { color: var(--muted); font-size: .73rem; line-height: 1.8; margin: 18px 0 0; max-width: 90ch; }
.emmy-about { margin-top: 52px; padding-top: 40px; border-top: 1px solid var(--emmy-line); }
.emmy-about-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 36px; margin-top: 24px; align-items: start; }
.emmy-about-copy { color: #c3ccd4; font-size: .94rem; line-height: 1.9; }
.emmy-about-copy p { margin: 0 0 20px; }
.emmy-about-copy a, .emmy-history a, .emmy-source-note a { color: #dfc78e; }
.emmy-history { border-left: 2px solid var(--emmy-gold); background: #191d22; padding: 24px; }
.emmy-history .emmy-eyebrow { margin-bottom: 10px; }
.emmy-history h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.5rem; font-weight: 400; margin: 0 0 12px; }
.emmy-history p:not(.emmy-eyebrow) { color: #bec7cd; font-size: .82rem; line-height: 1.85; margin: 0 0 16px; }
.emmy-history a { display: inline-block; font-size: .71rem; line-height: 1.8; }
.emmy-families { margin-top: 36px; padding-top: 36px; border-top: 1px solid var(--emmy-line); }
.emmy-families > h2 { font-size: 1.75rem; }
.emmy-family-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin-top: 28px; }
.emmy-family-grid article { border-top: 1px solid #625335; padding-top: 16px; }
.emmy-family-number { font-family: Georgia, 'Times New Roman', serif; font-size: 1.2rem; color: var(--emmy-gold); }
.emmy-family-grid h3 { font-size: .93rem; line-height: 1.45; margin: 12px 0 10px; }
.emmy-family-grid p { color: var(--muted); font-size: .79rem; line-height: 1.85; margin: 0; }
.emmy-source-note { color: var(--muted); font-size: .71rem; line-height: 1.8; margin: 24px 0 0; }
.emmy-empty { padding: 24px; color: var(--muted); border: 1px solid var(--emmy-line); }
@media (max-width: 800px) {
  .emmy-hub [id] { scroll-margin-top: 200px; }
  .emmy-hero { gap: 28px; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .emmy-hero h1 { font-size: 3.2rem; }
  .emmy-cover { min-height: 390px; padding: 24px; }
  .emmy-section-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .emmy-card-body, .emmy-card-cover { padding: 22px; }
  .emmy-card-body h3 { font-size: 1.4rem; }
  .emmy-about-grid { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width: 580px) {
  .site-header nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 12px; }
  .site-header nav a { margin: 0; }
  .emmy-hub { padding-inline: 16px; }
  .emmy-breadcrumb { margin-bottom: 28px; }
  .emmy-hero { grid-template-columns: 1fr; gap: 30px; }
  .emmy-hero h1 { font-size: clamp(2.75rem, 11vw, 3.8rem); }
  .emmy-cover { min-height: 0; padding: 24px; }
  .emmy-cover-years { flex-direction: row; justify-content: space-between; gap: 12px; font-size: clamp(2.8rem, 14vw, 4rem); margin: 22px 0; }
  .emmy-cover-caption { font-size: 1.1rem; }
  .emmy-facts { gap: 14px; margin: 28px 0 32px; }
  .emmy-facts div + div { padding-left: 14px; }
  .emmy-facts dt { font-size: .61rem; }
  .emmy-facts dd { font-size: 1.12rem; }
  .emmy-archive-grid, .emmy-family-grid { grid-template-columns: 1fr; gap: 22px; }
  .emmy-card-cover { min-height: 190px; }
  .emmy-card-body h3 { font-size: 1.6rem; }
  .emmy-about { margin-top: 36px; padding-top: 30px; }
  .emmy-families { margin-top: 30px; padding-top: 30px; }
}
@media print {
  .emmy-hub { --emmy-gold: #594012; --emmy-line: #ccc; color: #111; }
  .emmy-cover, .emmy-hero-actions { display: none; }
  .emmy-hero, .emmy-about-grid { display: block; }
  .emmy-hub p, .emmy-hub a, .emmy-hub dd { color: #111; }
  .emmy-archive-card, .emmy-history { background: #fff; break-inside: avoid; }
  .emmy-card-cover { min-height: 0; background: #fff !important; }
  .emmy-card-cover span, .emmy-card-body h3 a { color: #111; }
}
