.home-drawer-toggle{width:43px;height:43px;justify-content:center;padding:8px 10px}
.hamburger-lines{display:flex;flex-direction:column;gap:4px}
.hamburger-lines i{display:block;width:21px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.home-drawer-toggle[aria-expanded=true] .hamburger-lines i:first-child{transform:translateY(6px) rotate(45deg)}
.home-drawer-toggle[aria-expanded=true] .hamburger-lines i:nth-child(2){opacity:0}
.home-drawer-toggle[aria-expanded=true] .hamburger-lines i:last-child{transform:translateY(-6px) rotate(-45deg)}
.home-drawer{position:absolute;right:0;top:calc(100% + 9px);width:min(280px,calc(100vw - 24px));padding:12px;display:grid;gap:3px;background:#fff;border:1px solid #eee8df;border-radius:15px;box-shadow:0 18px 50px #0002;color:#171411}
.site-nav nav.home-drawer:not([hidden]){display:grid}
.home-drawer[hidden]{display:none}
.home-drawer a,.home-drawer button{width:100%;min-height:48px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;background:transparent;color:inherit;text-decoration:none;text-align:left;font:800 14px/1.2 var(--glovo-font,Arial,sans-serif);cursor:pointer}
.home-drawer a:hover,.home-drawer button:hover,.home-drawer a:focus-visible,.home-drawer button:focus-visible{background:#fff2ef;color:#d51e25}
.home-drawer a span,.home-drawer button span{font-size:17px}
.home-drawer a,.home-drawer button{min-height:56px;padding:15px 14px;font-family:Anton,Impact,sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1!important;letter-spacing:.02em!important;text-transform:uppercase}
.home-drawer a span,.home-drawer button span{font-family:DMSans,Arial,sans-serif!important;font-size:17px!important;font-weight:700}
.bao-showcase{padding:clamp(58px,8vw,100px) max(5vw,calc((100vw - 1240px)/2));background:#fffaf1;color:#171411}
.bao-showcase-heading{text-align:center;margin:0 auto 36px}
.bao-showcase .eyebrow{color:#c9151e;font-size:10px;font-weight:800;letter-spacing:1.5px}
.bao-showcase-heading h2{margin:12px 0 0;font-size:clamp(42px,7vw,76px);line-height:.95;font-weight:900;letter-spacing:-.06em}
.bao-showcase-heading h2 em{font-style:normal;color:#ed1c24}
.bao-showcase-intro{max-width:650px;margin:18px auto 0;color:#625c55;font-size:clamp(15px,1.5vw,18px);line-height:1.6}
.bao-showcase-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bao-type-card{position:relative;overflow:hidden;min-width:0;border-radius:17px;background:#f2eee7}
.bao-type-photo{height:clamp(250px,36vw,470px);display:grid;place-items:center;overflow:hidden;background:#f4efe7}
.bao-type-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.bao-steamed .bao-type-photo img{object-position:center 70%}
.bao-type-card:hover .bao-type-photo img{transform:scale(1.035)}
.bao-type-copy{padding:22px 25px 25px}
.bao-type-copy span{color:#8a8178;font-size:10px;font-weight:800;letter-spacing:1.3px}
.bao-type-copy h3{margin:8px 0 5px;font-size:clamp(29px,4vw,44px);font-weight:900;letter-spacing:-.06em}
.bao-type-copy p{margin:11px 0 0;color:#171411;font-size:clamp(19px,2.1vw,29px);font-weight:900;line-height:1.08;letter-spacing:-.035em}
.drawer-main-links{display:grid;gap:4px;margin:0 0 17px;padding-bottom:16px;border-bottom:1px solid #eee}
.drawer-main-links button{width:100%;padding:11px 2px;display:flex;justify-content:space-between;border:0;background:transparent;color:#151515;text-align:left;font:800 14px var(--glovo-font,Arial,sans-serif);cursor:pointer}
.drawer-main-links button:hover{color:#ed1c24}
#home #enterMenu{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;min-height:46px;margin:20px auto 0;padding:0 20px;border:0;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.05em}
#home #enterMenu b{font-size:17px}
.reel-card{cursor:default!important}
#home{height:auto!important;min-height:88svh!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;padding:120px 24px 65px!important;justify-items:center;text-align:center}
#home>.home-art{display:none!important}
#home>.home-brand{position:static!important;left:auto!important;top:auto!important;transform:none!important;margin:0 auto 25px!important;justify-content:center;text-align:center}
#home>.home-bottom{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:auto!important;max-width:1000px!important;margin:auto!important;padding:0!important;aspect-ratio:auto!important;text-align:center!important}
#home .home-kicker{font-size:10px!important}
#home h1{animation:home-stage-arrive .62s cubic-bezier(.16,1,.3,1);transition:opacity .62s ease,transform .62s cubic-bezier(.16,1.15,.3,1),filter .5s ease;transform:translateY(0) rotateX(0) scale(1);filter:blur(0);transform-origin:center;transform-style:preserve-3d;perspective:1100px}
@keyframes home-stage-arrive{from{opacity:0;transform:translateY(24px) rotateX(-12deg) scale(.92);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}
#home h1[hidden]{display:none!important}
#home h1.is-changing{opacity:0;transform:translateY(-.32em) rotateX(68deg) scale(.84);filter:blur(9px)}
#home h1.is-story-text{font-style:normal;text-transform:uppercase;color:#171411!important}
#home .home-story-finale{position:relative;isolation:isolate;display:grid;justify-items:center;gap:0;opacity:0;transform:translateY(28px) scale(.72) rotate(-3deg);filter:blur(8px);transition:opacity .42s ease,transform .82s cubic-bezier(.16,1.3,.3,1),filter .42s ease}
#home .home-story-finale[hidden]{display:none!important}
#home .home-story-finale.is-visible{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}
#home .home-story-finale:before{content:"";position:absolute;z-index:-1;left:50%;top:43%;width:min(58vw,390px);aspect-ratio:1;border:2px solid rgba(237,28,36,.62);border-radius:50%;box-shadow:0 0 0 12px rgba(237,28,36,.045),0 0 78px rgba(237,28,36,.2);transform:translate(-50%,-50%) scale(.35);opacity:0}
#home .home-story-finale.is-visible:before{animation:story-bao-burst 1.05s cubic-bezier(.16,1,.3,1) both}
@keyframes story-bao-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}28%{opacity:.75}100%{opacity:.2;transform:translate(-50%,-50%) scale(1.12)}}
#home.is-finale>.home-brand,#home.is-finale>.home-side-note,#home.is-finale>.mobile-home-poster,#home.is-finale>.home-texture{display:none!important}
#home.is-finale>.home-bottom{display:grid!important;min-height:56vh;place-items:center}
body.is-home-finale #siteNav{opacity:0;pointer-events:none}
#home .home-story-logo{display:block;width:min(470px,78vw);height:auto;aspect-ratio:1;object-fit:contain;animation:story-logo-stamp .96s .12s cubic-bezier(.16,1.3,.3,1) both}
@keyframes story-logo-stamp{0%{opacity:0;transform:translateY(-64px) scale(.58) rotate(-9deg);filter:drop-shadow(0 0 0 rgba(237,28,36,0))}58%{opacity:1;transform:translateY(8px) scale(1.07) rotate(2deg);filter:drop-shadow(0 16px 18px rgba(25,15,10,.2))}78%{transform:translateY(-4px) scale(.985) rotate(-.5deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 8px 12px rgba(25,15,10,.16))}}
#home .home-story-arrival{color:#ed1c24;font-family:var(--glovo-font)!important;font-size:clamp(44px,8vw,96px);font-weight:800;letter-spacing:-.08em;line-height:.88;text-transform:uppercase;text-align:center;clip-path:inset(0 0 100% 0);animation:story-caption-arrive .48s .72s cubic-bezier(.2,.8,.2,1) both}
@keyframes story-caption-arrive{0%{opacity:0;transform:translateY(22px);clip-path:inset(0 0 100% 0)}100%{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
#home h1{font-size:clamp(64px,12vw,150px)!important;line-height:.86!important;margin:0 auto!important;letter-spacing:-.08em!important}
#ordina{scroll-margin-top:90px}
#storia,#ourBao{scroll-margin-top:85px}
@media(max-width:760px){
 .site-nav{gap:7px}
 .home-drawer-toggle{flex:none}
 .bao-showcase{padding:65px 16px}
 .bao-showcase-heading{margin-bottom:22px}
 .bao-showcase .eyebrow{font-size:8px;letter-spacing:1px}
 .bao-showcase-heading h2{font-size:clamp(38px,11vw,58px)}
 .bao-showcase-intro{max-width:440px;margin-top:13px;font-size:14px;line-height:1.55}
 .bao-showcase-grid{grid-template-columns:1fr;gap:13px}
 .bao-type-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);align-items:center;min-height:160px;border-radius:13px}
 .bao-type-photo{height:100%;min-height:160px}
 .bao-steamed .bao-type-photo img{object-position:center 68%}
 .bao-type-copy{padding:15px 12px}
 .bao-type-copy span{font-size:8px;letter-spacing:.8px}
 .bao-type-copy h3{font-size:clamp(23px,7vw,34px);margin:7px 0}
 .bao-type-copy p{margin-top:8px;font-size:clamp(16px,4.8vw,21px);line-height:1.04}
 #home{min-height:72svh!important;padding:112px 18px 45px!important}
 #home>.home-brand{margin:0 auto 20px!important}
 #home .home-kicker{font-size:8px!important}
 #home.is-finale>.home-bottom{min-height:52vh}
 #home .home-story-logo{width:min(350px,84vw)}
 #home .home-story-arrival{font-size:clamp(42px,11vw,66px);letter-spacing:-.08em;line-height:.88}
 #home h1{font-size:clamp(49px,13vw,76px)!important}
}
@media(prefers-reduced-motion:reduce){.home-drawer-toggle i,.bao-type-photo img,#home h1,#home .home-story-finale,#home .home-story-finale:before,#home .home-story-logo,#home .home-story-arrival{transition:none;animation:none}}

/* The two buns: clean single-bun portraits */
.bao-showcase-heading .eyebrow{font-size:clamp(13px,1.7vw,18px);letter-spacing:.13em}
.bao-showcase-heading h2{font-size:clamp(48px,8.2vw,94px);line-height:.89;letter-spacing:-.075em}
.bao-type-photo{background:radial-gradient(ellipse at 50% 76%,#eadcc6 0,#f4efe7 60%,#f4efe7 100%)}
.bun-press-stage{position:relative;display:grid;width:100%;height:100%;min-height:clamp(250px,36vw,470px);place-items:center;overflow:hidden;isolation:isolate}
.bun-cutout{position:relative;z-index:1;width:88%;height:87%;max-width:550px;object-fit:contain;transform-origin:50% 91%;filter:drop-shadow(0 16px 12px #422e1d2b);transition:filter .35s}
.bao-steamed .bun-cutout{width:78%;height:82%}
@media(max-width:760px){
 .bao-showcase-heading h2{font-size:clamp(44px,12vw,66px)}
 .bun-press-stage{min-height:160px}
 .bun-cutout{width:108%;height:100%;max-width:none}
 .bao-steamed .bun-cutout{width:100%;height:94%}
}

/* One Ciccio Smash, divided between the two bun finishes. */
.bao-bicolore-visual{width:min(1120px,100%);margin:0 auto;overflow:hidden;border-radius:20px;background:#151311;box-shadow:0 18px 48px rgba(42,27,13,.14)}
.bao-bicolore-visual>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#151311}
.bao-bicolore-visual figcaption{display:grid;grid-template-columns:1fr 1fr;color:#fff}
.bao-bicolore-visual figcaption>span{min-width:0;padding:16px clamp(13px,2.4vw,28px) 18px;display:grid;gap:5px}
.bao-bicolore-visual figcaption>span+span{border-left:1px solid rgba(255,255,255,.22);text-align:right}
.bao-bicolore-visual strong{font-family:Anton,Impact,sans-serif;font-size:clamp(17px,2vw,24px);font-weight:400;letter-spacing:.035em}
.bao-bicolore-visual small{color:#e9dfd3;font-size:clamp(8px,.9vw,11px);font-weight:800;letter-spacing:.11em;line-height:1.4}
.home-bao-feature{position:relative;width:100%;margin:0;padding:clamp(60px,8vw,100px) max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,5vw,64px);background:#fffaf1;color:#171411;text-align:left}
.home-bao-feature-copy{max-width:500px;justify-self:end}
.home-bao-feature-image{width:100%;min-width:0;overflow:hidden;margin:0;border-radius:16px;background:#111;box-shadow:0 18px 48px rgba(42,27,13,.14)}
.home-bao-feature-image>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#111}
.home-bao-feature-image figcaption{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;color:#fff;font-size:clamp(8px,.85vw,11px);font-weight:800;letter-spacing:.07em}.home-bao-feature-image figcaption span{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.home-bao-feature-image figcaption b{color:#ed1c24;font-size:20px;line-height:.8}.home-bao-feature-image figcaption small{font:inherit}
.home-bao-feature-image figcaption span+span{border-left:1px solid #ffffff55;padding-left:5px}
.home-bao-feature-copy .eyebrow{color:#c9151e;font-size:clamp(10px,.95vw,12px);font-weight:800;letter-spacing:.12em}
.home-bao-feature-copy h2{margin:0 0 13px;color:#171411;font-size:clamp(38px,5vw,64px);font-weight:900;letter-spacing:-.065em;line-height:.92}
.home-bao-feature-copy h2 em{color:#ed1c24;font-style:normal}
.home-bao-feature-copy p{max-width:440px;margin:0;color:#625c55;font-size:clamp(14px,1.3vw,17px);line-height:1.55}
@media(max-width:760px){
 .bao-bicolore-visual{border-radius:13px}
 .bao-bicolore-visual>img{aspect-ratio:1.25/1;object-fit:contain}
 .bao-bicolore-visual figcaption>span{padding:12px 9px 14px;gap:4px}
 .bao-bicolore-visual strong{font-size:clamp(15px,4.4vw,20px)}
 .bao-bicolore-visual small{font-size:7px;letter-spacing:.07em}
 .home-bao-feature{grid-template-columns:1fr;gap:22px;padding:58px 16px}
 .home-bao-feature-copy{max-width:500px;justify-self:center;text-align:center}
 .home-bao-feature-copy h2{margin:8px 0 11px;font-size:clamp(42px,11vw,62px);line-height:.91}
 .home-bao-feature-copy p{font-size:14px;line-height:1.5}
 .home-bao-feature-image{width:min(520px,100%);justify-self:center;border-radius:12px}
 .home-bao-feature-image figcaption{padding:9px 6px;font-size:clamp(7px,2.2vw,10px);letter-spacing:.045em}.home-bao-feature-image figcaption b{font-size:18px}
}

