/* Native reference videos. Controls retain their own pointer/touch gestures. */
.h3#h3 #h3-styles{padding-bottom:72px!important}
.h3#h3 .hft-carousel .hft-rail{--hft-card:340px;height:782px}
.h3#h3 .hft-carousel .hft-style{height:758px;display:flex;flex-direction:column}
.h3#h3 .hft-carousel .hft-native-poster{height:604px;flex:0 0 604px;padding:0;position:relative;overflow:hidden;background:#0a0a0a}
.h3#h3 .hft-player-slot{position:absolute;inset:0;background:#0a0a0a;color:#fff}
.h3#h3 .hft-player-slot video{display:block;width:100%;height:100%;object-fit:contain;background:#0a0a0a;position:relative;z-index:1;pointer-events:auto;touch-action:auto}
.h3#h3 .hft-style:not([data-position=front]) .hft-player-slot{pointer-events:none}
.h3#h3 .hft-style:not([data-position=front]) video{pointer-events:none}
.h3#h3 .hft-carousel .hft-caption{flex:0 0 154px;height:154px;width:100%;background:#fff}
@media(max-width:800px){.h3#h3 .hft-carousel .hft-rail{--hft-card:340px}}
@media(max-width:640px){
.h3#h3 #h3-styles{padding-bottom:80px!important}
.h3#h3 .hft-carousel .hft-rail{--hft-card:clamp(216px,62vw,260px);--hft-side:clamp(94px,26vw,112px);width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);height:calc(var(--hft-card)*1.77778 + 218px);overflow:hidden;perspective:1200px}
.h3#h3 .hft-carousel .hft-style{height:calc(var(--hft-card)*1.77778 + 190px)}
.h3#h3 .hft-carousel .hft-style[data-position=left]{transform:translateX(calc(-50% - var(--hft-side))) translateZ(-130px) rotateY(12deg);opacity:.52;filter:brightness(.85)}
.h3#h3 .hft-carousel .hft-style[data-position=right]{transform:translateX(calc(-50% + var(--hft-side))) translateZ(-130px) rotateY(-12deg);opacity:.52;filter:brightness(.85)}
.h3#h3 .hft-carousel .hft-native-poster{height:calc(var(--hft-card)*1.77778);flex-basis:calc(var(--hft-card)*1.77778)}
.h3#h3 .hft-carousel .hft-caption{padding:14px;flex-basis:190px;height:190px}
.h3#h3 .hft-carousel .hft-caption h3{font-size:17px!important;line-height:1.45!important}
.h3#h3 .hft-caption-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.h3#h3 .hft-select-style{min-height:44px;padding:8px 14px}
.h3#h3 .hft-reference-link{flex-basis:100%;font-size:11px;line-height:1.6;min-height:44px}
}