.peakhome-editorial-hero.ph-hero-cinematic.ph-hero-carousel{position:relative;isolation:isolate;display:block;min-height:0;background:var(--ph-hero-bg);color:var(--ph-hero-ink);margin-bottom:var(--ph-hero-gap,160px)}.ph-hero-carousel peakhome-hero-carousel{display:block;position:relative}.ph-hero-carousel__stage{position:relative;isolation:isolate;overflow:hidden;height:calc(var(--ph-hero-height,680px) + var(--ph-home-overlay-height,0px));touch-action:pan-y pinch-zoom}.ph-hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;visibility:hidden;transform:translate3d(100%,0,0);pointer-events:none}.ph-hero-carousel__slide[aria-hidden=false]{visibility:visible;transform:translateZ(0);pointer-events:auto;z-index:1}.ph-hero-carousel .ph-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.ph-hero-carousel .ph-hero-media picture{display:block;width:100%;height:100%}.ph-hero-carousel :is(.ph-hero-image,.ph-hero-placeholder){display:block;width:100%;height:100%;object-fit:cover;object-position:var(--video-x,50%) var(--video-y,50%)}.ph-hero-carousel .ph-hero-copy{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr 1fr;column-gap:8%;max-width:1300px;width:90%;margin:-100px auto 0;padding:64px 4vw 76px;background:var(--ph-hero-bg);text-align:left}.ph-hero-carousel .ph-hero-eyebrow{grid-column:1/-1;margin:0 0 18px}.ph-hero-carousel .ph-hero-title{margin:0;color:var(--ph-hero-ink);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--text-h1);line-height:1.5;letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform)}.ph-hero-carousel .ph-hero-title-line{display:block}.ph-hero-carousel .ph-hero-message{display:flex;flex-direction:column;justify-content:center;align-items:start}.ph-hero-carousel .ph-hero-description{max-width:460px;margin:0 0 26px;color:var(--ph-hero-muted);font:inherit;letter-spacing:var(--text-letter-spacing)}.ph-hero-carousel .ph-hero-description p{margin:0}.ph-hero-carousel .ph-hero-description p+p{margin-top:12px}.ph-hero-carousel .ph-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.ph-hero-carousel .ph-hero-actions .button{min-height:48px;padding:14px 22px}.ph-hero-carousel .ph-hero-secondary{min-height:48px;display:inline-flex;align-items:center;color:var(--ph-secondary-color);font:var(--button-font);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform)}.ph-hero-carousel .ph-hero-caption{position:absolute;top:calc(var(--ph-home-overlay-height,0px) + 24px);right:4vw;z-index:2;padding:8px 13px;color:#fff;background:#263025;font-size:var(--text-xs)}.ph-hero-carousel__controls{position:absolute;z-index:4;left:5vw;top:calc(56% + var(--ph-home-overlay-height,0px)*.5);transform:translateY(-50%);width:176px;color:#fff;filter:drop-shadow(0 1px 4px #0003)}.ph-hero-carousel__square{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:104px;height:104px;background:#00000005;font-family:var(--heading-font-family);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgb(0 0 0/.18)}.ph-hero-carousel__slot{width:100%;height:18px;overflow:hidden;text-align:center;font-size:14px;line-height:18px;color:#ffffffd6}.ph-hero-carousel__slot--current{height:28px;font-size:24px;line-height:28px;color:#fff}.ph-hero-carousel__reel{width:100%}.ph-hero-carousel__row{display:block;height:18px;line-height:18px}.ph-hero-carousel__slot--current .ph-hero-carousel__row{height:28px;line-height:28px}.ph-hero-carousel__outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;overflow:visible;pointer-events:none}.ph-hero-carousel__outline path{vector-effect:non-scaling-stroke;stroke-width:1}.ph-hero-carousel__track{stroke:#ffffffb3}.ph-hero-carousel__progress{stroke:#fff;stroke-width:1.25!important;stroke-dasharray:100;stroke-dashoffset:100}.ph-hero-carousel__rule{height:1px;background:#ffffffb3;margin:18px 0 14px}.ph-hero-carousel__arrows{display:flex;gap:10px}.ph-hero-carousel__arrows button{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgb(255 255 255/.86);border-radius:0;background:transparent;color:#fff;cursor:pointer}.ph-hero-carousel__arrow-window{display:block;position:relative;overflow:hidden;width:22px;height:22px}.ph-hero-carousel__arrow{position:absolute;top:0;right:0;bottom:0;left:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .5s cubic-bezier(.16,1,.3,1)}.ph-hero-carousel__arrow--copy{transform:translate(-155%)}[data-hero-prev] .ph-hero-carousel__arrow--copy{transform:translate(155%)}@media(hover:hover)and (pointer:fine){[data-hero-next]:hover .ph-hero-carousel__arrow:not(.ph-hero-carousel__arrow--copy){transform:translate(155%)}[data-hero-prev]:hover .ph-hero-carousel__arrow:not(.ph-hero-carousel__arrow--copy){transform:translate(-155%)}.ph-hero-carousel__arrows button:hover .ph-hero-carousel__arrow--copy{transform:translate(0)}.ph-hero-carousel__arrows button:hover{background:#ffffff09}}.peakhome-editorial-hero.ph-hero-cinematic.ph-hero-carousel .ph-hero-carousel__play{position:absolute;z-index:4;right:5vw;bottom:140px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;background:#00000006;border:1px solid rgb(255 255 255/.7);border-radius:0;color:#fff;font:11px/1.5 var(--heading-font-family);letter-spacing:.06em;cursor:pointer;text-shadow:0 1px 4px #0003}.ph-hero-carousel__mobile-progress{display:none}.ph-hero-carousel [hidden]{display:none!important}.ph-hero-carousel :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:760px){.peakhome-editorial-hero.ph-hero-cinematic.ph-hero-carousel{margin-bottom:var(--ph-hero-mobile-gap,88px)}.ph-hero-carousel__stage{height:calc(var(--ph-mobile-image-height,330px) + var(--ph-home-overlay-height,0px))}.ph-hero-carousel :is(.ph-hero-image,.ph-hero-video){object-position:var(--video-mx,50%) var(--video-my,50%)}.ph-hero-carousel .ph-hero-copy{display:block;width:calc(100% - 32px);margin:-28px 16px 0;padding:42px 22px 54px}.ph-hero-carousel .ph-hero-title{margin-bottom:24px}.ph-hero-carousel .ph-hero-description{margin-bottom:22px}.ph-hero-carousel .ph-hero-actions{gap:10px 20px}.ph-hero-carousel .ph-hero-actions .button{padding:14px 16px}.ph-hero-carousel .ph-hero-caption,.ph-hero-carousel__controls{display:none}.ph-hero-carousel__mobile-progress{position:absolute;z-index:4;left:20px;right:20px;bottom:28px;display:flex;gap:6px;align-items:center}.ph-hero-carousel__mobile-progress button{flex:1;min-width:0;height:44px;padding:20.5px 0;border:0;background:transparent;cursor:pointer;transition:flex .25s cubic-bezier(.16,1,.3,1)}.ph-hero-carousel__mobile-progress button[aria-current=true]{flex:2}.ph-hero-carousel__segment{display:block;overflow:hidden;width:100%;height:3px;border-radius:1px;background:#ffffff59}.ph-hero-carousel__segment i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.ph-hero-carousel__mobile-progress button:focus-visible{outline-color:#fff;outline-offset:2px}.peakhome-editorial-hero.ph-hero-cinematic.ph-hero-carousel .ph-hero-carousel__play{right:20px;bottom:80px;min-height:44px;padding:9px 12px;font-size:10px}}@media(prefers-reduced-motion:reduce){.ph-hero-carousel__arrow,.ph-hero-carousel__mobile-progress button{transition:none}}@media(min-width:761px)and (max-width:1024px){.ph-hero-carousel__stage{height:calc(clamp(330px,42vw,430px) + var(--ph-home-overlay-height,0px))}.ph-hero-carousel__controls{top:calc(50% + var(--ph-home-overlay-height,0px)*.5 - 32px)}.ph-hero-carousel .ph-hero-copy{grid-template-columns:minmax(0,1fr);margin-top:-64px;padding:32px 4vw 40px}.ph-hero-carousel .ph-hero-eyebrow{margin-bottom:12px}.ph-hero-carousel .ph-hero-title{font-size:clamp(24px,2.7vw,28px);line-height:1.35}.ph-hero-carousel .ph-hero-message{margin-top:18px}.ph-hero-carousel .ph-hero-description{max-width:none;margin-bottom:18px}.peakhome-editorial-hero.ph-hero-cinematic.ph-hero-carousel .ph-hero-carousel__play{bottom:96px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/peakhome-hero-carousel.css.map */