.arcelf-hero{position:relative;height:var(--hero-runway, 200vh);margin-top:calc(-1 * var(--header-h, 72px));--hero-slide-interval: 5000;--photo-h: min(70vh, 560px, 115vw);--photo-half: calc(var(--photo-h) / 2);--wm-shrink: .8;--wm-rise: 6vh}.arcelf-hero__inner{position:sticky;top:0;height:100vh;max-width:var(--arcelf-max);margin-inline:auto;padding-inline:var(--arcelf-gutter)}.arcelf-hero__media{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:var(--photo-h);max-width:86vw;aspect-ratio:3 / 4;background:var(--arcelf-image-bg);overflow:hidden;z-index:1}.arcelf-hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transform-origin:center;will-change:opacity,transform;pointer-events:none;transition:opacity 1.8s var(--arcelf-ease),transform 7s ease-out}.arcelf-hero-slide.is-active{opacity:1;transform:scale(1)}.arcelf-hero__wordmark{position:absolute;left:50%;top:calc(50% + var(--photo-half));margin:0;z-index:2;transform-origin:center;transform:translate(-50%,-50%) translateY(calc(var(--p, 0) * var(--wm-rise))) scale(calc(1 - var(--p, 0) * var(--wm-shrink)));will-change:transform}.arcelf-hero__wordmark img{display:block;width:min(743px,86vw);height:auto}.arcelf-hero__corner{position:fixed;bottom:clamp(18px,3vw,34px);z-index:90;font-family:var(--arcelf-serif);font-size:.75rem;letter-spacing:.04em;color:var(--arcelf-ink)}.arcelf-hero__corner--left{left:clamp(20px,5vw,40px)}.arcelf-hero__corner--right{right:clamp(20px,5vw,40px)}.arcelf-hero__corner a{border-bottom:1px solid transparent;transition:border-color .2s var(--arcelf-ease)}.arcelf-hero__corner a:hover{border-color:currentColor}@media(max-width:749px){.arcelf-hero__corner{font-size:.6875rem}}@media(prefers-reduced-motion:reduce){.arcelf-hero{height:auto}.arcelf-hero__inner{position:static;height:auto;display:flex;flex-direction:column;align-items:center;padding-block:clamp(24px,4vw,48px) clamp(40px,6vw,72px)}.arcelf-hero__media{position:static;transform:none}.arcelf-hero__wordmark{position:static;transform:none;margin-top:clamp(24px,4vw,48px)}.arcelf-hero__wordmark img{width:clamp(220px,44vw,440px)}.arcelf-hero-slide{transform:none;transition:opacity .4s linear}.arcelf-hero-slide.is-active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-arcelf-hero.css.map */