.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(245,165,36,.08),transparent 42%),var(--brew-ale);border-bottom:1px solid var(--brew-line);box-shadow:0 12px 32px #100a0647}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1120px;margin:0 auto;padding:max(.65rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .65rem max(1rem,env(safe-area-inset-left))}.site-logo{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;color:var(--brew-foam)}.site-logo:hover{color:var(--brew-amber)}.site-logo-mark{display:grid;place-items:center;flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:.8rem;background:linear-gradient(180deg,var(--brew-amber),var(--brew-copper));color:var(--brew-stout);box-shadow:inset 0 1px #ffffff59}.site-logo-copy{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.03em;line-height:1}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;border:1px solid var(--brew-line);border-radius:.8rem;background:#fff6e80a;color:var(--brew-foam);cursor:pointer}.menu-toggle:focus-visible{outline:2px solid var(--brew-amber);outline-offset:2px}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{display:block;width:1.1rem;height:2px;border-radius:999px;background:currentColor}.menu-toggle-bars{position:relative}.menu-toggle-bars:before,.menu-toggle-bars:after{position:absolute;left:0;content:""}.menu-toggle-bars:before{top:-6px}.menu-toggle-bars:after{top:6px}.site-header.is-nav-open .menu-toggle-bars{background:transparent}.site-header.is-nav-open .menu-toggle-bars:before{top:0;transform:rotate(45deg)}.site-header.is-nav-open .menu-toggle-bars:after{top:0;transform:rotate(-45deg)}.nav-backdrop{position:fixed;top:calc(3.6rem + env(safe-area-inset-top));right:0;bottom:0;left:0;z-index:15;border:0;margin:0;padding:0;background:#0a06038c}.site-nav[hidden]{display:none!important}.site-nav{position:fixed;top:calc(3.6rem + env(safe-area-inset-top));right:0;bottom:0;left:0;z-index:16;overflow-y:auto;overscroll-behavior:contain;padding:.5rem 1rem max(1.5rem,env(safe-area-inset-bottom));background:var(--brew-ale);-webkit-overflow-scrolling:touch}.nav-list,.nav-sublist,.nav-panel-list{margin:0;padding:0;list-style:none}.nav-list{display:flex;flex-direction:column;gap:.35rem}.nav-trigger,.nav-panel-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:1px solid transparent;border-radius:.9rem;padding:.7rem .9rem;background:#fff6e80a;color:var(--brew-foam);font:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-trigger-icon{flex-shrink:0;width:.5rem;height:.5rem;margin-left:.75rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.7}.nav-item.is-open .nav-trigger-icon{transform:rotate(-135deg)}.nav-trigger:hover,.nav-trigger.is-open,.nav-trigger.is-active,.nav-trigger:focus-visible,.nav-panel-link:hover,.nav-panel-link.is-active,.nav-panel-link:focus-visible{border-color:#f5a52473;background:#f5a52424;color:var(--brew-amber);outline:none}.nav-sublist{display:flex;flex-direction:column;gap:.35rem;padding:.35rem 0 .65rem .75rem}.nav-panel{display:none}@media (min-width: 64rem){.menu-toggle,.nav-backdrop,.nav-trigger-icon{display:none}.site-header-inner{gap:1.5rem;padding:.85rem 1.25rem}.site-nav{position:static;flex:1;overflow:visible;padding:0;background:transparent}.nav-list{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.nav-trigger,.nav-panel-link{width:auto;min-height:2.4rem;justify-content:center;border-radius:999px;padding:.45rem .85rem;font-size:.92rem;font-weight:500}.nav-panel{display:block;border-top:1px solid var(--brew-line);background:#100a068c}.nav-panel-inner{max-width:1120px;margin:0 auto;padding:.85rem 1.25rem 1rem}.nav-panel-list{display:flex;flex-wrap:wrap;gap:.5rem}}:root{--brew-stout: #140d09;--brew-ale: #23160f;--brew-foam: #fff6e8;--brew-amber: #f5a524;--brew-copper: #c45c26;--brew-malt: #d4b896;--brew-line: rgba(245, 165, 36, .18);--font-sans: Outfit, ui-sans-serif, system-ui, sans-serif;--font-display: Fraunces, Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--brew-foam);background:radial-gradient(circle at top,rgba(245,165,36,.14),transparent 34%),var(--brew-stout);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{overflow-x:hidden}button,a{touch-action:manipulation}a{font-weight:500;color:var(--brew-amber);text-decoration:none}a:hover{color:#ffd078}h1{font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 .8rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:1.5rem 1rem max(2.75rem,env(safe-area-inset-bottom))}.page{max-width:42rem}.language-page{display:flex;flex-direction:column;width:100%}.page p{margin:0;color:var(--brew-malt);font-size:1.05rem}@media (min-width: 64rem){.app-main{padding:2.75rem 1.25rem 4rem}.page p{font-size:1.08rem}}