@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,50,1;9..144,700,50,1;9..144,800,50,1&display=swap');
:root{--cream:#fbf3dc;--green:#105b43;--red:#d51d35;--ink:#162f29;--pink:#f2b8c0;--yellow:#edc66e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:12px 6%;border-bottom:1px solid #105b4330;position:relative;z-index:5}.brand img{width:94px;height:94px;object-fit:contain;mix-blend-mode:multiply;border-radius:50%}nav{display:flex;gap:38px;font-size:14px;font-weight:700}nav a:hover,nav a[aria-current]{color:var(--red)}.button{border:0;border-radius:100px;background:var(--red);color:var(--cream);padding:18px 27px;font-weight:700;display:inline-flex;gap:35px;align-items:center;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #8e1525}.button.small{padding:15px 24px;font-size:14px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;display:block}.hero{min-height:660px;padding:70px 7% 65px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero h1{font:800 clamp(60px,6.9vw,108px)/.98 'Fraunces',Georgia,serif;letter-spacing:-5px;margin:22px 0 24px;max-width:640px}.hero h1 em{color:var(--red);font-style:normal}.hero p{max-width:350px;line-height:1.7;font-size:16px;margin-bottom:28px}.hero .footnote{font-size:11px;margin-top:25px;letter-spacing:1px}.art-stage{position:relative;align-self:center;height:490px}.halo{position:absolute;width:420px;height:420px;background:var(--yellow);border-radius:48% 52% 44% 56%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg)}.food{overflow:visible;filter:drop-shadow(4px 8px 0 #105b4310)}.hero-pizza{position:absolute;width:310px;top:8px;left:15px;transform:rotate(-16deg);z-index:2}.hero-gelato{position:absolute;width:215px;right:-5px;top:130px;transform:rotate(15deg);z-index:3}.hero-coffee{position:absolute;width:175px;bottom:0;left:65px;transform:rotate(-9deg);z-index:4}.spark{position:absolute;font-size:44px;right:10px;top:5px}.stamp{position:absolute;bottom:13px;right:8px;border:2px dashed var(--green);width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:800;transform:rotate(13deg)}.ticker{background:var(--green);color:var(--cream);padding:20px 0;overflow:hidden;font:600 23px 'Fraunces',Georgia,serif}.ticker div{width:max-content;animation:marquee 30s linear infinite}.ticker span{margin:0 27px;color:var(--yellow)}@keyframes marquee{to{transform:translateX(-50%)}}section{padding:80px 7%}h2{font:700 clamp(38px,4.5vw,65px)/1.06 'Fraunces',Georgia,serif;letter-spacing:-2px;margin:15px 0 22px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading p{max-width:290px;line-height:1.6;font-size:14px}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.treat{border:1.5px solid var(--green);border-radius:140px 140px 20px 20px;overflow:hidden;text-align:center;background:#f5dbb0}.treat:nth-child(2){background:var(--pink)}.treat:nth-child(3){background:#d8e5ca}.treat .food{height:230px;width:210px;margin:30px auto 5px;transition:transform .5s}.treat:hover .food{transform:rotate(10deg) translateY(-8px)}.treat h3{font:700 30px 'Fraunces',Georgia,serif;margin:10px 0}.treat p{font-size:13px;margin:10px 20px 25px}.treat a{display:block;border-top:1px solid #105b4340;padding:17px;font-size:12px;font-weight:800}.story-band{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;position:relative}.story-band p{line-height:1.8;max-width:430px}.text-link{display:inline-block;padding:15px 0;border-bottom:1px solid currentColor;font-weight:700;font-size:13px}.little-window{border:3px solid var(--cream);border-radius:150px 150px 0 0;max-width:390px;height:360px;position:relative;background:var(--cream);color:var(--green);text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.awning{height:62px;position:absolute;top:0;left:0;right:0;background:repeating-linear-gradient(90deg,var(--red) 0 35px,var(--cream) 35px 70px);border-bottom:3px solid var(--green)}.little-window img{width:160px;mix-blend-mode:multiply;margin-top:30px}.little-window strong{font:700 23px 'Fraunces',serif}.visit{text-align:center;background:var(--pink);position:relative}.visit p{line-height:1.7}.visit .button{margin-top:14px}footer{padding:50px 7% 25px;background:var(--cream)}.footer-logo{font:800 clamp(28px,5vw,68px) 'Fraunces',serif;letter-spacing:-2px}.footer-logo i{color:var(--red)}footer p{font-size:14px}footer>div:last-of-type{display:flex;gap:30px;border-top:1px solid #105b4330;margin-top:30px;padding-top:25px;font-size:12px}footer span{margin-left:auto}footer small{font-size:10px;display:block;margin-top:35px}.page-head{text-align:center;padding:70px 7% 45px}.page-head h1{font:800 clamp(55px,7vw,90px)/1 'Fraunces',serif;letter-spacing:-3px;margin:18px}.page-head p{line-height:1.7;max-width:510px;margin:20px auto}.tabs{display:flex;justify-content:center;gap:12px;margin:20px}.tabs button{border:1px solid var(--green);border-radius:40px;padding:12px 28px;color:var(--green);background:transparent;font-weight:700}.tabs button.active{background:var(--green);color:var(--cream)}.menu-grid{padding-top:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.menu-item{border:1px solid #105b4350;padding:25px;border-radius:25px;display:grid;grid-template-columns:140px 1fr;align-items:center;gap:20px}.menu-item svg{width:140px;height:160px}.menu-item h3{font:700 26px 'Fraunces',serif;margin:10px 0}.menu-item p{font-size:13px;line-height:1.6}.fine{font-size:11px;opacity:.7}.menu-note{text-align:center;margin:0 20px 50px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:20px}.about-layout p{line-height:1.9}.about-art{background:var(--pink);border-radius:50% 50% 20px 20px;padding:35px;text-align:center}.about-art svg{height:350px;width:100%}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:25px}.contact-card{border-top:2px solid var(--green);padding-top:20px}.contact-card h3{font:700 26px 'Fraunces',serif}.contact-card p{font-size:14px;line-height:1.7}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}dialog{max-width:470px;width:90%;border:2px solid var(--green);border-radius:30px;background:var(--cream);color:var(--green);padding:45px}dialog::backdrop{background:#103d2fcc;backdrop-filter:blur(5px)}dialog h2{font-size:43px}dialog p{line-height:1.7;font-size:14px}.close{position:absolute;right:18px;top:10px;border:0;background:none;color:var(--green);font-size:30px}:focus-visible{outline:3px solid var(--red);outline-offset:5px}@media(min-width:1600px){main{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:95px;padding:10px 5%;flex-wrap:wrap}.brand img{width:65px;height:65px}nav{gap:16px;font-size:11px}.button.small{padding:12px;font-size:11px;gap:10px}.hero{grid-template-columns:1fr;padding:45px 7%}.hero h1{font-size:68px;letter-spacing:-3px}.hero p{max-width:400px}.art-stage{height:440px;max-width:470px;width:100%;margin:auto}.halo{width:340px;height:340px}.hero-pizza{width:250px}.hero-gelato{width:180px;right:0}.hero-coffee{width:155px;left:35px}.stamp{width:90px;height:90px}.trio{gap:12px}.treat .food{width:130px;height:170px}.treat h3{font-size:24px}.treat p{font-size:11px}.section-heading{display:block}.story-band,.about-layout{grid-template-columns:1fr;gap:40px}.little-window{width:100%;margin:auto}.menu-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}section{padding:55px 7%}footer>div:last-of-type{flex-wrap:wrap}footer span{width:100%;margin:0}}@media(max-width:480px){nav{gap:10px}.hero h1{font-size:61px}.trio{grid-template-columns:1fr}.treat{border-radius:140px 140px 20px 20px}.treat .food{width:200px;height:210px}.treat p{font-size:13px}.menu-item{grid-template-columns:100px 1fr;padding:18px}.menu-item svg{width:100px}.tabs{gap:6px}.tabs button{padding:11px 20px}.hero-gelato{right:-15px}.hero-pizza{left:-5px}.stamp{right:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Full-width layout and the supplied tonal storefront pattern. */
main{width:100%;max-width:none;margin:0}
header{padding-left:2.5%;padding-right:2.5%}
.hero,section,.page-head,footer{padding-left:2.5%;padding-right:2.5%}
.hero h1{font-size:clamp(58px,6.1vw,94px);letter-spacing:-4px}
.hero h1 em{font-size:.87em}
.story-band,.ticker{position:relative;isolation:isolate;overflow:hidden}
.story-band:before,.ticker:before{content:"";position:absolute;inset:0;background:url('assets/treat-pattern.svg') repeat;background-size:390px;pointer-events:none;z-index:-1;opacity:.37}
.ticker:before{opacity:.18}
.story-band>div:last-child{background:#105b43e8;border-radius:24px;padding:26px}
@media(min-width:1600px){main{max-width:none;margin:0}.hero h1{font-size:110px}.art-stage{width:100%;max-width:650px;justify-self:center}}
@media(max-width:800px){header{padding-left:4%;padding-right:4%}.hero,section,.page-head,footer{padding-left:4%;padding-right:4%}.hero h1{font-size:68px}.hero h1 em{font-size:.85em}.story-band>div:last-child{padding:20px}}
@media(max-width:480px){.hero h1{font-size:56px;letter-spacing:-3px}.hero h1 em{font-size:.83em}}
/* Balance the copy's left inset with the illustrated hero's right inset. */
@media(min-width:801px){.hero>div:first-child{padding-left:20px}}
@media(min-width:1600px){.hero>div:first-child{padding-left:calc(23.75vw - 325px)}}

/* Italian neighborhood edition */
:root{--cream:#fbf3dc;--green:#105b43;--red:#d51d35}body{background:var(--cream)}header{height:110px;padding:10px 5%;border-bottom:0}header .brand img{width:86px;height:86px}nav{font-weight:500;font-size:15px;gap:38px}.button{border-radius:2px;padding:18px 25px;background:var(--green);font-size:13px;letter-spacing:.3px;box-shadow:none}.button:hover{box-shadow:5px 5px 0 #d51d3530;transform:translate(-2px,-2px)}header .button{background:var(--red);border-radius:3px}main{max-width:none;width:100%}.outline-button{display:inline-flex;align-items:center;gap:15px;padding:16px 24px;border:1px solid var(--green);font-size:13px;font-weight:700}.outline-button:hover{background:#105b4310}.play{border:1px solid var(--green);border-radius:50%;width:24px;height:24px;text-align:center;line-height:22px}.handwritten{font-family:'Caveat','Fraunces',cursive;font-style:italic;font-size:32px;color:var(--red)}
.hero.nuova{padding:70px 8% 140px;min-height:790px;grid-template-columns:1fr 1fr;gap:30px;overflow:hidden;align-items:center}.hero.nuova>div:first-child{padding-left:0}.hero-copy{position:relative;z-index:2;align-self:center;padding-bottom:70px}.hero.nuova h1{font-size:clamp(60px,6.1vw,105px);font-weight:600;letter-spacing:-4px;line-height:1.04;max-width:720px;margin-top:24px}.hero.nuova h1 em{font-weight:600;font-size:.86em;white-space:nowrap}.hero.nuova p{font-size:16px;line-height:1.9;max-width:450px;margin:30px 0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-copy>.handwritten{display:block;margin-top:30px;transform:rotate(-7deg)}.hero-product{position:relative;width:100%;height:510px;align-self:center;z-index:1}.signature-cup{position:absolute;width:365px;height:490px;left:50%;top:-5px;transform:translate(-50%,var(--drift,0)) rotate(-8deg);filter:drop-shadow(15px 22px 15px #123e2520);overflow:visible;z-index:3}.cup-lid{transform:translateY(var(--lid-lift,0)) rotate(var(--lid-turn,0deg));transform-origin:210px 120px}.cup-steam{opacity:calc(1 - var(--scroll,0));animation:steam 3s ease-in-out infinite}.sun-disc{position:absolute;width:390px;height:390px;background:#e8d3a9;border-radius:50%;top:30px;left:50%;transform:translateX(-50%) scale(calc(1 + var(--scroll,0)*.18))}.basil{position:absolute;height:580px;width:280px;right:-140px;top:-160px;transform:rotate(15deg) translateY(calc(var(--scroll,0)*-70px));z-index:1}.slice-float{position:absolute;width:180px;left:-30px;top:5px;z-index:4;transform:translateY(calc(var(--scroll,0)*-110px)) rotate(-25deg)}.slice-float svg{width:100%;animation:float 6s ease-in-out infinite}.scoop-float{position:absolute;width:135px;right:-40px;bottom:15px;z-index:4;transform:translateY(calc(var(--scroll,0)*-70px)) rotate(18deg)}.scoop-float svg{width:100%;animation:float 6s ease-in-out -2s infinite}.product-caption{position:absolute;left:-20px;bottom:20px;font-size:10px;line-height:1.5;letter-spacing:1.5px;font-weight:700;transform:rotate(-8deg)}.bean{position:absolute;width:13px;height:20px;left:calc(12% + var(--i)*9%);top:calc(10% + var(--i)*8%);background:#674a31;border-radius:50%;z-index:2;transform:translateY(calc(var(--scroll,0)*var(--i)*18px)) rotate(calc(var(--i)*39deg));opacity:.6}.bean:after{content:"";position:absolute;height:80%;width:1px;background:var(--cream);left:50%;top:10%;transform:rotate(15deg)}.side-note{position:absolute;left:20px;top:38%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:1.3px;background:var(--green);color:var(--cream);padding:20px 12px;border-radius:25px}.hero-perks{position:absolute;bottom:65px;left:8%;right:8%;display:flex;justify-content:space-between;gap:20px;z-index:3}.hero-perks>span{display:flex;align-items:center;gap:13px;font-size:12px}.hero-perks b{display:grid;place-items:center;background:#e2e8cf;border-radius:50%;width:40px;height:48px;font-size:23px;font-weight:500}.scroll-cue{position:absolute;bottom:18px;left:8%;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:20px}.scroll-cue>span{font-size:22px;animation:float 3s infinite}
section{padding:90px 7%}.section-title{text-align:center;max-width:800px;margin:0 auto 80px}.section-title h2{font-size:clamp(44px,5.3vw,80px);font-weight:600;letter-spacing:-3px}.section-title h2 em{color:var(--red);font-style:italic}.section-title p{font-size:14px;line-height:1.8;margin-top:25px}.signature-menu{padding-top:100px;background:#fffaf0}.menu-timeline{position:relative;max-width:1100px;margin:auto}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#105b4330}.timeline-line i{display:block;width:2px;height:100%;background:var(--green);transform:scaleY(var(--line-progress,0));transform-origin:top}.timeline-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;min-height:430px;padding:35px 0}.timeline-label{text-align:right;position:relative}.timeline-label:after{content:"";position:absolute;width:50px;right:-90px;top:50%;border-top:1px dashed var(--green)}.timeline-label>span{font:italic 23px 'Fraunces',serif;color:var(--red)}.timeline-label h3{font:600 clamp(28px,3vw,42px) 'Fraunces',serif;letter-spacing:-1px;margin:12px 0 25px}.timeline-label a{background:var(--green);color:var(--cream);padding:13px 19px;font-size:10px;letter-spacing:1px;display:inline-block}.timeline-visual p{font-size:13px;line-height:1.9;max-width:370px}.menu-art{height:270px;max-width:390px;display:grid;place-items:center;overflow:hidden;background:#f4ddae}.menu-art svg{width:185px;height:245px;transform:translateY(var(--art-shift,0)) rotate(var(--art-turn,0deg));transition:filter .3s;filter:drop-shadow(7px 9px 0 #105b4310)}.menu-art:hover svg{filter:drop-shadow(12px 14px 0 #105b4320)}.gelato-art{background:#edd1cf}.coffee-art{background:#dce3cc}.timeline-item:nth-of-type(odd) .timeline-label{grid-column:2;grid-row:1;text-align:left}.timeline-item:nth-of-type(odd) .timeline-label:after{left:-90px;right:auto}.timeline-item:nth-of-type(odd) .timeline-visual{grid-column:1;grid-row:1}.menu-end{display:flex;width:max-content;margin:70px auto 0}.ticker{padding:22px 0;font-size:24px;letter-spacing:2px}.neighborhood{padding-left:5%;padding-right:5%;text-align:center}.experience-list{text-align:left}.experience{border-top:1px solid #105b4330}.experience:last-child{border-bottom:1px solid #105b4330}.experience summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:45px 1fr 1fr 50px;gap:25px;align-items:center;padding:25px 0}.experience summary::-webkit-details-marker{display:none}.experience h3{font-size:clamp(25px,3.2vw,46px);font-weight:600;letter-spacing:-1.5px;margin:0}.experience-number{font:italic 17px 'Fraunces',serif;color:var(--red)}.summary-copy{font:400 18px 'Fraunces',serif}.plus{width:45px;height:45px;border:1px solid #105b4340;border-radius:50%;display:grid;place-items:center;font-size:27px;transition:transform .4s}.experience[open] .plus{transform:rotate(45deg);background:var(--green);color:var(--cream)}.experience-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:0 7% 30px;animation:panel-in .5s ease both}.experience-panel p{font-size:17px;line-height:1.9;max-width:430px}.experience-panel>div{background:#e7dfc7;border-radius:3px;height:220px;display:grid;place-items:center}.experience-panel svg{width:150px;height:200px;transform:rotate(10deg)}.neighborhood>.text-link{margin-top:40px}.story-band{grid-template-columns:.9fr 1.1fr;gap:10%;padding:85px 10%;border-radius:0}.story-band>div:last-child{padding:0;background:none}.story-band h2{font-size:clamp(35px,4.3vw,65px);font-weight:600}.story-emblem{text-align:center}.story-emblem img{width:260px;max-width:100%;border-radius:50%;mix-blend-mode:normal}.story-emblem .handwritten{display:block;color:var(--cream);margin-top:15px;transform:rotate(-5deg)}.trattoria{padding:140px 7% 75px;background:var(--cream);overflow:hidden}.trattoria h2{font-weight:600;font-size:clamp(45px,5.5vw,80px)}.trattoria h2 em{font-style:italic;color:var(--red)}.trattoria .handwritten{display:block;margin-top:25px;transform:rotate(-5deg)}.striped-awning{height:65px;position:absolute;top:0;left:0;right:0;display:flex;filter:drop-shadow(0 6px 0 #105b4310)}.striped-awning i{flex:1;background:var(--red);border-radius:0 0 35px 35px;border:1px solid #163b3030}.striped-awning i:nth-child(even){background:#fffdf2}footer{background:var(--green);color:var(--cream);padding:60px 7% 30px;position:relative}.footer-logo{font-size:clamp(28px,5.5vw,80px);font-weight:600}footer>div:last-of-type{border-color:#fbf3dc40}footer .footer-logo i{color:#f0b2ac}.page-head{padding:70px 7% 50px}.page-head h1{font-weight:600}.menu-grid{max-width:1250px;margin:auto}.menu-item{border-radius:2px;border-color:#105b4330;background:#fffaf0}.tabs button{border-radius:2px}.about-art{border-radius:3px;background:#e5d8b7}.about-layout{padding-left:10%;padding-right:10%;gap:10%}.about-layout h2{font-weight:600}.contact-grid{padding-left:8%;padding-right:8%;padding-bottom:100px}.contact-card h3{font-weight:600}.contact-card{border-top-width:1px}.visit:not(.trattoria){background:#e6ddc5}dialog{border-radius:3px}.eyebrow{font-size:9px;letter-spacing:2.2px}.reveal{transition:opacity .8s,transform .8s;transform:translateY(35px)}
@keyframes steam{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes panel-in{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero.nuova{padding-left:10%;padding-right:10%;min-height:900px}.hero-product{max-width:650px}.hero.nuova>div:first-child{padding-left:0}.hero.nuova h1{font-size:110px}.signature-cup{width:400px;height:535px}.hero-perks{left:10%;right:10%}}
@media(max-width:1000px){.hero.nuova{padding-left:7%;padding-right:7%;gap:10px}.hero.nuova h1{font-size:65px;letter-spacing:-3px}.signature-cup{width:300px;height:430px}.sun-disc{width:300px;height:300px}.slice-float{width:130px;left:-10px}.scoop-float{width:110px;right:-10px;bottom:50px}.hero-product{height:460px}.basil{right:-130px}.product-caption{font-size:8px;left:0;bottom:30px}.hero-actions{gap:10px}.outline-button,.hero-actions .button{padding:14px 16px;font-size:11px}.hero-perks{left:7%;right:7%}.hero-perks>span{font-size:10px;gap:8px}.side-note{left:8px;font-size:7px}.timeline-item{gap:65px}.timeline-label:after{right:-65px;width:40px}.timeline-item:nth-of-type(odd) .timeline-label:after{left:-65px}.summary-copy{font-size:15px}.experience summary{gap:15px}}
@media(max-width:700px){header{height:95px;padding:10px 5%}header .brand img{width:65px;height:65px}nav{gap:13px;font-size:11px}header .button.small{font-size:10px;padding:12px 10px;gap:6px}.hero.nuova{grid-template-columns:1fr;padding:35px 8% 165px;gap:0;min-height:1060px}.hero-copy{padding:0;text-align:center}.hero.nuova h1{font-size:clamp(47px,9vw,67px);letter-spacing:-2.5px;margin:15px auto 20px}.hero.nuova h1 em{font-size:.9em}.hero.nuova p{font-size:13px;margin:15px auto 22px}.hero-actions{justify-content:center}.hero-copy>.handwritten{font-size:26px;margin-top:18px}.hero-product{width:100%;height:400px;max-width:450px;justify-self:center;margin-top:20px}.signature-cup{height:380px;width:280px}.sun-disc{width:290px;height:290px;top:25px}.slice-float{width:125px;top:0;left:0}.scoop-float{width:105px;bottom:30px;right:-5px}.basil{height:400px;right:-90px;top:-30px}.product-caption{bottom:10px;left:0}.side-note{display:none}.hero-perks{bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;left:8%;right:8%}.hero-perks b{width:32px;height:37px;font-size:19px}.hero-perks>span{font-size:9px}.scroll-cue{bottom:14px;left:8%}.signature-menu{padding:65px 7%}.section-title{margin-bottom:40px}.section-title h2{font-size:44px;letter-spacing:-2px}.section-title p{font-size:12px}.timeline-line{left:12px}.timeline-item{display:flex;flex-direction:column;gap:22px;align-items:stretch;padding:30px 0 35px 42px;min-height:0}.timeline-label,.timeline-item:nth-of-type(odd) .timeline-label{text-align:left}.timeline-label:after,.timeline-item:nth-of-type(odd) .timeline-label:after{width:20px;left:-30px;right:auto;top:25px}.timeline-label h3{font-size:30px;margin:7px 0 17px}.timeline-label>span{font-size:16px}.menu-art{height:230px;max-width:none}.menu-art svg{height:210px;width:160px}.timeline-visual p{font-size:12px}.menu-end{margin-top:35px}.ticker{font-size:17px}.neighborhood{padding:60px 6%}.experience summary{grid-template-columns:25px 1fr 35px;padding:23px 0;gap:10px}.experience h3{font-size:27px;letter-spacing:-1px}.summary-copy{display:none}.plus{width:33px;height:33px;font-size:22px}.experience-panel{padding:0 0 25px 35px;gap:20px;grid-template-columns:1fr}.experience-panel p{font-size:14px}.experience-panel>div{height:190px}.experience-panel svg{height:170px;width:120px}.story-band{padding:60px 8%;gap:40px;grid-template-columns:1fr}.story-emblem img{width:190px}.story-band h2{font-size:39px}.story-band p{font-size:14px}.story-emblem .handwritten{font-size:26px}.trattoria{padding:110px 7% 60px}.trattoria h2{font-size:42px}.striped-awning{height:45px}.striped-awning i:nth-child(n+13){display:none}.page-head h1{font-size:56px;letter-spacing:-2px}.about-layout{padding:20px 7% 60px;gap:35px}.contact-grid{padding:15px 7% 60px}.menu-grid{padding:25px 6% 40px}.footer-logo{letter-spacing:-1px}.hero.nuova>div:first-child{padding-left:0}}
@media(prefers-reduced-motion:reduce){.signature-cup,.cup-lid,.basil,.slice-float,.scoop-float,.menu-art svg{transform:none!important}.signature-cup{left:50%;margin-left:-140px}.timeline-line i{transform:none}.reveal{opacity:1;transform:none}.cup-steam,.slice-float svg,.scoop-float svg,.scroll-cue>span{animation:none!important}}
/* Shared navigation and explicit, light-default color themes. */
:root{color-scheme:light}.header-controls{display:flex;align-items:center;gap:18px}.theme-toggle{width:56px;height:31px;border:1px solid var(--green);border-radius:30px;background:var(--green);color:var(--cream);position:relative;display:flex;align-items:center;justify-content:space-around;padding:3px;font-size:18px}.theme-toggle:before{content:"";position:absolute;left:3px;top:3px;width:23px;height:23px;border-radius:50%;background:var(--cream);transition:transform .25s}.theme-toggle span{position:relative;line-height:1;width:23px;text-align:center}.theme-sun{color:var(--green)}.menu-toggle{display:none}.theme-toggle:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--red);outline-offset:5px}
html[data-theme="dark"]{color-scheme:dark;--cream:#f7eed8;--green:#bcd5b1;--red:#f16b7a;--ink:#f7eed8}html[data-theme="dark"] body{background:#14241d;color:#f7eed8}html[data-theme="dark"] header{background:#14241d}html[data-theme="dark"] .brand img{mix-blend-mode:normal}html[data-theme="dark"] .theme-toggle{background:#273e30;border-color:#a9c9a1;color:#fbf3dc}html[data-theme="dark"] .theme-toggle:before{transform:translateX(25px);background:#fbf3dc}html[data-theme="dark"] .theme-sun{color:#fbf3dc}html[data-theme="dark"] .theme-moon{color:#173a29}html[data-theme="dark"] .hero h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#f7eed8}html[data-theme="dark"] .hero h1 em,html[data-theme="dark"] h2 em{color:#f0a3a5}html[data-theme="dark"] .button{background:#bcd5b1;color:#14241d}html[data-theme="dark"] header .button{background:#c92a40;color:#fbf3dc}html[data-theme="dark"] .outline-button{border-color:#a9c9a1}html[data-theme="dark"] .sun-disc{background:#344534}html[data-theme="dark"] .hero-perks b{background:#2d4435}html[data-theme="dark"] .signature-menu{background:#192c23}html[data-theme="dark"] .menu-art{background:#3c4131}html[data-theme="dark"] .gelato-art{background:#483a3c}html[data-theme="dark"] .coffee-art{background:#304635}html[data-theme="dark"] .timeline-label a{background:#bcd5b1;color:#14241d}html[data-theme="dark"] .timeline-line{background:#fbf3dc25}html[data-theme="dark"] .timeline-line i{background:#bcd5b1}html[data-theme="dark"] .timeline-label:after{border-color:#bcd5b1}html[data-theme="dark"] .experience,html[data-theme="dark"] .experience:last-child{border-color:#fbf3dc30}html[data-theme="dark"] .plus{border-color:#fbf3dc40}html[data-theme="dark"] .experience[open] .plus{background:#bcd5b1;color:#14241d}html[data-theme="dark"] .experience-panel>div{background:#304233}html[data-theme="dark"] .story-band,html[data-theme="dark"] .ticker,html[data-theme="dark"] footer{background:#0a3024;color:#fbf3dc}html[data-theme="dark"] .trattoria,html[data-theme="dark"] .visit:not(.trattoria){background:#20362a}html[data-theme="dark"] .menu-item{background:#1b3025;border-color:#fbf3dc30}html[data-theme="dark"] .tabs button{color:#fbf3dc;border-color:#a9c9a1}html[data-theme="dark"] .tabs button.active{background:#bcd5b1;color:#14241d}html[data-theme="dark"] .about-art{background:#374633}html[data-theme="dark"] .contact-card{border-color:#fbf3dc40}html[data-theme="dark"] dialog{background:#192c23;color:#fbf3dc;border-color:#a9c9a1}html[data-theme="dark"] .close{color:#fbf3dc}html[data-theme="dark"] .side-note{background:#bcd5b1;color:#14241d}html[data-theme="dark"] .handwritten{color:#f0a3a5}
@media(max-width:700px){header{z-index:30;flex-wrap:nowrap;position:relative;gap:12px}.header-controls{margin-left:auto;gap:12px}.theme-toggle{width:54px;flex-shrink:0}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:39px;height:39px;padding:8px;border:1px solid #105b4350;background:none;color:var(--green);border-radius:3px}.menu-toggle span{display:block;width:21px;height:2px;background:currentColor;transition:transform .25s,opacity .25s}.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 7% 28px;background:#fbf3dc;box-shadow:0 14px 20px #102f2520;border-top:1px solid #105b4320}header.menu-open nav{display:flex;flex-direction:column;gap:0;animation:panel-in .25s ease}header nav a{font:500 25px 'Fraunces',serif;padding:15px 0;border-bottom:1px solid #105b4320}html[data-theme="dark"] header nav{background:#192c23;border-color:#fbf3dc30}html[data-theme="dark"] header nav a{border-color:#fbf3dc20}html[data-theme="dark"] .menu-toggle{border-color:#fbf3dc40;color:#fbf3dc}header .button.small{font-size:10px;padding:12px 10px;gap:6px}}
@media(max-width:360px){.header-controls{gap:8px}header .brand img{width:56px;height:56px}header .button.small{padding:11px 8px}.theme-toggle{width:54px}}

/* Unified 24px rounded-stroke SVG icon system, v1.0.1. */
.isn-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.2em;overflow:visible}.button .isn-icon,.text-link .isn-icon,.timeline-label a .isn-icon{width:16px;height:16px;vertical-align:-3px}.hero-perks b .isn-icon{width:23px;height:23px}.theme-toggle .isn-icon{position:relative;width:19px;height:19px;padding:1px;box-sizing:content-box}.theme-toggle .theme-sun{color:#105b43}.theme-toggle .theme-moon{color:#fbf3dc}html[data-theme="dark"] .theme-toggle .theme-sun{color:#fbf3dc}html[data-theme="dark"] .theme-toggle .theme-moon{color:#173a29}.play{display:inline-grid;place-items:center}.play .isn-icon{width:14px;height:14px}.plus .isn-icon{width:22px;height:22px}.close .isn-icon{width:23px;height:23px}.ticker .isn-icon{width:20px;height:20px;vertical-align:-2px}.menu-toggle .isn-icon{width:22px;height:22px;color:inherit}.menu-toggle .menu-close{display:none}.menu-open .menu-toggle .menu-bars{display:none}.menu-open .menu-toggle .menu-close{display:block}.scroll-cue>span .isn-icon{width:23px;height:23px}
