:root{--forest:#0c201b;--forest-deep:#081712;--forest-light:#12302a;--gold:#d9b76b;--gold-soft:#f2dfa9;--cream:#f6f2e9;--paper:#fcfaf6;--ink:#24312b;--muted:#7c827b;--line:rgba(255,255,255,.11);--radius:22px;--font:Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{width:min(1192px,calc(100% - 64px));margin-inline:auto}.site-header{height:86px;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(8,18,15,.56),rgba(8,18,15,.04))}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;color:#fff}.logo-frame{display:grid;width:62px;height:62px;overflow:hidden;border-radius:50%;place-items:center;background:#050505;flex:none}.logo-frame img{width:111%;height:111%;max-width:none;object-fit:cover}.brand-copy{display:grid;gap:4px}.brand-copy strong{font-size:19px;font-weight:700}.brand-copy>span{direction:ltr;font-size:9px;letter-spacing:2.2px;color:var(--gold-soft)}.main-nav{display:flex;align-items:center;gap:31px}.main-nav>a{font-size:13px;color:rgba(255,255,255,.8);transition:color .2s}.main-nav>a:hover{color:var(--gold-soft)}.header-order{padding:10px 16px;color:var(--gold-soft);border:1px solid rgba(217,183,107,.48);border-radius:999px;font-size:12px}.header-order span{padding-right:5px}.menu-toggle{display:none}.hero{position:relative;min-height:760px;height:min(860px,92svh);display:flex;align-items:center;background:var(--forest-deep);overflow:hidden}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,21,17,.34) 0%,rgba(8,21,17,.74) 52%,rgba(8,21,17,.93) 100%),url('images/alp-cafe-hero.png');background-size:cover;background-position:center 47%}.hero-content{z-index:1;color:#fff;padding-top:65px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:12px}.eyebrow-line{width:34px;height:1px;background:currentColor}.hero h1{margin:31px 0 17px;font-size:clamp(65px,9vw,110px);line-height:1.32;letter-spacing:-3px}.hero h1>span{color:var(--gold-soft)}.hero-content>p{max-width:465px;margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:2.15}.hero-actions{display:flex;gap:13px;margin-top:35px}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--forest-deep)}.button-gold:hover{background:var(--gold-soft)}.button-outline{border:1px solid rgba(255,255,255,.43);color:white}.hero-note{display:flex;align-items:center;gap:8px;margin-top:37px;font-size:11px;color:rgba(255,255,255,.66)}.hero-note>span{width:7px;height:7px;background:#78af91;border-radius:50%}.scroll-hint{position:absolute;left:50%;bottom:31px;z-index:2;width:25px;height:38px;display:flex;justify-content:center;border:1px solid rgba(255,255,255,.5);border-radius:30px}.scroll-hint>span{width:3px;height:7px;margin-top:7px;background:var(--gold-soft);border-radius:2px}.first-look{padding:110px 0}.first-look h2{font-size:39px}.first-look h2>span{color:#947239}.first-look p{line-height:2;color:var(--muted)}


.section-space{padding:118px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:48px}.section-heading h2,.about-content h2{margin:20px 0 10px;font-size:38px;line-height:1.75}.section-heading h2>span,.about-content h2>span{color:#9c7b40}.section-heading p{max-width:540px;margin:0;color:var(--muted);font-size:13px;line-height:2.2}.welcome-strip{background:var(--forest);color:white}.welcome-items{min-height:122px;display:flex;align-items:center;justify-content:space-around}.welcome-items>div{display:grid;gap:9px}.welcome-items>div strong{font-size:13px}.welcome-items>div span{color:rgba(255,255,255,.55);font-size:10px}.welcome-separator{width:1px;height:39px;background:var(--line)}.coffee-shop{background:var(--paper)}.coming-soon{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #e4dccb;border-radius:999px;color:#826b43;font-size:11px;white-space:nowrap}.coming-soon>span{width:7px;height:7px;border-radius:50%;background:#82a285}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.product-card{overflow:hidden;border:1px solid #ebe8e0;border-radius:17px;background:#fff}.product-image{height:293px;position:relative;display:flex;justify-content:center;align-items:center;background:#f1efea}.product-daily .product-image{background:radial-gradient(ellipse at 50% 45%,#e7e0d4,#f4f1eb 70%)}.product-balanced .product-image{background:radial-gradient(ellipse at 50% 45%,#dedfd5,#eef0e9 70%)}.product-arabica .product-image{background:radial-gradient(ellipse at 50% 45%,#e6dbca,#f4eee5 70%)}.coffee-bag{position:relative;width:148px;height:204px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:6px 6px 10px 10px;background:linear-gradient(145deg,#192b23,#07130f);box-shadow:13px 17px 24px rgba(16,25,20,.19);color:var(--gold-soft)}.product-balanced .coffee-bag{background:linear-gradient(145deg,#263f35,#10271d)}.product-arabica .coffee-bag{background:linear-gradient(145deg,#2e2721,#17130f)}.bag-seal{position:absolute;top:9px;left:13px;right:13px;height:1px;background:rgba(242,223,169,.42)}.bag-kicker{font-size:9px;letter-spacing:2px}.coffee-bag>strong{font-size:37px;line-height:1.1}.bag-type,.bag-name{direction:ltr;font-size:7px;letter-spacing:1.7px}.bag-rule{width:48px;height:1px;margin:7px 0 3px;background:rgba(217,183,107,.58)}.product-label{position:absolute;top:14px;right:14px;padding:6px 9px;border-radius:30px;background:rgba(255,255,255,.8);color:#6b6e65;font-size:9px}.product-info{padding:19px 21px 18px}.product-percentage{color:#9c7b40;font-size:10px}.product-info h3{margin:8px 0;font-size:16px}.product-info>p{margin:0;color:#848781;font-size:11px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:14px;border-top:1px solid #efede7;color:#767870;font-size:10px}.product-arrow{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e8e5dc;border-radius:50%;color:#967942}.shop-message{display:flex;justify-content:space-between;gap:15px;margin-top:25px;color:var(--muted);font-size:11px;line-height:2}.shop-message a{color:#886b38;white-space:nowrap}.menu-section{background:#f3f0e9}.text-link{margin-bottom:4px;color:#886b38;font-size:11px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card{position:relative;min-height:172px;padding:21px 20px;border:1px solid rgba(223,220,210,.74);border-radius:14px;background:#fff;transition:transform .2s,box-shadow .2s}.category-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 9px 25px rgba(22,33,24,.06)}.product-card{transition:transform .2s,box-shadow .2s}.category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f5f1e9;font-size:20px}.category-tea .category-icon{background:#ecf1e8}.category-iced .category-icon{background:#edf1f0}.category-card h3{margin:16px 0 7px;font-size:14px}.category-card p{margin:0;color:#858781;font-size:10px;line-height:1.9}.category-arrow{position:absolute;left:19px;bottom:19px;color:#987943}.menu-mobile-button{display:none}.about-section{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:95px}.about-photos{position:relative;min-height:485px}.about-image-main{width:87%;height:411px;display:block;object-fit:cover;border-radius:14px}.about-image-small{position:absolute;left:0;bottom:0;width:43%;height:229px;object-fit:cover;object-position:center 40%;border:7px solid var(--paper);border-radius:12px}.about-photo-note{position:absolute;right:21px;top:19px;width:73px;height:73px;display:grid;align-content:center;justify-content:center;border:1px solid rgba(255,255,255,.74);border-radius:50%;background:rgba(13,33,27,.61);color:#fff;text-align:center}.about-photo-note strong{font-size:21px}.about-photo-note span{font-size:6px;letter-spacing:1px}.about-content h2{font-size:36px}.about-content>p{margin:0;color:var(--muted);font-size:13px;line-height:2.35}.about-features{display:grid;gap:15px;margin-top:25px}.about-features>div{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #ece9e1}.about-features span{color:#aa966c;font-size:10px}.about-features strong{font-size:11px}.gallery-section{height:245px;position:relative;display:grid;grid-template-columns:1.25fr 1fr 1fr}.gallery-picture{background-size:cover;background-position:center}.gallery-one{background-image:linear-gradient(rgba(8,18,15,.23),rgba(8,18,15,.23)),url('images/alp-cafe-interior.png')}.gallery-two{background-image:linear-gradient(rgba(8,18,15,.23),rgba(8,18,15,.23)),url('images/alp-cafe-desserts.png')}.gallery-three{background-image:linear-gradient(rgba(8,18,15,.23),rgba(8,18,15,.23)),url('images/alp-cafe-gallery.jpg')}.gallery-instagram{position:absolute;top:50%;left:50%;display:grid;gap:4px;justify-items:center;min-width:191px;padding:15px 19px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(9,25,20,.88);color:white}.gallery-instagram>span{font-size:10px}.gallery-instagram>strong{color:var(--gold-soft);font-size:14px}.site-footer{padding:61px 0 19px;background:var(--forest-deep);color:white}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:39px}.footer-brand>p{color:rgba(255,255,255,.55);font-size:10px}.footer-links,.footer-contact{display:grid;gap:12px;align-content:start}.footer-links>strong,.footer-contact>strong{margin-bottom:5px;color:var(--gold-soft);font-size:12px}.footer-links>a,.footer-contact>span,.footer-contact>a{color:rgba(255,255,255,.67);font-size:11px}.footer-contact>a{justify-self:start}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);color:rgba(255,255,255,.44);font-size:9px}.mobile-bottom-bar{display:none}

.visit-section{padding-top:0;background:var(--paper)}.visit-panel{padding:54px 58px;border-radius:18px;background:var(--forest);color:#fff}.visit-heading h2{margin:16px 0 6px;font-size:38px;line-height:1.75}.visit-heading h2>span{color:var(--gold-soft)}.visit-heading>p{margin:0;color:rgba(255,255,255,.7);font-size:12px;line-height:2.1}.visit-details{display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:25px;margin-top:37px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visit-detail{display:grid;gap:10px;align-content:start}.visit-detail>span{color:rgba(255,255,255,.57);font-size:10px}.visit-detail>strong,.visit-detail>a{font-size:12px;line-height:2}.visit-detail>a{justify-self:start;color:var(--gold-soft)}.visit-actions{display:flex;gap:12px;margin-top:23px}.visit-map{border:1px solid rgba(255,255,255,.28);color:#fff}.footer-contact>span{max-width:245px;line-height:1.9}

.oatmeal-section{background:#fffaf2}.oatmeal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.oatmeal-card{overflow:hidden;border:1px solid #ece2d1;border-radius:17px;background:#fff;transition:transform .2s,box-shadow .2s}.oatmeal-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(58,44,28,.08)}.oatmeal-art{height:245px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#efe1c4,#f9f2e4)}.oatmeal-peanut .oatmeal-art{background:linear-gradient(145deg,#efe1c4,#f9f2e4)}.oatmeal-chocolate .oatmeal-art{background:linear-gradient(145deg,#d9c2a9,#f0dfc9)}.oatmeal-nutella .oatmeal-art{background:linear-gradient(145deg,#ddc9b8,#f5e8d8)}.oatmeal-badge{position:absolute;top:14px;right:14px;padding:6px 10px;border:1px solid rgba(255,255,255,.6);border-radius:99px;background:rgba(255,255,255,.73);color:#74614a;font-size:9px}.oatmeal-bowl{width:178px;height:91px;position:relative;margin-top:35px;border-radius:14px 14px 75px 75px;background:linear-gradient(180deg,#fff,#e9e5dc);box-shadow:0 17px 22px rgba(76,57,37,.16)}.oatmeal-surface{position:absolute;top:-17px;left:3px;right:3px;height:47px;border-radius:50%;background:#d7af74;box-shadow:inset 0 4px 9px rgba(83,49,22,.2)}.oatmeal-peanut .oatmeal-surface{background:#d7af74}.oatmeal-chocolate .oatmeal-surface{background:#795039}.oatmeal-nutella .oatmeal-surface{background:#9a6947}.oatmeal-swirl{position:absolute;z-index:2;top:-8px;left:43px;width:91px;height:27px;border:4px solid rgba(94,51,25,.55);border-color:rgba(94,51,25,.55) transparent;border-radius:50%;transform:rotate(-7deg)}.oatmeal-chocolate .oatmeal-swirl{border-color:rgba(35,20,14,.56) transparent}.oatmeal-nutella .oatmeal-swirl{border-color:rgba(66,34,18,.7) transparent}.oatmeal-topping{position:absolute;z-index:3;top:-4px;width:15px;height:10px;border-radius:50%;background:#f3d49a;transform:rotate(20deg)}.topping-one{right:31px}.topping-two{right:57px;top:6px;transform:rotate(-20deg)}.topping-three{left:31px;top:2px}.oatmeal-chocolate .oatmeal-topping{background:#3d261d}.oatmeal-nutella .oatmeal-topping{background:#6c3f26}.oatmeal-mark{position:absolute;left:17px;bottom:13px;color:rgba(88,63,37,.42);font-size:9px;letter-spacing:1.7px}.oatmeal-info{padding:19px 21px 18px}.oatmeal-info>span{color:#9c7b40;font-size:10px}.oatmeal-info h3{margin:8px 0;font-size:16px}.oatmeal-info>p{margin:0;color:#85817a;font-size:10px}.oatmeal-order{display:flex;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid #f0ebe2;color:#876c41;font-size:10px}

@media(max-width:960px){.main-nav{gap:14px}.main-nav>a{font-size:10px}.product-image{height:254px}.about-grid{gap:42px}.about-image-main{height:360px}.about-photos{min-height:430px}}

@media(max-width:760px){html{scroll-padding-top:72px}.shell{width:calc(100% - 34px)}.site-header{height:74px}.logo-frame{width:51px;height:51px}.brand{gap:9px}.brand-copy strong{font-size:15px}.brand-copy>span{font-size:8px;letter-spacing:1.4px}.header-order{display:none}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:transparent}.menu-toggle>span{width:19px;height:1.5px;background:#fff}.main-nav{position:absolute;top:74px;left:17px;right:17px;display:none;padding:15px 20px;border:1px solid var(--line);border-radius:12px;background:rgba(11,29,24,.97)}.main-nav.is-open{display:grid}.main-nav>a{padding:10px 0;font-size:12px}.hero{min-height:680px;height:87svh;max-height:870px}.hero-image{background-image:linear-gradient(90deg,rgba(8,21,17,.46),rgba(8,21,17,.91)),url('images/alp-cafe-hero.png');background-position:42% center}.hero-content{padding-top:55px}.hero h1{margin-top:28px;margin-bottom:13px;font-size:72px;line-height:1.36}.hero-content>p{max-width:310px;font-size:13px;line-height:2.15}.hero-actions{gap:9px;margin-top:27px}.button{min-height:49px;padding:0 13px;font-size:11px}.hero-note{margin-top:27px}.welcome-items{min-height:100px;gap:10px}.welcome-items>div strong{font-size:10px}.welcome-items>div span{font-size:8px;line-height:1.7}.welcome-separator{height:35px}.section-space{padding:78px 0}.section-heading{align-items:start;margin-bottom:33px}.section-heading h2,.about-content h2{margin-top:16px;font-size:27px;line-height:1.75}.section-heading p{font-size:11px;line-height:2.1}.shop-heading{display:block}.coming-soon{display:inline-flex;margin-top:17px}.product-grid{grid-template-columns:1fr;gap:16px}.product-card{display:grid;grid-template-columns:42% 58%;min-height:191px}.product-image{height:100%;min-height:191px}.coffee-bag{width:98px;height:148px;gap:4px}.bag-kicker{font-size:7px}.coffee-bag>strong{font-size:27px}.bag-type,.bag-name{font-size:5px;letter-spacing:1.1px}.bag-rule{width:32px;margin:5px 0 2px}.product-label{top:9px;right:7px;padding:5px 6px;font-size:7px}.product-info{display:flex;flex-direction:column;justify-content:center;padding:15px 12px}.product-info h3{font-size:12px}.product-info>p{font-size:9px;line-height:1.8}.product-percentage{font-size:9px}.product-bottom{margin-top:13px;padding-top:10px;font-size:8px}.product-arrow{width:25px;height:25px}.shop-message{display:grid;gap:6px;margin-top:17px;font-size:10px}.text-link{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-card{min-height:157px;padding:14px 12px}.category-icon{width:34px;height:34px;font-size:17px}.category-card h3{margin-top:13px;font-size:10px;line-height:1.8}.category-card p{font-size:8px;line-height:1.9}.category-arrow{left:11px;bottom:11px;font-size:12px}.button-forest{background:var(--forest);color:#fff}.menu-mobile-button{display:flex;margin-top:20px}.about-grid{grid-template-columns:1fr;gap:34px}.about-photos{min-height:349px}.about-image-main{width:88%;height:302px}.about-image-small{height:180px}.about-content>p{font-size:11px}.about-features strong{font-size:10px}.gallery-section{height:198px;grid-template-columns:1fr 1fr}.gallery-three{display:none}.gallery-instagram{min-width:174px}.site-footer{padding-top:47px;padding-bottom:80px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:27px}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid;gap:8px}.mobile-bottom-bar{position:fixed;z-index:7;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.09);background:rgba(8,23,18,.96)}.mobile-bottom-bar>a{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;font-size:10px}.mobile-bottom-bar>a:first-child{background:var(--gold);color:var(--forest-deep);font-weight:700}.mobile-bottom-bar>a:last-child{border:1px solid rgba(255,255,255,.25);color:#fff}}

@media(max-width:370px){.hero h1{font-size:62px}.button{font-size:10px;padding:0 10px}}

@media(max-width:760px){.hero-note{font-size:9px}.visit-section{padding-top:0}.visit-panel{width:calc(100% - 24px);padding:34px 19px;border-radius:13px}.visit-heading h2{font-size:29px}.visit-heading>p{font-size:10px}.visit-details{grid-template-columns:1fr 1fr;gap:21px 14px;margin-top:25px;padding:19px 0}.visit-detail>span{font-size:9px}.visit-detail>strong,.visit-detail>a{font-size:10px}.visit-address{grid-column:1/-1}.visit-actions{gap:8px}.visit-actions .button{min-height:45px;font-size:9px}.footer-contact>span{max-width:170px;font-size:9px}}

@media(max-width:760px){.oatmeal-heading{display:block}.oatmeal-grid{grid-template-columns:1fr;gap:14px}.oatmeal-card{display:grid;grid-template-columns:43% 57%;min-height:178px}.oatmeal-art{height:100%;min-height:178px}.oatmeal-bowl{width:112px;height:61px;margin-top:27px}.oatmeal-surface{top:-11px;height:31px}.oatmeal-swirl{top:-5px;left:28px;width:56px;height:18px;border-width:3px}.oatmeal-topping{top:-3px;width:10px;height:7px}.topping-one{right:21px}.topping-two{right:38px;top:4px}.topping-three{left:21px;top:1px}.oatmeal-badge{top:9px;right:8px;padding:5px 7px;font-size:7px}.oatmeal-mark{left:9px;bottom:8px;font-size:6px}.oatmeal-info{display:flex;flex-direction:column;justify-content:center;padding:14px 12px}.oatmeal-info>span{font-size:8px}.oatmeal-info h3{font-size:12px}.oatmeal-info>p,.oatmeal-order{font-size:8px}}

.desserts-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #fbf9f4 0%, #f4efe6 100%);
}

.desserts-heading h2,
.dessert-card h3 {
  color: #173e32;
}

.desserts-heading h2 > span {
  color: #9c7b40;
}

.desserts-feature {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 20px;
  align-items: stretch;
}

.desserts-showcase {
  position: relative;
  min-height: 418px;
  overflow: hidden;
  border: 1px solid rgba(157, 125, 75, 0.2);
  border-radius: 22px;
  background: #17261f;
  box-shadow: 0 18px 42px rgba(28, 42, 33, 0.13);
}

.desserts-showcase::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 38%, rgba(13, 27, 21, 0.87) 100%);
  content: "";
  pointer-events: none;
}

.desserts-showcase > img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center 62%;
  filter: brightness(1.13);
}

.desserts-showcase-label {
  position: absolute;
  z-index: 1;
  right: 26px;
  bottom: 25px;
  display: grid;
  gap: 6px;
  color: #fff;
}

.desserts-showcase-label > strong {
  font-size: 19px;
  line-height: 1.8;
}

.desserts-showcase-label > span {
  color: rgba(255, 255, 255, 0.82);
  font-size: 11px;
}

.dessert-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.dessert-card {
  min-width: 0;
  min-height: 201px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 18px 17px;
  overflow: hidden;
  border: 1px solid rgba(107, 90, 61, 0.14);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 9px 24px rgba(40, 49, 40, 0.055);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.dessert-card:hover,
.dessert-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(156, 123, 64, 0.45);
  box-shadow: 0 15px 32px rgba(40, 49, 40, 0.11);
}

.dessert-card-icon {
  width: 46px;
  height: 46px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 14px;
  background: #f4eee2;
  font-size: 23px;
}

.dessert-matilda .dessert-card-icon,
.dessert-chocolate-cake .dessert-card-icon {
  background: #f1e7df;
}

.dessert-tiramisu .dessert-card-icon {
  background: #edf0e7;
}

.dessert-card-art {
  width: calc(100% + 36px);
  height: 105px;
  display: block;
  flex: 0 0 auto;
  margin: -20px -18px 0;
  overflow: hidden;
  background: #efe8dd;
}

.dessert-card-copy {
  width: 100%;
  display: grid;
  gap: 5px;
}

.dessert-card-kicker {
  color: #84672f;
  font-size: 9px;
}

.dessert-card-copy > h3 {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 16px;
  line-height: 1.8;
}

.dessert-card-description {
  padding-left: 14px;
  color: #68726c;
  font-size: 10px;
  line-height: 1.9;
}

.dessert-card-arrow {
  position: absolute;
  left: 15px;
  bottom: 16px;
  color: #84672f;
  font-size: 16px;
}

.desserts-mobile-button {
  display: none;
}

@media (max-width: 1100px) and (min-width: 761px) {
  .desserts-feature {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  }

  .dessert-card {
    padding-right: 15px;
    padding-left: 15px;
  }

  .dessert-card-art {
    width: calc(100% + 30px);
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (max-width: 760px) {
  .desserts-heading {
    margin-bottom: 20px;
  }

  .desserts-feature {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .desserts-showcase {
    min-height: 212px;
    border-radius: 16px;
  }

  .desserts-showcase-label {
    right: 17px;
    bottom: 16px;
    gap: 3px;
  }

  .desserts-showcase-label > strong {
    font-size: 15px;
  }

  .desserts-showcase-label > span {
    font-size: 9px;
  }

  .dessert-grid {
    gap: 10px;
  }

  .dessert-card {
    min-height: 176px;
    gap: 9px;
    padding: 14px 12px 15px;
    border-radius: 13px;
  }

  .dessert-card-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 19px;
  }

  .dessert-card-art {
    width: calc(100% + 24px);
    height: 90px;
    margin: -14px -12px 0;
  }

  .dessert-card-copy {
    gap: 3px;
  }

  .dessert-card-kicker {
    font-size: 8px;
  }

  .dessert-card-copy > h3 {
    font-size: 13px;
  }

  .dessert-card-description {
    padding-left: 10px;
    font-size: 9px;
    line-height: 1.8;
  }

  .dessert-card-arrow {
    left: 10px;
    bottom: 11px;
    font-size: 14px;
  }

  .desserts-mobile-button {
    display: flex;
    justify-content: center;
    margin-top: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dessert-card {
    transition: none;
  }

  .dessert-card:hover,
  .dessert-card:focus-visible {
    transform: none;
  }
}