/* Panoramic SCADS landscape transition; mobile has its own composition. */
.collection-peak-transition{position:relative;isolation:isolate;overflow:hidden;pointer-events:none;background:#f7f5ee;width:100%;aspect-ratio:3/1;max-height:540px;margin:-36px 0 -35px}
.collection-peak{position:absolute;inset:0;background:url('assets/scads-alpine-panorama.webp') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 9%,#000 75%,transparent);opacity:.94}
.collection-peak:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f5ee55,transparent 8%,transparent 92%,#f7f5ee55)}
/* Photographic mist planes drift through the lower and middle ridges. */
.collection-peak-mist{position:absolute;inset:36% -18% -12%;background:#faf8f0;mask:url('assets/product-poster-mist.webp') center/100% 100% no-repeat;opacity:.65;animation:alpine-front-drift 18s ease-in-out infinite alternate}
.collection-peak-mist:before,.collection-peak-mist:after{content:'';position:absolute;background:#faf8f0;mask:url('assets/product-poster-mist.webp') center/100% 100% no-repeat;inset:12% -10% -5%;opacity:.8}
.collection-peak-mist:before{animation:alpine-mid-drift 23s ease-in-out -8s infinite alternate}
.collection-peak-mist:after{inset:30% -8% -12%;animation:alpine-mid-drift 29s ease-in-out -14s infinite alternate-reverse}
@keyframes alpine-front-drift{from{transform:translate3d(-7%,5px,0);opacity:.48}to{transform:translate3d(7%,-5px,0);opacity:.78}}
@keyframes alpine-mid-drift{from{transform:translate3d(10%,4px,0);opacity:.45}to{transform:translate3d(-10%,-8px,0);opacity:.85}}
@media(max-width:700px){.collection-peak-transition{aspect-ratio:1/1;max-height:440px;margin:-22px 0 -28px}.collection-peak{background-image:url('assets/scads-alpine-mobile.webp');mask-image:linear-gradient(transparent,#000 9%,#000 80%,transparent)}.collection-peak-mist{inset:41% -25% -8%;animation-duration:21s}}
@media(prefers-reduced-motion:reduce){.collection-peak-mist,.collection-peak-mist:before,.collection-peak-mist:after{animation:none}}
.motion-paused .collection-peak-mist,.motion-paused .collection-peak-mist:before,.motion-paused .collection-peak-mist:after{animation-play-state:paused}
/* A light champagne veil over the existing footage, below the title. */
#scads-beer.beer-outro:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,#c5a05d0c,#dec28a16 50%,#b798620b)}