.drp-image-scroller { position:relative; margin-block:clamp(3rem,8vw,8rem); color:var(--wp--preset--color--paper,#fff); }
.drp-image-scroller__header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; max-width:var(--wp--style--global--wide-size,1440px); margin:0 auto 2rem; padding-inline:clamp(1rem,3vw,3rem); }
.drp-image-scroller__title { margin:0; font-size:clamp(2.2rem,5vw,5rem); line-height:.92; letter-spacing:-.06em; }
.drp-image-scroller__description { align-self:end; font-size:1rem; max-width:30ch; }
.drp-image-scroller__track { display:flex; gap:clamp(1rem,2.5vw,2.5rem); overflow-x:auto; overscroll-behavior-x:contain; padding:1.5rem max(clamp(1rem,3vw,3rem),calc((100vw - 1440px)/2)) 2.5rem; scroll-padding-inline:max(clamp(1rem,3vw,3rem),calc((100vw - 1440px)/2)); scrollbar-width:none; }
.drp-image-scroller__track::-webkit-scrollbar { display:none; }
.drp-image-scroller__track:focus-visible { outline:2px solid #ff4081; outline-offset:-.3rem; }
.drp-image-scroller__item { flex:0 0 min(var(--drp-size),78vw); margin:0; scroll-snap-align:start; }
.drp-image-scroller__media { aspect-ratio:1 / 1; overflow:hidden; background:#192125; border-radius:var(--drp-radius); transform:rotate(var(--drp-rotation)); transform-origin:center; transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,border-radius .3s ease; }
.drp-image-scroller__image { display:block; width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.06); transform:scale(1.05); transition:filter .55s ease,transform .8s cubic-bezier(.2,.8,.2,1); }
.drp-image-scroller__item:hover .drp-image-scroller__media,.drp-image-scroller__item:focus-within .drp-image-scroller__media { box-shadow:0 1.25rem 3rem rgba(0,0,0,.32); transform:rotate(0) scale(1.015); }
.drp-image-scroller__item:hover .drp-image-scroller__image,.drp-image-scroller__item:focus-within .drp-image-scroller__image { filter:grayscale(0) contrast(1); transform:scale(1.16) translateX(var(--drp-pan)); }
.drp-image-scroller__item figcaption { margin-top:.9rem; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.drp-image-scroller__empty { padding:2rem; color:#060809; background:#ff4081; }
@media (max-width:640px) { .drp-image-scroller__header { grid-template-columns:1fr; gap:.75rem; } .drp-image-scroller__description { align-self:auto; } .drp-image-scroller__item { flex-basis:78vw; } }
@media (prefers-reduced-motion:reduce) { .drp-image-scroller__media,.drp-image-scroller__image { transition:none; } .drp-image-scroller__item:hover .drp-image-scroller__image,.drp-image-scroller__item:focus-within .drp-image-scroller__image { transform:scale(1.05); } }