.hero-latte-module__ChfBbG__backdrop{display:none}@media (max-width:760px){.hero-latte-module__ChfBbG__backdrop{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;height:clamp(390px,92vw,540px);display:block;position:absolute;inset:-42px -6.82% auto;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 63%,#0000 100%);mask-image:linear-gradient(#0000,#000 15% 63%,#0000 100%)}.hero-latte-module__ChfBbG__image{opacity:.66;transform-origin:68% 48%;background:url(/media/latte.webp) 61% 48%/cover no-repeat;animation-name:hero-latte-module__ChfBbG__latte-drift;animation-timing-function:ease-in-out;animation-direction:alternate;animation-play-state:paused;position:absolute;inset:-15px -28% -15px 8%;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 69%);mask-image:linear-gradient(90deg,#0000 5%,#000 69%);animation-duration:14s!important;animation-iteration-count:infinite!important}.hero-latte-module__ChfBbG__backdrop:after{content:"";background:linear-gradient(#0000 54%,#10110fcc 76%,#10110f 96%),linear-gradient(90deg,#10110f70,#0000 60%);position:absolute;inset:0}.hero-latte-module__ChfBbG__backdrop[data-running=true] .hero-latte-module__ChfBbG__image{animation-play-state:running}@keyframes hero-latte-module__ChfBbG__latte-drift{0%{transform:translateY(4px)scale(1)rotate(-1deg)}to{transform:translate(-7px,-6px)scale(1.045)rotate(1deg)}}}
.latte-scene-wrap{isolation:isolate;background:radial-gradient(at 50% 54%,#3a4030 0%,#22261c 50%,#171b14 100%);border:1px solid #c7956533;width:100%;min-width:0;max-width:450px;position:relative;overflow:hidden}.latte-scene-heading{color:var(--copper);letter-spacing:2px;justify-content:space-between;gap:16px;padding:22px 22px 0;font-size:12px;line-height:1.5;display:flex}.latte-scene-heading span:last-child{color:#b8bcac;letter-spacing:1px}.latte-art{aspect-ratio:560/380;width:100%;height:auto;display:block;overflow:visible}.latte-scene-footer{justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:0 16px 15px 22px;display:flex}.latte-scene-footer p{font-family:var(--font-serif);color:#e5ddc7;font-size:clamp(17px,2vw,22px);font-style:italic}.latte-scene-wrap .scene-pause{color:#f1e6d2;background:#1c2219;border-color:#c795655e;flex:0 0 44px;width:44px;height:44px;position:static}.latte-scene-wrap .scene-pause:hover{border-color:var(--copper);background:#303629}.latte-pool,.latte-ripple,.latte-pitcher,.latte-pour{opacity:0}.latte-finish{stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.latte-scene-wrap .latte-art *{animation:none!important}.latte-pattern{opacity:1!important;transform:none!important}.latte-finish{opacity:1!important;stroke-dashoffset:0!important}.latte-pitcher,.latte-pour,.latte-pool,.latte-ripple{opacity:0!important}}@media (max-width:380px){.latte-scene-heading{letter-spacing:1.5px;padding:18px 16px 0;font-size:11px}.latte-scene-footer{padding-left:16px}}