:root{--bg:#faf4ea;--surface:#fffaf2;--surface-2:#f3e6d5;--ink:#272619;--muted:#706857;--line:#dfd0be;--brand:#a63811;--olive:#4f5603;--header:#fffaf2;--menu:#344019;--menu-ink:#fff8ed;--shadow:0 22px 55px #51391c20}
html[data-theme="dark"]{--bg:#171a12;--surface:#212519;--surface-2:#2b3020;--ink:#f6ebda;--muted:#b5ad9b;--line:#414633;--brand:#e88b5c;--olive:#c4cc8b;--header:#1d2116;--menu:#11160d;--menu-ink:#f6ebda;--shadow:0 22px 55px #0006}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif;transition:background .25s,color .25s}body.locked{overflow:hidden}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.wrap{width:min(100% - 48px,1240px);margin-inline:auto}.overline{color:var(--brand);text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700;margin:0 0 14px}.site-header{height:82px;padding:0 clamp(22px,4vw,70px);display:flex;align-items:center;justify-content:space-between;background:var(--header);border-bottom:1px solid var(--line);position:relative;z-index:30;transition:background .25s}.header-logo{display:flex;align-items:center;width:177px}.header-logo img{display:block;width:100%;height:auto}html[data-theme="dark"] .header-logo img,html[data-theme="dark"] .footer img{filter:brightness(0) invert(1)}.header-actions{display:flex;gap:10px;align-items:center}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);height:43px;padding:0 17px;display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.theme-toggle:hover,.menu-toggle:hover{background:var(--surface-2);border-color:var(--brand)}.theme-icon{font-size:19px;line-height:1}.menu-toggle{min-width:94px;justify-content:space-between}.hamburger{width:17px;display:grid;gap:5px}.hamburger i{height:2px;background:currentColor;display:block;transition:transform .2s}.menu-toggle[aria-expanded="true"] .hamburger i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .hamburger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.full-menu{position:fixed;inset:82px 0 0;background:var(--menu);color:var(--menu-ink);z-index:25;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility .25s;overflow-y:auto}.full-menu.open{opacity:1;visibility:visible;transform:none}.full-menu-inner{width:min(100% - 48px,1240px);margin:auto;padding:50px 0 42px;min-height:calc(100dvh - 82px);display:flex;flex-direction:column}.full-menu .overline{color:#eec1a5}.full-menu a{text-decoration:none;border-bottom:1px solid #ffffff35;display:flex;gap:34px;align-items:baseline;font:600 clamp(3.5rem,8vw,7.8rem)/1.07 'Playfair Display',serif;letter-spacing:-.055em;padding:8px 0;transition:padding .2s,color .2s}.full-menu a:hover,.full-menu a:focus-visible{padding-left:20px;color:#f4bea0}.full-menu a span{font:700 13px 'DM Sans',sans-serif;letter-spacing:.15em;color:#efbc9d}.full-menu-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:auto;padding-top:28px}.full-menu-bottom p{color:#e3dccd;margin:0}.full-menu-bottom button{border:1px solid #ffffff75;background:none;color:inherit;padding:13px 18px;cursor:pointer}.full-menu-bottom button span{margin-left:22px}
.hero{height:calc(100svh - 82px);min-height:590px;position:relative;display:flex;align-items:center;overflow:hidden;background:#332014;color:#fff8ef}.hero-photo{position:absolute;inset:-9% 0;background-image:url('assets/hero-pizza.png');background-position:center;background-size:cover;transform:translate3d(0,var(--parallax,0px),0) scale(1.06);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,15,10,.88) 0%,rgba(29,18,11,.68) 38%,rgba(20,14,10,.14) 78%),linear-gradient(0deg,rgba(20,14,10,.45),transparent 40%)}.hero-content{position:relative;z-index:1;padding:48px 0 80px}.hero-location{font-size:12px;text-transform:uppercase;letter-spacing:.19em;font-weight:700;color:#f5c4a1;margin:0 0 27px}.hero h1{font:600 clamp(3.5rem,7vw,7.2rem)/.98 'Playfair Display',serif;letter-spacing:-.055em;margin:0;max-width:890px;text-wrap:balance}.hero h1 em{font-style:normal;color:#ffd4b0}.hero-content>p:not(.hero-location){max-width:420px;font-size:18px;margin:27px 0 32px;color:#f6e8d8}.hero-cta{display:inline-flex;align-items:center;gap:34px;background:#a63811;color:#fff9f2;padding:16px 21px;text-decoration:none;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.hero-cta:hover{background:#c14720;transform:translateY(-2px)}.hero-cta span{font-size:20px}.hero-bottom{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:1;display:flex;justify-content:space-between;font-size:12px;color:#f8e8d6;letter-spacing:.03em}
.menu-section{padding-top:108px;padding-bottom:105px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:37px}.section-head h2,.order-band h2,.about h2{font:600 clamp(2.7rem,5vw,5rem)/1.04 'Playfair Display',serif;letter-spacing:-.045em;margin:0}.section-head>p{max-width:340px;color:var(--muted);margin:0 0 7px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{position:relative;border:0;padding:0;overflow:hidden;aspect-ratio:4/5;background:var(--surface-2);cursor:pointer;text-align:left;color:white}.category-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .5s}.category-card:hover img,.category-card:focus-visible img{transform:scale(1.065)}.category-card:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.category-card.selected{outline:3px solid var(--brand);outline-offset:3px}.category-overlay{position:absolute;z-index:1;inset:auto 20px 20px;display:grid;gap:4px}.category-overlay small{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:#ffe5ce}.category-overlay strong{font:600 clamp(1.6rem,2vw,2.4rem)/1 'Playfair Display',serif}.category-overlay i{position:absolute;right:0;bottom:0;font:normal 25px 'DM Sans',sans-serif}.products-heading{border-top:1px solid var(--line);margin-top:78px;padding-top:27px;display:flex;justify-content:space-between;align-items:end;gap:20px}.products-heading h3{font:600 clamp(2.1rem,3vw,3.3rem)/1.08 'Playfair Display',serif;margin:0}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 15px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--olive);border-color:var(--olive);color:var(--surface)}.menu-grid{margin-top:29px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.menu-card{background:var(--surface);border:1px solid var(--line);min-height:198px;padding:23px;display:flex;gap:17px;align-items:stretch;transition:transform .2s,box-shadow .2s}.menu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.menu-card-copy{flex:1;display:flex;flex-direction:column;min-width:0}.card-tag{color:var(--brand);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.menu-card h4{font:600 24px/1.1 'Playfair Display',serif;letter-spacing:-.025em;margin:11px 0 7px}.menu-card p{font-size:14px;line-height:1.45;color:var(--muted);margin:0}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:18px}.price{font-size:17px;font-weight:700;color:var(--ink)}.add-button{width:36px;height:36px;border:1px solid var(--brand);border-radius:50%;background:none;color:var(--brand);font-size:24px;line-height:1;cursor:pointer}.add-button:hover{background:var(--brand);color:white}.pizza-thumb{width:104px;height:104px;object-fit:cover;align-self:center;border-radius:50%;flex:none}.price-note{font-size:12px;color:var(--muted);margin:22px 0 0}
.order-band{background:#4f5603;color:#fff8ed;padding:84px 0}.order-inner{display:flex;justify-content:space-between;align-items:end;gap:28px}.order-band .overline{color:#f2d1ad}.order-band h2{max-width:700px}.order-band p:not(.overline){font-size:17px;color:#edead7;margin:20px 0 0}.outline-button{display:inline-flex;gap:24px;border:1px solid #fff9e5;color:#fff9e5;padding:14px 19px;text-decoration:none;font-weight:700;white-space:nowrap}.outline-button:hover{background:#fff9e5;color:#4f5603}.about{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:7%;padding-top:110px;padding-bottom:115px}.about-mark{background:var(--surface-2);aspect-ratio:1;display:flex;justify-content:center;align-items:end;overflow:hidden}.about-mark img{width:80%;height:90%;object-fit:contain;object-position:bottom}.about h2{max-width:650px}.about p:not(.overline){color:var(--muted);max-width:610px;font-size:18px}.about .hours{font-size:13px!important;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.footer{background:var(--surface-2);border-top:1px solid var(--line);padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer img{width:145px}.cart-backdrop{position:fixed;inset:0;background:#0009;z-index:39}.cart{position:fixed;right:0;top:0;width:min(460px,100vw);height:100dvh;background:var(--surface);z-index:40;box-shadow:var(--shadow);transform:translateX(102%);transition:transform .28s;padding:28px;display:flex;flex-direction:column}.cart.open{transform:none}.cart-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-top h3{font:600 30px 'Playfair Display',serif;margin:0}.cart-close{border:0;background:none;color:var(--ink);font-size:30px;cursor:pointer;line-height:1}.cart-items{flex:1;overflow:auto}.cart-line{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-line h4{font:600 18px 'Playfair Display',serif;margin:0}.cart-line p{font-size:13px;color:var(--muted);margin:4px 0 0}.line-controls{display:flex;gap:8px;align-items:center}.line-controls button{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--ink);cursor:pointer}.cart-bottom{border-top:1px solid var(--line);padding-top:20px}.total{display:flex;justify-content:space-between;margin-bottom:15px}.total strong{font-size:22px}.whatsapp-button{width:100%;border:0;background:#4f5603;color:#fff;padding:15px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.cart-note{font-size:12px;text-align:center;color:var(--muted)}.floating-cart{position:fixed;right:25px;bottom:24px;z-index:20;display:flex;align-items:center;gap:13px;border:0;border-radius:100px;background:#a63811;color:white;padding:13px 15px 13px 19px;font-weight:700;box-shadow:0 12px 28px #0004;cursor:pointer}.floating-cart b{background:white;color:#a63811;border-radius:50%;min-width:23px;height:23px;display:grid;place-items:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#272619;color:#fff8ed;padding:11px 18px;z-index:50;font-size:13px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{aspect-ratio:4/3}.menu-grid{grid-template-columns:repeat(2,1fr)}.products-heading{align-items:start;flex-direction:column}.section-head{align-items:start}}
@media(max-width:620px){.wrap{width:min(100% - 36px,1240px)}.site-header{height:70px;padding:0 18px}.header-logo{width:131px}.theme-toggle{padding:0 12px}.theme-label{display:none}.menu-toggle{min-width:85px}.full-menu{top:70px}.full-menu-inner{min-height:calc(100dvh - 70px);padding:38px 0}.full-menu a{font-size:clamp(3rem,12vw,4.8rem);padding:13px 0}.full-menu-bottom{align-items:start;flex-direction:column}.hero{height:calc(100svh - 70px);min-height:610px}.hero-photo{background-position:57% center}.hero-shade{background:linear-gradient(90deg,#1d150fca,#1d150f70),linear-gradient(0deg,#1d150faa,transparent 55%)}.hero-content{padding:20px 0 70px}.hero h1{font-size:clamp(3rem,12vw,4.7rem)}.hero-content>p:not(.hero-location){font-size:16px}.hero-bottom{bottom:22px}.hero-bottom span:last-child{display:none}.menu-section{padding-top:76px;padding-bottom:75px}.section-head{display:block}.section-head>p{margin:18px 0 0}.category-grid{gap:9px}.category-card{aspect-ratio:3/4}.category-overlay{inset:auto 12px 13px}.category-overlay small{font-size:9px}.category-overlay strong{font-size:1.45rem}.category-overlay i{display:none}.products-heading{margin-top:60px}.filters{gap:7px}.filter{padding:8px 11px;font-size:12px}.menu-grid{grid-template-columns:1fr;gap:10px}.menu-card{min-height:168px;padding:18px}.pizza-thumb{width:86px;height:86px}.order-band{padding:66px 0}.order-inner{align-items:start;flex-direction:column}.about{display:flex;flex-direction:column;padding-top:75px;padding-bottom:80px;gap:42px}.about-mark{width:100%;max-height:330px}.footer-inner{flex-wrap:wrap}.footer-inner span:last-child{width:100%}.cart{padding:22px}.floating-cart{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-photo{transform:none!important}}