/* A single cinematic palette, from first impression to the last lesson. */
:root{--night:#101615;--paper:#101615;--ink:#f1eadc;--cream:#f1eadc;--gold:#dcb77a;--muted:#b1b6ab;--line:#c5b38b30;--surface:#19201c;--surface2:#20261f}
body{background:var(--night);color:var(--cream)}
.site-header{background:#101615f5;backdrop-filter:blur(18px)}.desktop-nav{gap:30px}.desktop-nav a{font-size:12px}
.hero-link{display:inline-flex;gap:22px;align-items:center;font-size:13px;padding-block:10px;color:var(--cream)}.hero-link>span:last-child{display:grid;place-items:center;width:45px;height:45px;border:1px solid #dcb77a80;border-radius:50%;transition:background .2s,transform .2s}.hero-link svg{width:18px;height:18px}.hero-link:hover>span:last-child{background:#dcb77a20;transform:translate(3px,-3px)}
.button,.button.cream{color:var(--cream);background:#dcb77a09;border:1px solid #dcb77a65;border-radius:0}.button>span,.button.cream>span{border:0;border-radius:50%;color:var(--gold)}.button:hover,.button.cream:hover{background:#dcb77a1c;border-color:var(--gold)}.button.text-button{background:transparent;border:0}.quiet-link{color:var(--muted)}
.project-index,.studio,.experience-section,.library-section,.faq-section,.archive-next,.credits-page{background:var(--night)}.section-heading>h2 em,.studio-story>h2 em,.home-outro h2 em,.film-copy h2 em,.mix-copy h2 em,.practice-section h2 em,.release-section h2 em,.archive-next h2 em{color:var(--gold)}
.section-heading>p:last-child,.studio-story>p,.studio-principles p,.archive-feature-copy>p,.archive-next>p,.credits-content p{color:var(--muted)}
.project-index{position:relative;background:radial-gradient(ellipse at 95% 8%,#79512913,transparent 40%),var(--night)}.concerting-feature{border:1px solid var(--line);border-radius:2px}.archive-feature{background:radial-gradient(ellipse at 90% 50%,#5b48252b,transparent 55%),#161d19;border:1px solid var(--line);color:var(--cream)}.archive-feature .status{border-color:var(--line);color:var(--muted)}.archive-monogram{color:#bca476}.archive-monogram i{border-color:#dcb77a30}.archive-monogram>span{color:#bca47630}.archive-feature h3 em{color:var(--gold)}.studio{border-top:1px solid var(--line)}.studio-principles{border-color:var(--line)}.studio-principles>div>span,.studio-mark{color:var(--gold)}
.home-outro{background:radial-gradient(ellipse at 90% 20%,#7a5c3036,transparent 65%),#141c18;color:var(--cream);border-block:1px solid var(--line)}.outro-lines i{border-color:#b9965a33}.site-footer{background:#0b110f}.footer-top>p{color:#d2cdbd}.footer-bottom{border-color:var(--line);color:#a8ae9f}
.product-nav{background:#111814f5;border-color:var(--line)}.product-nav>div>a:hover,.product-nav>div>a.active{border-color:var(--gold);color:var(--gold)}.nav-status{color:var(--muted)}.product-summary>div{border-color:#dcb77a50}.product-summary strong{color:var(--gold)}.product-summary p{color:var(--muted)}
.experience-stage{background:radial-gradient(ellipse at 50% 45%,#6a54303d,transparent 70%),#18201b;border:1px solid var(--line)}.stage-orbits i{border-color:#dcb77a28}.stage-label{background:#141b17ed;border-color:var(--line);color:var(--cream)}.experience-stage>.small-caption,.small-caption,.experience-details>.eyebrow{color:var(--muted)}.feature-tabs,.feature-tab{border-color:var(--line)}.feature-tab[aria-expanded=true]>span:nth-child(2){color:var(--gold)}.feature-tab>span:first-child,.feature-tab i{color:var(--gold)}.feature-tabs [role=region]>p{color:var(--muted)}.instrument-tags>span{color:#c5c6b6;border-color:var(--line)}
.film-section,.practice-section{background:radial-gradient(ellipse at 10% 50%,#7b5f3020,transparent 60%),#151d18;border-block:1px solid var(--line)}.film-copy>p:not(.eyebrow),.film-credit,.practice-grid p,.practice-note{color:var(--muted)}.film-poster{background:#101713;border-color:var(--line)}.big-play{background:var(--gold);color:#111815}.film-screen{border-color:#090e0c}.poster-label{background:#101713ed}.practice-grid article{border-color:var(--line)}.practice-icon{color:var(--gold)}.notation-frame{border-color:var(--line)}.notation-frame>div{background:#20281f;color:#dad5c5}
.filter-group button{border-color:var(--line);color:var(--muted)}.filter-group button[aria-pressed=true]{background:#dcb77a1c;color:var(--gold);border-color:#dcb77a80}.filter-group button:hover{border-color:var(--gold)}.library-count,.library-footnote{color:var(--muted)}.piece-card{background:#171e19;border-color:var(--line)}.piece-art{background:linear-gradient(145deg,#3d3a26,#18231c);color:#c0a66d}.piece-card:nth-child(2n) .piece-art{background:linear-gradient(145deg,#323a2b,#14211c)}.piece-body .eyebrow{color:var(--gold)}.piece-body>p:not(.eyebrow),.piece-meta,.piece-meta>span:first-child{color:var(--muted)}.piece-meta{border-color:var(--line)}.piece-meta>button{color:var(--gold)}
.mix-section{background:radial-gradient(ellipse at 80% 40%,#7a5b3025,transparent 65%),#151d18;border-block:1px solid var(--line)}.mix-copy>p:not(.eyebrow),.fine-print,.mix-visual>.small-caption{color:var(--muted)}.mix-card{background:#222a21;color:var(--cream);border-color:#b79b634d;box-shadow:0 25px 40px #0004}.back-card{background:#665535}.middle-card{background:#3e4834}.front-card .eyebrow,.front-card h3 em{color:var(--gold)}.mix-row,.mix-card-bottom{border-color:var(--line);color:var(--muted)}.mix-row b{color:var(--cream)}
.faq-list details{border-color:var(--line)}.faq-list details>p{color:var(--muted)}.release-section{background:radial-gradient(ellipse at 0 20%,#8a643130,transparent 70%),#171e18;border-block:1px solid var(--line)}.release-section>div>p:not(.eyebrow),.release-cards small{color:var(--muted)}.release-cards>div{background:#20271e;border-color:var(--line)}.release-cards .status{border-color:#dcb77a50;color:var(--gold)}.film-dialog{background:#151d18;color:var(--cream);border-color:var(--line)}.film-info h2 em{color:var(--gold)}.film-info>p,.film-note>p,.film-info .film-small{color:var(--muted)}.dialog-close{color:var(--cream);background:#101713;border-color:var(--line)}.archive-hero{background:radial-gradient(ellipse at 70% 40%,#69502b30,transparent 60%),#111815;color:var(--cream)}.archive-hero h1 em{color:var(--gold)}.archive-orbits i{border-color:#dcb77a25}.archive-seal{border-color:#dcb77a50;color:var(--gold)}.archive-next{border-color:var(--line)}.credits-content h2,.credits-content h3{color:var(--cream)}.credits-content a{color:var(--gold)}
.owner-invite{position:relative;isolation:isolate;overflow:hidden;padding-block:80px;border-block:1px solid var(--line);background:linear-gradient(100deg,#192219ee,#151b16d9),url('/assets/home-hero-v2.webp') 90% 55%/cover}.owner-invite:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #dcb77a25;border-radius:50%;inset-inline-end:-70px;top:-70px;z-index:-1;box-shadow:0 0 0 40px #dcb77a06,0 0 0 80px #dcb77a05}.owner-invite h2{font:clamp(48px,5vw,78px)/1.02 var(--serif);letter-spacing:-.02em;margin-block:22px}.owner-invite>p:not(.eyebrow),.owner-invite>div>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.85;max-width:580px;margin-block:22px}.owner-invite .eyebrow{color:var(--gold)}.owner-invite .button-row{margin-top:30px}.owner-invite .inline-link{margin-inline-end:30px;color:var(--gold)}
/* Owner's guide: quiet, generous reading space with small, purposeful demonstrations. */
.guide-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:75px 85px;border-bottom:1px solid var(--line);background:#101715}.guide-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101715 10%,#101715bd 50%,#10171555),url('/assets/home-hero-v2.webp') 75% 60%/cover;z-index:-1}.guide-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:46px}.guide-breadcrumb a:hover{color:var(--gold)}.guide-hero h1{font:clamp(65px,7.8vw,114px)/.97 var(--serif);letter-spacing:-.025em;max-width:900px;margin-block:25px}.guide-hero h1 em{color:var(--gold)}.guide-hero .guide-lede{font-size:17px;line-height:1.85;max-width:590px;color:#c7c9ba}.guide-hero .eyebrow{color:var(--gold)}.guide-hero .hero-link{margin-top:25px}.guide-hero-note{font-size:11px;line-height:1.7;max-width:580px;color:#a9b2a2;margin-top:30px}.guide-hero.compact{padding-block:40px 60px}.guide-hero.compact h1{font-size:clamp(60px,6vw,88px)}.guide-hero.compact .guide-breadcrumb{margin-bottom:30px}.guide-hero.compact .guide-lede{max-width:700px;font-size:16px}
.guide-hub{padding-block:80px}.guide-section-intro{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:35px}.guide-section-intro h2{font:clamp(40px,4vw,60px)/1.05 var(--serif)}.guide-section-intro p{max-width:400px;line-height:1.85;color:var(--muted);font-size:14px}.guide-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-path{display:flex;flex-direction:column;padding:40px;position:relative;isolation:isolate;overflow:hidden;min-height:450px;border:1px solid var(--line);background:radial-gradient(ellipse at 110% 0,#80633435,transparent 60%),#171f19}.guide-path:nth-child(2){background:radial-gradient(ellipse at 100% 0,#63704b30,transparent 60%),#171f19}.guide-path-number{font:130px/1 var(--serif);color:#bba37324;position:absolute;inset-inline-end:28px;top:18px;z-index:-1}.guide-path>.eyebrow{color:var(--gold)}.guide-path h3{font:clamp(45px,4.5vw,64px)/1.02 var(--serif);margin-block:45px 20px;max-width:360px}.guide-path>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:400px}.guide-path ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:23px 0 30px}.guide-path li{font-size:11px;color:#d4d0bd;border:1px solid var(--line);padding:6px 9px}.guide-path .hero-link{margin-top:auto;justify-content:space-between}.guide-path:hover{border-color:#dcb77a70}.guide-hub-note{margin-top:30px;padding-inline-start:20px;border-inline-start:1px solid var(--gold);max-width:900px;font-size:13px;line-height:1.9;color:var(--muted)}
.guide-start{padding-block:60px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.guide-start h2{font:57px/1.05 var(--serif);margin-top:25px}.guide-start ol{margin:0;padding:0;list-style:none;counter-reset:steps}.guide-start li{counter-increment:steps;position:relative;padding:25px 0 25px 45px;border-bottom:1px solid var(--line)}.guide-start li:before{content:'0' counter(steps);position:absolute;inset-inline-start:0;top:28px;font-size:11px;color:var(--gold)}.guide-start h3{font-size:16px;margin-bottom:10px}.guide-start p{font-size:14px;line-height:1.85;color:var(--muted)}.guide-start a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.guide-body{display:grid;grid-template-columns:220px minmax(0,820px);justify-content:space-between;gap:70px;padding-block:65px 80px;max-width:1530px;margin:auto}.guide-index{align-self:start;position:sticky;top:115px;max-height:calc(100dvh - 145px);overflow:auto;padding-bottom:15px}.guide-index>.eyebrow{color:var(--gold);margin-bottom:22px}.guide-index nav{display:flex;flex-direction:column;gap:3px}.guide-index nav a{display:flex;gap:14px;padding:11px 12px 11px 0;font-size:12px;line-height:1.6;color:var(--muted);border-inline-end:1px solid transparent}.guide-index nav a>span{color:#b59a6a;font-size:10px;min-width:16px;padding-top:2px}.guide-index nav a:hover,.guide-index nav a[aria-current]{color:var(--cream);border-color:var(--gold)}.guide-index .index-other{margin-top:25px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;display:block;color:var(--gold)}
.guide-lesson{scroll-margin-top:120px;border-bottom:1px solid var(--line);padding-block:12px 65px;margin-bottom:60px}.guide-lesson:last-child{margin-bottom:0}.lesson-heading{display:flex;align-items:baseline;gap:22px;margin-bottom:24px}.lesson-number{font:13px var(--sans);color:var(--gold)}.lesson-heading h2{font:clamp(37px,3.8vw,54px)/1.06 var(--serif);letter-spacing:-.01em}.lesson-intro{font-size:16px;line-height:1.9;color:#c8cbbd;max-width:760px}.lesson-steps{padding-inline-start:24px;margin-block:27px;font-size:14px;color:var(--muted);line-height:1.9}.lesson-steps li{padding-inline-start:8px;margin-bottom:12px}.lesson-steps li::marker{color:var(--gold);font-size:12px}.lesson-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:25px}.lesson-setting{padding-block:20px;border-top:1px solid var(--line);min-width:0}.lesson-setting h3{font-size:14px;font-weight:500;line-height:1.6;margin-bottom:8px;color:#e3d8bd}.lesson-setting p{font-size:13px;line-height:1.9;color:var(--muted)}.lesson-scenario{position:relative;background:#dcb77a09;border-inline-start:2px solid #b89960;padding:23px 26px;margin-top:28px}.lesson-scenario .eyebrow{font-size:9px;color:var(--gold);margin-bottom:10px}.lesson-scenario p{font-size:14px;line-height:1.85;color:#c8cbbb}.lesson-note{font-size:12px;line-height:1.9;color:#aeb6a5;margin-top:24px}.guide-next{padding-block:60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center;background:#172018}.guide-next h2{font:45px/1.1 var(--serif);margin-top:14px}.guide-next .hero-link{flex-shrink:0}.guide-film-link{display:inline-flex;gap:15px;align-items:center;color:var(--gold);background:transparent;border:0;border-bottom:1px solid var(--line);font-size:13px;padding:14px 0;margin-top:18px}.guide-film-link svg{width:16px;height:16px}
.lesson-demo{margin:30px 0 0;border:1px solid #bca5753b;background:radial-gradient(ellipse at 70% 25%,#74572d20,transparent 70%),#0e1611;overflow:hidden}.demo-top{padding:17px 22px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);font-size:10px;color:#aab39f;line-height:1.6}.demo-top>span:first-child{color:var(--gold)}.demo-scene{position:relative;min-height:230px;padding:30px;overflow:hidden;display:grid;align-content:center;gap:22px}.demo-scene::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#a78c4b04);pointer-events:none}.demo-score-row{display:grid;grid-template-columns:110px 1fr;gap:25px;align-items:center}.demo-score-label{font-size:11px;line-height:1.6;color:#c1bda9}.demo-score-label b{display:block;font-size:12px;font-weight:500;color:var(--gold);margin-bottom:6px}.demo-staff{height:68px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent 11px,#9b9d7d45 11px,#9b9d7d45 12px,transparent 12px,transparent 13px);background-size:100% 65px;background-position:center;background-repeat:no-repeat}.demo-staff.percussion{background:linear-gradient(#9b9d7d70,#9b9d7d70) center/100% 1px no-repeat}.demo-staff::after{content:'';position:absolute;inset-inline-start:28%;top:0;height:100%;width:1px;background:var(--gold);box-shadow:0 0 14px #dcb77a60}.demo-notes{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;transition:transform 1.2s ease}.demo-note{position:relative;width:12px;height:9px;border-radius:50%;background:#c3c8ab;transform:translateY(var(--y)) rotate(-20deg);flex-shrink:0}.demo-note:after{content:'';position:absolute;width:1px;height:26px;background:#c3c8ab;inset-inline-end:0;bottom:2px;transform:rotate(20deg);transform-origin:bottom}.percussion .demo-note{border-radius:0;background:none;transform:none;height:14px;color:var(--gold)}.percussion .demo-note:before{content:'×';font-size:24px;line-height:14px;position:absolute;top:-2px}.percussion .demo-note:after{height:22px;background:var(--gold)}.demo-bank{display:flex;flex-wrap:wrap;gap:8px;padding-inline-start:135px}.demo-chip{border:1px solid var(--line);font-size:10px;color:#aab39f;padding:8px 11px;border-radius:20px;transition:color .3s,background .3s}.demo-chip.selected{background:#dcb77a20;border-color:#dcb77a80;color:var(--gold)}.demo-frame-caption{min-height:76px;padding:16px 22px;font-size:13px;line-height:1.85;color:#c6cbbb;border-top:1px solid var(--line)}.demo-controls{padding:12px 22px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line)}.demo-controls button{background:none;border:1px solid var(--line);color:#ded6c0;font-size:11px;padding:10px 14px;min-height:40px}.demo-controls button:hover{border-color:var(--gold);color:var(--gold)}.demo-progress{margin-inline-start:auto;color:var(--gold);font-size:10px;white-space:nowrap}.lesson-demo.is-playing .demo-notes{animation:score-flow 4s linear infinite}.lesson-demo:not(.is-playing) .demo-notes{animation-play-state:paused}.demo-staff.is-quiet{opacity:.36}.demo-staff.is-off{opacity:.12}.demo-mix-title{font:28px var(--serif);color:var(--gold)}.demo-mix-row{padding:13px 16px;border:1px solid var(--line);display:flex;gap:12px;align-items:center;font-size:12px;color:#c6cbbb}.demo-mix-row>span:first-child{color:var(--gold);font-size:10px}.demo-mix-row i{margin-inline-start:auto;font-style:normal;color:var(--gold);font-size:10px}.demo-mix-row.active{background:#dcb77a12;border-color:#dcb77a70}.demo-loop-track{height:80px;border-block:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:space-around;color:#7f907b;font:35px var(--serif)}.demo-loop-region{position:absolute;inset:0 28% 0 22%;background:#dcb77a13;border-inline:1px solid #dcb77a80;display:none}.demo-loop-region span{position:absolute;top:-25px;font:11px var(--sans);color:var(--gold)}.demo-loop-region span:last-child{inset-inline-end:0}.demo-playhead{position:absolute;height:100%;top:0;inset-inline-start:22%;width:2px;background:var(--gold)}.lesson-demo.is-playing .demo-playhead{animation:loop-flow 4s linear infinite}.demo-loop-meta{display:flex;gap:14px;font-size:11px;color:var(--gold)}.demo-reading{display:flex;align-items:center;gap:25px}.demo-reading .demo-staff{flex:1}.demo-reading-key{font:60px var(--serif);color:var(--gold);min-width:55px}.demo-reading-title{font-size:12px;color:#bdc7b2;line-height:1.7}.demo-spacing .demo-notes{justify-content:flex-start;gap:35px;inset-inline-start:10px;transition:gap .6s}.demo-spacing-value{font:35px var(--serif);color:var(--gold)}
@keyframes score-flow{from{transform:translateX(12%)}to{transform:translateX(-15%)}}@keyframes loop-flow{from{inset-inline-start:22%}to{inset-inline-start:72%}}
@media(min-width:1550px){.guide-body{gap:100px}}
@media(max-width:1100px){.desktop-nav{gap:20px}.guide-body{grid-template-columns:185px minmax(0,1fr);gap:40px}.guide-path{padding:30px}.guide-start{gap:45px}}
@media(max-width:900px){.desktop-nav{gap:17px}.desktop-nav a{font-size:11px}.desktop-nav a>span{display:none}.desktop-nav svg{margin-left:0}.guide-body{grid-template-columns:1fr;gap:35px}.guide-index{position:static;max-height:none;border-bottom:1px solid var(--line);padding-bottom:30px}.guide-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.guide-index nav a{padding:9px 0}.guide-index .index-other{margin-top:15px;padding-top:15px}.guide-paths{gap:16px}.guide-path{padding:28px}.guide-section-intro{display:block}.guide-section-intro p{margin-top:20px;max-width:600px}.guide-start{grid-template-columns:1fr;gap:20px}.guide-hero:before{background-position:65% 50%}.lesson-settings{gap:0 25px}}
@media(max-width:700px){.owner-invite{padding-block:55px}.owner-invite h2{font-size:49px}.owner-invite>p:not(.eyebrow),.owner-invite>div>p:not(.eyebrow){font-size:14px}.owner-invite .button-row{align-items:flex-start;gap:15px}.owner-invite .inline-link{margin-inline-end:0}.guide-hero{padding-block:38px 55px}.guide-breadcrumb{font-size:10px;margin-bottom:35px;gap:9px}.guide-hero h1{font-size:clamp(60px,14vw,82px)}.guide-hero .guide-lede{font-size:15px}.guide-hero-note{font-size:10px}.guide-hero.compact{padding-block:30px 45px}.guide-hero.compact h1{font-size:58px}.guide-hero.compact .guide-lede{font-size:14px}.guide-hero .eyebrow{font-size:9px}.guide-hub{padding-block:50px}.guide-paths{grid-template-columns:1fr;gap:20px}.guide-path{min-height:400px;padding:28px}.guide-path h3{font-size:51px;margin-top:35px}.guide-path-number{font-size:110px}.guide-section-intro h2{font-size:43px}.guide-hub-note{font-size:12px}.guide-start{padding-block:45px 55px}.guide-start h2{font-size:48px}.guide-start li{padding-inline-start:34px}.guide-start p{font-size:13px}.guide-body{padding-block:40px 50px;gap:40px}.guide-index nav{gap:0 15px}.guide-index nav a{font-size:11px;gap:9px}.guide-index .eyebrow{font-size:9px;margin-bottom:15px}.guide-lesson{padding-bottom:40px;margin-bottom:38px;scroll-margin-top:100px}.lesson-heading{gap:13px}.lesson-heading h2{font-size:38px}.lesson-number{font-size:11px}.lesson-intro{font-size:14px;line-height:1.9}.lesson-steps{font-size:13px;padding-inline-start:18px}.lesson-settings{grid-template-columns:1fr}.lesson-setting{padding-block:17px}.lesson-setting h3{font-size:14px}.lesson-setting p{font-size:13px}.lesson-scenario{padding:20px}.lesson-scenario p{font-size:13px}.lesson-note{font-size:11px}.guide-next{padding-block:45px;display:block}.guide-next h2{font-size:42px}.guide-next .hero-link{margin-top:20px}.demo-top{padding:13px 16px;font-size:9px}.demo-top>span:last-child{text-align:end;max-width:100px}.demo-scene{padding:26px 16px;min-height:215px;gap:20px}.demo-score-row{grid-template-columns:78px 1fr;gap:12px}.demo-score-label{font-size:9px}.demo-score-label b{font-size:11px}.demo-bank{padding-inline-start:0;gap:6px}.demo-chip{font-size:9px;padding:7px 9px}.demo-frame-caption{padding:14px 16px;font-size:12px;min-height:95px}.demo-controls{padding:12px 16px;gap:8px}.demo-controls button{font-size:10px;padding:9px 11px}.demo-progress{font-size:9px}.demo-note{width:9px;height:7px}.demo-mix-row{font-size:11px;padding:12px}.demo-mix-row i{font-size:9px}.demo-reading{gap:16px}.demo-reading-key{font-size:48px}.demo-reading-title{font-size:11px}.demo-loop-track{font-size:29px}.demo-loop-meta{font-size:10px;gap:10px}.demo-spacing .demo-notes{gap:20px}.product-nav-name{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.owner-invite{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.owner-invite-links{display:flex;flex-wrap:wrap;gap:14px 30px}.owner-invite-links .inline-link{margin:0}.instrument-inventory{margin-top:25px;border-block:1px solid var(--line);padding-block:18px}.instrument-inventory summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;color:var(--gold);font-size:14px;line-height:1.7;list-style:none}.instrument-inventory summary::-webkit-details-marker{display:none}.instrument-inventory summary span{font-size:20px}.instrument-inventory[open] summary span{transform:rotate(45deg)}.instrument-inventory .lesson-settings{margin-top:10px}.percussion .demo-note:before,.percussion .demo-note:after{display:none}.percussion .demo-note{width:17px;height:17px}.percussion .demo-note svg{width:17px;height:17px;fill:none;stroke:var(--gold);stroke-width:1.4;overflow:visible}.guide-film-link{min-height:44px}.demo-mix-row{flex-wrap:wrap}.guide-index .index-other+.index-other{border:0;padding-top:0;margin-top:15px}.guide-hero.compact .guide-hero-note{max-width:720px}
@media(max-width:900px){.owner-invite{gap:35px}.product-nav{gap:15px}.product-nav>div{gap:20px}.nav-status{display:none}}
@media(max-width:700px){.owner-invite{grid-template-columns:1fr;gap:5px}.owner-invite h2{margin-bottom:10px}.owner-invite>div>p:not(.eyebrow){margin-top:10px}.percussion .demo-note{width:13px}.percussion .demo-note svg{width:13px}}