.hero-visual{animation:none}
.hero-photo{border-radius:190px 190px 12px 12px}
.coffee-inset{z-index:1;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.coffee-steam{position:absolute;width:70px;height:65px;left:50%;top:-56px;transform:translateX(-50%);color:var(--teal);stroke-width:1.5;pointer-events:none}
.coffee-steam path{transform-origin:center;opacity:.65}
.button{border-radius:32px;transition:background .2s,box-shadow .35s}
.button:hover{box-shadow:0 7px 18px #19473f25}
.button svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.button:hover svg{transform:translateX(4px)}
.taste-grid img{border-radius:160px 160px 12px 12px}
.taste-grid article:nth-child(2) img{border-radius:12px;transform:rotate(2deg)}
.taste-grid article:nth-child(3) img{border-radius:12px 160px 12px 12px}
.gallery-grid{gap:28px;padding:12px 8px}
.gallery-image{border:8px solid var(--paper);box-shadow:0 8px 22px #342e2818;border-radius:2px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.gallery-image.tall{transform:rotate(-2deg)}
.gallery-image:nth-child(2){transform:rotate(2deg)}
.gallery-image:nth-child(3){transform:rotate(-1deg)}
.gallery-image:hover,.gallery-image:focus-visible{transform:rotate(0);box-shadow:0 14px 28px #342e2826;z-index:1}
.gallery-image img{height:100%}
@media(hover:hover){.coffee-inset:hover{transform:rotate(0) translateY(-6px);box-shadow:0 18px 35px #342e2825}}
@media(prefers-reduced-motion:no-preference){
  .hero-photo{animation:beze-morning 1s cubic-bezier(.16,1,.3,1)}
  .coffee-inset{animation:beze-postcard 1.1s cubic-bezier(.16,1,.3,1)}
  .coffee-steam path{animation:beze-steam 1.6s ease-out 2}
  .coffee-steam path:nth-child(2){animation-delay:.15s}.coffee-steam path:nth-child(3){animation-delay:.3s}
  .lightbox[open]{animation:beze-photo-open .35s cubic-bezier(.16,1,.3,1)}
  @keyframes beze-morning{from{filter:brightness(.85) saturate(.8)}to{filter:brightness(1) saturate(1)}}
  @keyframes beze-postcard{from{transform:translate(18px,22px) rotate(-13deg)}to{transform:translate(0) rotate(-6deg)}}
  @keyframes beze-steam{0%{transform:translateY(7px);opacity:0}35%{opacity:.7}100%{transform:translateY(-9px);opacity:0}}
  @keyframes beze-photo-open{from{transform:translateY(12px) rotate(-1deg);opacity:.65}to{transform:translateY(0) rotate(0);opacity:1}}
}
@media(max-width:760px){.hero-photo{border-radius:150px 150px 12px 12px}.gallery-grid{gap:18px;padding-inline:5px}.gallery-image{border-width:5px}.taste-grid img{border-radius:140px 140px 12px 12px}.coffee-steam{width:52px;height:48px;top:-43px}}
@media(prefers-reduced-motion:reduce){.coffee-steam{display:none}.gallery-image:hover,.gallery-image:focus-visible{transform:none}.coffee-inset:hover{transform:rotate(-6deg)}}