.mobile-menu-heading,.mobile-menu-extra,.mobile-quick-nav{display:none}
.education-start{padding-top:48px;padding-bottom:48px;background:var(--elk-warm-mist,#e5d9d5)}
.education-start h2{font-size:clamp(28px,3vw,42px);margin-bottom:24px;color:#0d1311}
.education-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.education-start-grid a{display:flex;flex-direction:column;gap:12px;padding:24px;background:#faf6f3;color:#0d1311;border:1px solid #c6b3ad;min-height:168px;transition:border-color .18s,transform .18s}
.education-start-grid a:hover{border-color:#8b271e;transform:translateY(-2px)}
.education-start-grid strong{font:600 22px 'Roboto Slab',Georgia,serif;line-height:1.25}
.education-start-grid span{font-size:14px;color:#634643}
.education-start-grid b{margin-top:auto;font-size:12px;color:#8b271e}
.education-start-help{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0 0;font-size:14px;color:#634643}
.education-start-help a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;color:#8b271e;font-weight:700}
@media(max-width:1360px){
 body.mobile-menu-open{overflow:hidden}
 header #navigation.is-open{position:fixed;inset:0;height:100dvh;width:100%;margin:0;padding:calc(16px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));background:#faf6f3;color:#0d1311;z-index:90;overflow:auto;overscroll-behavior:contain;align-items:stretch;gap:0;animation:mobile-drawer-enter .22s cubic-bezier(.22,.61,.36,1)}
 .mobile-menu-heading{position:sticky;top:0;z-index:1;background:#faf6f3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;flex-shrink:0}
 .mobile-menu-heading strong{font:600 26px 'Roboto Slab',Georgia,serif}
 .mobile-menu-close{min-width:44px;min-height:48px;border:1px solid #634643;background:#0d1311;color:#faf6f3;padding:10px 14px;cursor:pointer}
 header #navigation .mobile-menu-extra{display:block}
 header #navigation a,header #navigation button{min-height:48px;flex-shrink:0}
 header #navigation a[aria-current=page]{border-left:3px solid #ec4123;padding-left:12px;background:#e5d9d5;color:#0d1311}
 header #navigation .nav-finder,header #navigation .nav-sound{margin-top:12px}
 .mobile-menu-open .mobile-quick-nav{visibility:hidden}
}
@keyframes mobile-drawer-enter{from{transform:translateY(8px)}to{transform:translateY(0)}}
@media(max-width:760px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .mobile-quick-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:#0d1311;color:#faf6f3;border-top:1px solid #9b8782;box-shadow:0 -8px 24px #0002}
 .mobile-quick-nav a,.mobile-quick-nav button{display:flex;align-items:center;justify-content:center;min-height:52px;min-width:0;text-align:center;padding:8px 4px;font:600 12px Roboto,Arial,sans-serif;color:#faf6f3;background:transparent;border:0;cursor:pointer;letter-spacing:0}
 .mobile-quick-nav a[aria-current=page]{color:#faf6f3;box-shadow:inset 0 3px #ec4123;background:#260203}
 .mobile-quick-nav :focus-visible{outline:2px solid #ec4123;outline-offset:-3px}
 #music-dock,.back-to-top{bottom:calc(72px + env(safe-area-inset-bottom))!important}
 #music-dock{max-width:calc(100vw - 180px)}
 body:has(dialog[open]) .mobile-quick-nav{visibility:hidden}
 .education-start{padding:36px 6%}
 .education-start-grid{grid-template-columns:1fr;gap:12px}
 .education-start-grid a{min-height:0;padding:20px}
 .education-start-grid strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){header #navigation.is-open{animation:none}.education-start-grid a{transition:none}.education-start-grid a:hover{transform:none}}
.cinema-paused header #navigation.is-open{animation:none}
@media print{.mobile-quick-nav,.mobile-menu-heading,.mobile-menu-extra{display:none!important}body{padding-bottom:0}}

/* Four language choices retain comfortable phone tap targets. */
@media(max-width:760px){.site-language-bar a{flex:0 1 calc(50% - 4px);justify-content:center;min-height:44px}html[lang=de] .education-chapters,html[lang=de] .home-chapters,html[lang=de] .about-chapters,html[lang=de] .legacy-chapters{gap:0;justify-content:space-between}html[lang=de] .education-chapters a,html[lang=de] .home-chapters a,html[lang=de] .about-chapters a,html[lang=de] .legacy-chapters a{font-size:11px;max-width:24%;overflow-wrap:anywhere;text-align:center;line-height:1.35}}
html[lang=de] h1,html[lang=de] h2,html[lang=de] h3,html[lang=de] .button{overflow-wrap:anywhere}

#navigation .nav-shop{color:#8b271e}

.footer-disclosures{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0}.footer-disclosures a{display:inline-flex;align-items:center;min-height:44px;color:#8b271e;font-size:14px;text-decoration:underline}

.footer-guidefitter{border-top:1px solid #c6b3ad;padding:28px 0;margin-top:28px;display:grid;grid-template-columns:1fr 1.5fr;gap:28px;color:#0d1311}.footer-guidefitter h2{font-size:28px;margin:0 0 12px;color:#0d1311}.footer-guidefitter p{font-size:14px;line-height:1.7;margin:0 0 12px;color:#634643}.footer-guidefitter small{font-size:12px;color:#634643}.footer-guidefitter nav{display:grid;gap:10px}.footer-guidefitter nav a{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:14px 18px;background:#faf6f3;border:1px solid #c6b3ad;color:#8b271e;font-size:14px;font-weight:700;text-decoration:none}.footer-guidefitter a:focus-visible{outline:3px solid #8b271e;outline-offset:3px}@media(max-width:760px){.footer-guidefitter{grid-template-columns:1fr;gap:20px}.footer-guidefitter nav a{font-size:14px}}
.footer-guidefitter-overview{display:flex;min-height:48px;align-items:center;font-weight:700;text-decoration:underline;color:#8b271e;margin:0 0 12px}.store-guidefitter-link{display:block;padding:24px;margin:28px 0 0;border:1px solid #c6b3ad;background:#e5d9d5;color:#8b271e;text-decoration:underline;font-weight:700;min-height:48px}

#navigation a.nav-shop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #8b271e;background:#ec4123;color:#0d1311;font-weight:700;text-decoration:none}#navigation a.nav-shop:hover,#navigation a.nav-shop[aria-current=page]{color:#0d1311;background:#ec4123}.home-store-actions{gap:16px 24px}.hero-copy .home-shop-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:16px 26px;color:#0d1311;background:#ec4123;border:1px solid #ec4123;font-size:17px}.hero-copy .home-shop-button:hover{background:#faf6f3;color:#0d1311;border-color:#faf6f3}.home-store-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:38px 7%;background:#e5d9d5;color:#0d1311;border-bottom:1px solid #c6b3ad}.home-store-entry .eyebrow{color:#8b271e}.home-store-entry h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:10px 0 16px;color:#0d1311}.home-store-entry p:not(.eyebrow){color:#634643;font-size:15px;line-height:1.75;max-width:650px;margin:0}.home-store-entry-links{align-self:center}.home-store-entry-links>.button{display:inline-flex;min-height:50px;align-items:center;background:#ec4123;color:#0d1311}.home-store-entry-links nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:16px}.home-store-entry-links nav a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:8px 0;color:#8b271e;font-size:14px;font-weight:700;text-decoration:underline}.home-store-entry :focus-visible,.home-store-actions :focus-visible{outline:3px solid #8b271e;outline-offset:4px}.hero-copy .home-store-actions :focus-visible{outline-color:#faf6f3}@media(max-width:760px){.hero-copy .home-store-actions{display:flex;flex-wrap:wrap;gap:12px 20px}.hero-copy .home-shop-button{flex-basis:100%;width:100%;max-width:420px;font-size:18px;min-height:54px}.hero-copy .home-store-actions .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.home-store-entry{grid-template-columns:1fr;gap:24px;padding:30px 6%}.home-store-entry-links>.button{width:100%;justify-content:center}.mobile-quick-nav a.quick-shop,.mobile-quick-nav a.quick-shop:hover{background:#ec4123;color:#0d1311;border:1px solid #8b271e;font-weight:700;gap:6px;font-size:13px}.mobile-quick-nav a.quick-shop[aria-current=page]{background:#ec4123;color:#0d1311;box-shadow:inset 0 -3px #0d1311}.mobile-quick-nav a.quick-shop:focus-visible{outline-color:#0d1311}.mobile-quick-nav a.quick-shop svg{flex:none}}
.about-tight .about-hero{padding-top:48px;padding-bottom:48px;gap:5%}.about-tight .about-hero-copy .hero-intro{max-width:500px;line-height:1.7}.about-tight .archive-note{margin-top:22px}.about-tight .archive-hero-art img{height:390px}.about-tight>.section{padding-top:44px;padding-bottom:44px}.about-tight .about-manufacturer-intro{max-width:740px;margin-bottom:18px}.about-manufacturer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.about-manufacturer-actions>a{display:inline-flex;align-items:center;min-height:48px}.about-tight .timeline{margin-top:28px}.about-tight .timeline li{padding:23px 0;gap:28px}.about-tight .people-grid{margin-top:28px;gap:28px 6%}.about-tight .people-grid article{padding-top:20px}.about-tight .record-copy{padding:22px}.about-tight .record-grid{gap:20px}.about-tight .about-purpose-grid{gap:18px}.about-tight .about-office{margin-top:24px}@media(max-width:760px){.about-tight .about-hero{padding:34px 6%;gap:26px}.about-tight .about-hero-copy h1{font-size:39px}.about-tight .archive-hero-art{max-width:250px}.about-tight .archive-hero-art img{height:300px}.about-tight>.section{padding-top:32px;padding-bottom:32px}.about-tight .origin-grid{gap:12px}.about-tight .timeline li{gap:8px;padding:20px 0}.about-tight .timeline-year{font-size:30px}.about-tight .people-grid{gap:22px}.about-tight .record-preview img{height:270px}.about-tight .record-copy{padding:20px}.about-manufacturer-actions .button{width:100%;justify-content:center}.about-manufacturer-actions .text-link{font-size:14px}}
.cinematic-home .home-tight .hero,.cinematic-home .home-tight .hero-image{min-height:620px}.cinematic-home .home-tight .hero-copy{padding-top:58px;padding-bottom:54px}.cinematic-home .home-tight .hero-intro{max-width:440px}.home-tight .cinema-controls{margin-top:24px}.home-tight .hero-note{margin-top:20px}.home-tight .home-store-entry{padding-top:28px;padding-bottom:28px;gap:28px}.home-tight .home-store-entry h2{font-size:clamp(28px,2.8vw,36px);margin-bottom:12px}.home-tight>.section{padding-top:46px;padding-bottom:46px}.home-tight .section-heading{margin-bottom:26px}.home-tight .home-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-tight .cinema-window{height:180px}.home-tight .home-path-grid .mini-label{margin-top:18px}.home-tight .home-people-grid{gap:18px}.home-tight .home-people-grid .lesson-detail-card{padding:22px}.home-tight .home-story-records{gap:10px}.home-tight .home-record-body{padding-top:12px}.home-tight .legacy-actions{margin-top:22px}.home-tight .international-feature{padding-top:38px;padding-bottom:38px}@media(max-width:1180px) and (min-width:761px){.home-tight .home-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cinematic-home .home-tight .hero{min-height:0}.cinematic-home .home-tight .hero-image{min-height:0}.cinematic-home .home-tight .hero-copy{padding:34px 6% 30px}.cinematic-home .home-tight .hero h1{font-size:clamp(42px,10.4vw,54px);margin:18px 0}.home-tight .cinema-controls{margin-top:18px}.home-tight .hero-note{margin-top:16px}.home-tight>.section{padding-top:32px;padding-bottom:32px}.home-tight .home-store-entry{padding:24px 6%;gap:18px}.home-tight .home-path-grid{grid-template-columns:1fr;gap:16px}.home-tight .cinema-window{height:180px}.home-tight .home-people-grid .lesson-detail-card{padding:20px}.home-tight .international-feature{padding-top:30px;padding-bottom:30px}.home-tight .section-heading{margin-bottom:22px}}
