/* Kermez: the original plum, cream, and a quiet touch of coffee gold. */
:root{--atelier-gold:#aa7b4b;--atelier-ease:cubic-bezier(.22,1,.36,1)}
.site-header{background:linear-gradient(110deg,#4b253e,var(--brand) 70%);box-shadow:0 6px 24px #4422340a}
.reading-line{position:fixed;top:0;right:0;width:100%;height:2px;background:#dbc3a7;z-index:55;transform:scaleX(var(--reading-progress,0));transform-origin:right;pointer-events:none}
.button{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 5px 17px #552d3d08;transition:transform .35s var(--atelier-ease),box-shadow .35s,background .35s}
.button:before{content:"";position:absolute;inset:-50% auto -50% -60%;width:25%;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:skewX(-20deg);z-index:-1;transition:left .75s ease}
.button:hover:before{left:130%}
.button:hover{box-shadow:0 9px 24px #552d3d17}
.button .icon{transition:transform .3s var(--atelier-ease)}
.button:hover .icon:last-child{transform:translateX(-4px)}
.hero-atelier{background:radial-gradient(ellipse at 16% 40%,#d7bccb38,transparent 49%),radial-gradient(ellipse at 88% 6%,#fff9,transparent 55%),var(--cream)}
.hero-grain{position:absolute;inset:0;background-image:radial-gradient(#5b2d4920 .6px,transparent .6px);background-size:6px 6px;opacity:.16;pointer-events:none;z-index:0}
.hero-doodle{position:absolute;right:-35px;bottom:42px;width:250px;opacity:.2;pointer-events:none}
.hero-doodle svg{width:100%;stroke:var(--atelier-gold);stroke-width:.8}
.hero-grid{padding-top:45px;padding-bottom:30px;min-height:680px;position:relative}
.hero-copy{padding-bottom:0}
.hero h1{position:relative;font-size:clamp(58px,6.4vw,88px);margin-bottom:25px}
.hero h1>span{background:linear-gradient(100deg,var(--brand) 6%,#96747d 57%,var(--brand-light));background-clip:text;-webkit-background-clip:text;color:transparent}
.title-swish{width:240px;height:19px;position:absolute;bottom:-7px;right:145px;fill:none;stroke:var(--atelier-gold);stroke-width:1.4;opacity:.65}
.hero-description{color:#77666d;font-size:19px;max-width:460px}
.hero-actions{margin-top:25px}
.hero-moods{max-width:390px;margin-top:25px;border-top:1px solid #bfa5b43b;padding-top:15px}
.mood-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-bottom:8px}
.motion-toggle{border:1px solid #cdbcc1;background:#fff4;color:var(--brand);padding:0;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.motion-toggle .icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.motion-toggle:hover{background:var(--paper)}
.mood-options{display:flex;gap:8px;flex-wrap:wrap}
.mood-option{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9c9cf;padding:8px 12px;border-radius:100px;background:#fff3;font-size:13px;line-height:1.6;color:var(--brand);transition:background .3s,color .3s,box-shadow .3s}
.mood-option:hover{background:#eadce5}
.mood-option.is-selected{background:var(--brand);color:var(--cream);border-color:var(--brand);box-shadow:0 4px 15px #5b2d4920}
.mood-option .icon{height:15px;width:15px;stroke-width:1.4}
.mood-dot{width:11px;height:11px;border:1px solid currentColor;display:block;transform:rotate(15deg);border-radius:3px}
.mood-drop{width:9px;height:12px;border:1px solid currentColor;border-radius:80% 5% 75% 75%;transform:rotate(-45deg)}
.hero-location{margin-top:21px;font-size:12px}
.hero-art{height:555px;--mx:0px;--my:0px}
.coffee-halo{position:absolute;left:15px;top:25px;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#b98c6c22 0,#b98c6c0d 58%,transparent 70%);pointer-events:none}
.hero-roundel{background:radial-gradient(circle at 30% 18%,#916179 0,var(--brand) 44%,#402033 100%);box-shadow:inset -8px -12px 45px #22131b1a,0 25px 60px #5b2d491a;top:55px;transition:background .65s}
.hero-roundel:after{content:"";position:absolute;inset:12px;border:1px solid #e9d4c522;border-radius:50%}
.roundel-mark{opacity:.09}
.roundel-note{bottom:43px;font-size:9px;letter-spacing:.2em;color:#e5cfdc}
.hero-orbit{border-color:#b797a966}
.orbit-one{top:41px;transform:rotate(-18deg)}
.orbit-two{top:83px;border-color:#b492784a}
.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#b89678;box-shadow:0 0 0 5px #b8967817;top:80px;left:33px}
.orbit-two:before{top:auto;bottom:5px;left:190px;width:5px;height:5px;background:#9d7189}
.hero-product{top:31px;transform:translate(var(--mx),var(--my));transition:transform .8s var(--atelier-ease)}
.hero-product img{filter:drop-shadow(15px 24px 13px #26101d50);transition:opacity .25s,transform .7s var(--atelier-ease)}
.hero-art[data-temperature=hot] .hero-roundel{background:radial-gradient(circle at 32% 19%,#a27970,var(--brand) 50%,#402033 100%)}
.coffee-steam{position:absolute;z-index:3;top:27px;left:165px;width:150px;height:90px;opacity:0;pointer-events:none;transition:opacity .6s}
.hero-art[data-temperature=hot] .coffee-steam{opacity:.5}
.coffee-steam i{position:absolute;bottom:5px;left:20px;width:23px;height:67px;border-right:1.5px solid #f4e8ddc7;border-radius:50%;transform:rotate(15deg)}
.coffee-steam i:nth-child(2){left:61px;height:86px;transform:rotate(-9deg)}
.coffee-steam i:nth-child(3){left:104px;height:60px}
.hero-sparkles{position:absolute;inset:0;pointer-events:none;z-index:5}
.hero-sparkles i{position:absolute;left:45px;top:102px;width:17px;height:17px;background:#f5e5d3;clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);opacity:.85;filter:drop-shadow(0 0 7px #c39468)}
.hero-sparkles i:nth-child(2){left:auto;right:103px;top:73px;width:11px;height:11px;background:var(--atelier-gold)}
.hero-sparkles i:nth-child(3){left:105px;top:422px;width:12px;height:12px;background:#dbb28d}
.hero-sparkles i:nth-child(4){left:425px;top:294px;width:9px;height:9px;background:#dfc2a6}
.hero-corner-note{right:4px;top:62px;font-size:14px}
.hero-corner-note strong{font-size:21px}
.coffee-seal{position:absolute;left:0;top:345px;width:102px;height:102px;z-index:3;color:var(--brand);background:#f4eee8bf;border-radius:50%;border:1px solid #b69a8555;box-shadow:0 5px 15px #50313908}
.coffee-seal svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--brand);font-family:Arial,sans-serif;font-size:8px;letter-spacing:.7px}
.coffee-seal>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:31px;color:var(--brand);transform:translateY(4px)}
.hero-dessert{bottom:4px;left:20px;background:#fffcf9e8;box-shadow:0 13px 36px #51303b14;backdrop-filter:blur(10px);border-color:#decdbfc9}
.hero-dessert img{filter:drop-shadow(3px 5px 4px #47263818)}
.hero-price{right:5px;bottom:108px;min-width:134px;background:#fffcf9eb;border-color:#dfcbbc;box-shadow:0 10px 32px #45263812;backdrop-filter:blur(10px);padding:14px 17px}
.hero-price b{font:inherit}
.hero-detail{border:0;background:none;display:flex;align-items:center;gap:7px;padding:6px 0 0;color:var(--brand);font-size:11px;font-weight:700}
.hero-detail .icon{width:12px;height:12px}
.hero-bottom{position:relative;z-index:1}
.coffee-ribbon{overflow:hidden;background:var(--brand);color:var(--cream);padding:16px 0;border-top:1px solid #d1b09855;direction:ltr}
.ribbon-track{display:flex;width:max-content;gap:0}
.ribbon-track>span{display:flex;align-items:center;gap:32px;white-space:nowrap;padding-right:32px;font-size:18px;font-weight:500;letter-spacing:.025em}
.ribbon-track i{font-style:normal;color:#cfaf92;font-size:18px}
.discover{position:relative;background:radial-gradient(ellipse at 98% 90%,#eee0e936,transparent 52%),var(--paper)}
.category-card{background:linear-gradient(125deg,#fbf8f4,var(--cream));border-color:#ddcdd2;box-shadow:0 8px 30px #5b2d4905;overflow:hidden;min-height:259px}
.category-card:before{content:"";position:absolute;width:220px;height:220px;border:1px solid #b995aa18;border-radius:50%;left:-65px;top:-69px;pointer-events:none}
.category-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,25%) var(--spot-y,20%),#fff9,transparent 55%);opacity:0;transition:opacity .35s;pointer-events:none}
.category-card:hover:after{opacity:1}
.category-card-icon{background:#f8f0f1;border-color:#d4bac8;position:relative;z-index:1}
.category-card h3,.category-card>p,.category-card-footer{position:relative;z-index:1}
.category-card h3{max-width:78%}
.category-number{top:18px;left:19px;color:#aa8f98;z-index:2}
.category-product{position:absolute;left:18px;top:34px;width:104px;height:122px;object-fit:contain;filter:drop-shadow(4px 7px 5px #50344120);transform:rotate(7deg);transition:transform .6s var(--atelier-ease);pointer-events:none}
.category-card:hover .category-product{transform:rotate(2deg) translateY(-7px)}
.category-card:hover{box-shadow:0 17px 35px #5b2d490e;background:var(--cream)}
.category-card-footer>.icon{border-radius:50%;border:1px solid #cdb7c4;padding:4px;width:28px;height:28px;transition:background .25s,color .25s}
.category-card:hover .category-card-footer>.icon{background:var(--brand);color:var(--cream)}
.featured-section{background:radial-gradient(circle at 20% 35%,#f7f2ec 0,transparent 50%),#ede1d9}
.menu-card{box-shadow:0 6px 18px #48263805;border-color:#ddcdd3;transition:transform .5s var(--atelier-ease),box-shadow .5s,border-color .5s}
.menu-card:hover{box-shadow:0 18px 38px #48263813;border-color:#bc98b0}
.card-image{background:radial-gradient(ellipse at 50% 47%,#f7f0e9 0,#ecdfd6 68%);isolation:isolate}
.card-image:before{content:"";position:absolute;width:73%;height:73%;border:1px solid #c6a6b12c;border-radius:50%;top:12%;left:14%;z-index:-1;transition:transform .65s var(--atelier-ease),border-color .4s}
.card-image:hover:before{transform:scale(1.12);border-color:#b08b9b50}
.card-image>img{transition:transform .65s var(--atelier-ease);filter:drop-shadow(8px 12px 7px #462b3728)}
.card-quick-view{opacity:1;transform:none;background:#fffbf8cc}
.pairing-section{background:var(--paper);overflow:hidden}
.pairing-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}
.pairing-copy h2{font-size:50px;line-height:1.4;margin-bottom:22px}
.pairing-copy h2>span{color:var(--brand-light)}
.pairing-copy>p:not(.eyebrow){font-size:19px;line-height:2;color:var(--muted);max-width:380px;margin-bottom:23px}
.pairing-art{position:relative;height:395px;direction:ltr;isolation:isolate}
.pairing-art:before{content:"";position:absolute;inset:10px 0 22px;background:#efe3e7;border-radius:48% 52% 55% 45%;transform:rotate(-9deg);z-index:-1}
.pairing-script{position:absolute;right:40px;top:10px;font-family:Georgia,serif;font-size:58px;font-style:italic;line-height:.9;letter-spacing:-.05em;color:#a6849466;transform:rotate(-9deg)}
.pairing-coffee,.pairing-cake{position:absolute;background:none;border:0;padding:0;width:50%;height:80%;transition:transform .65s var(--atelier-ease);z-index:1}
.pairing-coffee{left:2px;top:42px;transform:rotate(-10deg)}
.pairing-cake{right:-10px;bottom:3px;width:61%;height:65%;transform:rotate(6deg)}
.pairing-coffee img,.pairing-cake img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(8px 16px 8px #542f4225)}
.pairing-coffee:hover{transform:rotate(-6deg) translateY(-8px)}
.pairing-cake:hover{transform:rotate(2deg) translateY(-8px)}
.pairing-plus{position:absolute;left:48%;top:49%;font-family:Georgia,serif;font-size:38px;color:#98756c;z-index:2;font-weight:400}
.pairing-curve{position:absolute;inset:2% 0;width:100%;height:90%;fill:none;stroke:#bc956b8a;stroke-width:1;stroke-dasharray:5 9;pointer-events:none;transform:rotate(-10deg)}
.pairing-note{position:absolute;left:30px;bottom:-10px;direction:rtl;font-size:13px;color:var(--brand);transform:rotate(-6deg)}
.story-banner{position:relative;background:radial-gradient(ellipse at 35% 50%,#8a5f7120 0,transparent 65%),var(--brand)}
.story-orbit{position:absolute;inset:0 16px 0 -25px;border:1px solid #e0c2a52b;border-radius:50%;transform:rotate(14deg)}
.story-art-word{color:#a8829742;-webkit-text-stroke:.8px #e3bec53b}
.story-note{position:absolute;right:0;bottom:7px;font-size:17px;font-weight:500;line-height:1.7;color:#e7d1be;transform:rotate(7deg);direction:rtl}
.visit-teaser{background:radial-gradient(ellipse at 5% 20%,#e4d1dc50,transparent 55%),var(--cream)}
.page-intro{background:radial-gradient(circle at 8% 20%,#e9dbe64a,transparent 50%),var(--cream)}
.page-intro:after{content:"";position:absolute;width:490px;height:250px;left:-25px;top:-15px;border:1px solid #ba957e22;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.breadcrumb{background:var(--cream);padding:20px 0 0;font-size:12px;color:var(--muted);position:relative;z-index:1}
.breadcrumb>.container{display:flex;gap:11px;align-items:center}
.breadcrumb a{color:var(--brand);font-weight:500}
.breadcrumb span[aria-hidden]{font-size:16px;color:#a48794}
.breadcrumb+section.page-intro{padding-top:35px}
.location-art{background:radial-gradient(ellipse at 20% 20%,#8d657555,transparent 70%),var(--brand)}
.location-art>.location-caption{font-family:var(--font);top:auto;left:auto;right:30px;bottom:20px;letter-spacing:0;font-size:16px;font-weight:500;line-height:1.6;transform:rotate(5deg);color:#e3c7b1;direction:rtl}
.location-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}
.location-actions .text-link{font-size:14px}
.map-section{padding-top:0;scroll-margin-top:115px}
.map-card{overflow:hidden;border:1px solid #d8c4ce;border-radius:22px;background:var(--cream);box-shadow:0 15px 50px #4b283610}
.map-card-top{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,var(--brand-deep),var(--brand));color:var(--cream)}
.map-card-top>span{display:flex;align-items:center;gap:9px;font-size:18px}
.map-card-top .icon{width:20px;height:20px}
.map-district{font-size:12px;color:#d9c2d0;border-inline-start:1px solid #ffffff2b;margin-inline-start:5px;padding-inline-start:14px}
.map-card-top .text-link{color:var(--cream);font-size:13px}
.business-map{display:block;width:100%;height:470px;border:0;background:#e8e4dc;position:relative;z-index:1}
.map-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 25px;font-size:13px;color:var(--muted)}
.map-card-bottom>a{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--brand);white-space:nowrap}
.map-card-bottom .icon{width:17px;height:17px}
.hours-card,.contact-card,.location-card{box-shadow:0 8px 30px #51344106}
.faq-list details[open]{background:linear-gradient(90deg,transparent,#f2e8ed80);padding-inline:16px;border-radius:10px}
.site-footer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#6b3a541f,transparent 60%),var(--brand-deep)}
.site-footer:before{content:"";position:absolute;left:-140px;top:-110px;height:340px;width:340px;border:1px solid #ceb19d10;border-radius:50%;pointer-events:none}
.footer-grid>div{min-width:0}
.footer-grid>div>p{font-size:14px;line-height:2}
.float-whatsapp:hover{box-shadow:0 0 0 5px #257b5212,0 6px 15px #25362622}
.product-dialog[open]{animation:dialog-arrive .35s var(--atelier-ease)}
.dialog-product-art{background:radial-gradient(ellipse at center,#f7f0e9,#e8d9d1)}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused .hero-product,.motion-paused .hero-product img{transform:rotate(0deg)}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes kermez-float{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-9px)}}
@keyframes kermez-seal{to{transform:rotate(360deg)}}
@keyframes kermez-ribbon{to{transform:translateX(-50%)}}
@keyframes kermez-sparkle{0%,100%{opacity:.4;transform:scale(.8) rotate(0)}50%{opacity:.9;transform:scale(1.05) rotate(10deg)}}
@keyframes kermez-steam{0%{opacity:0;transform:translateY(10px) rotate(9deg)}40%{opacity:.55}100%{opacity:0;transform:translateY(-22px) rotate(-9deg)}}
@keyframes atelier-reveal{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .hero-product img{animation:kermez-float 7s ease-in-out infinite}
  .coffee-seal svg{animation:kermez-seal 50s linear infinite}
  .ribbon-track{animation:kermez-ribbon 45s linear infinite}
  .coffee-ribbon:hover .ribbon-track{animation-play-state:paused}
  .hero-sparkles i{animation:kermez-sparkle 6s ease-in-out infinite}
  .hero-sparkles i:nth-child(2){animation-delay:1.5s}.hero-sparkles i:nth-child(3){animation-delay:3s}.hero-sparkles i:nth-child(4){animation-delay:4.5s}
  .hero-art[data-temperature=hot] .coffee-steam i{animation:kermez-steam 5s ease-in-out infinite}
  .hero-art[data-temperature=hot] .coffee-steam i:nth-child(2){animation-delay:1.7s}.hero-art[data-temperature=hot] .coffee-steam i:nth-child(3){animation-delay:3.4s}
  .atelier-pending{opacity:0;transform:translateY(23px)}
  .atelier-seen{animation:atelier-reveal .75s var(--atelier-ease) both;animation-delay:var(--reveal-delay,0ms)}
  .motion-offscreen,.motion-offscreen *{animation-play-state:paused!important}
}
@media(max-width:1100px){.hero-grid{min-height:630px}.hero h1{font-size:68px}.hero-moods{max-width:350px}.hero-description{font-size:18px}.hero-location{gap:7px;font-size:11px}.hero-art{transform:scale(.86)}.title-swish{right:110px;width:210px}.category-card h3{max-width:75%}.category-product{width:83px;height:108px;left:10px}.pairing-grid{gap:35px}.pairing-copy h2{font-size:43px}.pairing-script{right:20px;font-size:51px}.map-card-top{padding:19px 22px}}
@media(max-width:800px){.hero-grid{min-height:635px}.hero h1{font-size:56px}.hero-copy{padding-bottom:0}.hero-art{transform:scale(.72);margin-left:-75px}.hero-moods{max-width:320px}.mood-option{font-size:12px;padding:7px 9px}.hero-description{font-size:17px}.hero-location{max-width:290px;flex-wrap:wrap}.title-swish{width:170px;right:90px}.category-product{width:103px;height:118px;left:18px}.category-card{min-height:248px}.category-card h3{max-width:75%}.pairing-art{height:330px}.pairing-script{font-size:46px;right:5px}.pairing-copy h2{font-size:37px}.pairing-copy>p:not(.eyebrow){font-size:17px}.pairing-note{left:8px;font-size:12px}.business-map{height:400px}.map-card-bottom{font-size:12px}.map-district{display:none}}
@media(max-width:620px){
  .hero-grid{grid-template-columns:1fr;min-height:0;padding-top:35px;padding-bottom:0;gap:0}
  .hero h1{font-size:57px;margin-bottom:24px;line-height:1.3}.title-swish{right:110px;width:176px;bottom:-9px}
  .hero-description{font-size:17px;max-width:350px}.hero-actions{margin-top:20px;gap:9px}.hero-actions .button{font-size:14px;padding-inline:17px}
  .hero-moods{max-width:100%;margin-top:21px;padding-top:11px}.mood-heading{font-size:11px;margin-bottom:8px}.mood-options{gap:7px}.mood-option{padding:7px 11px;font-size:12px}.motion-toggle{height:24px;width:24px}
  .hero-location{max-width:100%;margin-top:18px;gap:8px;font-size:11px}.hero-art{height:423px;max-width:390px;transform:none;margin-left:0;margin-top:14px;width:100%}
  .coffee-halo{width:340px;height:340px;left:calc(50% - 170px);top:17px}.hero-roundel{top:42px;width:288px;height:288px;left:calc(50% - 144px);inset-inline-start:auto}.hero-roundel:after{inset:9px}
  .hero-product{width:280px;height:314px;left:calc(50% - 140px);top:15px;transform:none}
  .roundel-note{font-size:7px;bottom:25px;letter-spacing:.15em}.roundel-mark{width:200px;bottom:-40px;right:-20px}
  .orbit-one{width:308px;height:308px;top:32px;left:calc(50% - 154px)}.orbit-two{width:332px;height:278px;top:52px;left:calc(50% - 166px)}
  .orbit-one:before{left:25px;top:46px;width:5px;height:5px}.orbit-two:before{left:180px;width:4px;height:4px}
  .hero-corner-note{top:27px;right:3px;font-size:11px}.hero-corner-note strong{font-size:16px}.hero-price{right:0;bottom:102px;padding:11px 13px;min-width:116px;border-radius:11px}.hero-price>span{font-size:10px;max-width:120px}.hero-price strong{font-size:22px}.hero-detail{font-size:10px;padding-top:5px}
  .coffee-seal{top:278px;left:2px;width:75px;height:75px}.coffee-seal>span{font-size:24px}.coffee-seal svg{font-size:8.2px}
  .hero-dessert{width:266px;left:0;bottom:0;padding:9px 12px}.hero-dessert>div{width:102px}.hero-dessert>div>span{font-size:10px}.hero-dessert strong{font-size:15px}.hero-dessert img{width:116px;height:86px}.hero-dessert>a{width:24px;height:24px}
  .hero-sparkles i{left:22px;top:87px;width:13px;height:13px}.hero-sparkles i:nth-child(2){right:68px;top:47px;width:8px;height:8px}.hero-sparkles i:nth-child(3){left:55px;top:287px;width:9px;height:9px}.hero-sparkles i:nth-child(4){left:auto;right:25px;top:225px;width:7px;height:7px}
  .coffee-steam{left:calc(50% - 62px);top:11px;transform:scale(.73);transform-origin:bottom center}.hero-art[data-temperature=hot] .coffee-steam{opacity:.6}
  .hero-bottom{margin-top:17px;padding-block:17px}.hero-bottom>span:first-child{font-size:8px}.hero-doodle{width:190px;bottom:400px;right:-50px;opacity:.15}
  .coffee-ribbon{padding:12px 0}.ribbon-track>span{font-size:14px;gap:21px;padding-right:21px}.ribbon-track i{font-size:14px}
  .category-card{min-height:240px;padding:21px 17px 16px}.category-card h3{font-size:19px;max-width:100%}.category-product{width:63px;height:70px;top:27px;left:11px}.category-number{font-size:9px;top:15px;left:14px}.category-card-icon{width:36px;height:36px;margin-bottom:27px}.category-card>p{font-size:13px;min-height:47px}.category-card-footer{margin-top:17px;gap:6px}.category-card-footer>.icon{width:23px;height:23px;padding:4px}
  .pairing-grid{grid-template-columns:1fr;gap:30px}.pairing-copy h2{font-size:39px;margin-bottom:18px}.pairing-copy>p:not(.eyebrow){font-size:16px;max-width:330px;margin-bottom:19px}.pairing-copy .text-link{font-size:14px}.pairing-art{height:295px;max-width:410px;width:100%;margin-inline:auto}.pairing-script{font-size:44px;right:28px;top:6px}.pairing-coffee{left:4px;top:27px;height:83%;width:50%}.pairing-cake{right:-3px;bottom:7px;height:66%;width:63%}.pairing-plus{font-size:30px}.pairing-note{left:18px;bottom:-6px;font-size:12px}
  .story-orbit{inset:8px 0 -3px -8px}.story-note{font-size:13px;right:5px;bottom:-9px}.story-art>img{left:53px}.story-copy h2{font-size:39px}
  .breadcrumb{padding-top:15px;font-size:11px}.breadcrumb>.container{gap:9px}.breadcrumb+section.page-intro{padding-top:27px}.page-intro:after{width:280px;height:140px;left:-50px;top:0}
  .location-actions{gap:17px}.location-actions .text-link{font-size:13px}.location-art>.location-caption{font-size:13px;right:19px;bottom:19px;top:auto;left:auto}
  .map-section{scroll-margin-top:90px}.map-card{border-radius:16px}.map-card-top{padding:16px 18px;gap:12px;flex-wrap:wrap}.map-card-top>span{font-size:16px}.map-card-top .text-link{font-size:11px;gap:6px}.map-card-top .text-link .icon{width:14px;height:14px}.business-map{height:340px}.map-card-bottom{padding:16px 18px;font-size:12px;flex-direction:column;align-items:start;gap:11px}.map-card-bottom>a{font-size:13px}
  .footer-grid>div>p{font-size:12px;line-height:2}.footer-grid .footer-brand>p{font-size:14px}
  .faq-list details[open]{padding-inline:10px}.product-dialog[open]{animation-duration:.25s}
}
@media(max-width:360px){.hero h1{font-size:52px}.title-swish{right:95px;width:162px}.hero-actions .button{font-size:13px;padding-inline:13px}.mood-option{padding-inline:9px;font-size:11px}.hero-art{height:390px}.hero-roundel{width:263px;height:263px;left:calc(50% - 131.5px)}.hero-product{width:260px;height:292px;left:calc(50% - 130px)}.orbit-one{width:283px;height:283px;left:calc(50% - 141.5px)}.orbit-two{width:303px;height:250px;left:calc(50% - 151.5px)}.coffee-halo{width:310px;height:310px;left:calc(50% - 155px)}.coffee-seal{top:254px;width:65px;height:65px}.hero-price{bottom:95px;min-width:110px}.hero-dessert{width:249px}.hero-dessert>div{width:92px}.hero-dessert img{width:108px;height:79px}.hero-dessert strong{font-size:14px}.category-card{padding-inline:13px}.category-card h3{font-size:18px}.category-product{width:53px;left:8px}.pairing-art{height:270px}.pairing-script{font-size:38px;right:19px}.story-art>img{left:32px}.hero-sparkles i:nth-child(3){top:270px}}
@media(prefers-reduced-motion:reduce){.hero h1>span{background:none;color:var(--brand-light)}.atelier-pending{opacity:1;transform:none}.hero-product{transform:none}.hero-product img{transform:rotate(-9deg)}.motion-toggle{display:none}.ribbon-track{animation:none}.reading-line{display:none}.hero-art .coffee-steam{display:none}.category-card:hover,.menu-card:hover{transform:none}.product-dialog[open]{animation:none}}