:root{color-scheme:light;--ink:#0c0f0e;--ink-soft:#171918;--paper:#f0ece3;--paper-deep:#e7dfd1;--white:#fffdf7;--gold:#cba24b;--gold-soft:#dfbd6d;--rust:#88483b;--muted:#625f58;--line-light:#0c0f0e2b;--line-dark:#fffdf72e;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--sans:"Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;--banner-height:min(790px, max(680px, calc(100svh - 96px)));font-family:var(--sans)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.045em;text-wrap:balance;font-weight:400;line-height:.98}h1{font-size:clamp(3.6rem,7.5vw,7.4rem)}h2{font-size:clamp(2.65rem,5.2vw,5rem)}h3{font-size:clamp(1.8rem,2.3vw,2.45rem)}h1 em,h2 em{font-weight:400}.shell{width:min(1200px,100% - 48px);margin-inline:auto}.section{padding-block:clamp(5rem,9vw,8.5rem)}.section.compact{padding-top:1rem}.skip-link{z-index:100;color:var(--ink);background:var(--gold);padding:.7rem 1rem;font-weight:800;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.site-header{z-index:20;color:var(--white);background:var(--ink);border-bottom:1px solid var(--line-dark);position:relative}.header-inner{grid-template-columns:minmax(0,270px) 1fr auto;align-items:center;gap:1.6rem;min-height:96px;display:grid}.brand{align-items:center;gap:.75rem;width:max-content;max-width:100%;text-decoration:none;display:inline-flex}.brand-seal{object-fit:contain;flex:none;width:54px;height:54px}.brand-wordmark{flex-direction:column;gap:.2rem;display:flex}.brand-name{font-family:var(--serif);letter-spacing:-.045em;font-size:1.45rem;line-height:1}.brand-descriptor{color:#b9b6ad;letter-spacing:.18em;text-transform:uppercase;font-size:.55rem;font-weight:800;line-height:1.2}.desktop-nav{justify-content:center;align-items:center;gap:clamp(1.3rem,2.8vw,2.7rem);display:flex}.desktop-nav a{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding-block:1.8rem;font-size:.73rem;font-weight:800;text-decoration:none;position:relative}.desktop-nav a:after{content:"";background:var(--gold);height:1px;transition:right .18s;position:absolute;bottom:1.35rem;left:0;right:100%}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{right:0}.desktop-nav a span{color:var(--gold-soft);letter-spacing:.08em;margin-left:.25rem;font-size:.55rem}.header-cta{letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;border:1px solid #fffdf780;align-items:center;gap:.8rem;padding:.85rem 1rem .75rem;font-size:.69rem;font-weight:800;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.header-cta:hover{color:var(--ink);background:var(--gold);border-color:var(--gold)}.mobile-nav{display:none}.eyebrow{color:var(--gold);letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.7rem;font-weight:800;line-height:1.3;display:flex}.eyebrow:before{content:"";background:currentColor;flex:none;width:1.7rem;height:1px}.eyebrow-dark{color:#926a23}.lede{font-size:clamp(1.1rem,1.7vw,1.3rem);line-height:1.62}.button-row{flex-wrap:wrap;align-items:center;gap:1.7rem;display:flex}.button{letter-spacing:.12em;text-align:center;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:1rem;min-height:52px;padding:.85rem 1.25rem .75rem;font-size:.73rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-gold,.button:not(.button-outline){color:var(--ink);background:var(--gold)}.button-gold:hover,.button:not(.button-outline):hover{background:var(--gold-soft)}.button-outline{color:var(--ink);border-color:var(--ink)}.button-outline:hover{color:var(--paper);background:var(--ink)}.button-link,.text-link{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:.5rem;width:max-content;max-width:100%;padding-block:.25rem;font-size:.73rem;font-weight:800;line-height:1.4;text-decoration:none;display:inline-flex}.button-link:hover,.text-link:hover{color:var(--gold)}.hero-banner{min-height:var(--banner-height);isolation:isolate;color:var(--white);background:var(--ink);align-items:center;display:flex;position:relative;overflow:hidden}.hero-banner__image,.hero-banner__shade{width:100%;height:100%;position:absolute;inset:0}.hero-banner__image{z-index:-3;object-fit:cover}.hero-banner--home .hero-banner__image{object-position:64% center}.hero-banner--resources .hero-banner__image{object-position:62% center}.hero-banner--profile .hero-banner__image{object-position:50% center}.hero-banner__shade{z-index:-2;background:linear-gradient(90deg,#070909fa 0%,#070909e0 26%,#07090959 67%,#07090914 100%),linear-gradient(#0000 65%,#0709096b)}.hero-banner__inner{min-height:var(--banner-height);align-items:center;padding-block:6rem 7rem;display:flex;position:relative}.home-hero-copy{max-width:690px}.hero-banner--home h1{margin-top:1.35rem;line-height:.87}.hero-banner--home h1 em{color:var(--gold-soft);margin-top:.12em;display:block}.hero-lead{font-family:var(--serif);margin-top:2rem;font-size:clamp(1.5rem,2.4vw,2.25rem);font-style:italic;line-height:1.2}.hero-description{color:#d5d2cb;max-width:540px;margin-top:1rem;font-size:1.04rem}.hero-banner--home .button-row{margin-top:2.2rem}.hero-edge{letter-spacing:.19em;text-transform:uppercase;writing-mode:vertical-rl;font-size:.65rem;font-weight:800;position:absolute;bottom:2.2rem;right:0}.section-intro{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:clamp(2rem,7vw,7rem);margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.section-intro h2{margin-top:1.5rem}.section-intro h2 em{color:var(--rust)}.section-intro>p{max-width:420px;color:var(--muted);font-size:1.08rem}.learning-section{background:var(--paper)}.learning-grid{background:var(--line-light);border:1px solid var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.learning-step{background:var(--white);flex-direction:column;min-height:295px;padding:clamp(1.6rem,3vw,2.5rem);display:flex}.step-number{color:#926a23;letter-spacing:.14em;font-size:.72rem;font-weight:800}.learning-step h3{margin-top:2.1rem}.learning-step p{max-width:250px;color:var(--muted);margin-top:.9rem}.step-state{color:var(--rust);letter-spacing:.14em;text-transform:uppercase;margin-top:auto;padding-top:1.5rem;font-size:.67rem;font-weight:800}.learning-step-future{background:#e9e3d8}.resource-feature{background:#e6ded0}.resource-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.resource-feature-image{background:var(--ink);min-height:570px;position:relative;overflow:hidden}.resource-feature-image img{object-fit:cover;object-position:60% center;width:100%;height:100%;min-height:570px}.resource-feature-image:after{content:"";background:linear-gradient(#0000,#000000ab);position:absolute;inset:48% 0 0}.resource-feature-image span{z-index:1;color:var(--white);font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.8rem);font-style:italic;position:absolute;bottom:1.8rem;left:2rem;right:2rem}.resource-feature-copy h2{margin-top:1.5rem}.resource-feature-copy h2 em{color:var(--rust)}.resource-feature-copy>p:not(.eyebrow){max-width:490px;color:var(--muted);margin-top:1.8rem;font-size:1.07rem}.topic-list{flex-wrap:wrap;gap:.55rem;max-width:460px;margin-block:2rem;display:flex}.topic-list span{border:1px solid var(--line-light);color:#4a453d;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .7rem;font-size:.7rem;font-weight:800}.resource-feature .text-link{color:var(--ink)}.teacher-feature{color:var(--white);background:var(--ink)}.teacher-feature-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2.5rem,8vw,8rem);display:grid}.teacher-feature-copy h2{margin-top:1.5rem}.teacher-feature-copy h2 em{color:var(--gold-soft)}.teacher-feature-copy p:not(.eyebrow){color:#cbc8bf;max-width:430px;margin-top:1.6rem;font-size:1.05rem}.teacher-feature-copy .button-link{margin-top:2rem}.teacher-feature-image{background:#252523;position:relative;overflow:hidden}.teacher-feature-image img{object-fit:cover;object-position:47% center;width:100%;height:540px}.teacher-feature-image span{color:var(--paper);letter-spacing:.14em;text-transform:uppercase;background:#000000b3;padding:1rem 1.5rem;font-size:.67rem;font-weight:800;position:absolute;bottom:0;left:0;right:0}.courses-feature{background:#d6bc82;scroll-margin-top:2rem}.courses-feature-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.courses-feature .eyebrow{color:#5e4013}.courses-feature h2{margin-top:1.5rem}.courses-feature h2 em{color:#6f3f33}.courses-feature-copy{border-left:1px solid #0c0f0e59;padding-left:2.5rem}.courses-feature-copy p{color:#37332b;margin-top:1.2rem;font-size:1.08rem}.courses-feature-copy .button{margin-top:2rem}.coming-tag{border:1px solid var(--ink);letter-spacing:.14em;text-transform:uppercase;padding:.35rem .65rem;font-size:.67rem;font-weight:800;display:inline-block}.library-copy{max-width:650px}.hero-banner--resources h1{margin-top:1.7rem;font-size:clamp(3.6rem,6.5vw,6.5rem)}.hero-banner--resources h1 em{color:var(--gold-soft)}.hero-banner--resources .lede{color:#cbc8bf;max-width:520px;margin-top:1.5rem}.hero-banner--resources .button{margin-top:2.2rem}.library-areas{scroll-margin-top:2rem}.library-areas .section-intro{margin-bottom:3.5rem}.card-grid{border:1px solid var(--line-light);background:var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.resource-card{background:var(--white);flex-direction:column;min-height:275px;padding:clamp(1.5rem,2.5vw,2rem);text-decoration:none;display:flex}.resource-card h3{margin-top:2rem}.resource-card p{color:var(--muted);margin-top:.9rem}.resource-card .eyebrow{color:#926a23;font-size:.62rem}.resource-card .eyebrow:before{display:none}.resource-card.linked:hover{background:#f4eee2}.card-link{color:var(--rust);letter-spacing:.13em;text-transform:uppercase;margin-top:auto;padding-top:1.5rem;font-size:.7rem;font-weight:800}.library-outro{color:var(--white);background:var(--ink-soft);padding-block:5rem}.library-outro-inner{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.library-outro h2{max-width:650px;margin-right:auto}.library-outro .eyebrow{width:100%}.resource-purpose-grid .resource-card:first-child{color:var(--white);background:var(--ink-soft)}.resource-purpose-grid .resource-card:first-child p{color:#bbb7ae}.resource-purpose-grid .resource-card:first-child .eyebrow,.resource-purpose-grid .resource-card:first-child .card-link{color:var(--gold-soft)}.resource-purpose-grid .resource-card:first-child:hover{background:#242725}.resource-topics{color:var(--white);background:var(--ink-soft)}.resource-topics .section-intro>p{color:#bbb7ae}.resource-topics .section-intro h2 em{color:var(--gold-soft)}.resource-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-topic-grid .resource-card{color:var(--ink)}.resource-roadmap-groups{border:1px solid var(--line-light);background:var(--line-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.resource-roadmap-groups article{background:var(--white);min-height:260px;padding:clamp(1.5rem,3vw,2.5rem)}.resource-roadmap-groups ul{flex-wrap:wrap;gap:.65rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.resource-roadmap-groups li{border:1px solid var(--line-light);color:#4a453d;letter-spacing:.08em;text-transform:uppercase;padding:.55rem .75rem;font-size:.72rem;font-weight:800}.resource-roadmap-groups li a{color:var(--rust);text-underline-offset:.18em}.resource-breadcrumbs{flex-wrap:wrap;gap:.55rem;margin-top:2rem;margin-bottom:0;display:flex}.editorial-feature{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.editorial-feature-image{aspect-ratio:16/9;background:var(--ink);text-decoration:none;display:block;position:relative;overflow:hidden}.editorial-feature-image img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.editorial-feature-image:after{content:"";background:linear-gradient(#0000,#000000c7);position:absolute;inset:45% 0 0}.editorial-feature-image span{z-index:1;color:var(--white);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800;position:absolute;bottom:1.3rem;left:1.5rem;right:1.5rem}.editorial-feature-copy h2{margin-top:1.4rem}.editorial-feature-copy h2 em{color:var(--rust)}.editorial-feature-copy>p:not(.eyebrow){color:var(--muted);margin-top:1.4rem;font-size:1.06rem}.editorial-feature-copy .button-row{margin-top:2rem}.editorial-library{background:var(--paper-deep)}.editorial-toolbar{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.editorial-toolbar>p{flex-direction:column;gap:.25rem;display:flex}.editorial-toolbar strong{font-family:var(--serif);font-size:1.6rem;font-weight:400}.editorial-toolbar>p span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.67rem;font-weight:800}.editorial-toolbar nav{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.editorial-toolbar nav a,.editorial-toolbar nav span{border:1px solid var(--line-light);letter-spacing:.1em;text-transform:uppercase;padding:.5rem .75rem;font-size:.66rem;font-weight:800;text-decoration:none}.editorial-toolbar nav span[aria-current=page]{color:var(--white);background:var(--ink);border-color:var(--ink)}.editorial-toolbar nav a:hover{color:var(--white);background:var(--rust);border-color:var(--rust)}.editorial-card-grid{background:var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;display:grid}.editorial-card{min-width:0;color:var(--ink);background:var(--white);grid-template-rows:auto 1fr;text-decoration:none;display:grid}.editorial-card-image{aspect-ratio:16/9;background:var(--ink);display:block;overflow:hidden}.editorial-card-image img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.editorial-card-copy{flex-direction:column;min-height:350px;padding:clamp(1.4rem,2.5vw,2rem);display:flex}.editorial-card-meta{color:#7b5d26;letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:.45rem;font-size:.64rem;font-weight:800;display:flex}.editorial-card-meta span+span:before{content:"·";margin-right:.45rem}.editorial-card h3{margin-top:1.6rem}.editorial-card:hover h3{color:var(--rust)}.editorial-card-detail{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.8rem;font-size:.68rem;font-weight:800}.editorial-card-copy>p:not(.editorial-card-meta){color:var(--muted);margin-top:1rem}.editorial-card .card-link{width:max-content;max-width:100%}.series-hero-copy{max-width:820px}.series-intro{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.series-intro-copy h2{margin-top:1.4rem}.series-intro-copy h2 em{color:var(--rust)}.series-intro-copy>p:not(.eyebrow){color:var(--muted);margin-top:1.3rem;font-size:1.06rem}.series-intro-copy .text-link{margin-top:1.8rem}.series-playlist-frame{width:100%;box-shadow:20px 20px 0 var(--paper-deep)}.series-episodes{color:var(--white);background:var(--ink-soft);scroll-margin-top:1rem}.series-episodes .section-intro>p{color:#bbb7ae}.series-episodes .section-intro h2 em{color:var(--gold-soft)}.episode-list{background:var(--line-dark);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.episode-list li{background:#1b1e1d;min-width:0}.episode-card-link{min-height:100%;color:var(--white);flex-direction:column;text-decoration:none;display:flex}.episode-thumbnail{aspect-ratio:16/9;background:#0b0d0c;display:block;position:relative;overflow:hidden}.episode-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.episode-duration{color:var(--white);font-variant-numeric:tabular-nums;letter-spacing:.08em;background:#0c0f0ee0;padding:.22rem .45rem;font-size:.68rem;font-weight:800;position:absolute;bottom:.65rem;right:.65rem}.episode-card-copy{flex-direction:column;flex:1;min-height:220px;padding:1.4rem;display:flex}.episode-meta{color:var(--gold-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem;font-weight:800}.episode-list h3{margin-top:.8rem;font-size:clamp(1.5rem,2.2vw,2rem)}.episode-link{color:#d3d0c8;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid;width:max-content;max-width:100%;margin-top:auto;padding-top:1.5rem;font-size:.67rem;font-weight:800}.episode-card-link:hover .episode-thumbnail img{transform:scale(1.025)}.episode-card-link:hover .episode-link{color:var(--gold-soft)}.series-practice{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,8vw,8rem);display:grid}.series-practice h2{margin-top:1.4rem}.series-practice h2 em{color:var(--rust)}.series-practice ol{background:var(--line-light);gap:1px;margin:0;padding:1px;list-style:none;display:grid}.series-practice li{background:var(--white);grid-template-columns:48px 1fr;gap:1rem;padding:1.35rem;display:grid}.series-practice li span{color:var(--rust);letter-spacing:.14em;font-size:.7rem;font-weight:800}.series-practice li p{color:var(--muted)}.beginner-hub-copy{max-width:760px}.beginner-feature{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.beginner-feature-image{background:var(--ink);text-decoration:none;display:block;position:relative;overflow:hidden}.beginner-feature-image img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .3s}.beginner-feature-image:after{content:"";background:linear-gradient(#0000,#000000b8);position:absolute;inset:45% 0 0}.beginner-feature-image span{z-index:1;color:var(--white);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:800;position:absolute;bottom:1.3rem;left:1.5rem;right:1.5rem}.beginner-feature-image:hover img{transform:scale(1.02)}.beginner-feature-copy h2{margin-top:1.4rem}.beginner-feature-copy h2 em{color:var(--rust)}.beginner-feature-copy>p:not(.eyebrow){color:var(--muted);margin-top:1.4rem;font-size:1.06rem}.beginner-feature-copy .button,.beginner-feature-copy .button-row{margin-top:2rem}.beginner-feature-copy .button-row .button{margin-top:0}.feature-checklist{gap:.65rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.feature-checklist li{color:#3b3933;padding-left:1.5rem;position:relative}.feature-checklist li:before{content:"";background:var(--rust);width:.65rem;height:1px;position:absolute;top:.72em;left:0}.beginner-path-section{color:var(--white);background:var(--ink-soft)}.beginner-path-section .section-intro>p{color:#bbb7ae}.beginner-path-section .section-intro h2 em{color:var(--gold-soft)}.beginner-path-grid{background:var(--line-dark);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.beginner-path-grid li{background:#1b1e1d;min-height:275px;padding:clamp(1.5rem,3vw,2.3rem)}.beginner-path-grid span{color:var(--gold-soft);letter-spacing:.14em;font-size:.7rem;font-weight:800}.beginner-path-grid h3{margin-top:2rem}.beginner-path-grid p{color:#bbb7ae;margin-top:1rem}.resource-article-hero-copy{max-width:830px}.resource-article-hero-copy h1{margin-top:1.5rem;font-size:clamp(3.2rem,6.4vw,6.4rem);line-height:.9}.resource-article-hero-copy .lede{color:#d2cfc7;max-width:650px;margin-top:1.5rem}.hero-breadcrumbs{color:#d2cfc7;flex-wrap:wrap;gap:.55rem;margin-bottom:2rem;font-size:.78rem;display:flex}.hero-breadcrumbs a{text-underline-offset:.2em}.hero-breadcrumbs a:hover{color:var(--gold-soft)}.resource-article-meta{flex-wrap:wrap;gap:.55rem;margin-top:2rem;display:flex}.resource-article-meta span{color:var(--white);letter-spacing:.1em;text-transform:uppercase;border:1px solid #fffdf76b;padding:.42rem .7rem;font-size:.65rem;font-weight:800}.resource-article{width:min(1200px,100% - 48px)}.resource-article-grid{grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,7vw,7rem);display:grid}.article-contents{border:1px solid var(--line-light);background:var(--white);padding:1.5rem;position:sticky;top:2rem}.article-contents nav{margin-top:1.3rem;display:grid}.article-contents nav a{border-top:1px solid var(--line-light);color:var(--ink);padding-block:.75rem;font-size:.82rem;font-weight:700;text-decoration:none}.article-contents nav a:hover{color:var(--rust)}.article-flow{min-width:0}.article-flow>section+section{margin-top:clamp(4.5rem,8vw,7rem)}.article-flow h2,.beginner-chords-section h2,.practice-plan h2,.article-next-steps h2{margin-top:1.1rem}.article-flow h2 em,.beginner-chords-section h2 em,.practice-plan h2 em,.article-next-steps h2 em{color:var(--rust)}.article-flow p:not(.article-kicker),.article-next-steps>p:not(.eyebrow){color:var(--muted);margin-top:1.2rem;font-size:1.08rem}.article-kicker{color:var(--rust);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:800}.article-note{border-left:4px solid var(--gold);background:var(--white);margin-top:2rem;padding:1.5rem}.article-note strong{font-family:var(--serif);font-size:1.45rem;font-weight:400}.article-note p{margin-top:.6rem!important;font-size:.98rem!important}.article-video{gap:1.5rem;display:grid}.video-frame{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.article-video .text-link{margin-top:-.4rem}.beginner-chords-section{border-top:1px solid var(--line-light);margin-top:clamp(5rem,9vw,8.5rem);padding-top:clamp(5rem,9vw,8rem);scroll-margin-top:2rem}.beginner-chord-grid{background:var(--line-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.beginner-chord-grid>li{background:var(--white);flex-direction:column;min-height:355px;padding:clamp(1.5rem,3vw,2.2rem);display:flex}.beginner-chord-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.beginner-chord-number{color:#777268;letter-spacing:.14em;font-size:.68rem;font-weight:800}.beginner-chord-heading strong{border:1px solid var(--line-light);min-width:74px;min-height:74px;color:var(--rust);font-family:var(--serif);place-items:center;padding:.6rem;font-size:2rem;font-weight:400;line-height:1;display:grid}.beginner-chord-grid h3{margin-top:1.6rem}.beginner-chord-grid p{color:var(--muted);margin-top:.85rem}.beginner-chord-grid .beginner-chord-strings{color:var(--ink);font-size:.92rem;font-weight:700}.beginner-chord-grid .card-link{width:max-content;max-width:100%}.practice-plan{color:var(--white);background:var(--ink-soft);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,8vw,8rem);margin-top:clamp(5rem,9vw,8.5rem);padding:clamp(2rem,5vw,4rem);scroll-margin-top:2rem;display:grid}.practice-plan h2 em{color:var(--gold-soft)}.practice-plan ol{border-top:1px solid var(--line-dark);gap:0;margin:0;padding:0;list-style:none;display:grid}.practice-plan li{border-bottom:1px solid var(--line-dark);grid-template-columns:76px 1fr;gap:1.3rem;padding-block:1.2rem;display:grid}.practice-plan li span{color:var(--gold-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.practice-plan li p{color:#c8c4bb}.article-next-steps{margin-top:clamp(5rem,9vw,8.5rem)}.article-next-steps>p:not(.eyebrow){max-width:720px}.article-next-steps .button-row{margin-top:2rem}.technique-principles-section{border-top:1px solid var(--line-light);margin-top:clamp(5rem,9vw,8.5rem);padding-top:clamp(5rem,9vw,8rem);scroll-margin-top:2rem}.technique-principles-section h2 em,.technique-exercises h2 em{color:var(--rust)}.technique-principles-grid{background:var(--line-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.technique-principles-grid>li{background:var(--white);flex-direction:column;min-height:330px;padding:clamp(1.5rem,3vw,2.3rem);display:flex}.technique-step-number{color:var(--rust);letter-spacing:.14em;font-size:.72rem;font-weight:800}.technique-principles-grid h3{margin-top:2rem}.technique-principles-grid p{color:var(--muted);margin-top:1rem}.technique-principles-grid .card-link{width:max-content;max-width:100%}.technique-exercises{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);margin-top:clamp(5rem,9vw,8.5rem);scroll-margin-top:2rem;display:grid}.technique-exercises--reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.technique-exercise-copy>p:not(.eyebrow){color:var(--muted);margin-top:1.2rem;font-size:1.05rem}.technique-exercise-copy .text-link{margin-top:1.7rem;display:inline-block}.technique-score{border:1px solid var(--line-light);background:var(--white);margin:0;padding:clamp(1rem,2.5vw,2rem)}.technique-score img{width:100%;height:auto}.technique-score figcaption{color:var(--muted);margin-top:1rem;font-size:.76rem}.scale-relationship,.scale-positions{border-top:1px solid var(--line-light);margin-top:clamp(5rem,9vw,8.5rem);padding-top:clamp(5rem,9vw,8rem);scroll-margin-top:2rem}.scale-relationship h2 em,.scale-positions h2 em,.scale-downloads h2 em{color:var(--rust)}.scale-formula-grid{background:var(--line-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:2rem;padding:1px;display:grid}.scale-formula-grid article{background:var(--white);padding:clamp(1.5rem,4vw,3rem)}.scale-formula-grid span{color:var(--rust);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:800}.scale-formula-grid h3{margin-top:1.5rem;font-size:clamp(1.7rem,3vw,2.7rem)}.scale-formula-grid p{color:var(--muted);margin-top:.8rem}.scale-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.scale-example-grid figure,.wide-score{border:1px solid var(--line-light);background:var(--white);margin:0;padding:clamp(1rem,2.5vw,2rem)}.scale-example-grid img,.wide-score img{width:100%;height:auto}.scale-example-grid figcaption,.wide-score figcaption{color:var(--muted);margin-top:1rem;font-size:.76rem}.scale-relationship>.text-link,.scale-positions>.text-link{margin-top:1.7rem;display:inline-block}.wide-score{margin-top:2rem;overflow-x:auto}.wide-score img{min-width:860px}.scale-study-steps{background:var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:1rem;padding:1px;display:grid}.scale-study-steps article{background:var(--white);padding:1.5rem}.scale-study-steps span{color:var(--rust);font-size:.7rem;font-weight:800}.scale-study-steps h3{margin-top:1rem}.scale-study-steps p{color:var(--muted);margin-top:.7rem}.scale-downloads{color:var(--white);background:var(--ink-soft);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,7vw,7rem);margin-top:clamp(5rem,9vw,8.5rem);padding:clamp(2rem,5vw,4rem);scroll-margin-top:2rem;display:grid}.scale-downloads>div>p:not(.eyebrow){color:#c8c4bb;margin-top:1.2rem}.text-link--light{color:var(--gold-soft)}.download-list{border-top:1px solid var(--line-dark)}.download-list a{border-bottom:1px solid var(--line-dark);color:var(--white);gap:.45rem;padding:1.25rem 3rem 1.25rem 0;text-decoration:none;display:grid;position:relative}.download-list span{color:var(--gold-soft);letter-spacing:.12em;font-size:.66rem;font-weight:800}.download-list strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}.download-list small{color:#aaa69d}.download-list b{color:var(--gold-soft);position:absolute;top:50%;right:0;transform:translateY(-50%)}.practice-plan-copy{color:#c8c4bb;margin-top:1.2rem}.jazz-phrases{border-top:1px solid var(--line-light);margin-top:clamp(5rem,9vw,8.5rem);padding-top:clamp(5rem,9vw,8rem);scroll-margin-top:2rem}.jazz-phrases h2 em,.jazz-score-section h2 em{color:var(--rust)}.jazz-phrase-grid{background:var(--line-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2rem 0 0;padding:1px;list-style:none;display:grid}.jazz-phrase-grid li{background:var(--white);min-height:245px;padding:clamp(1.5rem,3vw,2.3rem)}.jazz-phrase-grid li:last-child:nth-child(odd){grid-column:1/-1;min-height:190px}.jazz-phrase-grid span{color:var(--rust);letter-spacing:.14em;font-size:.7rem;font-weight:800}.jazz-phrase-grid h3{margin-top:1.7rem}.jazz-phrase-grid p{color:var(--muted);margin-top:.9rem}.jazz-altered-note{color:var(--white);background:var(--ink-soft);grid-template-columns:minmax(150px,.35fr) minmax(180px,.45fr) minmax(0,1.2fr);align-items:center;gap:1.5rem;margin-top:1px;padding:clamp(1.5rem,3vw,2.3rem);display:grid}.jazz-altered-note h3{color:var(--gold-soft)}.jazz-altered-note p:last-child{color:#c8c4bb}.jazz-score-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);margin-top:clamp(5rem,9vw,8.5rem);scroll-margin-top:2rem;display:grid}.jazz-score-preview{border:1px solid var(--line-light);background:var(--white);margin:0;padding:clamp(1rem,2.5vw,2rem)}.jazz-score-preview img{width:100%;height:auto}.jazz-score-preview figcaption{color:var(--muted);margin-top:1rem;font-size:.76rem}.jazz-score-copy>p:not(.eyebrow){color:var(--muted);margin-top:1.2rem;font-size:1.05rem}.jazz-score-copy .button{margin-top:2rem}.resource-breadcrumbs{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:2rem;margin-bottom:0;display:flex}.resource-breadcrumbs a{color:var(--rust)}.chord-introduction{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2.5rem,8vw,8rem);display:grid}.chord-introduction h2{margin-top:1.4rem}.chord-introduction h2 em{color:var(--rust)}.prose-copy{color:var(--muted);gap:1.2rem;font-size:1.08rem;display:grid}.chord-family-section{background:var(--paper-deep);scroll-margin-top:2rem}.chord-family-grid{border:1px solid var(--line-light);background:var(--line-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.chord-family-card{background:var(--white);grid-template-columns:minmax(82px,max-content) minmax(0,1fr);gap:1.5rem;min-height:260px;padding:clamp(1.5rem,3vw,2.3rem);text-decoration:none;display:grid;position:relative}.chord-family-card--linked{transition:background-color .18s,transform .18s}.chord-family-card--linked:hover{z-index:1;background:#f8f1e4;transform:translateY(-3px)}.chord-family-symbol{border:1px solid var(--line-light);min-width:82px;min-height:82px;color:var(--rust);font-family:var(--serif);white-space:nowrap;align-self:start;place-items:center;padding:.7rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1;display:grid}.chord-family-card>div{min-width:0}.chord-family-card h3{margin-top:.7rem}.chord-family-card p:not(.chord-family-state){max-width:400px;color:var(--muted);margin-top:.8rem}.chord-family-state{color:#777268;letter-spacing:.14em;text-transform:uppercase;font-size:.64rem;font-weight:800}.chord-family-state.is-available{color:#386741}.chord-family-card .card-link{grid-column:2}.chord-guide{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.chord-guide-image{background:var(--ink);overflow:hidden}.chord-guide-image img{object-fit:cover;width:100%;min-height:430px}.chord-guide h2{margin-top:1.5rem}.chord-guide h2 em{color:var(--rust)}.study-steps{border-top:1px solid var(--line-light);gap:0;margin:2rem 0 0;padding:0;list-style:none;display:grid}.study-steps li{border-bottom:1px solid var(--line-light);grid-template-columns:50px 1fr;gap:1rem;padding-block:1rem;display:grid}.study-steps span{color:var(--rust);letter-spacing:.12em;font-size:.72rem;font-weight:800}.study-steps p{color:var(--muted)}.chord-hero-copy{max-width:720px}.theory-note{border:1px solid var(--line-light);background:var(--white);grid-template-columns:minmax(78px,max-content) minmax(0,1fr);align-items:center;gap:1.4rem;margin-top:1rem;padding:1.3rem;display:grid}.theory-note>span{min-width:78px;min-height:78px;color:var(--paper);background:var(--rust);font-family:var(--serif);white-space:nowrap;place-items:center;padding:.7rem .9rem;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1;display:grid}.theory-note p{color:var(--ink);line-height:1.45}.chord-practice-section{color:var(--white);background:var(--ink-soft);padding-block:clamp(5rem,9vw,8rem)}.chord-practice-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,8vw,8rem);display:grid}.chord-practice-grid h2{margin-top:1.5rem}.chord-practice-grid h2 em{color:var(--gold-soft)}.chord-practice-grid>div:last-child{color:#cbc8bf;font-size:1.08rem}.chord-practice-grid ul{gap:.65rem;margin-top:1.5rem;padding-left:1.2rem;display:grid}.diagram-library{scroll-margin-top:2rem}.chord-selector-heading{color:var(--paper);background:var(--ink);justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1rem;padding:1.1rem 1.25rem;display:flex}.chord-selector-heading span{color:var(--gold-soft);letter-spacing:.15em;text-transform:uppercase;font-size:.62rem;font-weight:800}.chord-selector-heading p{font-family:var(--serif);margin-top:.2rem;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1}.chord-selector-heading .chord-selector-current{color:#c7c3ba;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.chord-selector-current strong{color:var(--gold-soft);font-family:var(--serif);letter-spacing:0;text-transform:none;font-size:1.35rem;font-weight:400}.chord-index{z-index:5;border:1px solid var(--line-light);backdrop-filter:blur(8px);background:#f0ece3f5;flex-wrap:wrap;justify-content:center;gap:.35rem;width:max-content;max-width:100%;margin:0 auto 3rem;padding:.6rem;display:flex;position:sticky;top:1rem;box-shadow:0 8px 30px #0c0f0e14}.chord-index a{min-width:44px;min-height:42px;color:var(--ink);background:var(--white);white-space:nowrap;flex:none;place-items:center;padding:.35rem .6rem;font-weight:800;text-decoration:none;display:grid}.chord-index a:hover,.chord-index a[aria-current=true]{color:var(--paper);background:var(--rust)}.chord-index a[aria-current=true]{box-shadow:inset 0 0 0 2px var(--gold-soft)}.chord-explorer--interactive .chord-index{margin-bottom:1.3rem}.chord-explorer--interactive.is-enhanced .chord-tonality[hidden]{display:none}.chord-tonalities{gap:1.3rem;display:grid}.chord-tonality{border:1px solid var(--line-light);background:var(--white);grid-template-columns:minmax(190px,max-content) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,3vw,2.3rem);scroll-margin-top:6.5rem;display:grid}.chord-tonality>header{flex-direction:column;gap:1rem;display:flex}.chord-tonality>header>span{color:var(--rust);font-family:var(--serif);white-space:nowrap;font-size:clamp(3rem,5vw,4.7rem);line-height:.9}.chord-tonality h3{font-size:clamp(1.5rem,2.4vw,2.1rem)}.diagram-grid{background:var(--line-light);border:1px solid var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.diagram-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.diagram-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.diagram-grid--four figure,.diagram-grid--five figure{padding-inline:.55rem}.diagram-grid--four img,.diagram-grid--five img{height:220px}.diagram-grid figure{background:#f6f2ea;margin:0;padding:1rem}.diagram-grid img{object-fit:contain;width:100%;height:260px}.diagram-grid figcaption{color:var(--muted);letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-top:.65rem;font-size:.67rem;font-weight:800}.chord-hero-actions{margin-top:2.2rem}.hero-text-link{color:var(--white)}.formula-comparison{border:1px solid var(--line-dark);background:var(--line-dark);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.formula-comparison article{background:#1d201f;flex-direction:column;min-height:255px;padding:clamp(1.3rem,2.5vw,2rem);display:flex}.formula-comparison article>span{color:var(--gold-soft);font-family:var(--serif);font-size:2.2rem}.formula-comparison h3{margin-top:1.1rem;font-size:clamp(1.45rem,2vw,1.9rem)}.formula-comparison p{color:#bcb9b1;margin-top:.8rem;font-size:.98rem}.formula-comparison strong{color:var(--gold-soft);letter-spacing:.12em;margin-top:auto;padding-top:1.5rem;font-size:.78rem}.symmetry-section h2 em{color:var(--rust)}.symmetry-grid{border:1px solid var(--line-light);background:var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.symmetry-grid article{background:var(--white);min-height:230px;padding:clamp(1.5rem,3vw,2.2rem)}.symmetry-grid span{color:#926a23;letter-spacing:.15em;text-transform:uppercase;font-size:.66rem;font-weight:800}.symmetry-grid h3{margin-top:2rem}.symmetry-grid p{color:var(--rust);letter-spacing:.08em;margin-top:.8rem;font-weight:800}.diagram-library-section{background:var(--paper-deep)}.diagram-library--triads{scroll-margin-top:2rem}.profile-copy{max-width:620px}.profile-copy h1{margin-top:1.5rem}.profile-copy .lede{color:#cbc8bf;max-width:520px;margin-top:1.5rem}.profile-copy .button{margin-top:2rem}.profile-story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);display:grid}.profile-story h2{margin-top:1.5rem}.profile-story>div:last-child{color:var(--muted);gap:1.3rem;font-size:1.07rem;display:grid}.profile-story a{color:var(--rust);text-underline-offset:.2em}.profile-values{color:var(--white);background:var(--ink-soft)}.profile-values .section-intro>p,.profile-values .learning-step p{color:#bbb7ae}.profile-values .section-intro h2 em{color:var(--gold-soft)}.profile-values .learning-grid{border-color:var(--line-dark);background:var(--line-dark)}.profile-values .learning-step{background:#202321}.profile-values .step-number{color:var(--gold-soft)}.contact-section{scroll-margin-top:2rem}.contact-grid{background:var(--line-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;display:grid}.contact-card{background:var(--white);flex-direction:column;min-height:340px;padding:clamp(1.7rem,4vw,3rem);display:flex}.contact-card--primary{color:var(--white);background:var(--ink-soft)}.contact-card>span{color:#926a23;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}.contact-card--primary>span{color:var(--gold-soft)}.contact-card h3{overflow-wrap:anywhere;margin-top:2rem}.contact-card p{max-width:470px;color:var(--muted);margin-top:1.3rem}.contact-card--primary p{color:#bbb7ae}.contact-card .button-link,.contact-card nav{margin-top:auto;padding-top:2rem}.contact-card--primary .button-link{color:var(--gold-soft)}.contact-card nav{flex-wrap:wrap;gap:.7rem 1.4rem;display:flex}.contact-card nav a{color:var(--rust);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800;text-decoration:none}.contact-about{color:var(--white);background:var(--ink-soft)}.contact-about__inner{justify-content:space-between;align-items:end;gap:3rem;padding-block:clamp(4.5rem,8vw,7rem);display:flex}.contact-about h2{max-width:760px;margin-top:1.4rem}.contact-about h2 em{color:var(--gold-soft)}.legal-page-hero{color:var(--white);background:var(--ink)}.legal-page-hero__inner{padding-block:clamp(4rem,9vw,8rem)}.legal-page-hero h1{max-width:900px;margin-top:1.4rem;font-size:clamp(3.2rem,7vw,6.5rem)}.legal-page-hero__inner>p:not(.eyebrow){color:#cbc8bf;max-width:720px;margin-top:1.6rem;font-size:1.1rem}.legal-page-hero__inner>span{color:#aaa69e;letter-spacing:.1em;text-transform:uppercase;margin-top:2rem;font-size:.7rem;font-weight:800;display:block}.legal-document{max-width:880px}.legal-document>h2{margin-top:3rem;font-size:clamp(2rem,4vw,3rem)}.legal-document>h2:first-of-type{margin-top:0}.legal-document>p,.legal-document>ul{color:#3b3933;margin-top:1rem;font-size:1.06rem}.legal-document>ul{padding-left:1.3rem}.legal-document a{color:var(--rust);text-underline-offset:.2em}.article{max-width:900px}.breadcrumbs{color:var(--muted);margin-bottom:3rem;font-size:.84rem}.breadcrumbs a{text-underline-offset:.2em}.article-header{gap:1.2rem;display:grid}.article-header h1{font-size:clamp(3rem,6vw,5.5rem)}.article-header .lede{color:var(--muted)}.prose{margin-top:3rem;font-size:1.07rem}.prose h2{margin-top:2.7rem;font-size:clamp(2rem,3.7vw,3.1rem)}.prose h3{margin-top:2rem}.prose p,.prose ul,.prose ol{margin-top:1rem}.prose p,.prose li{color:#3b3933}.prose a{color:var(--rust);text-underline-offset:.2em}.prose img{height:auto;margin-block:2rem}.course-hero{color:var(--white);background:var(--ink)}.course-hero-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(2rem,6vw,6rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.course-hero h1{margin-top:1.5rem}.course-hero .lede{color:#cbc8bf;margin-top:1.5rem}.course-meta{flex-wrap:wrap;gap:.55rem;margin-block:1.5rem;display:flex}.course-meta span{border:1px solid var(--line-dark);padding:.35rem .65rem;font-size:.76rem}.course-summary{border:1px solid var(--line-dark);padding:1.5rem}.course-summary p{color:#cbc8bf;margin-top:.7rem}.not-found{min-height:62vh}.not-found h1{max-width:750px;margin-top:1.5rem}.not-found .lede{max-width:620px;color:var(--muted);margin-block:1.7rem}.site-footer{color:var(--white);background:var(--ink)}.footer-main{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,.7fr));gap:clamp(2rem,4vw,5rem);padding-block:5rem;display:grid}.footer-identity>p{color:#aaa69e;max-width:330px;margin-top:1.5rem}.footer-column{flex-direction:column;align-items:flex-start;gap:.7rem;display:flex}.footer-column h2{color:var(--gold);font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.7rem;font-size:.65rem;font-weight:800}.footer-column a{color:#d6d2c8;text-decoration:none}.footer-column a:hover,.footer-bottom a:hover{color:var(--gold-soft)}.footer-column p{color:#aaa69e;margin-top:.5rem;font-size:.88rem}.footer-bottom{border-top:1px solid var(--line-dark);color:#aaa69e;flex-wrap:wrap;justify-content:space-between;gap:.7rem 2rem;padding-block:1.5rem;font-size:.77rem;display:flex}.footer-bottom a{text-decoration:none}@media (width<=980px){.header-inner{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;align-content:center;gap:7px;width:46px;height:46px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--white);width:24px;height:2px;margin-inline:auto;display:block}.mobile-nav nav{border:1px solid var(--line-dark);background:var(--ink);min-width:min(320px,100vw - 48px);padding:1rem;display:grid;position:absolute;top:calc(100% + 24px);right:-24px;box-shadow:0 18px 40px #00000059}.mobile-nav nav a{letter-spacing:.12em;text-transform:uppercase;padding:.8rem;font-size:.75rem;font-weight:800;text-decoration:none}.mobile-nav nav a+a{border-top:1px solid var(--line-dark)}.resource-feature-grid,.teacher-feature-grid{gap:3rem}.contact-about__inner{flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-identity{grid-column:1/-1}.chord-tonality{grid-template-columns:1fr}.diagram-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-article-grid{grid-template-columns:1fr}.article-contents{position:static}.article-contents nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}@media (width<=700px){:root{--banner-height:690px}.shell{width:min(100% - 32px,1200px)}.header-inner{min-height:76px}.brand-seal{width:45px;height:45px}.brand-name{font-size:1.27rem}.brand-descriptor{font-size:.49rem}.hero-banner{align-items:end}.hero-banner--home .hero-banner__image{object-position:68% center}.hero-banner--resources .hero-banner__image{object-position:70% center}.hero-banner--profile .hero-banner__image{object-position:37% center}.hero-banner__shade{background:linear-gradient(#07090952 0%,#070909db 58%,#070909fa 100%),linear-gradient(90deg,#07090959,#0000)}.hero-banner__inner{align-items:end;padding-block:7rem 4.5rem}.hero-banner--home h1{font-size:clamp(3.2rem,12vw,5.2rem)}.hero-lead{margin-top:1.5rem}.hero-edge{display:none}.section-intro,.resource-feature-grid,.teacher-feature-grid,.courses-feature-grid,.profile-story,.course-hero-grid,.chord-introduction,.chord-guide,.chord-practice-grid,.beginner-feature,.practice-plan,.technique-exercises,.technique-exercises--reverse,.scale-downloads,.jazz-score-section,.editorial-feature,.series-intro,.series-practice{grid-template-columns:1fr}.section-intro{gap:1.5rem}.learning-grid,.card-grid,.resource-roadmap-groups,.contact-grid{grid-template-columns:1fr}.editorial-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-toolbar{flex-direction:column;align-items:flex-start}.editorial-toolbar nav{justify-content:flex-start}.learning-step{min-height:250px}.resource-feature-image,.resource-feature-image img{min-height:410px}.teacher-feature-image img{height:410px}.courses-feature-copy{border-top:1px solid #0c0f0e59;border-left:0;padding-top:1.5rem;padding-left:0}.footer-main{grid-template-columns:1fr 1fr}.footer-identity{grid-column:1/-1}.chord-family-grid,.chord-tonality{grid-template-columns:1fr}.chord-selector-heading{flex-direction:column;align-items:flex-start;gap:.8rem}.chord-explorer--interactive .chord-index{overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.symmetry-grid,.beginner-path-grid,.beginner-chord-grid,.technique-principles-grid,.scale-formula-grid,.scale-example-grid,.scale-study-steps,.jazz-phrase-grid{grid-template-columns:1fr}.jazz-phrase-grid li:last-child:nth-child(odd){grid-column:auto;min-height:245px}.jazz-altered-note{grid-template-columns:1fr}.resource-article{width:min(100% - 32px,1200px)}.resource-article-hero-copy h1{font-size:clamp(3rem,12vw,5rem)}.episode-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.button-row{flex-direction:column;align-items:flex-start;gap:1.3rem}.hero-description{font-size:.98rem}.footer-main{grid-template-columns:1fr}.footer-identity{grid-column:auto}.chord-family-card{grid-template-columns:1fr;gap:1rem}.chord-family-symbol{justify-self:start;min-width:62px;min-height:62px;font-size:1.5rem}.chord-family-card .card-link{grid-column:1/-1}.theory-note{grid-template-columns:1fr}.theory-note>span{justify-self:start}.diagram-grid{grid-template-columns:1fr}.diagram-grid img{height:300px}.chord-index{justify-content:flex-start;width:100%}.formula-comparison,.article-contents nav{grid-template-columns:1fr}.beginner-chord-grid>li{min-height:0}.practice-plan{padding-inline:1.25rem}.editorial-card-grid{grid-template-columns:1fr}.editorial-card-copy{min-height:300px}.episode-list{grid-template-columns:1fr}.episode-card-copy{min-height:190px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
