#muzica-volume .screen-carousel{margin:0 -28px;overflow:hidden}
#muzica-volume .screen-stage{position:relative;height:74cqw;max-height:800px;min-height:360px;touch-action:pan-y;user-select:none;overflow:hidden;perspective:1300px;--drag:0px}
#muzica-volume .screen-slide{position:absolute;top:28px;left:50%;width:31%;max-width:340px;padding:0;border:0;background:#121212;border-radius:24px;overflow:hidden;transform:translateX(calc(-50% + var(--offset) * 92% + var(--drag))) translateY(var(--dip)) rotate(var(--tilt)) scale(var(--scale));transform-origin:center center;opacity:var(--opacity);z-index:var(--depth);transition:transform .65s cubic-bezier(.22,.8,.22,1),opacity .45s;will-change:transform}
#muzica-volume .screen-slide img{display:block;width:100%;height:auto;aspect-ratio:1206/2622;pointer-events:none;-webkit-user-drag:none}
#muzica-volume .screen-slide[data-distance="0"]{outline-offset:5px}
#muzica-volume .screen-slide[data-distance="2"],#muzica-volume .screen-slide[data-distance="3"]{pointer-events:none}
#muzica-volume .screen-stage.dragging .screen-slide{transition:none}
#muzica-volume .screen-navigation{display:flex;align-items:center;justify-content:center;gap:38px;margin:8px 20px 0}
#muzica-volume .screen-arrow{width:52px;height:52px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);font:400 26px 'DM Sans',sans-serif;transition:transform .18s,background .18s}
#muzica-volume .screen-arrow:hover{background:var(--green);color:var(--ink);transform:scale(1.06)}
#muzica-volume .screen-description{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:110px}
#muzica-volume .screen-name{font-size:16px;font-weight:600}
#muzica-volume .screen-count{font-size:12px;opacity:.72;font-variant-numeric:tabular-nums}
#muzica-volume .screen-dots{display:flex;justify-content:center;gap:0;margin:10px 0}
#muzica-volume .screen-dot{border:0;background:transparent;width:30px;height:40px;padding:12px;display:flex;align-items:center;justify-content:center}
#muzica-volume .screen-dot::after{content:'';display:block;width:6px;height:6px;background:var(--ink);opacity:.5;border-radius:50%;flex-shrink:0;transition:transform .25s,opacity .25s}
#muzica-volume .screen-dot[aria-pressed="true"]::after{opacity:1;transform:scale(1.6)}
@container(max-width:540px){
#muzica-volume .screen-carousel{margin:0 -18px}
#muzica-volume .screen-stage{height:146cqw;min-height:0;max-height:none}
#muzica-volume .screen-slide{width:63%;top:20px;border-radius:20px;transform:translateX(calc(-50% + var(--offset) * 69% + var(--drag))) translateY(var(--dip)) rotate(var(--tilt)) scale(var(--scale))}
#muzica-volume .screen-navigation{gap:27px;margin-top:2px}
#muzica-volume .screen-arrow{width:46px;height:46px;font-size:23px}
#muzica-volume .screen-name{font-size:14px}
#muzica-volume .screen-dot{height:44px;width:30px}
}
@media(prefers-reduced-motion:reduce){#muzica-volume .screen-slide,#muzica-volume .screen-dot::after{transition:none!important}}



#muzica-volume .study-page{--ink:#151916;--green:#35d58a;--paper:#efefe7;container-type:inline-size;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;overflow:hidden;width:100%}
#muzica-volume .study-page *{box-sizing:border-box}
#muzica-volume .hero{padding:22px 28px 26px;position:relative}
#muzica-volume .topline{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:500}
#muzica-volume .topline span:last-child{opacity:.65}
#muzica-volume h1{font-family:'Anton',Impact,sans-serif;font-size:27.6cqw;letter-spacing:-.035em;line-height:1;margin:4px 0 8px;font-weight:400;color:var(--green);text-transform:uppercase;text-align:center;transform:scaleX(1.07)}
#muzica-volume .navigation{display:flex;justify-content:space-between;align-items:center;gap:20px}
#muzica-volume .navlinks{display:flex;gap:24px}
#muzica-volume a{color:inherit;text-decoration:none}
#muzica-volume button{font:inherit}
#muzica-volume .navlinks a{font-size:14px;padding:10px 0}
#muzica-volume .hero-main{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:center;min-height:330px;padding:25px 0 20px}
#muzica-volume h2{font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:-.025em;font-size:7.8cqw;line-height:1.04;margin:0;text-transform:uppercase}
#muzica-volume .intro p{font-size:16px;line-height:1.5;max-width:290px;margin:20px 0 25px}
#muzica-volume .explore{font-size:14px;display:inline-flex;align-items:center;gap:22px;padding:9px 0;border-bottom:2px solid var(--green)}
#muzica-volume .soundmark{height:280px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;transform:rotate(-9deg)}
#muzica-volume .soundmark span{width:17%;border-radius:100px;background:var(--green);height:var(--bar);transition:height .45s cubic-bezier(.2,.8,.2,1)}


#muzica-volume .hero-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:12px;opacity:.75}
#muzica-volume .world{background:var(--paper);color:var(--ink);padding:44px 28px 40px}
#muzica-volume .world-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:36px}
#muzica-volume .world h2{font-size:8.7cqw}
#muzica-volume .world-head p{max-width:220px;font-size:15px;line-height:1.5;margin:0 0 4px}
#muzica-volume .world-foot{display:flex;justify-content:space-between;align-items:center;margin-top:34px;font-size:13px}
#muzica-volume .world-foot a{padding:8px 0;border-bottom:2px solid var(--ink)}
@container(max-width:540px){
#muzica-volume .hero{padding:18px 18px 24px}
#muzica-volume .topline{font-size:11px;gap:8px}
#muzica-volume h1{font-size:28cqw;line-height:1.12;margin:7px 0 5px;transform:scaleX(1.04)}
#muzica-volume .navlinks{gap:17px}
#muzica-volume .navlinks a{font-size:12px}
#muzica-volume .hero-main{grid-template-columns:1fr;gap:0;padding-top:29px}
#muzica-volume h2{font-size:15cqw;max-width:320px}
#muzica-volume .intro p{font-size:14px;margin:16px 0;max-width:260px}
#muzica-volume .explore{font-size:12px}
#muzica-volume .soundmark{height:210px;margin:18px 0 15px;gap:10px;padding:0 12px}
#muzica-volume .hero-foot{font-size:10px;align-items:flex-end}
#muzica-volume .world{padding:34px 18px}
#muzica-volume .world-head{display:block;margin-bottom:26px}
#muzica-volume .world h2{font-size:16cqw}
#muzica-volume .world-head p{font-size:14px;max-width:260px;margin-top:18px}
#muzica-volume .world-foot{font-size:11px;gap:12px;margin-top:27px}
}
@media(prefers-reduced-motion:reduce){#muzica-volume *{transition:none!important}}

:root{color-scheme:dark;background:#151916}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#151916;color:#efefe7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #35d58a;outline-offset:5px}img{max-width:100%}.skip-link{position:absolute;top:10px;left:10px;z-index:100;padding:12px;background:#35d58a;color:#151916;transform:translateY(-160%)}.skip-link:focus{transform:none}
#muzica-volume{max-width:1440px;margin:auto}#muzica-volume .world{color-scheme:light}#muzica-volume .world-head p{color:#151916}#muzica-volume .screen-carousel{color:#151916}#muzica-volume .download-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--green);color:var(--ink);padding:64px 28px}#muzica-volume .download-section h2{font-size:clamp(42px,6cqw,86px)}#muzica-volume .download-section p{font-size:15px;line-height:1.5}#muzica-volume .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#muzica-volume .actions .btn{display:flex;gap:12px;align-items:center;min-height:84px;padding:17px;background:var(--ink);color:var(--paper);border-radius:4px;transition:transform .2s}#muzica-volume .actions .btn:hover{transform:translateY(-3px)}#muzica-volume .actions svg{width:23px;height:23px;fill:currentColor;flex-shrink:0}#muzica-volume .download-label{display:flex;flex-direction:column;gap:7px}#muzica-volume .download-label strong{font-size:17px}#muzica-volume .download-label small{font-size:12px;line-height:1.4}#muzica-volume .note{font-size:12px;line-height:1.6;max-width:390px}#muzica-volume footer{padding:35px 28px 24px}#muzica-volume .footer-brand{font-family:'Anton',Impact,sans-serif;font-size:38px;text-transform:uppercase}#muzica-volume .footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin:24px 0}#muzica-volume footer p{font-size:12px;opacity:.65}#muzica-volume .navigation .get-muzica{border:0;background:var(--green);color:var(--ink);padding:13px 20px;border-radius:4px;display:inline-flex;gap:28px;font-size:14px;font-weight:700;align-items:center;transition:transform .18s}#muzica-volume .get-muzica:hover{transform:rotate(-2deg)}#muzica-volume .screen-stage{min-height:0;height:min(74cqw,800px)}#muzica-volume .screen-slide:not([data-distance]){opacity:0}#muzica-volume .screen-slide[data-distance="0"]{opacity:1}#muzica-volume .screen-slide:focus-visible{outline-color:var(--green)}#muzica-volume .screen-carousel:not(.is-ready) .screen-slide{display:none}#muzica-volume .screen-carousel:not(.is-ready) .screen-slide[data-distance="0"]{display:block;--offset:0;--dip:0px;--tilt:0deg;--scale:1;--opacity:1;--depth:10}#muzica-volume .screen-carousel:not(.is-ready) .screen-navigation,#muzica-volume .screen-carousel:not(.is-ready) .screen-dots{display:none}#muzica-volume .screen-dot{width:44px;height:44px}
@container(max-width:540px){#muzica-volume .download-section{grid-template-columns:1fr;gap:25px;padding:38px 18px}#muzica-volume .download-section h2{font-size:13cqw}#muzica-volume footer{padding:28px 18px}#muzica-volume .footer-links{gap:18px;font-size:12px}#muzica-volume .navigation .get-muzica{font-size:12px;padding:12px 14px;gap:15px}#muzica-volume .screen-stage{height:146cqw}#muzica-volume .screen-dot{width:clamp(28px,8cqw,36px);height:44px;flex-shrink:0}#muzica-volume .actions .btn{padding:13px;gap:9px}#muzica-volume .download-label small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#muzica-volume *{transition:none!important;animation:none!important}}

#muzica-volume .world :is(a,button):focus-visible,#muzica-volume .download-section a:focus-visible{outline-color:var(--ink)}

#muzica-volume .desktop-section{padding:64px 28px 48px}
#muzica-volume .desktop-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:32px}
#muzica-volume .desktop-heading h2{font-size:clamp(42px,7cqw,96px);max-width:none}
#muzica-volume .desktop-heading p{font-size:15px;line-height:1.6;max-width:270px;margin:0 0 5px}
#muzica-volume .desktop-captures figure{margin:0}
#muzica-volume .desktop-captures img{display:block;width:100%;height:auto;border-radius:8px}
#muzica-volume .desktop-captures figcaption{font-size:13px;line-height:1.5;margin-top:16px}
#muzica-volume .desktop-download{display:inline-flex;gap:22px;align-items:center;font-size:14px;min-height:44px;margin-top:14px;padding:8px 0;border-bottom:2px solid var(--green)}
@container(max-width:540px){#muzica-volume .desktop-section{padding:36px 18px}#muzica-volume .desktop-heading{display:block;margin-bottom:25px}#muzica-volume .desktop-heading h2{font-size:13cqw}#muzica-volume .desktop-heading p{font-size:14px;margin-top:20px}#muzica-volume .desktop-captures img{border-radius:4px}#muzica-volume .desktop-captures figcaption{font-size:12px}#muzica-volume .desktop-download{font-size:13px}}

#muzica-volume .desktop-captures figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}
#muzica-volume .desktop-captures figcaption a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}

/* Flat background extensions preserve the approved content width without viewport-unit overflow. */
@media(min-width:1441px){
  #muzica-volume .study-page{overflow:visible}
  #muzica-volume .world{box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
  #muzica-volume .download-section{box-shadow:0 0 0 100vmax var(--green);clip-path:inset(0 -100vmax)}
}

#muzica-volume .home-brand{display:inline-flex;align-items:center;gap:10px}
#muzica-volume .home-brand img{display:block;width:36px;height:36px;flex-shrink:0}
#muzica-volume .footer-brand{display:inline-flex;align-items:center;gap:12px}
#muzica-volume .footer-brand img{width:36px;height:36px;flex-shrink:0}

#muzica-volume .rhythm-art{position:relative;padding:12px 0 36px}
#muzica-volume .soundmark{transform:translate(var(--rhythm-x,0px),var(--rhythm-y,0px)) rotate(var(--rhythm-angle,-9deg));transition:transform .35s ease-out}
#muzica-volume .soundmark span{transform-origin:center;animation:muzica-groove var(--tempo,1.8s) ease-in-out infinite;animation-delay:var(--phase,0s);will-change:transform}
#muzica-volume .soundmark span:nth-child(1){--tempo:1.65s;--phase:-.65s}
#muzica-volume .soundmark span:nth-child(2){--tempo:2.1s;--phase:-1.4s}
#muzica-volume .soundmark span:nth-child(3){--tempo:1.8s;--phase:-.3s}
#muzica-volume .soundmark span:nth-child(4){--tempo:2.1s;--phase:-.7s}
#muzica-volume .soundmark span:nth-child(5){--tempo:1.65s;--phase:-1.2s}
#muzica-volume .rhythm-toggle{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:10px 0;min-height:44px;background:none;border:0;color:var(--paper);font:400 12px 'DM Sans',sans-serif}
#muzica-volume .rhythm-toggle span{color:var(--green);font-size:18px;min-width:15px}
#muzica-volume .rhythm-art[data-paused="true"] .soundmark span{animation-play-state:paused}
@keyframes muzica-groove{0%,100%{transform:translateY(4px) scaleY(.68)}25%{transform:translateY(-5px) scaleY(1.03)}50%{transform:translateY(7px) scaleY(.82)}75%{transform:translateY(-7px) scaleY(1.12)}}
@media(prefers-reduced-motion:reduce){#muzica-volume .rhythm-toggle{display:none}#muzica-volume .soundmark{transform:rotate(-9deg)!important}#muzica-volume .soundmark span{animation:none!important;will-change:auto}}

#muzica-volume .listening-features{background:var(--paper);color:var(--ink);padding:64px 28px 88px;display:grid;grid-template-columns:1fr 1.15fr;gap:8%;color-scheme:light}
#muzica-volume .listening-heading h2{font-size:clamp(42px,6.5cqw,88px)}
#muzica-volume .feature-guide{display:inline-block;margin-top:28px;padding:10px 0;text-decoration:underline;text-underline-offset:6px;font-size:14px}
#muzica-volume .feature-stories{display:flex;flex-direction:column;gap:36px}
#muzica-volume .feature-story{display:flex;gap:22px;align-items:flex-start;padding:4px 0}
#muzica-volume .feature-story svg{width:40px;height:40px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#muzica-volume .feature-story h3{font:600 clamp(21px,2.2cqw,30px)/1.2 'DM Sans',sans-serif;margin:0 0 9px}
#muzica-volume .feature-story p{font-size:15px;line-height:1.5;margin:0;max-width:34ch}
#muzica-volume .feature-story:hover h3{text-decoration:underline;text-underline-offset:5px}
#muzica-volume .listening-features a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@media(min-width:1441px){#muzica-volume .listening-features{box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}}
@container(max-width:650px){#muzica-volume .listening-features{display:block;padding:42px 18px 52px}#muzica-volume .listening-heading h2{font-size:13cqw}#muzica-volume .feature-stories{margin-top:38px;gap:30px}#muzica-volume .feature-story{gap:18px}#muzica-volume .feature-story svg{width:32px;height:32px}#muzica-volume .feature-story p{font-size:14px}#muzica-volume .feature-guide{margin-top:18px}}

#muzica-volume .muzam-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:76px 28px 84px}
#muzica-volume .muzam-copy h2{font-size:clamp(48px,8cqw,108px)}
#muzica-volume .muzam-copy p{font-size:16px;line-height:1.6;margin:24px 0;max-width:38ch}
#muzica-volume .muzam-signature{display:flex;align-items:center;justify-content:center;gap:24px}
#muzica-volume .muzam-brand-mark{width:clamp(110px,16cqw,220px);height:auto;flex:none}
#muzica-volume .muzam-signature span{font-family:'Anton',Impact,sans-serif;font-size:clamp(40px,5.5cqw,76px);letter-spacing:-.02em}
@container(max-width:650px){#muzica-volume .muzam-intro{padding:48px 18px 56px;display:flex;flex-direction:column-reverse;align-items:stretch;gap:42px}#muzica-volume .muzam-copy h2{font-size:16cqw}#muzica-volume .muzam-copy p{font-size:14px}#muzica-volume .muzam-signature{justify-content:flex-start;gap:22px}#muzica-volume .muzam-brand-mark{width:90px}#muzica-volume .muzam-signature span{font-size:42px}}