/* Reversible logo-first hero study. Previous source is saved in .analysis/backups. */
:root[data-theme] .hero.hero-logo-trial .hero-inner { text-align: left; }
.hero-signature { width: 100%; max-width: 540px; margin-inline: 0; }
.hero-logo-mark { width: min(360px, 82%); margin-inline: 0; }
.hero-logo-mark img { width: 100%; height: auto; }
/* Keep the supplied metallic relief legible against the light theme. */
:root[data-theme="light"] .hero-logo-silver { filter: brightness(.43); }
:root[data-theme] .hero.hero-logo-trial h1 {
  max-width: 510px; margin: 25px 0 0;
  font-size: clamp(30px, 2.55vw, 36px); font-weight: 500;
  line-height: 1.15; letter-spacing: -.04em; text-wrap: balance;
}
:root[data-theme] .hero.hero-logo-trial .hero-description {
  max-width: 460px; margin: 24px 0 0;
  font-size: 18px; line-height: 1.55; text-wrap: balance;
}
:root[data-theme] .hero.hero-logo-trial .hero-actions {
  width: 100%; justify-content: flex-start; margin-top: 22px; gap: 12px 22px;
}
:root[data-theme] .hero.hero-logo-trial .hero-meta {
  max-width: 460px; margin: 28px 0 0; padding-top: 23px; gap: 17px;
}
.hero-logo-trial .hero-meta::before { left: 0; }
.hero-logo-trial .hero-event-date { justify-content: flex-start; }
.hero-logo-trial .hero-event-venue>p { margin-inline: 0; }
@media (min-width: 981px) and (max-width: 1180px) {
  .hero-logo-mark { width: min(310px, 82%); }
  :root[data-theme] .hero.hero-logo-trial h1 { font-size: 30px; }
}
@media (max-width: 980px) {
  .hero-logo-mark { width: min(340px, 78%); }
  :root[data-theme] .hero.hero-logo-trial h1 { font-size: clamp(30px, 4.5vw, 38px); }
}
@media (max-width: 767px) {
  .hero-logo-mark { width: min(310px, 84%); }
  :root[data-theme] .hero.hero-logo-trial h1 { margin-top: 22px; font-size: clamp(27px, 7.2vw, 32px); }
  :root[data-theme] .hero.hero-logo-trial .hero-description { margin-top: 22px; font-size: 16px; }
  :root[data-theme] .hero.hero-logo-trial .hero-actions { margin-top: 20px; gap: 4px 18px; }
  :root[data-theme] .hero.hero-logo-trial .hero-meta { margin-top: 22px; padding-top: 20px; gap: 15px; }
}