@layer components{.hic{--hic-item-width:clamp(260px, 42vw, 640px);--hic-ratio:4 / 5;--hic-gap:24px;--hic-inset:max(16px, calc((100% - 1200px) / 2));--hic-radius:0px;--hic-snap:x proximity;position:relative}.hic__track{gap:var(--hic-gap);padding:0 var(--hic-inset);scroll-snap-type:var(--hic-snap);scroll-padding-inline:var(--hic-inset);overscroll-behavior-x:contain;margin:0;scrollbar-width:none;margin-block:-8px;padding-block:8px;list-style:none;display:flex;overflow:auto hidden}.hic__track::-webkit-scrollbar{display:none}.hic__track:focus-visible{outline-offset:4px;outline:2px solid}.hic__slide{flex:0 0 var(--hic-item-width);scroll-snap-align:start;max-width:100%;margin:0}.hic__media{aspect-ratio:var(--hic-ratio);border-radius:var(--hic-radius);background:#eee;position:relative;overflow:hidden}.hic__media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hic__title{padding:0 var(--hic-inset);margin:0 0 16px;font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.1}.hic__caption{margin-top:12px;font-size:14px;line-height:1.4}.hic__controls{padding:0 var(--hic-inset);justify-content:flex-end;gap:8px;margin-bottom:16px;display:flex}.hic__button{border:1px solid var(--color-brand-pill);width:44px;height:44px;color:var(--color-brand-pill);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:opacity .3s,background-color .3s;display:inline-flex}.hic__button:hover:not(:disabled){background:var(--color-brand-pill);color:#fff}.hic__button:focus-visible{outline:2px solid var(--color-brand-pill);outline-offset:3px}.hic__button:disabled{opacity:.3;cursor:default}@media (prefers-reduced-motion:no-preference){.hic__track{scroll-behavior:smooth}}}