.hero { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 6.5%; max-width: 1200px; margin: 0 auto; padding-top: 14px; padding-bottom: 42px; }
.hero-identity { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 36px; min-width: 0; }
.hero-logo { margin: 0; mix-blend-mode: screen; }
.home-page .header-contact { display: inline-flex; align-items: center; }
.hero-links { width: 100%; display: grid; gap: 10px; text-align: center; }
.hero-nav, .hero-social { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.hero-nav { gap: 12px 27px; font-size: 13px; }
.hero-social { gap: 4px 20px; font-size: 10px; color: var(--muted); }
.hero-links a { display: inline-flex; align-items: center; min-height: 36px; }
.hero-social a:hover { color: var(--ink); }
.hero-photo { width: min(100%, 390px); justify-self: end; }
.hero-photo img { width: 100%; height: auto; object-fit: contain; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent), linear-gradient(transparent, #000 7%, #000 93%, transparent); mask-composite: intersect; -webkit-mask-composite: source-in; }
@media (max-width: 600px) {
  .home-page .site-header { height: 48px; }
  .home-page .header-mark { width: 24px; flex-basis: 24px; }
  .hero { overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: clamp(250px, 71.8vw, 290px) auto; gap: 8px; padding-top: 0; padding-bottom: 8px; }
  .hero-identity { display: contents; }
  .hero-logo { grid-area: 1 / 1; z-index: 1; width: 145px; justify-self: center; align-self: start; margin-top: 12px; }
  .hero-photo { grid-area: 1 / 1; width: 100%; height: 100%; align-self: stretch; position: relative; isolation: isolate; }
  .hero-photo::before { content: ""; position: absolute; z-index: -1; inset: 0 -22px; background: url("/main/assets/sommers-friends-club-19-small.jpg") center 35% / cover; filter: blur(14px); opacity: .22; pointer-events: none; mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent), linear-gradient(transparent, #000 15%, #000 85%, transparent); mask-composite: intersect; -webkit-mask-composite: source-in; }
  .hero-photo img { height: 100%; object-fit: cover; object-position: 50% 35%;  }
  .hero-links { grid-area: 2 / 1; gap: 5px; position: relative; isolation: isolate; }
  .hero-links::before { content: ""; position: absolute; z-index: -1; pointer-events: none; inset: -32px -22px 16px; background: url("/main/assets/sommers-friends-club-19-small.jpg") center 76% / 100% auto; filter: blur(18px); opacity: .14; mask-image: linear-gradient(#000, transparent 92%); }
  .hero-nav { gap: 0 18px; font-size: 11px; font-weight: 600; padding-bottom: 3px; border-bottom: 1px solid #242422; }
  .hero-nav a { min-height: 32px; }
  .hero-social { gap: 0 12px; font-size: 9px; color: #969692; }
  .hero-social a { min-height: 28px; }
  .home-page .music { padding-top: 12px; }
  .home-page .music > .section-index { display: none; }
}