.vintage-vessel-hero{position:relative;display:block;width:100%;height:100vh;height:100svh;min-height:680px;overflow:hidden;isolation:isolate;background:var(--vintage-vessel-hero-wood);color:var(--vintage-vessel-hero-text)}.vintage-vessel-hero:focus-visible{outline:2px solid var(--vintage-vessel-hero-sand);outline-offset:-6px}.vintage-vessel-hero__viewport,.vintage-vessel-hero__slides,.vintage-vessel-hero__slide,.vintage-vessel-hero__media,.vintage-vessel-hero__media:after,.vintage-vessel-hero__media picture,.vintage-vessel-hero__media img,.vintage-vessel-hero__media video,.vintage-vessel-hero__fallback{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.vintage-vessel-hero__slide{z-index:1;opacity:0;pointer-events:none;transition:opacity var(--vintage-vessel-hero-transition, 1.5s) cubic-bezier(.33,1,.68,1)}.vintage-vessel-hero__slide.is-active{z-index:2;opacity:1;pointer-events:auto}.vintage-vessel-hero__slide.is-leaving{z-index:3;opacity:0}.vintage-vessel-hero__media{overflow:hidden;background:var(--vintage-vessel-hero-wood)}.vintage-vessel-hero__media picture{display:block}.vintage-vessel-hero__media img,.vintage-vessel-hero__media video{object-fit:cover;object-position:var(--vintage-vessel-hero-focal-point, center center)}.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__media img,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__media video,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__fallback{animation:vintage-vessel-hero-reveal var(--vintage-vessel-hero-transition, 1.5s) cubic-bezier(.33,1,.68,1) both,vintage-vessel-hero-zoom var(--vintage-vessel-hero-zoom-duration, 10s) var(--vintage-vessel-hero-transition, 1.5s) ease-out both}.vintage-vessel-hero__media:after{z-index:1;background:var(--vintage-vessel-hero-overlay);content:"";opacity:var(--vintage-vessel-hero-overlay-opacity, .35);pointer-events:none;transition:opacity var(--vintage-vessel-hero-transition, 1.5s) ease}.vintage-vessel-hero__slide.is-leaving .vintage-vessel-hero__media:after{opacity:min(calc(var(--vintage-vessel-hero-overlay-opacity, .35) + .22),.78)}.vintage-vessel-hero__fallback{background:radial-gradient(circle at 74% 34%,rgb(var(--vintage-vessel-hero-sand-rgb) / .42),transparent 32%),linear-gradient(118deg,var(--vintage-vessel-hero-wood),var(--vintage-vessel-hero-sand))}.vintage-vessel-hero__content-wrap{position:relative;z-index:2;display:flex;width:100%;height:100%;max-width:var(--page-width);margin-inline:auto;padding:clamp(120px,17vh,190px) max(var(--page-margin),7vw) clamp(108px,13vh,150px);align-items:center}.vintage-vessel-hero__content{width:min(100%,var(--vintage-vessel-hero-content-width, 780px));text-shadow:0 2px 24px rgb(var(--vintage-vessel-hero-overlay-rgb) / .22)}.vintage-vessel-hero__brand,.vintage-vessel-hero__title,.vintage-vessel-hero__subtitle,.vintage-vessel-hero__description,.vintage-vessel-hero__action{margin:0;color:inherit;opacity:0;transform:translateY(26px)}.vintage-vessel-hero__brand{margin-block-end:clamp(28px,5vh,54px);font-family:var(--font-subheading--family);font-size:.74rem;font-weight:600;letter-spacing:.24em;line-height:1.2;text-transform:uppercase}.vintage-vessel-hero__title{max-width:940px;font-family:var(--font-heading--family);font-size:clamp(3.3rem,7.2vw,8.4rem);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);letter-spacing:-.045em;line-height:.86;text-wrap:balance}.vintage-vessel-hero__subtitle{max-width:720px;margin-block-start:clamp(22px,3.2vh,36px);font-family:var(--font-heading--family);font-size:clamp(1.35rem,2vw,2.15rem);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);letter-spacing:-.012em;line-height:1.1}.vintage-vessel-hero__description{max-width:610px;margin-block-start:18px;font-family:var(--font-body--family);font-size:clamp(.98rem,1.15vw,1.12rem);line-height:1.62}.vintage-vessel-hero__action{display:flex;margin-block-start:clamp(28px,4vh,42px)}.vintage-vessel-hero__button{position:relative;display:inline-flex;min-height:52px;padding:14px 0 12px;border-bottom:1px solid currentColor;align-items:center;gap:30px;color:var(--vintage-vessel-hero-text);font-family:var(--font-subheading--family);font-size:.76rem;font-weight:600;letter-spacing:.16em;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:gap .28s ease,color .28s ease}.vintage-vessel-hero__button:after{width:46px;height:1px;background:currentColor;box-shadow:8px -3px 0 -.4px currentColor;content:"";transform:skew(38deg)}.vintage-vessel-hero__button:hover{gap:42px;color:var(--vintage-vessel-hero-sand)}.vintage-vessel-hero__button:focus-visible,.vintage-vessel-hero__arrow:focus-visible{outline:2px solid var(--vintage-vessel-hero-sand);outline-offset:6px}.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__brand{animation:vintage-vessel-hero-copy .9s .12s cubic-bezier(.22,1,.36,1) forwards}.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__title{animation:vintage-vessel-hero-copy .95s .24s cubic-bezier(.22,1,.36,1) forwards}.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__subtitle{animation:vintage-vessel-hero-copy .9s .4s cubic-bezier(.22,1,.36,1) forwards}.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__description{animation:vintage-vessel-hero-copy .9s .54s cubic-bezier(.22,1,.36,1) forwards}.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__action{animation:vintage-vessel-hero-copy .9s .68s cubic-bezier(.22,1,.36,1) forwards}.vintage-vessel-hero__arrow{position:absolute;z-index:5;top:50%;display:grid;width:74px;height:70px;padding:0;border:0;place-items:center;background:transparent;color:var(--vintage-vessel-hero-text);cursor:pointer;transform:translateY(-50%)}.vintage-vessel-hero__arrow[hidden]{display:none}.vintage-vessel-hero__arrow--previous{left:clamp(4px,1.8vw,28px)}.vintage-vessel-hero__arrow--next{right:clamp(4px,1.8vw,28px)}.vintage-vessel-hero__arrow svg{width:48px;height:20px;overflow:visible;transition:transform .28s cubic-bezier(.22,1,.36,1)}.vintage-vessel-hero__arrow--previous:hover svg{transform:translate(-7px)}.vintage-vessel-hero__arrow--next:hover svg{transform:translate(7px)}.vintage-vessel-hero__scroll{position:absolute;z-index:5;bottom:clamp(30px,4vh,48px);left:max(var(--page-margin),7vw);display:flex;align-items:center;gap:16px;color:var(--vintage-vessel-hero-text);font-family:var(--font-subheading--family);font-size:.65rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.vintage-vessel-hero__scroll-line{position:relative;display:block;width:68px;height:1px;overflow:hidden;background:rgb(var(--vintage-vessel-hero-text-rgb) / .34)}.vintage-vessel-hero__scroll-line:after{position:absolute;width:34px;height:1px;inset:0 auto 0 -34px;background:var(--vintage-vessel-hero-text);content:"";animation:vintage-vessel-hero-scroll-line 2.4s ease-in-out infinite}.vintage-vessel-hero__status{position:absolute;z-index:5;right:max(var(--page-margin),7vw);bottom:clamp(30px,4vh,48px);color:var(--vintage-vessel-hero-text);font-family:var(--font-subheading--family);font-size:.68rem;font-weight:600;letter-spacing:.18em}.vintage-vessel-hero__status-divider{margin-inline:8px;color:rgb(var(--vintage-vessel-hero-text-rgb) / .54)}@keyframes vintage-vessel-hero-reveal{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes vintage-vessel-hero-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes vintage-vessel-hero-copy{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes vintage-vessel-hero-scroll-line{0%{transform:translate(0)}55%,to{transform:translate(102px)}}@media screen and (max-width:989px){.vintage-vessel-hero__content-wrap{padding-inline:max(var(--page-margin),9vw)}.vintage-vessel-hero__title{font-size:clamp(3.2rem,10vw,6.8rem)}.vintage-vessel-hero__arrow--previous{left:4px}.vintage-vessel-hero__arrow--next{right:4px}}@media screen and (max-width:749px){.vintage-vessel-hero{min-height:640px}.vintage-vessel-hero__content-wrap{padding:116px 28px 128px;align-items:flex-end}.vintage-vessel-hero__content{width:100%;text-shadow:0 2px 20px rgb(var(--vintage-vessel-hero-overlay-rgb) / .28)}.vintage-vessel-hero__brand{margin-block-end:24px;font-size:.66rem}.vintage-vessel-hero__title{max-width:94%;font-size:clamp(2.8rem,14vw,4.9rem);line-height:.9}.vintage-vessel-hero__subtitle{max-width:92%;margin-block-start:20px;font-size:clamp(1.15rem,5.8vw,1.65rem)}.vintage-vessel-hero__description{display:-webkit-box;margin-block-start:14px;overflow:hidden;font-size:.92rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.vintage-vessel-hero__action{margin-block-start:24px;flex-direction:column;align-items:flex-start}.vintage-vessel-hero__button{min-height:46px;font-size:.7rem}.vintage-vessel-hero__arrow{top:auto;bottom:34px;width:58px;height:42px;transform:none}.vintage-vessel-hero__arrow--previous{right:78px;left:auto}.vintage-vessel-hero__arrow--next{right:18px}.vintage-vessel-hero__arrow svg{width:38px}.vintage-vessel-hero__scroll{bottom:42px;left:28px;gap:12px;font-size:.58rem}.vintage-vessel-hero__scroll-line{width:42px}.vintage-vessel-hero__status{display:none}}@media(prefers-reduced-motion:reduce){.vintage-vessel-hero__slide,.vintage-vessel-hero__media:after,.vintage-vessel-hero__arrow svg,.vintage-vessel-hero__button{transition-duration:.01ms!important}.vintage-vessel-hero__media img,.vintage-vessel-hero__media video,.vintage-vessel-hero__fallback,.vintage-vessel-hero__brand,.vintage-vessel-hero__title,.vintage-vessel-hero__subtitle,.vintage-vessel-hero__description,.vintage-vessel-hero__action,.vintage-vessel-hero__scroll-line:after{animation:none!important;opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vintage-vessel-hero__slide,.vintage-vessel-hero__media:after,.vintage-vessel-hero__button,.vintage-vessel-hero__arrow svg{transition-duration:.01ms!important}.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__media img,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__media video,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__fallback,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__brand,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__title,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__subtitle,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__description,.vintage-vessel-hero__slide.is-active .vintage-vessel-hero__action,.vintage-vessel-hero__scroll-line:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(hover:none){.vintage-vessel-hero__button:hover{gap:30px;color:var(--vintage-vessel-hero-text)}.vintage-vessel-hero__arrow--previous:hover svg,.vintage-vessel-hero__arrow--next:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/vintage-vessel-hero.css.map */