@font-face{font-family:PubDisplay;src:url('assets/display.otf')}@font-face{font-family:PubBrand;src:url('assets/brand.otf')}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#080c09;color:#efdfc3;font:16px/1.5 Arial,Helvetica,sans-serif;--green:#194b35;--cream:#efdfc3;--muted:#baa98f;--line:#514630}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c5d89b;outline-offset:4px}[hidden]{display:none!important}.pub{max-width:600px;margin:0 auto;background:#0b110d;min-height:100svh;box-shadow:0 0 90px #0008}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;height:92px;padding:10px 20px;border-bottom:1px solid #64754b50;background:#10291e}.brand{text-align:center;display:block}.wordmark{font-family:PubBrand,Georgia,serif;font-size:35px;line-height:1;letter-spacing:.04em;display:block}.wordmark small{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.4em;display:block;margin-top:8px}.brand-star{font-size:27px;color:#8b9f65}.icon-button{width:44px;height:44px;display:grid;place-items:center;font-size:27px}.welcome{position:relative;background:#080b08;overflow:hidden}.welcome-dog{display:block;width:100%;height:auto}.welcome-copy{position:relative;margin-top:-20%;padding:65px 25px 22px;background:linear-gradient(transparent,#080b08 25%)}.overline{font-size:12px;font-weight:700;letter-spacing:.15em;color:#b8c596;margin:0 0 16px}.welcome-copy h1{font-family:PubDisplay,'Arial Narrow',sans-serif;font-style:oblique;font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.92;font-size:clamp(60px,16vw,102px);transform:rotate(-4deg);margin:0 0 28px;text-shadow:2px 3px #000}.welcome-copy h1:after,.menu-heading h1:after{content:'';display:block;width:70%;height:5px;background:#86a163;transform:rotate(-2deg);margin-top:13px}.enter{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;background:#194631;border-top:2px solid #506747;border-bottom:2px solid #32452d;box-shadow:0 5px 0 #040a06;clip-path:polygon(1% 3%,98% 0,100% 94%,2% 100%,0 40%);font-family:PubDisplay,sans-serif;font-weight:900;line-height:1.15;font-size:27px;transition:background .2s,transform .2s}.enter small{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:.1em;margin-top:4px}.enter>span:last-child{font-size:30px}.enter:hover{background:#255d41;transform:translateY(-2px)}footer{padding:25px 22px 110px;text-align:center;color:var(--muted);font-size:12px}footer p{letter-spacing:.13em;font-size:12px;color:var(--cream)}footer small{display:block;font-size:12px;margin-top:8px;line-height:1.6}.home footer{padding-bottom:28px;background:#080b08}.menu-main{padding:24px 14px 0}.menu-heading{padding:0 7px 27px}.menu-heading h1{font-family:PubDisplay,sans-serif;font-weight:900;font-style:oblique;text-transform:uppercase;font-size:clamp(35px,9.5vw,56px);letter-spacing:-.025em;line-height:1.07;transform:rotate(-3deg);margin:0}.menu-heading .overline{font-size:11px;margin-bottom:14px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.category-card{display:block;overflow:hidden;border:1px solid #665b3e70;border-radius:5px;background:#0b1510;transition:transform .22s,border-color .22s;animation:appear .38s both;animation-delay:var(--delay)}.category-photo{aspect-ratio:1.68;background-image:url('assets/categories.webp');background-size:200% 425%;transition:filter .25s;filter:saturate(.9)}.photo-0{background-position:0 0}.photo-1{background-position:100% 0}.photo-2{background-position:0 31.5%}.photo-3{background-position:100% 31.5%}.photo-4{background-position:0 62.7%}.photo-5{background-position:100% 62.7%}.photo-6{background-position:0 94.1%}.photo-7{background-position:100% 94.1%}.category-label{display:flex;align-items:center;gap:8px;padding:10px 10px 12px;border-top:1px solid #655a3c55;min-height:108px}.category-label>div{flex:1;min-width:0}.category-label h2{font-family:PubDisplay,sans-serif;text-transform:uppercase;font-size:clamp(20px,5vw,26px);line-height:1.08;font-weight:800;margin:0 0 5px}.category-label p{font-size:12px;line-height:1.5;color:#b5aa93;margin:0}.category-label>span{font-size:23px;color:#bfa376}.category-card:hover{border-color:#b5ac7a;transform:translateY(-3px)}.category-card:hover .category-photo{filter:saturate(1.1) brightness(1.1)}.category-card:active{transform:scale(.975)}.bonifacio{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #4a5136;border-bottom:1px solid #4a5136;margin-top:23px;padding:17px 9px;color:#b6c697;font-size:23px}.bonifacio span{font-size:11px;letter-spacing:.1em}.bonifacio b{display:block;font:24px/1.3 PubDisplay,sans-serif;letter-spacing:0;color:var(--cream);text-transform:uppercase;margin-top:4px}.pub-quote{text-transform:uppercase;font:italic 24px/1.25 PubDisplay,sans-serif;text-align:center;padding:21px 12px 0;transform:rotate(-2deg)}.photo-note{text-align:center;color:#9b907c;font-size:12px}.section-photo{height:160px;background-image:linear-gradient(transparent,transparent),url('assets/categories.webp');background-image:url('assets/categories.webp');background-size:200% 425%;position:relative}.section-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#0b110d)}.section-heading{padding:24px 21px 18px}.section-heading h1{font:900 46px/1.03 PubDisplay,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:16px 0 12px}.section-heading p{font-size:16px;color:#beaf96;line-height:1.5;margin:0}.backlink{font-size:14px;color:#b9c99a}.controls{padding:8px 20px 18px}.searchbox{display:flex;align-items:center;gap:10px;border:1px solid #665a42;border-radius:4px;background:#111b15;padding:5px 12px}.searchbox>span{font-size:25px}.searchbox input{padding:9px 0;min-width:0;width:100%;background:transparent;color:var(--cream);border:0;outline-offset:0}.searchbox input::placeholder{color:#a89c87}.group-select{display:flex;gap:12px;align-items:center;margin-top:12px;font-size:14px}.group-select select{flex:1;min-width:0;background:#193124;border:1px solid #546044;border-radius:4px;padding:12px;color:var(--cream)}.result-count{font-size:12px;color:var(--muted);margin-bottom:0}.products{padding:0 20px}.product{padding:20px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-top:1px solid #44442d}.product h3{font-size:18px;line-height:1.35;margin:0 0 7px;color:#f4e7d1}.product p{font-size:14px;color:#baad97;line-height:1.55;margin:0}.product-action{display:flex;align-items:flex-end;flex-direction:column;gap:12px;max-width:185px}.price{font-size:18px;white-space:nowrap;color:#e3cd9f}.add{background:#173b29;border:1px solid #5d714e;color:var(--cream);border-radius:3px;padding:10px 12px;min-height:44px;font-size:14px;white-space:nowrap;transition:background .2s,transform .2s}.add:hover{background:#275e40}.add:active{transform:scale(.94)}.portion>span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.portion select{width:100%;max-width:180px;background:#151d16;border:1px solid #60553e;color:var(--cream);border-radius:3px;padding:9px 5px;font-size:14px;min-height:44px}.basket{position:fixed;z-index:20;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(564px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:13px 16px;background:#e6d6b8;color:#14261b;box-shadow:0 7px 40px #0008;border-radius:5px;animation:slide-up .25s}.basket-count{display:grid;place-items:center;min-width:35px;height:35px;border-radius:50%;background:#204630;color:#f0e1c7;font-weight:bold}.basket>span:nth-child(2){flex:1}.basket small{display:block;font-size:12px}.basket strong{font-size:14px}.order-page .basket{display:none}.order-main{padding-bottom:10px}.order-main>.enter{margin:22px}.order-line{margin:0 21px;padding:20px 0;border-bottom:1px solid #45492f}.order-line h2{font-size:18px;margin:0}.order-line p{font-size:14px;color:var(--muted);margin:6px 0}.order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.quantity{display:flex;align-items:center;border:1px solid #5b6244;border-radius:4px}.quantity button{width:44px;height:44px;background:#163424;border:0;color:var(--cream);font-size:23px}.quantity span{min-width:42px;text-align:center}.order-summary{padding:25px 21px}.order-summary>div{display:flex;align-items:center;justify-content:space-between;font-size:18px}.order-summary strong{font-size:25px}.order-summary p{color:var(--muted);font-size:14px;line-height:1.6}.clear{color:#e7d8bc;background:transparent;border:1px solid #746649;padding:12px 16px;font-size:14px;border-radius:3px}.empty-order{padding:28px 22px 10px;color:#c3b89f}.empty-order b{display:block;font:30px PubDisplay,sans-serif;color:var(--cream);text-transform:uppercase;margin-bottom:10px}.no-results{padding:25px 22px}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,12px);z-index:25;background:#244c34;color:#f2e6d0;padding:12px 18px;border:1px solid #77915e;border-radius:4px;opacity:0;pointer-events:none;max-width:90%;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes slide-up{from{opacity:0;bottom:0}to{opacity:1}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.22s}main{animation:appear .3s ease-out}@media(min-width:800px){body{padding:25px 0;background:radial-gradient(ellipse at top,#1b2b20,#070a08 70%)}.pub{border:1px solid #394431}.topbar{height:105px}.category-label{min-height:112px}.category-photo{aspect-ratio:1.8}.section-photo{height:220px}.welcome-copy{padding-top:70px}.welcome-copy h1{font-size:108px}}@media(max-width:370px){.category-grid{gap:8px}.category-label{padding:8px;gap:3px;min-height:115px}.category-label h2{font-size:20px}.category-label>span{font-size:19px}.wordmark{font-size:29px}.product{grid-template-columns:1fr}.product-action{max-width:none;flex-direction:row;align-items:center;flex-wrap:wrap}.product-action .add{margin-left:auto}.section-heading h1{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
