.site-hero { background: linear-gradient(135deg, #173630, #38554c); }
.site-hero-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.site-hero--top video, .site-hero--top .site-hero-image { object-position: top; }
.site-hero--bottom video, .site-hero--bottom .site-hero-image { object-position: bottom; }
.site-hero--left video, .site-hero--left .site-hero-image { object-position: left; }
.site-hero--right video, .site-hero--right .site-hero-image { object-position: right; }
.site-hero .video-overlay { background: rgba(0, 0, 0, .28); }
.site-hero .overlay-title__name { overflow-wrap: anywhere; letter-spacing: .04em; }
.site-hero-description { max-width: 720px; margin: 16px auto; font-size: clamp(16px, 2vw, 22px); line-height: 1.4; }
.site-hero-pause { position: absolute; bottom: 24px; right: 24px; z-index: 3; padding: 8px 14px; border: 1px solid #fff; border-radius: 6px; color: #fff; background: #173630; cursor: pointer; }
.site-hero-pause[hidden] { display: none; }
body[data-site-preview] a, body[data-site-preview] form { cursor: default; }
@media (max-width: 700px) {
  .site-hero .overlay-title__name { font-size: clamp(32px, 9vw, 60px); }
  .site-hero .overlay-buttons { flex-wrap: wrap; justify-content: center; }
  .mobile-header .public-site-brand { max-width: calc(50% - 38px); min-width: 0; }
  .mobile-header .public-site-brand__name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}