.mobile-menu-toggle{display:none}
@media(max-width:960px){
 body>.home-header{min-height:76px;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem;justify-content:space-between}
 .home-header .brand .brand-symbol{width:44px;height:44px}
 .home-header .brand>.brand-wordmark{font-size:1.4rem}
 .home-header .brand .brand-wordmark>span{font-size:.75rem}
 .home-header.mobile-menu-ready .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:.5rem .75rem;border:1px solid #b5a7ca;border-radius:8px;background:#fff;color:#321263;font-weight:700;cursor:pointer}
 .home-header.mobile-menu-ready:not(.menu-open)>nav,.home-header.mobile-menu-ready:not(.menu-open)>.language-control{display:none}
 .home-header.menu-open>nav{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;width:100%;padding-top:.5rem;border-top:1px solid #e0d7ef}
 .home-header.menu-open>nav a{display:flex;align-items:center;min-height:44px;padding:.4rem 0}
 .home-header.menu-open>.language-control{width:100%;justify-content:space-between;padding-top:.5rem}
 .home-header>.button{display:none}
 .hero-reference .hero{padding-top:1rem;gap:1.75rem}
 .hero-reference .hero-figure{order:-1;max-width:480px}
 .hero-reference .hero-art{border-radius:18px;box-shadow:0 12px 28px #562eb51a}
 .hero-reference .hero-figure figcaption{font-size:.875rem;margin-top:.65rem}
}
@media(max-width:360px){.home-header a.brand{gap:.4rem}.home-header .brand>.brand-wordmark{font-size:1.2rem}.home-header .brand .brand-symbol{width:38px;height:38px}}
