.home-hero button,.home-section button,.studio-film button{font:inherit}.home-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:2.4rem;padding-top:3.4rem;padding-bottom:3rem;display:grid}.home-intro h1{margin-bottom:1.2rem}.home-intro .lead{max-width:30rem}.home-intro .actions{flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;display:flex}.home-intro .note{margin-top:1.2rem}.text-link{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.text-link svg,.studio-link svg,.workflow-card span svg{transition:transform .2s}.text-link:hover svg,.studio-link:hover svg,.workflow-card:hover span svg{transform:translate(2px,-2px)}.home-hero .text-link:hover svg{transform:translateY(3px)}.studio-preview{border:1px solid var(--line-2);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow);border-radius:20px;padding:0;transition:transform .35s,border-color .25s;overflow:hidden}.studio-preview:hover{border-color:var(--accent);transform:translateY(-4px)}.preview-image{aspect-ratio:2386/1948;overflow:hidden}.preview-image img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:transform .6s;display:block}.studio-preview:hover .preview-image img{transform:scale(1.025)}.preview-caption{align-items:center;gap:.85rem;padding:1rem 1.2rem;display:flex}.preview-caption small{color:var(--muted);display:block}.preview-caption>svg{margin-left:auto}.preview-symbol{background:var(--surface-2);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.studio-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:1.1rem 0;display:flex}.studio-facts a{color:var(--muted);text-decoration:none}.studio-facts strong{color:var(--text);margin-right:.3rem}.studio-facts a:hover{color:var(--text)}.home-section{padding-top:5rem;scroll-margin-top:6rem}.home-section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.6rem;display:flex}.home-section-heading p,.workflow-heading p{color:var(--muted);margin:.65rem 0 0}.home-section-heading>.note{flex-shrink:0}.song-list{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.song-row{grid-template-columns:78px 1fr 1.5fr auto;align-items:center;gap:1.3rem;padding:1.4rem;display:grid}.song-row+.song-row{border-top:1px solid var(--line)}.song-art{background:var(--surface-2);border-radius:10px;width:78px;height:88px;position:relative;overflow:hidden}.song-art span{z-index:1;color:var(--muted);margin:.4rem .6rem;display:inline-block;position:relative}.song-art div{border:1px solid var(--accent);opacity:.6;border-radius:50%;width:110px;height:30px;position:absolute;top:45px;left:-12px;transform:rotate(-35deg)}.song-art div:nth-last-child(2){top:32px}.song-art div:last-child{top:58px}.song-row:nth-child(2) .song-art div{border-color:var(--teal);transform:rotate(35deg)}.song-info p{color:var(--muted);margin:.2rem 0}.song-info>span{color:var(--faint);font-size:.85rem}.studio-link{white-space:nowrap;align-items:center;gap:.4rem;text-decoration:none;display:flex}.sound-player{min-width:0}.sound-player button{font:inherit}.sound-transport{align-items:center;gap:.85rem;display:flex}.sound-toggle{border:1px solid var(--line-2);width:48px;height:48px;color:var(--text);background:var(--surface-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s,transform .2s,border-color .2s;display:grid}.sound-toggle:hover{border-color:var(--accent);transform:scale(1.06)}.sound-toggle span{display:flex}.sound-toggle:disabled,.sound-variants button:disabled{cursor:wait;opacity:.6}.sound-toggle .pause-symbol,.sound-toggle .loading-symbol,.sound-player[data-state=playing] .play-symbol,.sound-player[data-state=loading] .play-symbol{display:none}.sound-player[data-state=playing] .pause-symbol,.sound-player[data-state=loading] .loading-symbol{display:flex}.sound-player[data-state=playing] .sound-toggle{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sound-position{flex:1;min-width:48px;height:56px;position:relative}.sound-position input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.sound-position:focus-within{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}.sound-wave{position:absolute;inset:0}.sound-wave svg{width:100%;height:100%;fill:var(--faint);opacity:.45;display:block}.wave-played{clip-path:inset(0 calc(100% - var(--progress,0%)) 0 0);position:absolute;inset:0}.wave-played svg{fill:var(--accent);opacity:1}.sound-time{color:var(--muted);white-space:nowrap;font-family:Fira Mono,monospace;font-size:.72rem}.sound-time [data-time]{color:var(--text)}.sound-status{color:var(--muted);margin:.3rem 0 0;font-size:.85rem}.sound-status:empty{display:none}.sound-variants{background:var(--bg);border:1px solid var(--line);border-radius:999px;gap:4px;width:fit-content;margin-bottom:1.1rem;padding:4px;display:flex}.sound-variants button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem 1.2rem;transition:background .2s,color .2s,box-shadow .2s}.sound-variants button[aria-pressed=true]{background:var(--surface-2);color:var(--text);box-shadow:0 2px 8px #0000001f}.listening-grid{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.listening-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.device-stage{background:var(--bg-2);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:280px;padding:1.8rem;display:flex;overflow:hidden}.device-stage img{object-fit:contain;width:100%;height:100%;transition:transform .4s;display:block}.device-stage:hover img{transform:scale(1.025)}.listening-body{padding:1.6rem}.listening-body>p{color:var(--muted);margin:.5rem 0 1.4rem}.demo-detail{color:var(--faint);margin-top:1rem;font-size:.85rem}.demo-detail summary{cursor:pointer;width:fit-content}.demo-detail p{color:var(--muted);margin:.7rem 0 0}.movement-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 1.2fr;align-items:center;gap:3rem;padding:2.4rem;display:grid}.movement-copy p{color:var(--muted);max-width:25rem}.automation-illustration{background:var(--bg);border:1px solid var(--line);border-radius:10px;height:120px;overflow:hidden}.automation-illustration svg{width:100%;height:100%;display:block}.automation-illustration path{fill:none}.automation-grid{stroke:var(--line);stroke-width:1px}.automation-still{stroke:var(--accent);stroke-width:2px}.automation-moving{stroke:var(--accent);stroke-width:2px;opacity:0;transition:opacity .3s}.movement-demo[data-moving=true] .automation-moving{opacity:1}.movement-demo[data-moving=true] .automation-still{opacity:.25}.automation-label{color:var(--muted);margin:.5rem 0 1.3rem;font-size:.85rem}.mixing-overview{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin:0;overflow:hidden}.mixing-image{aspect-ratio:2386/1050;background:var(--bg-2);position:relative;overflow:hidden}.mixing-image img{width:100%;max-width:none;height:auto;position:absolute;top:-74.6%;left:0}.mixing-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:1.8rem;display:grid}.mixing-details p{color:var(--muted);margin:.65rem 0 0}.workflow-heading{max-width:34rem;margin-bottom:1.8rem}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;display:grid}.workflow-card{border:1px solid var(--line);color:var(--text);border-radius:16px;flex-direction:column;padding:1.7rem;text-decoration:none;transition:border-color .25s,transform .25s;display:flex}.workflow-card>svg{color:var(--muted);margin-bottom:1.8rem}.workflow-card p{color:var(--muted);margin:.75rem 0 1.5rem}.workflow-card span{color:var(--link);align-items:center;gap:.5rem;margin-top:auto;display:flex}.workflow-card:hover{border-color:var(--line-2);transform:translateY(-3px)}.ownership-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:4rem;margin-top:4rem;display:grid}.ownership-section>div>svg{color:var(--muted);margin-bottom:1rem}.ownership-copy p{color:var(--muted)}.home-finale{text-align:center;padding-bottom:1rem}.home-finale h2{margin-bottom:1.5rem}.home-finale .note{margin:1rem 0 1.5rem}.studio-film{border:1px solid var(--line-2);background:var(--surface);width:min(1120px,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);box-shadow:var(--shadow);border-radius:18px;padding:0}.studio-film::backdrop{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px)}.film-top,.film-bottom{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;display:flex}.film-top button{cursor:pointer;background:var(--surface-2);color:var(--text);border:0;border-radius:50%;place-items:center;padding:.5rem;display:grid}.film-shell>img,.film-shell>video{object-fit:contain;background:var(--bg);width:100%;height:auto;max-height:70dvh;display:block}.film-bottom p{color:var(--muted);margin:0}body:has(.studio-film[open]){overflow:hidden}@media (width<=1100px){.home-hero{gap:1.5rem}.song-row{grid-template-columns:65px 1fr 1.2fr;gap:1rem}.song-art{grid-row:span 2;width:65px;height:80px}.song-row .studio-link{grid-column:2/-1}.song-row .sound-player{grid-area:1/3}.device-stage{height:240px}}@media (width<=900px){.home-hero{grid-template-columns:1fr;gap:2rem;padding-top:2.4rem}.home-intro{max-width:40rem}.home-section{padding-top:3.5rem}.movement-panel{gap:2rem;padding:1.5rem}.workflow-grid{gap:.8rem}.workflow-card{padding:1.2rem}}@media (width<=680px){.home-section-heading{flex-direction:column;align-items:start}.home-section-heading>.note{display:none}.studio-facts{flex-wrap:wrap;gap:.5rem 1.2rem}.song-row{grid-template-columns:60px 1fr;padding:1rem}.song-art{grid-row:1;width:60px;height:72px}.song-row .sound-player{grid-area:2/1/auto/-1}.song-row .studio-link{grid-column:1/-1;justify-content:end}.listening-grid,.movement-panel,.workflow-grid,.ownership-section{grid-template-columns:1fr}.listening-body{padding:1.2rem}.device-stage{height:250px;padding:1.2rem}.movement-panel,.ownership-section{gap:1.5rem}.ownership-section{margin-top:3rem}.workflow-card>svg{margin-bottom:1rem}.film-bottom{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){.home-hero *,.home-section *,.studio-facts *{transition:none!important;animation:none!important}.studio-preview:hover,.studio-preview:hover img,.device-stage:hover img,.workflow-card:hover,.sound-toggle:hover{transform:none}}@media (width<=680px){.mixing-details{grid-template-columns:1fr;gap:1.5rem;padding:1.2rem}}