:root{font-family:Aptos,Segoe UI,sans-serif;color:#fff9ef;background:#17120e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--color-ink: #fff9ef;--color-muted: rgba(255, 249, 239, .72);--color-glass: rgba(21, 17, 13, .34);--color-glass-border: rgba(255, 249, 239, .22);--color-accent: #ffc15b;--color-accent-strong: #f3a623}:root[data-theme=light]{color:#2a1b10;background:#f6eee2;--color-ink: #2a1b10;--color-muted: rgba(42, 27, 16, .72);--color-glass: rgba(255, 249, 239, .76);--color-glass-border: rgba(42, 27, 16, .18);--color-accent: #9b5e0d;--color-accent-strong: #754207}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible+.skip-control__box{outline:3px solid var(--color-accent);outline-offset:4px}.intro{position:relative;display:flex;min-height:100vh;min-height:100svh;flex-direction:column;overflow:hidden;isolation:isolate;color:var(--color-ink)}.intro__backdrop,.intro__shade,.intro__grain{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none}.intro__backdrop{background-image:url(/assets/2BeersBackground-DX491HPa.png);background-position:center 56%;background-size:cover;transform:scale(1.025);animation:backdrop-arrive 1.8s ease-out both}.intro__shade{background:linear-gradient(180deg,#0d0a088f,#0d0a0833 43%,#0d0a085c),linear-gradient(90deg,rgba(13,10,8,.58),transparent 90%);transition:background .24s ease}:root[data-theme=light] .intro__shade{background:linear-gradient(180deg,#fff9efad,#fff9ef1a 45%,#fff9ef57),linear-gradient(90deg,rgba(255,249,239,.6),transparent 92%)}.intro__grain{z-index:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.toolbar,.copy,.intro-footer{position:relative;z-index:1}.toolbar{display:flex;align-items:center;justify-content:space-between;width:min(100% - 56px,1440px);margin:0 auto;padding-top:27px}.brand-mark{display:inline-flex;align-items:center;gap:9px;color:var(--color-ink);font-size:19px;font-weight:800;letter-spacing:-.07em;text-decoration:none}.brand-mark img{filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}.brand-mark__accent{color:var(--color-accent)}.toolbar__actions{display:flex;align-items:center;gap:10px}.language-switch{display:flex;padding:3px;border:1px solid var(--color-glass-border);border-radius:999px;background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.language-switch button{min-width:39px;min-height:34px;padding:0 9px;border:0;border-radius:999px;color:var(--color-muted);background:transparent;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.07em;transition:color .16s ease,background .16s ease}.language-switch button[aria-pressed=true]{color:#25170d;background:var(--color-accent)}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid var(--color-glass-border);border-radius:50%;color:var(--color-ink);background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button:hover{transform:translateY(-2px);border-color:var(--color-accent)}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.icon-button__moon{display:none}:root[data-theme=light] .icon-button__sun{display:none}:root[data-theme=light] .icon-button__moon{display:block}.copy{width:min(100% - 48px,1120px);margin:auto auto 0;padding:5vh 0 16vh;text-align:center;text-shadow:0 3px 25px rgba(22,13,7,.6)}.intro--skipped .copy{display:none}.copy__eyebrow{margin:0 0 17px;color:var(--color-accent);font-size:11px;font-weight:800;letter-spacing:.34em;text-shadow:0 2px 12px rgba(24,13,6,.45)}.copy__title{min-height:1.12em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,10vw,7.4rem);font-weight:700;letter-spacing:-.065em;line-height:1;text-wrap:balance}.copy__quote{min-height:1.6em;margin:22px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,3vw,1.85rem);font-style:italic;line-height:1.4}.copy__byline{min-height:1.6em;margin:15px 0 0;color:var(--color-muted);font-size:clamp(.95rem,2.2vw,1.25rem);letter-spacing:.025em}.typed-character{display:inline-block;animation:tipsy-letter .46s ease-in-out both;animation-delay:calc(var(--char-index) * 17ms);transform-origin:50% 80%}.intro-footer{display:flex;align-items:end;justify-content:space-between;width:min(100% - 56px,1440px);margin:auto auto 0;padding:0 0 24px}.skip-control{display:inline-flex;min-height:44px;align-items:center;gap:11px;color:var(--color-ink);cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.skip-control input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.skip-control__box{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border:1px solid rgba(255,249,239,.62);border-radius:5px;background:var(--color-glass);transition:border-color .16s ease,background .16s ease}.skip-control__box svg{width:15px;height:15px;fill:none;stroke:#25170d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;opacity:0}.skip-control input:checked+.skip-control__box{border-color:var(--color-accent);background:var(--color-accent)}.skip-control input:checked+.skip-control__box svg{opacity:1}.brand-footer{display:flex;align-items:center;gap:11px;color:var(--color-muted);font-size:11px;letter-spacing:.04em}.brand-footer__link{display:flex;min-height:30px;align-items:center}.brand-footer__logo{display:block;width:86px;height:auto;opacity:.78;transition:opacity .16s ease}.brand-footer__link:hover .brand-footer__logo{opacity:1}.brand-footer__logo--light{display:none}:root[data-theme=light] .brand-footer__logo--dark{display:none}:root[data-theme=light] .brand-footer__logo--light{display:block}.about-dialog{position:relative;width:min(100% - 32px,420px);padding:35px;border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#fff9ef;background:#201811;box-shadow:0 24px 80px #0006}.about-dialog::backdrop{background:#0a0806b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.about-dialog form{position:absolute;top:15px;right:15px}.about-dialog__close{width:36px;height:36px}.about-dialog__brand{display:flex;align-items:center;gap:12px}.about-dialog__brand .copy__eyebrow{margin:0}.about-dialog h2{margin:22px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:32px}.about-dialog p{color:#fff9efc2;line-height:1.6}.about-dialog__version{margin:0;color:var(--color-accent)!important;font-size:13px}.about-dialog__links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:25px}.about-dialog__links a{color:#ffd084;font-size:13px;text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@keyframes tipsy-letter{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(-2deg)}70%{transform:translateY(1px) rotate(1.5deg)}}@keyframes backdrop-arrive{0%{transform:scale(1.08);filter:saturate(.7)}to{transform:scale(1.025);filter:saturate(1)}}@media(max-width:600px){.toolbar,.intro-footer{width:calc(100% - 34px)}.toolbar{padding-top:17px}.copy{width:calc(100% - 32px);padding:4vh 0 13vh}.copy__title{font-size:clamp(3rem,13vw,5rem)}.copy__quote{max-width:440px;margin-right:auto;margin-left:auto}.intro-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.brand-footer{gap:7px}.brand-footer__logo{width:72px}}@media(max-width:380px){.toolbar__actions{gap:6px}.icon-button{width:38px;height:38px}.language-switch button{min-width:34px;padding:0 6px}.brand-footer__version{font-size:10px}.brand-footer__logo{width:62px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
