:root{--ink:#15120d;--ink-2:#1c1811;--ink-3:#241f16;--paper:#f7ecd3;--paper-dim:#e9dcb8;--yellow:#f6c30f;--yellow-deep:#caa10a;--beer-top:#f3b23a;--beer-bottom:#c67d15;--foam:#fff7e3;--ink-soft:#b7a683;--ink-soft-2:#8d8064;--line:rgba(246,195,15,0.22);--shadow:rgba(0,0,0,0.5);--wood:#6b4a2b;--wood-dark:#4a3119;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}img{max-width:100%}body{background:var(--ink);color:var(--paper);font-family:Archivo,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:"Permanent Marker","Segoe UI",cursive,sans-serif;font-weight:400;text-wrap:balance;line-height:1.15;margin:0}p{margin:0}a{color:inherit}.mono{font-family:"Space Mono",ui-monospace,monospace}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.wrap{max-width:920px;margin-inline:auto;padding-inline:clamp(16px,5vw,32px)}header.site{position:sticky;top:env(safe-area-inset-top,0);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(16px,5vw,32px);background:rgba(21,18,13,.9);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:34px;height:34px;border-radius:50%;border:2px solid var(--yellow);object-fit:cover;flex-shrink:0}.brand span{font-family:"Permanent Marker",cursive;font-size:1.15rem;color:var(--yellow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:Archivo,sans-serif;font-weight:700;font-size:.95rem;padding:11px 20px;border-radius:999px;text-decoration:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px) scale(.98)}.btn-primary{background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 var(--yellow-deep)}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 5px 0 var(--yellow-deep);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 0 var(--yellow-deep)}.btn-small{padding:8px 16px;font-size:.85rem}.btn-ghost{background:0 0;color:var(--paper);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--yellow);color:var(--yellow)}.hero-cover{position:relative}.hero-cover img{width:100%;display:block;aspect-ratio:2055/765;object-fit:cover}.hero-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,18,13,0) 55%,rgba(21,18,13,.95) 100%)}.hero-avatar{position:absolute;left:clamp(16px,5vw,32px);bottom:-46px;width:96px;height:96px;border-radius:50%;border:5px solid var(--ink);box-shadow:0 0 0 3px var(--yellow);overflow:hidden;background:var(--ink-2);z-index:3}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-body{padding-top:64px;padding-bottom:clamp(28px,6vw,48px)}.eyebrow{font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--ink-soft);margin-bottom:14px;display:block}.motto{font-size:clamp(2.1rem, 6.4vw, 3.6rem);margin-bottom:22px}.motto .hl{color:var(--yellow)}.hero-sub{font-size:1.08rem;color:var(--ink-soft);max-width:56ch;line-height:1.6;margin-bottom:26px}.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-note{font-size:.85rem;color:var(--ink-soft-2);font-style:italic}section{padding-block:clamp(40px,7vw,72px)}.section-head{margin-bottom:28px;max-width:60ch}.section-head h2{font-size:clamp(1.5rem,4vw,2.2rem);margin-top:6px}.paper-card{background:var(--paper);color:var(--ink);border-radius:6px;padding:clamp(20px,4vw,32px);position:relative;box-shadow:0 10px 24px var(--shadow),0 1px 0 rgba(255,255,255,.06) inset}.paper-card::before{content:"";position:absolute;top:-10px;left:28px;width:64px;height:22px;background:rgba(246,195,15,.55);transform:rotate(-6deg);box-shadow:0 1px 2px rgba(0,0,0,.25)}.quote-card{transform:rotate(-1.1deg)}.quote-card p.lead{font-size:1.02rem;color:#6b5c3c;margin-bottom:14px}.quote-card blockquote{font-family:"Permanent Marker",cursive;font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:1.5;margin:0 0 16px;color:var(--ink)}.quote-card cite{font-style:normal;font-size:.85rem;color:#6b5c3c;display:block;margin-bottom:16px}.fb-link{font-weight:700;text-decoration:none;color:#7a5300;border-bottom:2px solid var(--yellow-deep);padding-bottom:1px}.list-card{transform:rotate(1deg);margin-top:26px}.list-card h3{font-family:Archivo,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.03em;text-transform:uppercase;color:#6b5c3c;margin-bottom:14px}.checklist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.checklist li{display:flex;align-items:center;gap:10px;font-weight:600}.checklist li::before{content:"✓";width:20px;height:20px;flex-shrink:0;border-radius:5px;background:var(--ink);color:var(--yellow);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center}@media (max-width:520px){.checklist{grid-template-columns:1fr}}.signpost-stage{display:flex;justify-content:center;padding-block:20px 10px}.signpost{position:relative;width:min(100%,380px);height:300px}.post{position:absolute;left:50%;top:40px;bottom:0;width:16px;transform:translateX(-50%);background:linear-gradient(90deg,var(--wood-dark),var(--wood) 45%,var(--wood-dark));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}.sign{position:absolute;height:38px;display:flex;align-items:center;font-family:"Space Mono",monospace;font-weight:700;font-size:.78rem;letter-spacing:.06em;color:var(--yellow);background:linear-gradient(180deg,var(--wood),var(--wood-dark));box-shadow:0 4px 8px rgba(0,0,0,.35);text-transform:uppercase}.sign.right{left:50%;padding:0 16px 0 22px;clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,0 100%,12px 50%);border-radius:0 4px 4px 0}.sign.left{right:50%;padding:0 22px 0 16px;justify-content:flex-end;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,0 50%);border-radius:4px 0 0 4px}.sign.s1{top:44px;transform:rotate(-2deg)}.sign.s2{top:100px;transform:rotate(1.5deg)}.sign.s3{top:156px;transform:rotate(-1.2deg)}.sign.s4{top:212px;transform:rotate(2deg)}.pigeon{position:absolute;top:0;left:14%;width:46px;height:34px;animation:pigeon-walk 16s ease-in-out infinite}.pigeon-figure{position:relative;width:100%;height:100%;transform-origin:50% 100%;translate:-6px 0;animation:pigeon-bob .55s ease-in-out infinite,pigeon-flip 16s ease-in-out infinite}.pigeon .body{position:absolute;bottom:0;left:6px;width:30px;height:20px;background:#9a9488;border-radius:60% 60% 50% 50%}.pigeon .head{position:absolute;bottom:14px;left:0;width:16px;height:14px;background:#a9a397;border-radius:50%}.pigeon .beak{position:absolute;bottom:18px;left:-4px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:6px solid var(--yellow)}.pigeon-caption{position:absolute;top:-4px;right:-8px;font-family:"Space Mono",monospace;font-size:.62rem;color:var(--ink-soft);white-space:nowrap}@media (prefers-reduced-motion:reduce){.pigeon,.pigeon-figure{animation:none}}@keyframes pigeon-walk{0%{left:14%}48%{left:78%}52%{left:78%}98%{left:14%}100%{left:14%}}@keyframes pigeon-flip{0%,48%{scale:-1 1}52%,98%{scale:1 1}100%{scale:-1 1}}@keyframes pigeon-bob{0%,100%{translate:-6px 0}50%{translate:-6px -2px}}.tavern{background:var(--ink-3);border-radius:14px;padding:clamp(20px,4vw,40px);border:1px solid var(--line);box-shadow:0 20px 44px rgba(0,0,0,.4)}.pour-stage{display:flex;align-items:flex-end;justify-content:center;gap:clamp(20px,6vw,56px);position:relative;padding-block:28px 8px;min-height:230px}.bottle-btn{background:0 0;border:none;padding:0;cursor:grab;touch-action:none;width:clamp(60px,16vw,90px);flex-shrink:0}.bottle-btn:active{cursor:grabbing}.bottle-btn:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;border-radius:6px}.bottle-svg{width:100%;height:auto;display:block;transform-origin:88% 96%;will-change:transform;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.cap{fill:var(--yellow-deep)}.neck{fill:#2c3626}.glass{fill:#37432c;stroke:rgba(255,255,255,0.08);stroke-width:1}.label{fill:var(--yellow);opacity:.92}.mug-wrap{width:clamp(90px,22vw,130px);flex-shrink:0}.mug-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.mug-body{fill:rgba(255,255,255,0.05)}.mug-outline{fill:none;stroke:var(--paper-dim);stroke-width:4;opacity:.85}.handle{fill:none;stroke:var(--paper-dim);stroke-width:11;opacity:.85}.beer-fill{fill:url(#beerGrad)}.foam{fill:var(--foam)}.bubbles circle{fill:rgba(255,255,255,.55);opacity:0}.mug-wrap.active .bubbles circle{animation:rise 2.4s linear infinite}.bubbles circle:first-child{animation-delay:0s}.bubbles circle:nth-child(2){animation-delay:.6s}.bubbles circle:nth-child(3){animation-delay:1.2s}.bubbles circle:nth-child(4){animation-delay:1.8s}@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:.6}100%{transform:translateY(-90px);opacity:0}}.stream{position:absolute;width:7px;border-radius:4px;opacity:0;pointer-events:none;top:34px;left:calc(50% - 6px);background:repeating-linear-gradient(180deg,var(--beer-top) 0 6px,var(--beer-bottom) 6px 12px);transition:opacity .12s ease;z-index:2}@media (prefers-reduced-motion:no-preference){.stream.pouring{animation:flow .35s linear infinite}}@keyframes flow{from{background-position-y:0}to{background-position-y:12px}}.pour-hud{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}.pour-count{font-family:"Space Mono",monospace;font-size:.95rem;color:var(--ink-soft)}.pour-count b{color:var(--yellow);font-size:1.15rem}.toast{position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%);background:var(--paper);color:var(--ink);font-weight:700;font-size:.85rem;padding:8px 14px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .25s ease,transform .25s ease;box-shadow:0 6px 14px rgba(0,0,0,.35)}.toast::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--paper)}.toast.show{opacity:1;transform:translate(-50%,-112%)}.hint{text-align:center;font-size:.85rem;color:var(--ink-soft-2);margin-top:6px}footer{border-top:1px solid var(--line);padding-block:clamp(32px,6vw,48px)}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.footer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-motto{font-size:1.1rem;max-width:38ch}.footer-motto .hl{color:var(--yellow)}.footer-fine{font-size:.8rem;color:var(--ink-soft-2);font-style:italic;max-width:60ch;line-height:1.6}.footer-url{font-family:"Space Mono",monospace;color:var(--ink-soft);font-size:.85rem;margin-top:10px}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}