:root{--bg-canvas:#f7f5f0;--bg-surface:#fff;--bg-surface-hover:#fffaf7;--text-primary:#111;--text-muted:#59554e;--accent-primary:#d62828;--accent-secondary:#873d27;--border-subtle:#ded9ce;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(36,26,18,.12);--glow-accent:0 0 24px -4px #d6282822;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.75;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,.lesson-number{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.6rem,5.5vw,5rem);letter-spacing:-.045em;margin:.25em 0 .45em}h2{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.025em;margin:.2em 0 .65em}h3{font-size:1.45rem;margin:.3em 0 .6em}p{margin:0 0 1.2em}a{color:var(--accent-secondary);text-underline-offset:4px}a:hover{color:var(--accent-primary)}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}::selection{background:#f1bdb1;color:#111}.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:20;background:white;padding:12px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:5;background:transparent;border-bottom:1px solid var(--border-subtle);transition:background .3s}.site-header.paper-solid{background:var(--bg-canvas)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 24px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#111;white-space:nowrap;font-size:.91rem;font-weight:700;letter-spacing:-.035em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid #111;border-radius:50%;color:var(--accent-primary);font-family:Georgia,serif;font-size:23px}.site-nav{display:flex;align-items:center;gap:16px}.site-nav a{font-size:.78rem;color:var(--text-muted);text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;border:1px solid var(--border-subtle);background:white;border-radius:12px;font-size:28px;line-height:1;width:44px;height:44px}.eyebrow{font-size:.74rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-secondary)}.hero{padding:80px 0 92px;position:relative}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:50px}.hero p{font-size:1.12rem;max-width:52ch}.hero-art{position:relative;min-height:420px}.hero-art:before{content:"";position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(ellipse,#eac8b355,transparent 70%);animation:breathe 9s ease-in-out infinite}.art-card{position:absolute;border-radius:20px;box-shadow:var(--shadow-elevation);width:66%;height:auto}.drum-illustration{top:70px;left:0;transform:rotate(-7deg);z-index:2;background:#fff}.leaf-illustration{right:0;top:0;transform:rotate(9deg);background:#e9e8d8}.rhythm-illustration{bottom:0;right:0;transform:rotate(4deg);background:#edd6c9}.art-caption{position:absolute;left:0;bottom:-30px;font-size:.75rem;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #111;background:var(--accent-primary);color:white;padding:12px 20px;border-radius:6px;box-shadow:4px 4px 0 #111;text-decoration:none;font-weight:650;line-height:1.45;transition:transform .3s var(--ease-kinetic),box-shadow .3s var(--ease-kinetic),background .3s}.button:hover{color:white;transform:translate(3px,3px);box-shadow:1px 1px 0 #111;background:#b81f1f}.button.secondary{background:white;color:#111}.button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:24px 0}.small,.meta{font-size:.85rem;color:var(--text-muted)}.section-white{background:white;position:relative;padding:65px 0}.section-white:before{content:"";position:absolute;top:-28px;left:0;width:100%;height:29px;background:white;clip-path:polygon(0 90%,24% 25%,58% 70%,100% 0,100% 100%,0 100%)}.pathway{position:relative;padding:20px 0 65px}.pathway:before{content:"";position:absolute;left:39px;top:20px;bottom:75px;width:1px;background:var(--border-subtle)}.lesson-node{position:relative;display:grid;grid-template-columns:80px 1fr;gap:32px;padding:38px 0}.lesson-number{position:relative;z-index:1;align-self:start;background:var(--bg-canvas);font-size:3rem;color:var(--accent-primary);padding:8px 0;text-align:center}.section-white .lesson-number{background:#fff}.lesson-body{min-width:0}.lesson-body>p{max-width:70ch}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:26px 0}.card{background:var(--bg-surface);padding:28px;border-radius:20px;box-shadow:0 5px 24px #211a1209;transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.card a{font-weight:650}.card p:last-child{margin-bottom:0}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.media{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;border-radius:20px}.banner-photo{aspect-ratio:16/9}.thumbnail{aspect-ratio:1/1;width:100px;flex:none}.compact-card{display:flex;align-items:center;gap:24px}.photo-overlay{position:relative;border-radius:20px;overflow:clip;isolation:isolate}.photo-overlay img{aspect-ratio:16/9;border-radius:20px;filter:brightness(.48)}.photo-overlay .overlay-copy{position:absolute;inset:auto 24px 20px;color:white;max-width:45ch}.overlay-copy h3{color:white}.overlay-copy a{color:#fff1d9}.practice-panel{background:#eee9df;border-radius:20px;padding:28px;margin:28px 0}.practice-panel strong{color:var(--accent-secondary)}.beat-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.beat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;min-height:80px;border-radius:16px;background:white;border:1px solid var(--border-subtle);font-size:.78rem}.beat b{font-family:Georgia,serif;font-size:1.8rem;color:var(--accent-primary);font-weight:400}.beat.rest b{color:var(--text-muted)}details{border-bottom:1px solid var(--border-subtle);padding:18px 0}summary{cursor:pointer;font-weight:650;padding-right:20px}details[open] summary{color:var(--accent-primary);margin-bottom:14px}details p,details ol,details ul{max-width:70ch}details p:last-child{margin-bottom:0}.page-heading{padding:65px 0 35px;max-width:900px}.page-heading p{max-width:65ch;font-size:1.1rem}.reading{max-width:70ch;margin:0 auto}.article-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;padding-bottom:75px}.article-sidebar{font-size:.85rem}.article-sidebar p{color:var(--text-muted)}.article-sidebar a{display:block;margin:10px 0}.article-main{min-width:0;max-width:78ch}.article-main section{margin:40px 0}.article-main h2{font-size:2rem}.article-main .lesson-number{font-size:1.5rem;display:inline-block;text-align:left;background:transparent;margin-right:12px}.article-main figure{margin:28px 0}.article-main figcaption{font-size:.8rem;color:var(--text-muted);margin-top:10px}.hand-diagram{display:block;width:100%;height:auto;background:#fff;border-radius:20px}.article-footer{margin-top:35px;padding-top:24px;border-top:1px solid var(--border-subtle)}.legal,.simple-page{padding-bottom:75px}.legal section{margin:30px 0}.legal h2{font-size:1.75rem}.note-form{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-elevation)}label{display:block;font-weight:650;margin-bottom:7px}input,textarea{width:100%;padding:12px 14px;border:1px solid #aba497;border-radius:8px;color:#111;background:#fffdf8}textarea{min-height:180px;resize:vertical}.field{margin-bottom:20px}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:90px;background:var(--bg-canvas);padding:20px;border-radius:12px;font:inherit}.status{min-height:1.8em;color:var(--accent-secondary);font-size:.9rem}.site-footer{border-top:1px solid var(--border-subtle);padding:36px 0}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem}.footer-brand{font-size:.92rem}.site-footer p{margin:.5em 0;font-size:.8rem;color:var(--text-muted)}.enhanced .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.enhanced .reveal-visible{opacity:1;transform:translateY(0)}@keyframes breathe{50%{transform:scale(1.08) translateY(-8px)}}
@media(min-width:1025px){.article-sidebar>div{position:sticky;top:24px}}@media(min-width:769px) and (max-width:1024px){.header-inner{align-items:flex-start;flex-direction:column;gap:12px}.site-nav{flex-wrap:wrap;gap:15px}.hero-grid{gap:25px}.hero-art{min-height:350px}.article-layout{grid-template-columns:150px 1fr;gap:28px}}@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 44px)}.hero-grid{grid-template-columns:1fr}.hero-art{width:min(460px,100%);margin:15px auto 20px}.feature-card{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:20px}.article-sidebar>div{display:flex;gap:15px;flex-wrap:wrap}.article-sidebar p{width:100%;margin:0}}@media(max-width:768px){.header-inner{padding:16px 20px}.enhanced .menu-toggle{display:block}.site-nav{flex-wrap:wrap;gap:12px 18px}.enhanced .site-nav{display:none;position:absolute;top:100%;left:16px;right:16px;padding:24px;background:#fffdf8;border:1px solid var(--border-subtle);border-radius:0 0 20px 20px;box-shadow:var(--shadow-elevation)}.enhanced .site-nav.is-open{display:grid;grid-template-columns:1fr 1fr;animation:menuDown .25s var(--ease-kinetic)}.site-nav a{font-size:.9rem;padding:7px 0}.hero{padding:45px 0 65px}.page-heading{padding:40px 0 25px}.lesson-node{gap:18px;grid-template-columns:60px 1fr}.lesson-number{font-size:2.6rem}.pathway:before{left:29px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.photo-overlay .overlay-copy{inset:auto 18px 12px}.overlay-copy p{font-size:.9rem}.footer-inner{flex-direction:column}@keyframes menuDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{font-size:.8rem;gap:6px}.brand-mark{width:24px;height:24px;font-size:20px}.header-inner{padding:15px 16px;gap:8px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-art{min-height:315px;margin-bottom:25px}.hero p{font-size:1rem}.feature-card{grid-template-columns:1fr}.lesson-node{grid-template-columns:43px 1fr;gap:12px;padding:26px 0}.lesson-number{font-size:2rem}.pathway:before{left:21px}.card{padding:22px}.practice-panel{padding:20px}.beat-row{gap:7px}.beat{min-width:53px;min-height:70px}.article-layout{grid-template-columns:1fr;gap:15px}.article-sidebar a{display:inline-block;margin:6px 12px 6px 0}.article-sidebar p{margin-bottom:6px}.note-form{padding:23px}.compact-card{align-items:flex-start;gap:15px}.thumbnail{width:75px}.photo-overlay img{aspect-ratio:4/5}.actions{gap:15px}.button{padding:12px 16px;font-size:.93rem}.section-white{padding:40px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .reveal{opacity:1;transform:none}.card:hover{transform:none}}