.zvo-hero{background:var(--zvo-hero-ground,var(--bg,#fff));border-bottom:1px solid var(--line);--zvo-arrow-size:46px;--zvo-arrow-inset:clamp(6px,1.6vw,24px);--zvo-hero-band:clamp(112px,12vw,152px);--zvo-hero-cap-gap:clamp(14px,1.5vw,22px);--zvo-hero-top:clamp(6px,1vw,18px);--zvo-hero-side:calc(var(--zvo-arrow-inset) + var(--zvo-arrow-size) + clamp(8px,1.2vw,20px));--zvo-photo-cap:clamp(300px,58vh,620px);--zvo-photo-h:min(var(--zvo-photo-cap), calc((100vw - 2 * var(--zvo-hero-side) - 18px) / 1.4))}.zvo-hero__stage{position:relative;max-width:1800px;margin:0 auto;height:calc(var(--zvo-photo-h) + var(--zvo-hero-band) + var(--zvo-hero-top));overflow-x:clip;overflow-y:visible}.zvo-hero__stage:focus{outline:none}.zvo-hero__stage:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.zvo-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--zvo-hero-top) var(--zvo-hero-side) var(--zvo-hero-band);opacity:0;visibility:hidden;transition:opacity .9s ease}.zvo-hero__slide.is-active{opacity:1;visibility:visible}.zvo-hero__slide img{display:block;height:100%;width:auto;max-width:100%;margin:0 auto;object-fit:contain;object-position:center bottom}.zvo-hero__caption{position:absolute;left:0;right:0;top:calc(100% - var(--zvo-hero-band));bottom:auto;min-height:var(--zvo-hero-band);z-index:2;max-width:var(--max);margin:0 auto;padding:var(--zvo-hero-cap-gap) var(--pad) 0;pointer-events:none}.zvo-hero__caption a,.zvo-hero__caption .zvo-hero__still{pointer-events:auto;display:inline-block;max-width:min(46ch,60%)}.zvo-hero__caption a:hover{opacity:1}.zvo-hero__piece{display:block;font-family:var(--serif);font-size:clamp(18px,2.1vw,26px);line-height:1.28;color:var(--ink)}.zvo-hero__more{display:inline-block;margin-top:6px;font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.zvo-hero__caption a:hover .zvo-hero__more{color:var(--ink)}.zvo-hero__arrow{position:absolute;top:calc((100% - var(--zvo-hero-band)) / 2);transform:translateY(-50%);z-index:3;width:var(--zvo-arrow-size);height:var(--zvo-arrow-size);display:flex;align-items:center;justify-content:center;padding:0;background:var(--zvo-plate,rgba(255,255,255,.85));border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .2s ease,border-color .2s ease}.zvo-hero__arrow:hover{background:var(--zvo-plate-solid,#fff);border-color:var(--ink)}.zvo-hero__arrow--prev{left:var(--zvo-arrow-inset)}.zvo-hero__arrow--next{right:var(--zvo-arrow-inset)}.zvo-hero__arrow svg{width:16px;height:16px}.zvo-hero__dots{position:absolute;left:0;right:0;bottom:calc(var(--zvo-hero-band) - var(--zvo-hero-cap-gap) - 30px);z-index:3;max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;justify-content:flex-end;align-items:center;gap:10px;pointer-events:none}.zvo-hero__dot{pointer-events:auto;position:relative;width:34px;height:18px;padding:0;background:none;border:0;cursor:pointer}.zvo-hero__dot:before{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:var(--line)}.zvo-hero__dot:after{content:"";position:absolute;left:0;top:8px;height:1px;width:0;background:var(--ink)}.zvo-hero__dot:hover:after{width:100%}.zvo-hero__dot.is-active:after{width:100%}.zvo-hero--playing .zvo-hero__dot.is-active:after{animation:zvoHeroProgress var(--zvo-hero-int,20s) linear forwards}@keyframes zvoHeroProgress{0%{width:0}to{width:100%}}.zvo-hero__intro{max-width:var(--max);margin:0 auto;padding:clamp(28px,4vw,52px) var(--pad) clamp(34px,5vw,64px);text-align:center}.zvo-hero__intro .label{display:block;margin-bottom:12px;color:var(--muted)}.zvo-hero__intro h1{font-size:clamp(24px,3.4vw,40px);max-width:820px;margin:0 auto;color:var(--ink)}.zvo-hero__intro .hero__cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.zvo-hero__intro .hero__cta .btn{width:auto;margin:0;padding:14px 26px}@media(max-width:700px){.zvo-hero{--zvo-arrow-size:34px;--zvo-hero-band:148px;--zvo-hero-cap-gap:14px;--zvo-hero-top:6px;--zvo-hero-side:20px;--zvo-photo-cap:clamp(220px,40vh,380px)}.zvo-hero__arrow{top:auto;bottom:4px;transform:none}.zvo-hero__arrow--prev{left:16px}.zvo-hero__arrow--next{right:16px}.zvo-hero__arrow svg{width:14px;height:14px}.zvo-hero__caption a,.zvo-hero__caption .zvo-hero__still{max-width:100%}.zvo-hero__piece{font-size:19px}.zvo-hero__dots{justify-content:center;bottom:12px}}@media(prefers-reduced-motion:reduce){.zvo-hero__slide{transition:none}.zvo-hero--playing .zvo-hero__dot.is-active:after{animation:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/zvo-hero.css.map */