@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--red:#bc2329;--deep:#77171e;--cream:#fffaf2;--ink:#24201c;--muted:#695f57;--gold:#eab557;--line:#e8ded0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit} .wrap{width:min(1160px,calc(100% - 42px));margin:auto} .top{background:#291d18;color:#fff;text-align:center;font-size:12px;padding:9px 12px;font-weight:700;letter-spacing:.055em}.top span{color:#f2c574}.nav{height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--red)}.brandmark{width:43px;height:43px;border:3px solid var(--red);border-radius:50%;display:grid;place-items:center;font-size:24px;transform:rotate(-12deg)}.brandtext{font-family:Outfit,sans-serif;font-size:26px;font-weight:900;letter-spacing:-1.4px;line-height:.9}.brandtext small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:800;letter-spacing:3px;margin-top:8px;color:#433b34}.navlinks{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:800}.navlinks a:hover,.link:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 23px;border-radius:6px;background:var(--red);color:#fff;border:2px solid var(--red);font-weight:800;font-size:13px;letter-spacing:.04em;transition:transform .15s,background .15s;white-space:nowrap}.btn:hover{background:var(--deep);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--red)}.btn-outline:hover{color:white}.hero{background:radial-gradient(circle at 79% 46%,#8f3027 0,#681b1b 40%,#3b1718 85%);color:#fff;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff13 1px,transparent 1px);background-size:17px 17px;opacity:.35;pointer-events:none}.hero-inner{min-height:545px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;position:relative;z-index:1}.eyebrow{font-weight:800;letter-spacing:.18em;font-size:12px;color:#eac17b;text-transform:uppercase}.hero h1{font:900 clamp(48px,5.7vw,81px)/.99 Outfit,sans-serif;letter-spacing:-.055em;margin:19px 0}.hero h1 em{color:#efb45b;font-style:normal}.hero p{font-size:17px;color:#f4e5df;line-height:1.65;max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero .btn{background:#f4c36f;border-color:#f4c36f;color:#341c17}.hero .btn-outline{background:transparent;color:#fff;border-color:#cfa797}.hero .btn:hover{background:white;color:#551e1d}.hero-trust{margin-top:26px;font-size:12px;color:#e4c8ba}.pizza-wrap{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.pizza{width:min(510px,96%);aspect-ratio:1;filter:drop-shadow(0 30px 30px #1608098c);transform:rotate(-15deg)}.sticker{position:absolute;right:3%;top:15%;background:#f8ce81;color:#5f241e;padding:15px;border:3px dashed #7d2c28;border-radius:50%;width:112px;height:112px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);font:900 16px/1.1 Outfit,sans-serif}.section{padding:79px 0}.kicker{font-size:12px;font-weight:800;color:var(--red);letter-spacing:.17em;text-transform:uppercase}.h2{font:850 clamp(31px,3.5vw,47px)/1.13 Outfit,sans-serif;letter-spacing:-.035em;margin:10px 0 15px}.lede{color:var(--muted);line-height:1.7;max-width:650px}.center{text-align:center}.center .lede{margin:0 auto}.locations{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:35px}.location{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #44261c0b}.loc-art{height:156px;background:linear-gradient(135deg,#711d23,#c54734);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.loc-art.stafford{background:linear-gradient(130deg,#423329,#91643d)}.loc-art strong{font:850 35px Outfit,sans-serif;letter-spacing:-1px;z-index:1}.loc-art:before{content:'✦';position:absolute;font-size:180px;color:#ffffff12;right:14px;top:-57px}.loc-body{padding:26px}.loc-body h3{font:800 26px Outfit,sans-serif;margin:0 0 9px}.loc-body p{font-size:14px;color:#695f57;line-height:1.7;margin:0 0 8px}.loc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.loc-actions .btn{padding:11px 16px;font-size:12px}.section-alt{background:#f3ebdf}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.feature{padding:28px;background:#fff;border:1px solid #eaded0;border-radius:13px}.feature .symbol{font-size:32px}.feature h3{font:800 22px Outfit,sans-serif;margin:14px 0 7px}.feature p{color:var(--muted);line-height:1.65;font-size:14px;margin:0}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.menu-card{border:1px solid var(--line);background:white;border-radius:12px;padding:23px 18px;min-height:153px;display:flex;flex-direction:column;justify-content:space-between}.menu-card b{font:800 20px Outfit,sans-serif}.menu-card span{font-size:12px;color:var(--red);font-weight:800}.band{background:#3b1d1c;color:#fff;padding:54px 0}.bandinner{display:flex;align-items:center;justify-content:space-between;gap:30px}.band .h2{margin:0;color:#fff}.band p{color:#e7d5ca}.faq{max-width:820px;margin:30px auto 0}details{border-bottom:1px solid var(--line);padding:20px 2px}summary{font-weight:800;cursor:pointer}details p{color:var(--muted);line-height:1.7;margin-bottom:0}.footer{background:#241b19;color:#ebded4;padding:42px 0 25px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer h4{color:#fff;margin-top:0}.footer p,.footer a{font-size:13px;line-height:1.8;color:#cbbab2}.footer a:hover{color:#fff}.fine{border-top:1px solid #45352f;padding-top:18px;margin-top:30px;font-size:11px;color:#bba8a0}.mobile-order{display:none}.subhero{background:linear-gradient(135deg,#451b1e,#8e2628);color:white;padding:67px 0}.subhero h1{font:900 clamp(38px,5vw,64px)/1.06 Outfit,sans-serif;letter-spacing:-.045em;margin:12px 0}.subhero p{color:#ead5c9;max-width:750px;line-height:1.7}.breadcrumbs{font-size:12px;color:#f0c899}.detailgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px}.detailgrid h2{font:800 35px Outfit,sans-serif}.info{background:#fff;border:1px solid var(--line);border-radius:15px;padding:27px;align-self:start}.info h3{font:850 24px Outfit,sans-serif;margin-top:0}.info p{color:var(--muted);font-size:14px;line-height:1.7}.info .btn{width:100%;margin-bottom:10px}.hours{width:100%;border-collapse:collapse;font-size:13px}.hours td{padding:10px 0;border-bottom:1px solid #eee5d9}.hours td:last-child{text-align:right;font-weight:700}.pill{display:inline-block;padding:7px 11px;border-radius:100px;background:#f8e9cd;color:#6b3521;font-size:12px;font-weight:800;margin:3px}.back{font-weight:800;color:var(--red)}@media(max-width:780px){.nav{height:68px}.navlinks a:not(.btn){display:none}.navlinks .btn{padding:11px 14px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:62px 0 24px}.hero h1{font-size:clamp(46px,11vw,70px)}.hero p{font-size:15px}.pizza-wrap{height:300px}.pizza{width:min(360px,85%)}.sticker{right:5%;top:0;width:95px;height:95px;font-size:14px}.section{padding:55px 0}.locations,.features,.detailgrid{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr)}.bandinner{display:block}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:1/-1}.mobile-order{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:9px 14px;box-shadow:0 -4px 25px #0002;z-index:10}.mobile-order .btn{width:100%}body{padding-bottom:65px}}@media(max-width:420px){.brandtext{font-size:21px}.navlinks .btn{font-size:11px}.hero-actions .btn{width:100%}.menu-grid{gap:10px}.menu-card{padding:17px 12px}.footergrid{grid-template-columns:1fr}}

/* Official Vocelli photography edition */
.hero{background:linear-gradient(90deg,rgba(33,19,17,.93) 0%,rgba(35,19,17,.86) 35%,rgba(40,20,17,.28) 65%,rgba(27,14,13,.05) 100%),url('/assets/hero-sausage.webp') center center/cover no-repeat}
.hero:after{display:none}.hero-inner{display:flex;align-items:center;min-height:570px}.hero-inner>div:first-child{max-width:595px;padding:35px 0}.hero h1{font-size:clamp(49px,5.6vw,76px);text-shadow:0 3px 18px #160d0c66}.hero p{max-width:480px}.loc-art{background-size:cover;background-position:center}.loc-art.stafford{background-size:cover;background-position:center}.loc-art:before{display:none}.loc-art strong{text-shadow:0 2px 12px #000b}.menu-card{padding:0;overflow:hidden;min-height:unset;transition:transform .16s,box-shadow .16s}.menu-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #311b1420}.menu-card img{width:100%;height:180px;object-fit:cover;display:block}.menu-card b{padding:16px 16px 4px}.menu-card span{padding:6px 16px 20px}.catering-section{background:#f6efe6}.catering-content{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.catering-content img{width:100%;height:380px;object-fit:cover;border-radius:15px}.catering-content .btn{margin-top:22px}.detail-photo{display:block;width:min(1160px,calc(100% - 42px));height:320px;object-fit:cover;object-position:center;margin:38px auto -22px;border-radius:15px}.brandmark{font-size:18px}
@media(max-width:780px){.hero{background:linear-gradient(90deg,rgba(29,16,15,.94),rgba(29,16,15,.67)),url('/assets/hero-sausage.webp') center center/cover no-repeat}.hero-inner{min-height:490px;padding:45px 0}.hero-inner>div:first-child{padding:0}.hero h1{font-size:clamp(44px,10vw,64px)}.menu-card img{height:130px}.catering-content{grid-template-columns:1fr}.catering-content img{height:260px}.detail-photo{height:220px}}

/* Vocelli brand alignment, inspired by corporate identity; intentionally local-first. */
:root{--red:#98002f;--deep:#720025;--green:#005447;--green-dark:#003a33;--cream:#fffdf9;--ink:#21322c;--muted:#5c625d;--gold:#f2e5ce;--line:#e4e5dd}
body{background:var(--cream)}
.top{background:var(--green-dark);letter-spacing:.07em}.top span{color:#e7f1e9}
.nav{height:94px}.brand{height:100%;display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:177px;height:auto;max-height:90px;object-fit:contain}
.navlinks{color:var(--green-dark);gap:24px}.navlinks>a:not(.btn){letter-spacing:.045em}.navlinks>a:not(.btn):hover{color:var(--red)}
.btn{background:var(--red);border-color:var(--red);border-radius:3px}.btn:hover{background:var(--green);border-color:var(--green)}.btn-outline{border-color:var(--green);color:var(--green);background:transparent}.btn-outline:hover{background:var(--green);color:white}
.hero{background:linear-gradient(90deg,rgba(0,42,35,.96) 0%,rgba(0,49,39,.88) 34%,rgba(0,44,38,.2) 72%,rgba(0,44,38,0) 100%),url('/assets/hero-sausage.webp') center center/cover no-repeat}
.hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;font-weight:800;line-height:1.01}.hero h1 em{color:#fff0d2}.hero p{color:#fffaf3}.eyebrow{color:#e6cfb5}.hero .btn{background:var(--red);border-color:var(--red);color:white}.hero .btn:hover{background:var(--green);border-color:white;color:white}.hero .btn-outline{background:transparent;border-color:#fff;color:white}.hero .btn-outline:hover{background:white;color:var(--green)}.hero-trust{color:#eaf2ec}
.kicker{color:var(--red)}.h2,.loc-body h3,.feature h3,.info h3,.detailgrid h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.section-alt{background:#f2f5ef}.location,.feature,.menu-card,.info{border-radius:5px}.loc-art strong{font-family:Georgia,'Times New Roman',serif}.menu-card span{color:var(--green)}
.catering-section{background:#f7f7f2}.band{background:var(--green-dark)}.band p{color:#dde9e2}.band .btn{background:#fff;border-color:#fff;color:var(--green-dark)}.band .btn:hover{background:var(--red);border-color:var(--red);color:white}
.footer{background:var(--green-dark);color:#e7eee9}.footer-logo{max-width:195px;height:auto;display:block;margin:-18px 0 2px}.footer h4{color:white}.footer p,.footer a{color:#d2e0d9}.fine{border-top-color:#25594f;color:#bacdc4}
.subhero{background-image:linear-gradient(90deg,rgba(0,46,38,.94),rgba(0,46,38,.54)),url('/assets/two-pizzas.webp')!important;background-size:cover!important;background-position:center!important}.breadcrumbs{color:#f7e1d4}.subhero p{color:#fff1e6}.pill{background:#e5f0e7;color:var(--green-dark)}
@media(max-width:780px){.nav{height:76px}.brand-logo{width:140px;max-height:74px}.hero{background:linear-gradient(90deg,rgba(0,38,33,.94),rgba(0,38,33,.60)),url('/assets/hero-sausage.webp') center center/cover no-repeat}.hero-inner{min-height:490px}.mobile-order{border-top:3px solid var(--green)}.footer-logo{max-width:174px}}
@media(max-width:420px){.brand-logo{width:118px}.navlinks .btn{font-size:10px;padding:10px}.hero h1{font-size:clamp(41px,9.5vw,56px)}}