:root{--red:#A30101;--gold:#FDB705;--brick:#90391D;--dark-brick:#442219;--cream:#FFF8EC;--ink:#241b18;--paper:#FBF7F0;--line:rgba(68,34,25,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,sans-serif}a{color:inherit}.site-header{height:96px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,5vw,5rem);background:var(--red);color:var(--cream);border-bottom:4px solid var(--red)}.brand{display:flex;align-items:center;text-decoration:none;line-height:1}.brand-logo{display:block;width:86px;height:86px;object-fit:contain}.site-header nav{display:flex;gap:1.6rem}.site-header nav a{text-decoration:none;font-size:.88rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;background:var(--gold);color:var(--dark-brick);border:2px solid var(--gold);text-decoration:none;font:700 .9rem Inter,sans-serif;letter-spacing:.03em;box-shadow:4px 4px var(--dark-brick);transition:transform .2s}.button:hover{transform:translate(-2px,-2px)}.button-small{padding:.58rem .8rem;font-size:.8rem}.hero{min-height:680px;padding:130px clamp(1.2rem,7vw,7rem) 4.5rem;background-color:var(--red);background-image:linear-gradient(110deg,rgba(80,0,0,.08),transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='84' viewBox='0 0 160 84'%3E%3Cpath d='M0 0H160M0 42H160M80 0V42M40 42V84M120 42V84' fill='none' stroke='%23780707' stroke-opacity='.22' stroke-width='2'/%3E%3C/svg%3E");background-size:cover,160px 84px;background-position:center,0 0;color:var(--cream);display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(80,0,0,.08),transparent 72%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:640px}.hero h1,h2{font-family:"Zilla Slab",serif;font-weight:700}.hero h1{font-size:clamp(3.4rem,6.1vw,6rem);line-height:.98;margin:0;color:var(--cream)}.supporting{font:1.4rem "Bree Serif",serif;color:var(--gold);margin:1rem 0 .5rem}.intro{max-width:560px;color:rgba(255,248,236,.85);margin:.5rem 0 1rem;font-size:1.05rem}.ebt-hero{font-weight:700;color:var(--gold);margin:.8rem 0 1.2rem}.hero-image{height:440px;background:url("assets/milans-pizza.png") center/cover no-repeat;border:7px solid var(--cream);box-shadow:9px 9px var(--red)}.location-note{margin:1.4rem 0 0;color:rgba(255,248,236,.75);font-size:.86rem}.eyebrow{margin:0 0 .7rem;color:var(--gold);font:1rem "Bree Serif",serif}.how-section{background:var(--cream);color:var(--dark-brick);padding:clamp(4rem,7vw,7rem) clamp(1.2rem,7vw,7rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.how-section .eyebrow{color:var(--red)}.section-intro h2,.section-heading h2,.visit-section h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;margin:0}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li>span{width:38px;height:38px;border:1px solid var(--brick);color:var(--red);background:#fffdf9;border-radius:50%;display:grid;place-items:center;font-weight:700}.steps h3,.menu-category h3,.bake-grid h3{font:1.3rem "Bree Serif",serif;margin:0 0 .35rem}.steps p{margin:.2rem 0;color:#625650}.menu-section,.bake-section{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,7vw,7rem)}.menu-section{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem}.section-heading h2{color:var(--dark-brick)}.menu-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--dark-brick);background:#fffdf9;box-shadow:8px 8px var(--gold)}.menu-category{padding:1.6rem 1.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.menu-category:nth-child(even){border-right:0}.menu-category h3{color:var(--red);font-size:1.55rem;border-bottom:3px solid var(--dark-brick);padding-bottom:.55rem;margin-bottom:.65rem}.category-note{font:1rem "Bree Serif",serif;color:var(--brick);margin:.2rem 0 .7rem}.menu-item{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px dashed #cdbeb3;align-items:baseline}.menu-item strong{font-size:.94rem}.menu-item b{color:var(--red);font-weight:700;white-space:nowrap}.menu-item.description{display:grid;grid-template-columns:1fr auto;column-gap:.8rem}.menu-item.description strong{grid-column:1}.menu-item.description span{grid-column:1;color:#625650;font-size:.84rem}.menu-item.description b{grid-column:2;grid-row:1/3}.menu-detail{font-size:.84rem;color:#564940;margin:.8rem 0 0}.grab-go{grid-column:1/-1;border-right:0}.ebt-menu{font-weight:700;font-size:1rem;margin:1.3rem 0 0;color:var(--dark-brick)}.bake-section{background:var(--cream)}.bake-section .section-heading{margin-bottom:1.4rem}.bake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bake-grid article{padding:1.3rem;background:#fff;border-left:4px solid var(--gold)}.bake-grid h3{color:var(--red)}.bake-grid p{margin:.45rem 0 0}.visit-section{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,7vw,7rem);background:var(--paper);color:var(--dark-brick);display:flex;justify-content:space-between;align-items:center;gap:3rem;border-top:7px solid var(--brick)}.visit-section .eyebrow{color:var(--red)}.visit-section address{font-style:normal;font-size:1.12rem;margin:1.1rem 0 .6rem;color:#625650}.visit-info{color:#625650;margin:.4rem 0 1.4rem}.visit-actions{display:flex;gap:1.2rem;align-items:center}.button-light{background:var(--gold);color:var(--dark-brick)}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding:.25rem 0}.light{color:var(--cream)}.visit-section .text-link{color:var(--dark-brick)}.visit-mark{font:700 clamp(2rem,4vw,4rem)/1.08 "Zilla Slab",serif;color:var(--red);text-align:right}footer{padding:2rem clamp(1.2rem,5vw,5rem);background:#2b1c17;color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;font-size:.8rem}.footer-business{display:flex;align-items:center;gap:1rem}.footer-logo{display:block;width:90px;height:90px;object-fit:contain;flex:0 0 auto}.footer-business span{display:block;color:rgba(255,248,236,.72)}.socials{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.socials .social-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;color:var(--gold);border:1px solid rgba(255,248,236,.35);border-radius:50%;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.social-icon svg{width:21px;height:21px}.social-icon:hover,.social-icon:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--dark-brick)}.socials span{color:rgba(255,248,236,.8);margin-left:.15rem}.footer-tagline{margin:0;font:1rem "Bree Serif",serif;color:var(--gold)}.mobile-call{display:none}@media(max-width:900px){.site-header nav{gap:.8rem}.site-header nav a{font-size:.76rem}.site-header>.button{font-size:.7rem}.hero{grid-template-columns:1fr .8fr;gap:1.8rem}.hero h1{font-size:clamp(3rem,6.2vw,4.5rem)}}@media(max-width:720px){body{padding-bottom:60px}.site-header{height:84px;padding:0 1rem}.site-header nav,.site-header>.button{display:none}.brand-logo{width:76px;height:76px}.hero{display:block;min-height:760px;padding:140px 1.2rem 2.5rem}.hero-image{position:absolute;inset:0;height:auto;border:0;box-shadow:none;opacity:.22;background-position:center top}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(80,0,0,.08),rgba(163,1,1,.9) 66%,var(--red))}.hero-copy{position:relative;z-index:2;margin-top:14rem}.hero h1{font-size:clamp(3rem,12vw,4.6rem)}.intro{font-size:.98rem}.location-note{font-size:.78rem}.how-section{grid-template-columns:1fr;gap:1.5rem}.section-intro h2,.section-heading h2,.visit-section h2{font-size:3rem}.section-heading{align-items:flex-start;flex-direction:column}.menu-board{grid-template-columns:1fr;box-shadow:5px 5px var(--gold)}.menu-category,.menu-category:nth-child(even){border-right:0}.menu-category{padding:1.25rem}.bake-grid{grid-template-columns:1fr}.visit-section{display:block}.visit-mark{text-align:left;margin-top:2.5rem}.visit-actions{align-items:flex-start;flex-direction:column}.footer-business{flex-direction:column;line-height:1.5}.footer-logo{width:84px;height:84px}.socials{justify-content:center}.footer-tagline{line-height:1.5}footer{display:grid;text-align:center;gap:1rem}.mobile-call{position:fixed;display:block;z-index:20;left:0;right:0;bottom:0;padding:.9rem;background:var(--gold);border-top:3px solid var(--dark-brick);color:var(--dark-brick);text-align:center;text-decoration:none;font:700 .95rem Inter,sans-serif}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Milan's hero refresh */
.language-switch{display:flex;gap:.35rem;margin:0 0 1.15rem}
.language-button{min-width:2.6rem;padding:.35rem .55rem;border:1px solid rgba(255,248,236,.55);background:transparent;color:var(--cream);font:700 .75rem Inter,sans-serif;cursor:pointer}
.language-button.is-active{background:var(--gold);border-color:var(--gold);color:var(--dark-brick)}
.hero-language[hidden]{display:none!important}
.hero h1{font-size:clamp(4rem,7.2vw,7rem);line-height:.96;letter-spacing:-.035em;max-width:760px}
.supporting{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:700;margin:1.15rem 0 .75rem;color:var(--gold)}
.hero-image{min-height:460px}
@media(max-width:720px){
  .site-header{height:80px}
  .brand-logo{width:64px;height:64px}
  .hero{display:flex;flex-direction:column;align-items:stretch;gap:1.35rem;min-height:0;padding:106px 1.2rem 2rem}
  .hero-copy{margin:0;max-width:none}
  .language-switch{margin-bottom:1rem}
  .hero h1{font-size:clamp(3.25rem,12vw,4.25rem);line-height:.97;letter-spacing:-.03em}
  .supporting{font-size:1.4rem;margin:.85rem 0 .65rem}
  .intro{font-size:.95rem;line-height:1.5;margin:.5rem 0 1.15rem}
  .location-note{font-size:.78rem;line-height:1.45;margin:1rem 0 0}
  .hero-image{position:relative;inset:auto;width:100%;height:230px;min-height:0;opacity:1;border:5px solid var(--cream);box-shadow:6px 6px var(--dark-brick);background-position:center 48%}
  .hero:after{display:none}
}

/* How It Works: responsive step cards */
.how-section{display:block}
.section-intro{max-width:850px;margin:0 0 2rem}
.section-intro h2{font-size:clamp(2.7rem,4.5vw,4.4rem);line-height:1.02}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin:0}
.steps li,.steps li:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;min-height:220px;padding:1.5rem;background:#fffdf9;border:1px solid var(--line);border-top:5px solid var(--gold);border-bottom:1px solid var(--line);box-shadow:4px 4px 0 rgba(68,34,25,.14)}
.steps li>span{width:48px;height:48px;border:0;border-radius:50%;background:var(--gold);color:var(--dark-brick);display:grid;place-items:center;font-size:1rem;font-weight:700}
.steps li h3{font-size:1.45rem;margin:0 0 .35rem;color:var(--dark-brick)}
.steps li p{margin:0;color:#625650;font-size:.95rem}
.phone-link{color:var(--red);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:2px}
.footer-business a.phone-link{color:var(--gold)}
@media(max-width:720px){
  .section-intro{margin-bottom:1.5rem}
  .section-intro h2{font-size:clamp(2.55rem,10vw,3.2rem);line-height:1.02}
  .steps{grid-template-columns:1fr;gap:.85rem}
  .steps li,.steps li:last-child{min-height:0;flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.1rem}
  .steps li>span{width:44px;height:44px;flex:0 0 44px}
  .steps li h3{font-size:1.25rem}
  .steps li p{font-size:.9rem}
}

/* Increase section labels and desktop navigation for easier scanning. */
.eyebrow{font-size:1.25rem}
.site-header nav a{font-size:1rem}
@media(max-width:900px){.site-header nav a{font-size:.9rem}}

/* Let the hero brick texture show through behind the transparent header logo. */
.site-header{background:transparent;border-bottom-color:transparent}
