@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;1,700;1,800&display=swap');
:root{--cream:#fff9ed;--ink:#28241f;--red:#e64124;--pink:#e6297c;--yellow:#ffd353;--blue:#087f95}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}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}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.announcement{background:var(--red);color:white;text-align:center;padding:10px 20px;font-size:11px;letter-spacing:2px;font-weight:700}.announcement span{margin-left:48px}header{display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:var(--cream);gap:24px;border-bottom:1px solid #29241f17}.brand img{width:218px;height:100px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:38px;font-size:15px;font-weight:700}nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:50px;padding:18px 26px;background:var(--red);color:white;font-weight:700;font-size:15px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#c82c14}.button.small{padding:14px 22px}.hero{display:grid;grid-template-columns:44% 56%;min-height:660px;padding:25px 0 55px 6%;overflow:hidden;align-items:center}.hero-copy{padding:40px 30px 30px 0;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.7;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-3px;line-height:1.02}h1{font-size:clamp(64px,6.8vw,105px);margin-bottom:28px}em{color:var(--red);font-weight:inherit}h1 em{font-weight:800}.intro{font-size:18px;line-height:1.75;max-width:385px;color:#655e55}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:4px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:35px}.hero-note p{font-size:12px;line-height:1.6;margin:0}.sun{font-size:45px;color:var(--red)}.hero-visual{position:relative;min-width:0;height:570px}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:45% center;border-radius:180px 0 0 20px}.round-label{position:absolute;top:12px;left:-42px;background:var(--yellow);width:136px;height:136px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);font-size:12px;box-shadow:0 0 0 7px var(--cream);line-height:1.15}.round-label b{font-size:23px;text-align:center}.round-label span{font-size:8px;margin-top:8px;letter-spacing:1px}.dessert-peek{position:absolute;bottom:-25px;right:30px;width:240px;background:var(--cream);padding:9px;border-radius:20px;box-shadow:0 10px 30px #0002;transform:rotate(5deg)}.dessert-peek img{height:138px;width:100%;object-fit:cover;border-radius:12px}.dessert-peek div{font-size:13px;padding:10px 7px 4px;line-height:1.6}.dessert-peek b{color:var(--pink);font-size:17px}.ticker{background:var(--yellow);display:flex;justify-content:space-around;gap:26px;padding:21px 20px;font-size:19px;font-weight:700;white-space:nowrap;overflow:hidden}.ticker span{font-size:13px;letter-spacing:2px}.section{padding:95px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}h2{font-size:clamp(40px,4.8vw,70px);margin-bottom:15px}.section-heading>p{line-height:1.8;font-size:15px;color:#655e55}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.filters button{border:1px solid #d9d0c0;background:transparent;border-radius:30px;padding:12px 22px;cursor:pointer;font-size:14px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 22px}.food-card[hidden]{display:none}.food-image{height:245px;overflow:hidden;border-radius:16px;background:#f0e2cb}.food-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.food-card:hover img{transform:scale(1.045)}.food-card h3{font-size:20px;margin:17px 0 8px;letter-spacing:-.5px}.food-card p{font-size:14px;line-height:1.6;color:#70675c;margin-bottom:0}.menu-note{font-size:12px;color:#756a60;line-height:1.6;margin:30px 0 0}.sharing{display:grid;grid-template-columns:57% 43%;align-items:center;background:#272924;color:white;padding:65px 6%;gap:45px;overflow:hidden}.sharing-image img{width:100%;mix-blend-mode:screen}.sharing h2 em{color:var(--yellow)}.sharing p:not(.eyebrow){line-height:1.8;max-width:370px;color:#d9d5cb}.sharing .eyebrow{color:var(--yellow)}.sharing .button{margin-top:10px}.jarochita{display:grid;grid-template-columns:36% 64%;align-items:center;background:#fce5ed;gap:25px;padding-top:90px;padding-bottom:90px;overflow:hidden}.jarochita em{color:var(--pink)}.sweet-heading p:not(.eyebrow){font-size:16px;line-height:1.8;margin-top:26px}.sweet-heading .eyebrow{color:#a81752;font-size:11px}.sweet-photo{position:relative}.sweet-photo>img{height:460px;width:100%;object-fit:cover;border-radius:160px 160px 20px 20px}.sweet-sticker{position:absolute;bottom:-20px;left:-30px;background:var(--yellow);padding:25px 30px;transform:rotate(-8deg);font-size:12px;font-weight:bold;border-radius:12px}.sweet-sticker em{font-family:Georgia,serif;font-size:27px}.drinks-banner{height:520px;position:relative;color:white;overflow:hidden}.drinks-banner>img{height:100%;width:100%;object-fit:cover;object-position:center 55%}.drinks-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 80%)}.drinks-banner>div{position:absolute;left:6%;top:90px;z-index:1}.drinks-banner h2{font-size:70px;margin-bottom:26px}.button.light{background:var(--cream);color:var(--ink)}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.location-grid article{padding:30px;border:1px solid #d9d0c0;border-radius:16px}.location-number{font-size:11px;letter-spacing:2px;color:var(--red);font-weight:bold}.location-grid h3{font-family:Georgia,serif;font-size:29px;margin:28px 0 15px;letter-spacing:-1px}.location-grid p{font-size:15px;line-height:1.8}.location-map{display:block;font-size:14px;font-weight:700;margin:20px 0 28px;text-decoration:underline;text-underline-offset:5px}.location-grid .button{width:100%;font-size:13px;padding:15px 12px}.closing{text-align:center;background:var(--red);color:var(--cream);padding:65px 20px}.closing>span{font-size:60px;color:var(--yellow);display:block;margin-bottom:20px}.closing h2{font-size:55px;margin-bottom:30px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 6%}footer>img{width:170px;height:auto;mix-blend-mode:multiply}footer p{font-size:13px;margin:8px 0;color:#756a60}footer>a{font-size:13px}footer strong{font-size:15px}
@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}.hero{min-height:760px}.hero-visual{height:660px}.food-image{height:320px}}
@media(max-width:1000px){nav{gap:20px}.hero{grid-template-columns:46% 54%;padding-left:5%}.hero-visual{height:530px}.hero-copy{padding-right:20px}h1{font-size:70px}.menu-grid{grid-template-columns:repeat(3,1fr)}.sharing{gap:20px;grid-template-columns:50% 50%}.location-grid article{padding:22px}.location-grid h3{font-size:24px}.brand img{width:185px}.jarochita{grid-template-columns:40% 60%}.sweet-photo>img{height:400px}}
@media(max-width:760px){html{scroll-padding-top:20px}.announcement{font-size:9px;letter-spacing:1.3px}.announcement span{display:none}header{padding:9px 5%;flex-wrap:wrap;gap:7px}.brand img{width:164px;height:82px}header .button{font-size:12px;padding:13px 17px}nav{order:3;width:100%;justify-content:center;padding:9px 0 12px;gap:34px;font-size:13px}.hero{display:flex;flex-direction:column;padding:0 0 45px;min-height:0}.hero-copy{padding:36px 7% 25px;width:100%}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:15px}h1{font-size:76px;line-height:.98;letter-spacing:-3px;margin-bottom:24px}.intro{font-size:16px;max-width:440px}.actions{gap:20px}.button{font-size:14px;padding:16px 22px}.hero-note{display:none}.hero-visual{width:93%;align-self:flex-end;height:350px;margin-top:10px}.hero-photo{border-radius:100px 0 0 15px;object-position:center}.round-label{width:100px;height:100px;left:-12px;top:-5px;font-size:9px}.round-label b{font-size:18px}.round-label span{font-size:6px}.dessert-peek{width:163px;right:22px;bottom:-24px}.dessert-peek img{height:92px}.dessert-peek div{font-size:10px;padding:7px 4px 0}.dessert-peek b{font-size:14px}.ticker{justify-content:flex-start;padding:17px;gap:23px}.ticker span{font-size:11px}.section{padding:58px 6%}h2{font-size:43px;letter-spacing:-2px}.section-heading{display:block;margin-bottom:20px}.section-heading>p{font-size:14px;margin-top:20px}.filters{gap:7px;margin:24px 0}.filters button{font-size:12px;padding:10px 14px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.food-image{height:185px;border-radius:12px}.food-card h3{font-size:17px}.food-card p{font-size:12px}.sharing{grid-template-columns:1fr;padding:45px 6%;gap:25px}.sharing-image{order:2}.sharing h2 br:nth-child(1){display:none}.sharing h2{font-size:49px}.sharing p:not(.eyebrow){font-size:15px}.jarochita{grid-template-columns:1fr;gap:22px}.sweet-photo>img{height:320px;border-radius:100px 100px 15px 15px}.sweet-sticker{left:8px;padding:19px 24px}.sweet-heading p:not(.eyebrow){margin-top:15px;font-size:15px}.drinks-banner{height:390px}.drinks-banner>img{object-position:55% center}.drinks-banner>div{top:70px}.drinks-banner h2{font-size:53px}.location-grid{grid-template-columns:1fr;gap:16px;margin-top:25px}.location-grid article{padding:25px}.location-grid h3{font-size:30px;margin-top:20px}.location-grid .button{max-width:310px}.closing h2{font-size:40px}.closing{padding:45px 6%}footer{flex-wrap:wrap;padding:30px 6%;gap:20px}footer>img{width:150px}footer div{width:100%;order:3}footer>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sharing{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,64px)}.sharing-image img{height:auto;aspect-ratio:900/558;object-fit:contain;mix-blend-mode:normal;border-radius:18px}.sharing-image{max-width:900px;width:100%}@media(max-width:760px){.sharing{grid-template-columns:1fr}.sharing-image{order:2}}

/* Lightweight motion, using only opacity and transforms. */
@keyframes rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes badge-bob{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-9px)}}
@keyframes dessert-bob{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}
@keyframes ticker-travel{to{transform:translateX(-50%)}}
.hero-copy{animation:rise-in .8s both}.hero-photo{animation:photo-in 1.2s both}.round-label{animation:badge-bob 4s ease-in-out 1}.dessert-peek{animation:dessert-bob 4s ease-in-out 1}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s ease var(--reveal-delay,0ms)}.reveal.in-view{opacity:1;transform:none}
.ticker{display:block;padding:21px 0}.ticker-track{display:flex;width:max-content;animation:ticker-travel 32s linear infinite}.ticker-group{display:flex;align-items:center;gap:42px;flex-shrink:0;padding-right:42px;min-width:100vw;justify-content:space-around}.ticker:hover .ticker-track{animation-play-state:paused}
.motion-control{display:block;margin:10px 6% 0 auto;border:0;background:transparent;color:#655e55;padding:8px 10px;font-size:12px;cursor:pointer;border-radius:20px}.motion-control:hover{background:#f1e6d3}.motion-control:focus-visible{outline:3px solid var(--blue)}
.location-grid article{transition:transform .25s ease,box-shadow .25s ease}.location-grid article:hover{transform:translateY(-5px);box-shadow:0 12px 28px #28241f12}.button{transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.button:hover{box-shadow:0 8px 20px #e6412428}.button:active{transform:translateY(0) scale(.97)}
.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .hero-copy,.motion-paused .hero-photo{animation:none}
@media(max-width:760px){.ticker-group{gap:26px;padding-right:26px}.reveal{transform:translateY(16px)}.reveal.in-view{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.ticker-track{transform:none}}
