/* ============================================================
27 – Interlude Video · Stille Videoloops als visuelle Zäsuren

ARCHITEKTUR:- Vollflächige,stumme Video-Loops zwischen den Editorial-Sektionen
- Dual-Video Ping-Pong Crossfade für nahtlose Playlist-Übergänge
- Videos A+B übereinandergestapelt,Opacity-Crossfade beim Wechsel
- Kein UI,kein Sound – pure visuelle Textur
- Lazy Loading via IntersectionObserver (Performance!)
- Mobile-optimiert:Reduzierte Höhe,aggressive Autoplay

DESIGN:- Sanftes Reveal via .is-visible (bestehende Reveal-Animation)
- Kaum wahrnehmbarer Ken-Burns-Effekt (~4% Zoom)
============================================================ */

.interlude-video{position:relative;z-index:3;width:100%;height:clamp(14rem,30svh,22rem);aspect-ratio:16 / 9;overflow:hidden;background-color:#0D0D0D;contain:layout;box-shadow:0 15px 35px rgba(0,0,0,0.5),0 -15px 35px rgba(0,0,0,0.5)}.interlude-video::before,.interlude-video::after{content:'';position:absolute;left:0;width:100%;height:1px;background-color:#0d0d0d;background-image:linear-gradient(90deg,transparent 5%,rgba(196,161,105,0.3) 25%,rgba(196,161,105,0.5) 50%,rgba(196,161,105,0.3) 75%,transparent 95%);z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}.interlude-video::before{top:0}.interlude-video::after{bottom:0}.interlude-video__media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;opacity:0;transition:opacity 1.8s cubic-bezier(0.4,0,0.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.interlude-video__media.is-active{opacity:1}.interlude-video__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:5}.interlude-video__caption-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:0.08rem;padding:0 1.5rem;box-sizing:border-box}.interlude-video__caption-bg{position:relative;font-family:var(--font-accent);font-weight:700;font-size:clamp(1.8rem,5.4vw,3.9rem);color:rgba(255,255,255,0.5);letter-spacing:0.12em;text-align:center;white-space:nowrap;z-index:1;opacity:0;filter:blur(4px);transform:translateY(-8px) scale(0.97);backface-visibility:hidden;transform-style:preserve-3d;transition:opacity 2.2s cubic-bezier(0.25,0.46,0.45,0.94),filter 2.2s cubic-bezier(0.25,0.46,0.45,0.94),transform 2.2s cubic-bezier(0.25,0.46,0.45,0.94);will-change:opacity,filter,transform}.interlude-video__caption-percent{font-size:0.5em !important;vertical-align:22%;margin-left:0.02em}.interlude-video__caption-fg{position:relative;font-family:var(--font-accent);font-weight:900;font-size:clamp(1.15rem,2.9vw,2.1rem);color:rgba(255,255,255,0.5);letter-spacing:0.25em;text-transform:uppercase;text-align:center;white-space:nowrap;text-shadow:0 2px 15px rgba(0,0,0,0.6);z-index:2;opacity:0;transform:translateY(8px);backface-visibility:hidden;transform-style:preserve-3d;transition:opacity 1.6s cubic-bezier(0.25,0.46,0.45,0.94),transform 1.6s cubic-bezier(0.25,0.46,0.45,0.94);will-change:opacity,transform}.interlude-video__caption-fg--large{font-size:clamp(1.944rem,4.9vw,3.549rem) !important}.interlude-video__caption-fg--silizium-large{font-size:clamp(1.944rem,4.9vw,3.549rem) !important;color:rgba(255,255,255,0.7)}.interlude-video__caption-bg--silizium{color:rgba(255,255,255,0.7)}.interlude-video__caption-fg--gold-large{font-size:clamp(1.944rem,4.9vw,3.549rem) !important;color:rgba(255,255,255,0.75)}.interlude-video__caption-bg--gold{color:rgba(255,255,255,0.75)}.interlude-video__caption-bg.is-visible{opacity:1;filter:blur(0px);transform:translateY(0) scale(1.0)}.interlude-video__caption-fg.is-visible{opacity:1;transform:translateY(0)}.interlude-video.reveal{opacity:0;transform:none;transition:opacity 1.6s cubic-bezier(0.16,1,0.3,1)}.interlude-video.reveal.is-visible{opacity:1;transform:none}.interlude-image{position:relative;width:100%;height:clamp(16rem,40vh,28rem);overflow:hidden}.interlude-image__media{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.interlude-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:clamp(2rem,5vh,4rem);z-index:2;pointer-events:none;background:linear-gradient(to bottom,var(--ivory) 0%,transparent 100%)}.interlude-image::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:clamp(2rem,5vh,4rem);z-index:2;pointer-events:none;background:linear-gradient(to top,var(--ivory) 0%,transparent 100%)}@media (min-width:48rem){.interlude-video{height:clamp(16rem,35svh,26rem)}.interlude-image{height:clamp(20rem,45svh,32rem)}}@media (min-width:64rem){.interlude-video{height:clamp(18rem,40svh,30rem)}.interlude-image{height:clamp(22rem,48svh,36rem)}}@media (min-width:90rem){.interlude-video{height:clamp(20rem,42svh,34rem)}.interlude-image{height:clamp(24rem,50svh,40rem)}}@media (max-width:30rem){.interlude-video{height:clamp(12rem,28svh,18rem)}.interlude-image{height:clamp(14rem,35svh,22rem)}}@media (max-width:23.75rem){.interlude-video{height:clamp(10rem,26svh,16rem)}.interlude-image{height:clamp(12rem,30svh,18rem)}}@media (prefers-reduced-motion:reduce){.interlude-video__media{animation:none}.interlude-video.reveal{transition:opacity 0.3s ease}}.home-zone .interlude-video{width:100% !important;max-width:none !important;position:relative;left:0;right:0;margin-left:0 !important;margin-right:0 !important;border-radius:0}@media (max-width:47.99rem){.home-zone .interlude-video{height:clamp(16rem,35svh,24rem)}}@media (min-width:48rem){.home-zone .interlude-video{height:clamp(20rem,32vh,28rem)}}.interlude-video[role="button"]{cursor:pointer}.interlude-video[role="button"]:focus-visible{outline:2px solid var(--gold,#c4a169);outline-offset:-2px}.interlude-video__more-indicator{position:relative;z-index:10;margin:clamp(1.5rem,3.5vh,2.2rem) auto 0 auto;display:flex;flex-direction:column;align-items:center;gap:0.4rem;color:var(--gold,#c4a169);cursor:pointer;width:fit-content;transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),color 0.4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.interlude-video__more-indicator:hover{color:var(--gold-light,#d4bc91)}.interlude-video__more-indicator .more-text{font-family:var(--font-accent);font-size:clamp(0.6rem,1.3vw,0.72rem);font-weight:500;text-transform:uppercase;letter-spacing:0.35em;opacity:0.85}.interlude-video__more-indicator .more-chevron{width:clamp(2rem,4.4vw,2.7rem);height:clamp(2rem,4.4vw,2.7rem);stroke:currentColor;stroke-width:1.2;fill:none;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);animation:interludeChevronBounce 2s ease-in-out infinite}.interlude-video__more-indicator[aria-expanded="true"] .more-chevron{transform:rotate(180deg);animation:none}@keyframes interludeChevronBounce{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,6px,0)}}