/* Traditional campaign slider. One image per view. */
.hz-campaign{position:relative;min-width:0;min-height:650px;background:#e1ddd4;overflow:hidden;isolation:isolate;color:#181818}
.hz-campaign:before{content:'HORA ZULU';position:absolute;right:1%;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:clamp(85px,8.8vw,135px)/1 Anton;color:#d51b2a;white-space:nowrap;pointer-events:none;z-index:0}
.hz-slides{position:absolute;inset:0;touch-action:pan-y;z-index:auto}
.hz-slide{position:absolute;inset:0;pointer-events:none;visibility:hidden;opacity:0;transform:translateX(28px);transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.22,.75,.18,1),visibility 0s 1.4s}
.hz-slide.is-active{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto;transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.22,.75,.18,1),visibility 0s}
.hz-slide-frame{position:absolute;inset:7% 10% 7% 5%;overflow:hidden;display:block}
.hz-photo-plane{display:block;width:100%;height:100%;transition:transform 1.5s ease;transform:scale(1)}
.hz-slide-frame img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:normal;transform:none;transition:none}
.hz-slide-frame.is-product{inset:4% 7% 4% 0;mix-blend-mode:multiply}.hz-slide-frame.is-product img{object-fit:contain}
@media(hover:hover) and (pointer:fine){.hz-campaign:hover .is-active .hz-photo-plane{transform:scale(1.025)}}
.hz-official-stamp{position:absolute;right:4%;bottom:5%;width:118px;height:auto;aspect-ratio:1;object-fit:contain;z-index:3;transform:rotate(10deg);filter:drop-shadow(0 7px 10px #0002);pointer-events:none}
.hz-slider-a11y,.hz-slider-status{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hz-slider-a11y:focus-visible{clip-path:none;width:auto;height:auto;left:20px;bottom:20px;z-index:5;background:#191919;color:#fff;padding:12px;border:1px solid #fff;outline:2px solid #d51b2a}
.hz-campaign a:focus-visible{outline:3px solid #d51b2a;outline-offset:-3px}
@media(max-width:700px){.hz-campaign{min-height:430px;height:430px}.hz-campaign:before{font-size:83px;right:0}.hz-slide-frame{inset:7% 12% 7% 5%}.hz-slide-frame.is-product{inset:3% 7% 3% 0}.hz-official-stamp{width:88px;right:4%;bottom:5%}}
@media(prefers-reduced-motion:reduce){.hz-slide,.hz-photo-plane{transition:none!important;transform:none!important}.hz-slide:not(.is-active){visibility:hidden}}

.hz-slide.is-product-slide{mix-blend-mode:multiply}.hz-slide.is-product-slide .hz-slide-frame{mix-blend-mode:normal}

/* Physical records campaign slider. */
.hz-record-slider{position:relative;min-width:0;width:100%;height:620px;background:#ded9ce;overflow:hidden;isolation:isolate}
.hz-record-slider .hz-slides{z-index:auto}.hz-record-slider .hz-slide-frame{inset:0;display:grid;place-items:center}
.hz-record-slider .hz-photo-plane{width:88%;height:88%;transform:rotate(-4deg);transition:transform 1.8s ease}
.hz-record-slider .hz-slide:nth-child(even) .hz-photo-plane{transform:rotate(4deg)}
.hz-record-slider .hz-slide img{object-fit:contain;mix-blend-mode:multiply}


.hz-record-slider .hz-slide{mix-blend-mode:multiply}
.hz-record-slider a:focus-visible{outline:3px solid #d51b2a;outline-offset:-4px}
.hz-record-slider .hz-slider-a11y:focus-visible{z-index:4}
.woocommerce ul.products li.product{position:relative}.woocommerce ul.products li.product .hz-featured-badge{position:absolute;left:16px;top:16px;z-index:3;background:#d51b2a;color:#fff;font:400 9px/1.4 Arial,sans-serif;letter-spacing:1px;padding:7px 10px;text-transform:uppercase;pointer-events:none}
@media(max-width:700px){.hz-record-slider{height:430px}.woocommerce ul.products li.product .hz-featured-badge{left:10px;top:10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.hz-record-slider .hz-photo-plane{transition:none!important}}

/* Per-image framing controls, independent from slide transitions. */
.hz-campaign .hz-photo-plane,.hz-record-slider .hz-photo-plane{transform:translate(var(--hz-x,0%),var(--hz-y,0%)) scale(var(--hz-zoom,1)) rotate(var(--hz-rotate,0deg))}
.hz-record-slider .hz-photo-plane{--hz-rotate:-4deg}.hz-record-slider .hz-slide:nth-child(even) .hz-photo-plane{--hz-rotate:4deg;transform:translate(var(--hz-x,0%),var(--hz-y,0%)) scale(var(--hz-zoom,1)) rotate(var(--hz-rotate))}
@media(hover:hover) and (pointer:fine){.hz-campaign:hover .is-active .hz-photo-plane{transform:translate(var(--hz-x,0%),var(--hz-y,0%)) scale(calc(var(--hz-zoom,1)*1.025))}}
@media(prefers-reduced-motion:reduce){.hz-campaign .hz-photo-plane,.hz-record-slider .hz-photo-plane{transform:translate(var(--hz-x,0%),var(--hz-y,0%)) scale(var(--hz-zoom,1)) rotate(var(--hz-rotate,0deg))!important}}
