/* Photographic serving triptych. All movement is decorative, never the controls. */
.drinks-cinema{isolation:isolate;min-height:440px;border-radius:12px 72px 12px 72px;background:radial-gradient(ellipse at 65% 20%,#4b382345,transparent 60%),#101613;grid-template-columns:.9fr 1.1fr}
.drinks-cinema:before{content:'';position:absolute;inset:12px;border:1px solid #d0b88026;border-radius:8px 60px 8px 60px;pointer-events:none;z-index:3}
.drinks-cinema .serve-copy{padding:45px 20px 45px 36px}.drinks-cinema .serve-copy h3{font-size:clamp(34px,3.7vw,55px);letter-spacing:-.045em}.drinks-cinema .serve-copy p{line-height:1.9;max-width:280px}.drinks-cinema .serve-kicker{font-size:9px;letter-spacing:.22em}.drinks-cinema .serve-copy small{max-width:220px;line-height:1.6;color:#c1b797}.drinks-cinema .serve-replay{margin-top:12px;border-radius:2px;background:none;border-width:0 0 1px;padding-left:0;padding-right:20px}
.drinks-cinema .serve-art{position:relative;min-height:440px;margin:0;perspective:1000px;overflow:hidden}.serve-chapter{position:absolute;inset:32px 26px 32px 8px;border-radius:160px 160px 14px 14px;overflow:hidden;background:#d9cba7;opacity:0;animation:fh-chapter 21s infinite;transform-origin:50% 80%;box-shadow:0 20px 40px #0008}.serve-chapter img{width:100%;height:100%;object-fit:cover;animation:fh-photo-drift 21s ease-in-out infinite}.serve-chapter:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 22%,#fff9 43%,transparent 53%);mix-blend-mode:soft-light;transform:translateX(-140%);animation:fh-studio-light 21s infinite;pointer-events:none}.chapter-0{animation-delay:0s}.chapter-1,.chapter-1 img,.chapter-1:after{animation-delay:7s}.chapter-2,.chapter-2 img,.chapter-2:after{animation-delay:14s}.serve-caption{position:absolute;bottom:0;left:0;right:0;padding:65px 20px 20px;background:linear-gradient(transparent,#08130ef0);color:#fff4d9}.serve-caption small{display:block;font:9px Arial;letter-spacing:.19em;color:#efcb89;margin-bottom:8px}.serve-caption strong{font:23px/1.15 Georgia}.serve-number{position:absolute;top:34px;right:22px;font:italic 48px Georgia;color:#fff9;text-shadow:0 1px 10px #0004}.serve-orbit{position:absolute;inset:13px 8px 15px -4px;border:1px solid #c6a56570;border-radius:180px 180px 22px 22px;pointer-events:none}.serve-orbit:before{content:'';position:absolute;top:28%;right:-2px;width:4px;height:90px;background:linear-gradient(transparent,#ffecb3,transparent);box-shadow:0 0 15px #edc66c;animation:fh-orbit-light 7s ease-in-out infinite}
.drinks-cinema .pour-vignette{position:absolute;z-index:2;bottom:96px;left:-8px;width:160px;height:auto;border:1px solid #dfc48865;border-radius:50%;background:radial-gradient(#233124,#101914);box-shadow:0 12px 30px #0006;animation:fh-vignette 21s infinite}.drinks-cinema .pour-bottle,.drinks-cinema .pour-stream,.drinks-cinema .glass-fill,.drinks-cinema .serve-spark{animation-duration:7s;animation-iteration-count:infinite}
@keyframes fh-chapter{0%{opacity:0;transform:translate3d(34px,18px,-80px) rotateY(-12deg);clip-path:inset(0 100% 0 0 round 160px 160px 14px 14px)}5%,28%{opacity:1;transform:translate3d(0,0,0) rotateY(0);clip-path:inset(0 0 0 0 round 160px 160px 14px 14px)}33%,100%{opacity:0;transform:translate3d(-22px,-4px,0) rotateY(8deg);clip-path:inset(0 0 0 0 round 160px 160px 14px 14px)}}
@keyframes fh-photo-drift{0%{transform:scale(1.1) translateY(7px)}30%,100%{transform:scale(1.02) translateY(-3px)}}
@keyframes fh-studio-light{0%,5%{transform:translateX(-140%)}24%,100%{transform:translateX(140%)}}
@keyframes fh-vignette{0%,3%{opacity:0;transform:translateY(10px)}8%,26%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes fh-orbit-light{0%,100%{transform:translateY(-45px);opacity:.3}50%{transform:translateY(100px);opacity:1}}
.drinks-serving .food-photo-stage{perspective:900px;isolation:isolate}.drinks-serving .food-photo-stage.photo-visible .food-photo-float{animation:fh-unveil 1.3s cubic-bezier(.16,1,.3,1) both,fh-counter-sway 9s ease-in-out 1.3s infinite;animation-delay:var(--serve-delay),calc(1.3s + var(--serve-delay));transform-origin:50% 90%}.drinks-serving .food-photo-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff6 48%,transparent 65%);mix-blend-mode:soft-light;animation:fh-card-light 9s ease-in-out infinite;animation-delay:var(--float-delay)}
@keyframes fh-unveil{from{clip-path:inset(0 100% 0 0);transform:translateX(22px) rotateY(-15deg)}to{clip-path:inset(0);transform:translateX(0) rotateY(0)}}
@keyframes fh-counter-sway{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-6px) rotate(.5deg)}}
@keyframes fh-card-light{0%,25%{transform:translateX(-130%);opacity:0}35%{opacity:.7}60%,100%{transform:translateX(130%);opacity:0}}
.serve-paused *,.serve-paused *:before,.serve-paused *:after,.serve-offscreen *,.serve-offscreen *:before,.serve-offscreen *:after,.food-motion-paused .drinks-cinema *:before,.food-motion-paused .drinks-cinema *:after,.food-motion-paused .drinks-serving *,.food-motion-paused .drinks-serving *:after{animation-play-state:paused!important}
@media(max-width:800px){.drinks-cinema{grid-template-columns:1fr 1fr}.drinks-cinema .serve-copy{padding:30px 10px 30px 26px}.drinks-cinema .serve-copy h3{font-size:38px}}
@media(max-width:540px){.drinks-cinema{grid-template-columns:1fr;border-radius:12px 44px 12px 44px}.drinks-cinema:before{border-radius:8px 34px 8px 34px}.drinks-cinema .serve-copy{padding:30px 28px 10px}.drinks-cinema .serve-copy h3{font-size:40px;margin:13px 0}.drinks-cinema .serve-copy p{font-size:12px}.drinks-cinema .serve-copy small{font-size:9px;max-width:none}.drinks-cinema .serve-art{min-height:355px;margin:0 18px 20px}.serve-chapter{inset:15px 25px 15px 25px}.serve-orbit{inset:0 12px}.drinks-cinema .pour-vignette{width:135px;bottom:90px;left:0}.serve-caption strong{font-size:21px}.drinks-serving .food-photo-stage.photo-visible .food-photo-float{animation-duration:1s,10s}}
@media(prefers-reduced-motion:reduce){.drinks-cinema *,.drinks-cinema *:after,.drinks-serving .food-photo-stage:after,.drinks-serving .food-photo-stage.photo-visible .food-photo-float{animation:none!important;transform:none!important}.serve-chapter{display:none}.serve-chapter.chapter-0{display:block;opacity:1}.drinks-cinema .pour-vignette{opacity:1}.drinks-cinema .serve-replay{display:none}}