/* SHOCKER OWNZ V10.4.6 — Shared Mobile Typography + Hero/Actions Consistency.
   Refines appearance only; music logic, audio bytes, navigation destinations unaffected. */
:root { --ownz-header-letter-spacing:-.035em; }
/* No skew, stretching, or double-printed shadows on the Shocker OwnZ wordmark. */
.site-header .header-container { box-sizing:border-box; min-width:0; }
.site-header .brand { display:inline-flex; align-items:center; min-width:0; flex:0 1 auto; gap:9px; text-decoration:none; }
.site-header .brand-lockup { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; white-space:nowrap; }
.site-header .brand-name {
 font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 font-size:clamp(20px,2vw,29px); font-weight:950; font-style:normal; font-stretch:normal;
 letter-spacing:var(--ownz-header-letter-spacing); line-height:1.03;
 transform:none!important; text-shadow:0 2px 5px rgba(0,0,0,.72);
 -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
 white-space:nowrap; max-width:100%;
}
.site-header .brand-name em { font-style:normal; color:#ff354f; text-shadow:0 2px 5px rgba(0,0,0,.72); }
.site-header .brand-sub { color:#c9c1c5; font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:750; letter-spacing:.11em; font-size:9px; line-height:1.35; white-space:nowrap; }
.site-header .brand-mark { object-fit:contain; flex:0 0 auto; }
.site-header .header-actions { flex:0 0 auto; }
.site-header .menu-toggle, .site-header .search-toggle { flex:0 0 auto; }
.site-header .menu-toggle span { transform-origin:center; }
.site-header .brand:focus-visible, .site-header button:focus-visible { outline:2px solid #ff6c84; outline-offset:3px; }

/* The Homepage and Creative use one action panel, physically following the image hero. */
.home-actions { position:relative; z-index:2; }
.home-actions .home-actions-inner { min-width:0; }
.home-actions .hero-ctas .btn { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.creative-hero .hero-copy .hero-ctas { display:none!important; }
.creative-actions .hero-ctas { display:grid; }
.creative-actions .home-actions-caption { margin:0; }
@media (max-width:940px) {
 .site-header .brand-name { font-size:clamp(19px,2.8vw,25px); }
 .site-header .brand-sub { font-size:8px; letter-spacing:.08em; }
 .site-header .header-container { gap:11px; }
}
@media (max-width:760px) {
 .site-header .header-container { min-height:76px; gap:8px; justify-content:space-between; }
 .site-header .brand { gap:8px; }
 .site-header .brand-mark { width:clamp(37px,10vw,48px); height:clamp(37px,10vw,48px); }
 .site-header .brand-name { font-size:clamp(16px,4.95vw,23px); letter-spacing:-.045em; }
 .site-header .brand-sub { font-size:clamp(5.5px,1.65vw,8px); letter-spacing:.045em; }
 .site-header .header-actions { gap:5px; margin-left:auto; }
 .site-header .menu-toggle { width:clamp(41px,11vw,50px); min-width:41px; height:48px; padding:7px; }
 .site-header .search-toggle { width:clamp(40px,10vw,48px); min-width:40px; height:48px; padding:7px; }
 .site-header .icon-button svg { width:21px; height:21px; }
 .creative-hero, .creative-hero .hero-inner { min-height:675px; }
 .creative-hero .hero-art img { object-position:58% 51%; }
 .creative-hero .hero-description { max-width:min(350px,100%); }
 .creative-actions { padding-block:19px 25px; }
 .creative-actions .hero-ctas { margin:0; }
 .creative-hero .hero-capabilities { gap:5px; }
}
@media (max-width:390px) {
 .site-header .header-container { gap:5px; }
 .site-header .brand { gap:6px; }
 .site-header .brand-name { letter-spacing:-.05em; }
 .site-header .brand-sub { letter-spacing:.025em; }
 .site-header .header-actions { gap:2px; }
 .creative-hero .eyebrow { letter-spacing:.15em; font-size:10px; }
 .creative-hero h1 { font-size:clamp(44px,11.4vw,52px); }
 .creative-hero .hero-capabilities > span { min-width:0; line-height:1.35; }
}
@media (max-width:320px) {
 .site-header .brand-name { font-size:15px; letter-spacing:-.06em; }
 .site-header .brand-sub { font-size:5px; letter-spacing:0; }
 .site-header .brand-mark { width:34px; height:34px; }
 .site-header .menu-toggle { width:39px; min-width:39px; height:44px; }
 .site-header .search-toggle { width:37px; min-width:37px; height:44px; }
 .site-header .header-actions { gap:1px; }
 .creative-hero .hero-description { font-size:12px; }
}
@media (max-width:320px) {
 .brief-shell { grid-template-columns:minmax(0,1fr); }
 .brief-intro,.brief-form { min-width:0; }
 .brief-form-head { flex-wrap:wrap; }
 .creative-heading h2 { font-size:33px; }
 .cap-info h3 { font-size:22px; overflow-wrap:anywhere; }
 .brief-actions .btn { font-size:10px; letter-spacing:0; padding-inline:10px; }
}
@media(prefers-reduced-motion:reduce){.site-header .brand,.home-actions .hero-ctas .btn{transition:none!important}}