.site-head{flex-wrap:wrap;gap:18px}.site-head nav{gap:18px}.site-head .langs{margin-left:auto}.site-head .logo{flex-shrink:0}
.hub-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-top:80px;padding-bottom:70px}.hub-hero h1{font-size:clamp(48px,6vw,88px);max-width:690px}.hub-hero .hero-copy{max-width:600px;margin:26px 0 30px;font-size:19px}.identity-art{color:#79928a;position:relative;text-align:center}.identity-art svg{width:100%;max-height:350px}.identity-art span{display:block;font:27px var(--mono);letter-spacing:.12em;color:var(--ink)}.identity-art small{font:10px var(--mono);letter-spacing:.18em}
.hub-identity{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:42px;padding-bottom:42px}.hub-identity h2,.hub-history h2{font:36px/1.15 var(--serif);margin:12px 0 18px}.hub-identity h3{font-size:20px;margin-bottom:12px}.hub-identity p{max-width:640px}.history-sources{margin-top:16px!important;font:11px var(--mono);color:var(--muted)}
.hub-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hub-card{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);background:var(--white);min-height:260px;transition:border-color .2s,transform .2s}.hub-card:hover{border-color:#9bab9b;transform:translateY(-3px);color:var(--ink)}.hub-card h3{font:30px/1.15 var(--serif);margin:18px 0 14px}.hub-card p{color:var(--muted);max-width:470px}.card-link{margin-top:auto;padding-top:26px;font:12px var(--mono)}.audio-card{grid-column:span 2;display:grid;grid-template-columns:1fr .8fr;background:#183338;color:#edf3e8;border-color:#183338}.audio-card:hover{color:#fff}.audio-card p{color:#bdcfc6}.audio-card .kicker{color:#a9c8bc}.audio-card .card-link{display:block}.speaker-drawing{width:100%;height:100%;max-height:330px;align-self:center}.hub-history{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:30px;padding-bottom:70px}.text-link{display:inline-block;margin-top:20px;color:var(--accent)}
.audio-visual{background:#183338;border-radius:2px;padding:25px;min-height:360px}.placeholder-panel{display:flex;gap:24px;border:1px solid var(--line);background:#edf1e9;padding:30px}.placeholder-panel h2{font:30px/1.2 var(--serif);margin:8px 0 12px}.placeholder-panel p{max-width:760px}.status-dot{width:12px;height:12px;flex-shrink:0;background:#b88640;border-radius:50%;margin-top:6px}.hub-features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.hub-features h3{font:26px var(--serif);margin:15px 0}.hub-features p{color:var(--muted)}
.theory-hero{padding-top:70px;max-width:1000px}.theory-hero h1{font-size:clamp(48px,6vw,78px);margin:15px 0 25px}.theory-hero .hero-copy{max-width:730px}.theory-list{padding-top:35px}.lesson-row{display:flex;gap:32px;padding:26px 8px;border-bottom:1px solid var(--line);align-items:center}.lesson-row:first-child{border-top:1px solid var(--line)}.lesson-row:hover{background:#edf1e9;color:var(--ink)}.lesson-number{font:16px var(--mono);color:var(--accent)}.lesson-row h2{font:28px var(--serif);margin-bottom:8px}.lesson-row p{color:var(--muted)}.lesson-arrow{font-size:28px;margin-left:auto}.audio-lesson{padding-top:45px;padding-bottom:70px;max-width:1000px}.audio-lesson header{margin:40px 0}.audio-lesson h1{font-size:clamp(40px,5vw,65px);max-width:850px}.lesson-content{max-width:760px}.lesson-content>p{font-size:18px;line-height:1.9;margin:0 0 24px}.lesson-takeaway{padding:24px 28px;background:#e8eee6;border-left:3px solid #688a75;margin:35px 0}.lesson-takeaway>p+p{margin-top:8px;font-size:19px}.lesson-sources{margin:28px 0;font-size:14px}.lesson-sources h2{font-size:16px;margin-bottom:10px}.lesson-sources a{text-decoration:underline}.wave-widget{padding:25px;background:#183338;color:#e2eddf;margin:35px 0}.wave-widget label{display:flex;justify-content:space-between;gap:20px}.wave-widget input{width:100%;margin:22px 0;accent-color:#c9d8ad}.wave-widget #wave-result{font:32px var(--mono)}.wave-widget small{font-size:11px;display:block;margin-top:10px}.wave-widget svg{display:block;margin-top:20px;width:100%;height:90px}
@media(max-width:1100px){.site-head nav{gap:12px;font-size:12px}.hub-hero{gap:35px}.hub-projects{grid-template-columns:repeat(2,1fr)}.audio-card{grid-column:span 2}}
.project-teaser{grid-column:span 2;background:#183338;color:#edf3e8;border-color:#183338;justify-content:center}.project-teaser:hover{transform:none;border-color:#183338}.project-teaser p{color:#bdcfc6;max-width:600px}.project-teaser .kicker{color:#a9c8bc}@media(max-width:800px){.project-teaser{grid-column:auto}}
.lesson-meta{font:12px var(--mono);color:var(--muted);margin-top:18px}.lesson-toc{padding:24px 28px;border:1px solid var(--line);margin:30px 0 45px}.lesson-toc h2{font:23px var(--serif);margin-bottom:15px}.lesson-toc ol{padding-left:23px}.lesson-toc li{padding:5px 0}.lesson-toc a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.lesson-section{scroll-margin-top:30px;margin:42px 0}.lesson-section p+p{margin-top:20px}.lesson-figure{margin:28px 0}.lesson-figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}.lesson-figure figcaption{font-size:14px;line-height:1.65;color:var(--muted);margin-top:12px}
@media print{@page{size:A4;margin:18mm}.site-head,.site-foot,.preview-bar,.audio-lesson>.back,.lesson-toc,.audio-lesson .button{display:none!important}.audio-lesson{width:auto;max-width:none;padding:0}.audio-lesson header{margin:0 0 20px}.audio-lesson h1{font-size:28pt}.lesson-content{max-width:none}.lesson-content>p,.lesson-section p{font-size:11pt;line-height:1.55}.lesson-section h2{font-size:17pt;break-after:avoid}.lesson-section{margin:24px 0}.lesson-section p{orphans:3;widows:3}.lesson-figure,.lesson-takeaway,.lesson-table{break-inside:avoid}.lesson-figure img{max-height:85mm}.lesson-figure figcaption{font-size:9pt}.lesson-sources a{font-size:9pt}.wave-widget{display:none}}
.lesson-section{margin:30px 0}.lesson-section h2{font:28px/1.25 var(--serif);margin-bottom:12px}.lesson-section p{font-size:18px;line-height:1.9}.lesson-table-wrap{margin:35px 0}.lesson-table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}.lesson-table caption{text-align:left;margin-bottom:14px;color:var(--muted);font-size:14px}.lesson-table th,.lesson-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.lesson-table thead{background:#e8eee6}.lesson-table tbody th{font-weight:500}.lesson-sources a{display:block;margin:8px 0;overflow-wrap:anywhere}
@media(max-width:800px){.site-head nav{font-size:15px}.hub-hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:25px}.identity-art{max-width:330px;margin:auto;width:100%}.identity-art svg{max-height:210px}.hub-identity,.hub-history{grid-template-columns:1fr;gap:28px}.hub-projects{grid-template-columns:1fr}.audio-card{grid-column:auto;grid-template-columns:1fr}.audio-card .speaker-drawing{height:240px}.hub-features{grid-template-columns:1fr;gap:30px}.lesson-row{gap:18px}.lesson-row h2{font-size:23px}.audio-visual{min-height:280px}.hub-card{min-height:230px}.site-head .langs{margin-left:0}.placeholder-panel{gap:15px;padding:22px}.hub-hero h1{font-size:52px}.hub-hero .hero-copy{font-size:17px}.audio-lesson header{margin:28px 0}}