/* Occasions showcase: full-bleed slides, slow Ken Burns, layered copy, a light streak on entry. */
.azb-show { position: relative; isolation: isolate; overflow: hidden; min-height: clamp(500px, 72vh, 740px); border-radius: var(--radius-card); background: var(--azb-surface); }
.azb-show__slides { position: absolute; inset: 0; }
.azb-show__slide { position: absolute; inset: 0; display: flex; align-items: flex-end; opacity: 0; visibility: hidden; transition: opacity var(--dur-reveal) var(--ease-out), visibility 0s linear var(--dur-reveal); }
.azb-show__slide.is-active { opacity: 1; visibility: visible; transition: opacity var(--dur-reveal) var(--ease-out); }
.azb-show__media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.azb-show__media img { width: 100%; height: 100%; object-fit: cover; opacity: 0.66; transform-origin: 60% 45%; }
.azb-show__slide.is-active .azb-show__media img { animation: azb-kenburns var(--show-dur, 7800ms) linear forwards; }
@keyframes azb-kenburns { from { transform: scale(1) translate3d(0, 0, 0); } to { transform: scale(1.08) translate3d(-1.5%, -1%, 0); } }
.azb-show__slide::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, var(--azb-bg) 0%, color-mix(in srgb, var(--azb-bg) 65%, transparent) 45%, transparent 80%), linear-gradient(90deg, color-mix(in srgb, var(--azb-bg) 70%, transparent) 0%, transparent 60%); }
.azb-show__trail { position: absolute; left: 0; right: 0; bottom: 38%; width: 100%; height: 40px; z-index: -1; }
.azb-show__trail path { fill: none; stroke: var(--azb-accent); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 0.3 1.4; stroke-dashoffset: 0.3; opacity: 0.9; }
.azb-show__slide.is-active .azb-show__trail path { animation: azb-show-trail 1600ms var(--ease-out) 200ms forwards; }
@keyframes azb-show-trail { to { stroke-dashoffset: -1.1; } }
.azb-show__copy { display: grid; gap: var(--s-4); max-width: 38rem; padding: clamp(1.5rem, 5vw, 4rem); padding-bottom: clamp(5rem, 9vw, 6rem); }
.azb-show__eyebrow { margin: 0; font: 500 var(--fs-label)/1.4 var(--font-mono); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--azb-accent); }
.azb-show__title { margin: 0; font: 800 clamp(2rem, 4.6vw, 3.5rem)/1.02 var(--font-display) !important; letter-spacing: var(--tracking-display); color: var(--azb-ink); }
.azb-show__text { margin: 0; max-width: 34rem; font-size: var(--fs-lead); color: color-mix(in srgb, var(--azb-ink) 84%, var(--azb-bg)); }
.azb-show__copy .azb-btn { justify-self: start; }
.azb-show__slide.is-active .azb-show__copy > * { animation: azb-show-rise var(--dur-reveal) var(--ease-out) both; }
.azb-show__slide.is-active .azb-show__copy > *:nth-child(2) { animation-delay: 80ms; }
.azb-show__slide.is-active .azb-show__copy > *:nth-child(3) { animation-delay: 160ms; }
.azb-show__slide.is-active .azb-show__copy > *:nth-child(4) { animation-delay: 240ms; }
@keyframes azb-show-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.azb-show__controls { position: absolute; right: clamp(1rem, 3vw, 2rem); bottom: clamp(1rem, 3vw, 2rem); z-index: 2; display: flex; gap: var(--s-2); }
.azb-show__btn { display: grid; place-items: center; width: var(--tap); height: var(--tap); border: 0; border-radius: var(--radius-pill); background: color-mix(in srgb, var(--azb-bg) 55%, transparent); color: var(--azb-ink); box-shadow: inset 0 0 0 1px var(--azb-line); cursor: pointer; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.azb-show__btn:hover { box-shadow: inset 0 0 0 1px var(--azb-ink); }
.azb-show__pause { width: 10px; height: 12px; border-inline: 3px solid currentColor; }
.azb-show__btn[aria-pressed="true"] .azb-show__pause { width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent currentColor; }
.azb-show__dots { position: absolute; left: clamp(1.5rem, 5vw, 4rem); bottom: clamp(1.75rem, 3.6vw, 2.6rem); z-index: 2; display: flex; gap: var(--s-2); }
.azb-show__dot { width: 28px; height: 4px; padding: 0; border: 0; border-radius: var(--radius-pill); background: color-mix(in srgb, var(--azb-ink) 30%, transparent); cursor: pointer; }
.azb-show__dot[aria-current="true"] { background: var(--azb-accent); }
.azb-show__dot::after { content: ""; display: block; height: 22px; margin-top: -9px; }
@media (max-width: 767px) {
	.azb-show { min-height: 560px; border-radius: 0; }
	.azb-show__controls { left: var(--s-4); right: auto; }
	.azb-show__dots { left: auto; right: var(--s-4); bottom: calc(var(--s-4) + 20px); }
}
@media (prefers-reduced-motion: reduce) {
	.azb-show__slide.is-active .azb-show__media img, .azb-show__slide.is-active .azb-show__trail path { animation: none; }
	.azb-show__slide.is-active .azb-show__copy > * { animation-name: azb-show-fade; }
	@keyframes azb-show-fade { from { opacity: 0; } to { opacity: 1; } }
}