/* Gerz Sound: original layout, native motion, no animation dependencies. */
:root{--studio-ease:cubic-bezier(.22,1,.36,1);--studio-energy:0}html{scroll-padding-top:95px}nav.topnav{backdrop-filter:blur(18px)}.logo img{height:34px;width:34px;object-fit:contain}.studio-head{position:relative;isolation:isolate;overflow:hidden;padding:18px 10px 24px;margin-bottom:24px!important}.studio-head:before{content:'';position:absolute;inset:-45% -15%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,var(--kg-glow),transparent 57%);opacity:.36;transform:translateX(-28%);animation:studio-light-entry 2.2s var(--studio-ease) forwards;pointer-events:none}.studio-head>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.5}.studio-signature{width:78px;height:78px;margin:0 auto 9px;position:relative}.studio-signature img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px var(--kg-glow));animation:studio-mark-entry 1.2s var(--studio-ease) both}.studio-head .section-tag,.studio-head .section-title,.studio-head .section-sub{position:relative}.studio-head .section-title{margin-top:8px}.studio-head .section-sub{max-width:660px;margin-left:auto;margin-right:auto}.catalog-filters{margin-bottom:26px}.beat-card{transition:transform .45s var(--studio-ease),box-shadow .4s,border-color .3s;position:relative}.beat-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,0%),rgba(255,255,255,.07),transparent 70%);opacity:0;transition:opacity .4s}.beat-cover img{transition:opacity .35s,transform .7s var(--studio-ease)}.beat-play-mini{opacity:1;transform:none;width:44px;height:44px;background:rgba(14,14,14,.7);color:white;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(10px);z-index:2}.beat-card.is-playing{border-color:var(--kg);box-shadow:0 0 0 1px var(--kg-bg),0 8px 30px var(--kg-glow)}.beat-card.is-playing .beat-play-mini{background:var(--kg);border-color:var(--kg);color:#fff}.beat-meta-small,.beat-price-small .from{color:var(--ink-2)}.beat-buy-small{min-height:36px}.beat-bottom{gap:10px}.filter-chip{transition:background .2s,border-color .2s,color .2s,transform .25s var(--studio-ease)}.filter-chip:active,.beat-play-mini:active{transform:scale(.96)}.player{transition:transform .45s var(--studio-ease),box-shadow .3s}.player.up{box-shadow:0 -8px 50px var(--kg-bg)}.studio-license-note{font-size:12px;color:var(--ink-2);line-height:1.6;margin:12px 0}.license-row{width:100%;font-family:inherit;text-align:left;color:var(--ink);cursor:pointer}.license-row:disabled{cursor:wait}.modal-bg.active .modal{animation:studio-modal-in .28s var(--studio-ease)}button:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--kg);outline-offset:4px}.studio-reveal{animation:studio-card-in .55s var(--studio-ease) both;animation-delay:var(--reveal-delay,0ms)}.studio-equalizer{display:flex;align-items:center;gap:3px;height:20px;margin-left:10px;flex-shrink:0}.studio-equalizer i{height:100%;width:3px;border-radius:2px;background:var(--kg);transform:scaleY(.15);transform-origin:center;transition:transform .08s linear}.player-time{white-space:nowrap}.studio-motion{font-family:inherit;font-size:11px;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);padding:6px 10px;border-radius:20px;cursor:pointer;margin:10px auto 0;display:block}.studio-motion[aria-pressed=false]{color:var(--kg)}
@media(hover:hover) and (pointer:fine){.beat-card:hover{transform:perspective(900px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:var(--shadow-lg)}.beat-card:hover:after{opacity:1}.beat-card:hover .beat-cover img{transform:scale(1.035)}.beat-card:hover .beat-play-mini{transform:scale(1.06);background:var(--kg);border-color:var(--kg);color:white}}
@keyframes studio-light-entry{to{transform:translateX(0);opacity:.65}}@keyframes studio-mark-entry{from{opacity:0;transform:translateY(8px) scale(.94);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes studio-card-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes studio-modal-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:640px){.studio-head{padding-top:8px;margin-bottom:15px!important}.studio-signature{width:55px;height:55px;margin-bottom:5px}.studio-head .section-title{font-size:32px}.catalog-filters{gap:6px;margin-bottom:22px}.filter-chip{font-size:12px;padding:8px 12px}.beat-info{padding:13px 12px}.beat-bottom{padding:10px 12px;flex-wrap:wrap}.beat-title{font-size:14px}.beat-price-small{font-size:15px}.studio-equalizer{display:none}.beat-card{min-width:165px}.logo img{height:30px;width:30px}.studio-motion{font-size:10px}.player .license-cta{padding:9px 12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.studio-head:before{transform:none}.studio-equalizer{display:none}}
body.studio-no-motion *,body.studio-no-motion *:before,body.studio-no-motion *:after{animation:none!important;transition:none!important}body.studio-no-motion .beat-card:hover{transform:none}body.studio-no-motion .beat-card:hover img{transform:none}body.studio-no-motion .studio-head:before{transform:none}

/* Keep the first catalog row close to the top. */
.studio-head{padding:0 10px 12px}.studio-signature{width:48px;height:48px;margin-bottom:4px}.studio-head .section-title{font-size:clamp(30px,4vw,46px);margin-bottom:12px}.studio-head:before{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.studio-motion{margin:0}.footer-bottom{flex-wrap:wrap;gap:14px}@media(max-width:640px){.studio-signature{width:44px;height:44px}.studio-head{padding-top:0}.beat-card{min-width:165px}}

@media(max-width:640px){.catalog-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding:0 0 10px;margin-bottom:20px}.filter-chip{flex-shrink:0}.studio-head .section-sub{font-size:14px;line-height:1.6}.studio-head .section-title{font-size:30px}.studio-head{padding-bottom:5px}.studio-head:before{mask-image:radial-gradient(ellipse,#000 20%,transparent 68%)}.nav-cta{white-space:nowrap}}
@media(max-width:480px){.nav-links .nav-cta{display:none}.logo{font-size:18px!important}}

/* Mobile catalog: two columns, vertical browsing (Kevin's call — replaces the horizontal peek-scroll carousel). */
@media(max-width:640px){.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:12px;margin:0;padding:4px 0 10px}.catalog-grid .beat-card{width:auto;min-width:0;scroll-snap-align:none}.beat-title{overflow-wrap:anywhere}.beat-bottom{gap:6px}.beat-buy-small{white-space:nowrap}}