/* Shocker OwnZ V10.4.5 — protected-image home CTAs & unified Music controls.
   Overrides visuals only; no playback, navigation or download logic changes. */
:root{
 --ownz-control-metal:linear-gradient(168deg,#3a3b45 0%,#232630 13%,#15171f 50%,#080a10 100%);
 --ownz-control-metal-hot:linear-gradient(165deg,#562b35 0%,#28222d 22%,#111218 74%,#0b0a10 100%);
 --ownz-control-inset:inset 0 1px 0 #ffffff39,inset 0 -2px 0 #95182e,0 5px 14px #0009;
}
/* All home CTAs are physically below the artwork, never overlay the mask. */
.home-actions{position:relative;z-index:3;background:linear-gradient(130deg,#1a1219,#08090d 48%,#1a1018);border-top:1px solid #54202d;border-bottom:1px solid #6b2635;padding:24px 0 28px}
.home-actions-inner{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;gap:24px}
.home-actions-caption{display:flex;align-items:center;gap:10px;color:#ffa0ad;font-size:10px;font-weight:950;letter-spacing:.21em;line-height:1.5;white-space:nowrap}
.home-actions-accent{display:block;width:8px;height:8px;flex:none;border-radius:50%;background:#f12645;box-shadow:0 0 12px #ed294f7c}
.home-actions .hero-ctas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;width:100%;max-width:760px}
.home-actions .hero-ctas .btn{width:100%;max-width:none;min-width:0;min-height:64px;box-sizing:border-box;display:flex;justify-content:center;gap:13px;padding:14px 24px 14px 78px;white-space:normal;text-align:center;line-height:1.25;font-size:clamp(11px,1.05vw,13px)}
.home-actions .hero-ctas .btn::before{left:17px;width:39px;height:39px}
.home-actions .hero-ctas .btn::after{left:73px;right:19px}
.home-actions .hero-ctas .btn > span{flex:none;font-size:1.25em;line-height:1}
@media(max-width:940px){.home-actions-inner{grid-template-columns:1fr;gap:15px}.home-actions{padding:20px 0 25px}.home-actions .hero-ctas{max-width:none}}
@media(max-width:560px){
 .home-actions{padding:19px 0 23px}
 .home-actions-inner{gap:13px}
 .home-actions .hero-ctas{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:none}
 .home-actions .hero-ctas .btn{min-height:62px;font-size:13px;padding:14px 20px 14px 76px}
 .home-actions .hero-ctas .btn::before{left:17px;width:38px;height:38px}
 .home-actions .hero-ctas .btn::after{left:71px}
 /* Reduce unnecessary dark overlay; the hero image is now unobstructed. */
 .hero{min-height:640px}
 .hero-inner{min-height:640px}
}
@media(max-width:340px){.home-actions .hero-ctas .btn{font-size:11px;min-height:60px;padding-left:68px;padding-right:12px}.home-actions .hero-ctas .btn::before{left:11px;width:35px;height:35px}.home-actions .hero-ctas .btn::after{left:62px}}

/* Music-wide unified button language: blackened machined steel, red edge,
   corner rivets, beveled faces and strong text; unlike information panels,
   actual controls retain cursor, focus and pressed feedback. */
.music-page :is(.track-play,.track-download,.player-download,.filter-chip,.track-favorite,.player-btn){
 position:relative;isolation:isolate;box-sizing:border-box;
 border:1px solid #686a74!important;border-radius:12px;
 background:
 radial-gradient(circle at 8px 8px,#a2a9b3 0 1.65px,transparent 2.5px),
 radial-gradient(circle at calc(100% - 8px) 8px,#a2a9b3 0 1.65px,transparent 2.5px),
 radial-gradient(circle at 8px calc(100% - 8px),#a2a9b3 0 1.65px,transparent 2.5px),
 radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#a2a9b3 0 1.65px,transparent 2.5px),
 var(--ownz-control-metal)!important;
 box-shadow:var(--ownz-control-inset)!important;
 color:#fff4f5!important;
 text-transform:uppercase;font-weight:900;
 text-shadow:0 1px 3px #000;
 transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease;
}
.music-page :is(.track-play,.track-download,.player-download,.filter-chip,.track-favorite,.player-btn):not(:disabled):not([aria-disabled="true"]):hover{
 border-color:#f64a63!important;
 box-shadow:var(--ownz-control-inset),0 0 13px #cb234444!important;
}
.music-page :is(.track-play,.track-download,.player-download,.filter-chip,.track-favorite,.player-btn):not(:disabled):active{transform:translateY(1px)}
.music-page :is(.track-play.is-playing,.filter-chip.active,.track-favorite.is-favorite){
 border-color:#e9445c!important;
 background:
 radial-gradient(circle at 8px 8px,#c0a0a7 0 1.6px,transparent 2.5px),
 radial-gradient(circle at calc(100% - 8px) 8px,#c0a0a7 0 1.6px,transparent 2.5px),
 var(--ownz-control-metal-hot)!important;
 box-shadow:inset 0 1px #ffffff42,inset 0 -2px #e2314f,0 5px 13px #0008!important;
}
.music-page .player-btn-primary{
 border-color:#ef3f5a!important;
 background:
 radial-gradient(circle at 8px 8px,#ffd0d5 0 1.65px,transparent 2.5px),
 radial-gradient(circle at calc(100% - 8px) 8px,#ffd0d5 0 1.65px,transparent 2.5px),
 linear-gradient(160deg,#f0445c 0%,#b51534 43%,#6f0e26 100%)!important;
 box-shadow:inset 0 1px #ffffff78,inset 0 -2px #ff7891,0 5px 18px #e01d4749!important;
}
.music-page :is(.player-btn,.track-favorite){display:grid;place-items:center;padding:0;flex:none}
.music-page .player-btn{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:13px}
.music-page .player-btn-primary{width:56px;height:56px;min-width:56px;min-height:56px}
.music-page .player-btn svg{width:20px;height:20px;max-width:60%;max-height:60%}
.music-page :is(.track-play,.track-download){min-height:44px;padding:9px 12px;font-size:11px;gap:5px;line-height:1.2}
.music-page .track-download::before{color:#ff6b81}
.music-page .player-download{min-height:46px;min-width:128px;padding:11px 18px;font-size:10px;letter-spacing:.055em}
.music-page .player-download[aria-disabled="true"],.music-page .player-download.disabled{opacity:.48;cursor:not-allowed;pointer-events:none}
.music-page .filter-chip,.music-page .filter-chip:not(.active),.music-page .filter-chip.active{min-height:41px;border-radius:11px;font-size:10px!important;padding:10px 14px;white-space:nowrap}
.music-page .track-favorite{width:38px;height:38px;min-width:38px;min-height:38px;background:#19151bdc!important;border-radius:12px}
.music-page .track-favorite.is-favorite{background:linear-gradient(160deg,#682536,#25151d)!important}
.music-page .library-search input{min-height:46px;border:1px solid #706370;border-radius:13px;background:linear-gradient(165deg,#302e37,#12131a);box-shadow:inset 0 1px #ffffff1c,inset 0 -2px #8d1a34;color:#fff}
.music-page .hero-btn-primary{min-height:62px;max-width:100%;width:max-content;box-sizing:border-box;white-space:normal;line-height:1.3;text-align:center}
.music-page .hero-btn-primary:focus-visible{outline-offset:4px}
@media(max-width:760px){
 .music-page .player-btn{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:11px}
 .music-page .player-btn-primary{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:12px}
 .music-page .player-buttons{gap:5px}
 .music-page .track-play,.music-page .track-download{padding:8px 7px;min-height:44px;font-size:10px}
 .music-page .track-favorite{width:34px;height:34px;min-width:34px;min-height:34px}
 .music-page .player-download{min-width:0;min-height:42px;font-size:10px;padding:9px 13px}
 .music-page .player-brand-block{gap:8px}
 .music-page .player-brand-copy strong{max-width:140px}
 .music-page .player-brand-copy span{max-width:140px}
 .music-page .player-side-controls{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
}
@media(max-width:350px){
 .music-page .player-brand-art{width:36px;height:36px}
 .music-page .player-brand-copy strong,.music-page .player-brand-copy span{max-width:90px}
 .music-page .player-btn{width:31px;height:36px;min-width:31px;min-height:36px}
 .music-page .player-btn-primary{width:39px;height:40px;min-width:39px;min-height:40px}
 .music-page .player-buttons{gap:3px}
 .music-page .player-download{font-size:9px;padding:7px 8px}
 .music-page .track-play,.music-page .track-download{font-size:9px;padding:8px 4px}
}
@media(prefers-reduced-motion:reduce){.music-page :is(.track-play,.track-download,.player-download,.filter-chip,.track-favorite,.player-btn){transition:none}}

/* Ultra-narrow devices: keep logo and menu, plus work gallery heading, inside 280px. */
@media(max-width:315px){
 .header-container{gap:2px}
 .brand{gap:4px}
 .brand-mark{width:32px;height:32px}
 .brand-name{font-size:16px}
 .brand-sub{font-size:5px;letter-spacing:0}
 .header-actions{gap:0}
 .search-toggle{min-width:34px;width:34px;padding:3px}
 .menu-toggle{min-width:38px;width:38px;height:42px}
 .work-heading h2{font-size:29px}
 .work-heading .small-link{max-width:70px;font-size:8px}
}