@layer components{.mobile-nav__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:var(--radius);flex-shrink:0}.mobile-nav__toggle:focus-visible{outline:3px solid var(--c-accent-muted);outline-offset:2px}.mobile-nav__bar{display:block;width:22px;height:2px;background:var(--c-paper);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-nav__toggle--open .mobile-nav__bar:first-child{transform:translateY(7px) rotate(45deg)}.mobile-nav__toggle--open .mobile-nav__bar:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-nav__toggle--open .mobile-nav__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav__backdrop{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.35);animation:mnFadeIn .15s ease}.mobile-nav__panel{position:fixed;inset-block-start:3.75rem;inset-inline:0;z-index:200;background:var(--c-accent);-webkit-border-after:1px solid #ffffff14;border-block-end:1px solid #ffffff14;padding:.5rem 1rem 1.25rem;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:mnSlideDown .18s ease}.mobile-nav__list{list-style:none;margin:0;padding:0}.mobile-nav__link{display:flex;align-items:center;min-block-size:52px;padding-inline:.75rem;font-size:var(--text-base);font-weight:500;color:var(--c-paper);text-decoration:none;-webkit-border-after:1px solid #ffffff10;border-block-end:1px solid #ffffff10;border-radius:var(--radius);transition:background .15s}.mobile-nav__link:hover{background:#ffffff0f}.mobile-nav__link--active{font-weight:700;color:#ffffff}.mobile-nav__link:focus-visible{outline:3px solid var(--c-accent-muted);outline-offset:-2px}.mobile-nav__footer{-webkit-padding-before:1rem;padding-block-start:1rem}.mobile-nav__cta{display:flex;align-items:center;justify-content:center;width:100%;min-block-size:48px;background:#ffffff;color:var(--c-accent);font-weight:600;font-size:var(--text-base);border-radius:var(--radius);text-decoration:none;transition:opacity .15s}.mobile-nav__cta:focus-visible,.mobile-nav__cta:hover{opacity:.9}.mobile-nav__cta:focus-visible{outline:3px solid var(--c-accent-muted);outline-offset:2px}@keyframes mnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mnSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mobile-nav__backdrop,.mobile-nav__panel{animation:none}.mobile-nav__bar{transition:none}}@media (max-width:800px){.mobile-nav__toggle{display:flex}}}@layer components{.menu__list{display:flex;list-style:none;margin:0;padding:0;gap:.75rem}.menu__link{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:.75rem;font-size:var(--text-sm);font-weight:500;color:var(--c-accent-muted);text-decoration:none;border-radius:var(--radius);transition:color .15s,background .15s}.menu__link:hover{color:var(--c-paper);background:#ffffff0f}.menu__link--active{color:var(--c-paper);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.menu__link:focus-visible{outline:3px solid var(--c-accent-muted,#c7d2fe);outline-offset:2px;border-radius:var(--radius)}.menu__link[aria-disabled=true]{opacity:.45;cursor:default}.logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}}@layer components{.logo:focus-visible{outline:3px solid var(--c-accent-muted,#c7d2fe);outline-offset:3px;border-radius:var(--radius,6px)}.logo__img{display:block;height:44px;width:auto}.logo__dot{fill:#f4a78b;transition:fill .25s ease}.logo:not(.logo--playing):hover .logo__dot{fill:white;transition:fill .15s ease}@keyframes braille-f{0%{fill:#f4a78b;opacity:1}3%{fill:white;opacity:1}17%{fill:white;opacity:1}21%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-r{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}20%{fill:#f4a78b;opacity:.15}23%{fill:white;opacity:1}36%{fill:white;opacity:1}40%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-e{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}38%{fill:#f4a78b;opacity:.15}41%{fill:white;opacity:1}53%{fill:white;opacity:1}57%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-i{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}55%{fill:#f4a78b;opacity:.15}58%{fill:white;opacity:1}68%{fill:white;opacity:1}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}.logo--playing .logo__dot--f{animation:braille-f 4s ease-in-out 1 forwards}.logo--playing .logo__dot--r{animation:braille-r 4s ease-in-out 1 forwards}.logo--playing .logo__dot--e{animation:braille-e 4s ease-in-out 1 forwards}.logo--playing .logo__dot--i{animation:braille-i 4s ease-in-out 1 forwards}@media (prefers-reduced-motion:reduce){.logo--playing .logo__dot--e,.logo--playing .logo__dot--f,.logo--playing .logo__dot--i,.logo--playing .logo__dot--r,.logo__dot{animation:none!important}}}