/* Quiet contact, photographic studio portrait, and restrained optical atmosphere. */
.number-value{margin-bottom:16px}.number-item p{margin-top:0;min-height:31px}.numbers{align-items:start}
.impact-photo{margin:0;position:relative;height:555px;border-radius:30px;overflow:hidden;border:1px solid #ffffff17;background:#121419;box-shadow:0 30px 60px -30px #0009}
.impact-photo img{width:100%;height:100%;object-fit:cover;object-position:64% 50%;display:block}
.impact-photo figcaption{position:absolute;inset:auto 0 0;z-index:3;padding:28px 26px 22px;display:flex;justify-content:space-between;align-items:center;color:#eee6f8;background:linear-gradient(0deg,#090913b3,transparent);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.impact-photo figcaption>span:last-child{font-size:18px;opacity:.65}
.hero-optics{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.hero-leak{position:absolute;inset:-35% -40%;background:linear-gradient(112deg,transparent 39%,#bc77f505 46%,#eecf9b28 50%,#87a8f513 53%,transparent 58%);filter:blur(17px);opacity:.42;transform:translateX(-20%);animation:film-light 21s ease-in-out infinite}
.hero-reflection{position:absolute;inset:0;background:radial-gradient(ellipse 30% 48% at var(--cursor-x,74%) var(--cursor-y,22%),#efc99810,transparent 60%);opacity:.7}
.hero-exposure{position:absolute;right:-15%;top:-25%;width:65%;height:120%;border:1px solid #d6bdf614;border-radius:50%;box-shadow:inset 0 0 55px #d6bdf605,0 0 40px #d6bdf607;transform:rotate(-29deg);animation:lens-breathe 13s ease-in-out infinite}
.contact{padding:62px 0 36px}
.quiet-contact{max-width:520px}
.contact .quiet-contact-heading{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin-bottom:13px;font-weight:600}
.quiet-contact p{font-size:11px;line-height:1.8;color:var(--muted)}
.quiet-contact .contact-email{font-family:Manrope,Arial,sans-serif;font-size:16px;letter-spacing:0;line-height:1.5;margin-top:17px;color:#c3b8d1;display:flex;align-items:center;gap:17px;max-width:100%}
.quiet-contact .contact-email:hover{color:var(--ink)}
.quiet-contact .contact-email span{font-size:17px;opacity:.7}
.site-footer{margin-top:40px}
.plaque-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:35px;flex-shrink:0}
.institution-mark{display:block;object-fit:contain;max-width:100%;filter:brightness(0) invert(1);opacity:.88}
.plaque-brand .mark-riaa{width:36px;height:36px;filter:grayscale(1) invert(1);opacity:.85}
.plaque-brand .mark-grammy{width:94px;height:29px}
.plaque-brand>span{font-family:Manrope,Arial,sans-serif;font-size:6px;letter-spacing:.16em;color:#c6c0d0;line-height:1;text-transform:uppercase}
.billboard-copy .brand-eyebrow{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.brand-eyebrow .mark-billboard{width:108px;height:25px}
.brand-eyebrow>span{font-size:8px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;border-left:1px solid #ffffff23;padding-left:15px;line-height:1.5}
@keyframes film-light{0%,100%{transform:translateX(-28%) rotate(-3deg);opacity:.23}45%{transform:translateX(22%) rotate(2deg);opacity:.52}70%{transform:translateX(8%) rotate(0);opacity:.31}}
@keyframes lens-breathe{50%{transform:rotate(-22deg) translate(-12px,8px);opacity:.55}}
body.motion-paused .hero-optics i{animation:none!important}
@media(max-width:1100px){.impact-photo{height:500px}}
@media(max-width:980px){.impact-photo{height:485px}.impact-photo img{object-position:50% 48%}.impact-grid{align-items:start}}
@media(max-width:760px){.impact-photo{height:400px;border-radius:25px}.impact-photo img{object-position:65% 50%}.impact-photo figcaption{font-size:8px;padding:25px 20px 19px}.hero-leak{inset:-10% -70%;opacity:.36;animation-duration:24s}.hero-exposure{width:110%;right:-70%;opacity:.5}.number-value{margin-bottom:11px}.number-item p{min-height:28px}.contact{padding:48px 0 28px}.contact .quiet-contact-heading{font-size:21px}.quiet-contact p{font-size:10px}.quiet-contact .contact-email{font-size:14px;margin-top:13px}.site-footer{margin-top:33px}}
@media(max-width:380px){.impact-photo{height:350px}}
@media(max-width:760px){.plaque-brand{min-height:27px;gap:4px}.plaque-brand .mark-riaa{width:25px;height:25px}.plaque-brand .mark-grammy{width:63px;height:22px}.plaque-brand>span{font-size:4.5px;letter-spacing:.1em}.billboard-copy .brand-eyebrow{gap:9px;margin-bottom:10px}.brand-eyebrow .mark-billboard{width:65px;height:17px}.brand-eyebrow>span{font-size:5px;padding-left:9px;letter-spacing:.075em}}
@media(max-width:380px){.plaque-brand .mark-riaa{width:22px;height:22px}.plaque-brand .mark-grammy{width:55px;height:20px}.plaque-brand>span{font-size:4px}.brand-eyebrow .mark-billboard{width:54px;height:15px}.brand-eyebrow>span{font-size:4.5px}}
@media(prefers-reduced-motion:reduce){.hero-optics i{animation:none!important}.hero-leak{transform:translateX(0);opacity:.25}}

/* Symmetric columns center the entire stat strip and keep captions on a shared line. */
.numbers { padding: 48px 0; align-items: stretch; }
.numbers .number-item { padding-inline: 24px; text-align: center; border-right: 1px solid var(--line); }
.numbers .number-item:last-child { border-right: 0; }

.numbers .number-item {
  display: grid;
  grid-template-rows: 80px 31px;
  row-gap: 4px;
  align-items: start;
}
.numbers .number-item .number-value {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 80px;
  min-height: 0;
  margin: 0;
  padding-top: 0;
  line-height: .95;
}
.numbers .number-item .metric-text { display: block; line-height: .95; text-align: center; }
.numbers .number-item .number-word .metric-text { line-height: 1; }
.numbers .number-item .rank-value .metric-text { display: inline-flex; align-items: center; }
.numbers .number-item > p { margin: 0; min-height: 0; align-self: start; text-align: center; }
.numbers .number-item .metric-grammy { font-size: clamp(35px, 3.4vw, 47px); }
@media (max-width: 980px) {
  .numbers { row-gap: 30px; }
  .numbers .number-item:nth-child(odd) { border-right: 1px solid var(--line); }
  .numbers .number-item:nth-child(even) { border-right: 0; }
}

@media (max-width: 760px) {
  .numbers { padding: 32px 0; row-gap: 26px; }
  .numbers .number-item { grid-template-rows: 66px 28px; row-gap: 4px; padding-inline: 12px; }
  .numbers .number-item .metric-grammy { font-size: clamp(22px, 6.25vw, 32px); }
  .numbers .number-item .number-value { height: 66px; }
}
@media (max-width: 380px) {
  .numbers .number-item { grid-template-rows: 56px 28px; }
  .numbers .number-item .number-value { height: 56px; }
}