.page-header{height:90vh;max-height:90vh;grid-template-rows:auto 1fr}.page-header.has-border-bottom{position:relative}.page-header.has-border-bottom:after{content:"";position:absolute;bottom:0;left:var(--page-margin);width:calc(100% - (2 * var(--page-margin)));border-bottom:var(--button-stroke-width) solid rgb(var(--color-foreground),.4)}.page-header.not-full-height{height:auto;max-height:none}.page-header__copy{grid-row:1;grid-column:1/5;display:flex;flex-direction:column;row-gap:var(--space-sm);padding:var(--space-6xl) var(--page-margin) var(--space-xl)}.page-header__copy-wrapper{display:flex;flex-direction:column;row-gap:var(--space-lg)}.page-header__title--image{margin-bottom:var(--space-sm)}.page-header__images{grid-row:2;grid-column:1/5;height:100%;contain:size;display:flex;flex-direction:column;min-height:100%;width:100%}.page-header__images>*{height:inherit;width:100%}.page-header__background-video{width:inherit;height:inherit;object-fit:cover;flex-grow:1;flex-shrink:1;flex-basis:0}.page-header__images-video--desktop{display:none}.page-header__images .optimal-image-wrapper,.page-header__images img{width:inherit;height:inherit;object-fit:cover}.page-header__images-image{flex-grow:1;flex-shrink:1;flex-basis:0}.page-header.flip-layout{grid-template-rows:1fr auto;height:fit-content;max-height:unset}.page-header.flip-layout .page-header__copy{grid-row:2;padding-top:var(--space-xl);padding-top:var(--space-2xl)}.page-header.flip-layout .page-header__images{grid-row:1;height:var(--space-8xl)}.stories-header{height:fit-content;max-height:unset}.stories-header__text{width:calc(100% / 6 * 5)}.stories-header .page-header__copy{padding-bottom:var(--space-md)}.stories-header__featured{grid-column:1 / 5;display:flex;flex-direction:column;row-gap:var(--space-xl);padding:0 var(--page-margin) var(--page-margin)}.stories-header__images{height:auto;aspect-ratio:7 / 11;margin-top:var(--space-xl)}.stories-header__images:has(.page-header__images-video){height:100%}.stories-header__featured--copy-wrapper{display:flex;flex-direction:column;row-gap:var(--space-sm)}.stories-header__featured--title-wrapper{display:flex;flex-direction:column;row-gap:var(--space-xs)}.stories-header .page-header__buttons{margin-top:var(--space-sm)}.store-header{height:fit-content;max-height:unset;display:flex;flex-direction:column-reverse}.store-header .page-header__images{height:50vh;min-height:50vh}.store-header .page-header__copy{row-gap:var(--space-xl);padding-top:var(--space-xl);padding-bottom:var(--space-3xl)}.store-header .page-header__content{display:flex;flex-direction:column;row-gap:var(--space-2xl)}.store-header__content-wrapper{display:flex;flex-direction:column;row-gap:var(--space-lg)}.store-header__info{display:flex;flex-direction:column}.store-header__info-title{margin-bottom:var(--space-xs)}.store-header .button--with-icon{display:flex;column-gap:var(--space-sm)}.store-header .button--with-icon svg{fill:rgb(var(--color-background));transition:fill var(--easing-fast);width:1rem;height:1rem}.store-header .button--with-icon:hover svg{fill:rgb(var(--color-foreground))}.store-header__info a{display:block}.store-header__optical-info{display:flex;flex-direction:column;row-gap:var(--space-xs);width:calc(100% / 6 * 5)}.store-header__optical-info .button{margin-top:var(--space-sm)}@media screen and (min-width: 768px){.page-header{height:100vh;max-height:100vh}.page-header__copy{grid-column:1/13;flex-direction:row;justify-content:space-between;padding-top:var(--space-9xl)}.page-header__copy:has(.page-header__title--image){padding-top:var(--space-6xl)}.page-header__title--image{margin-bottom:0}.page-header__title{grid-row:1/3;grid-column:1/8;align-self:end;width:calc((100vw - (2*var(--page-margin))) / 12 * 7)}.page-header__copy-wrapper{grid-row:1;grid-column:8/13;width:calc((100vw - (2*var(--page-margin))) / 12 * 3);min-width:max(calc((100vw - (2*var(--page-margin))) / 12 * 3),39ch);max-width:min(calc((100vw - (2*var(--page-margin))) / 12 * 5),100%);justify-self:end;align-self:end;row-gap:var(--space-md)}.page-header__text{width:100%}.page-header__buttons{width:100%;margin-bottom:var(--space-sm)}.page-header__images{flex-direction:row;grid-column:1/13}.page-header__images-video--desktop{display:block}.page-header__images-video--mobile{display:none}.page-header.flip-layout .page-header__images{grid-row:1;height:28vh}.stories-header{height:140vh;max-height:140vh}.stories-header .page-header__copy{padding-bottom:var(--space-2xl)}.stories-header__featured{grid-row:2;grid-column:1/ 13;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr;row-gap:0;height:100%;padding-bottom:var(--space-3xl)}.stories-header__copy-wrapper{grid-column:9 / 13;grid-row:1;max-width:min(calc((100vw - (2*var(--page-margin))) / 12 * 3),100%);min-width:max(calc((100vw - (2*var(--page-margin))) / 12 * 3),39ch);padding-left:var(--page-margin)}.stories-header__images{grid-row:1 / 3;grid-column:1 / 9;margin-top:0;height:100%;aspect-ratio:unset;overflow:hidden}.stories-header__featured--copy-wrapper{grid-row:2;grid-column:9 / 13;padding-left:var(--page-margin);align-self:end;padding-bottom:40vh}.stories-header__images .optimal-image-wrapper{height:fit-content}.stories-header .page-header__buttons{margin-bottom:0}.store-header{min-height:95vh;height:95vh;grid-template-rows:1fr auto;display:grid}.store-header .page-header__copy{grid-row:2;grid-column:1 / 13;flex-direction:column}.store-header .page-header__title{align-self:start;width:100%}.store-header .page-header__images{grid-row:1;grid-column:1 / 13;height:100%;min-height:unset}.store-header .page-header__content{flex-direction:row;justify-content:space-between;column-gap:calc(100% / 12)}.store-header__content-wrapper{flex-direction:row;flex-wrap:nowrap;flex:1;column-gap:var(--space-2xl)}.store-header__info{width:fit-content;min-width:calc((100vw - (2 * var(--page-margin))) / 12 * 1.5)}.store-header__info--hours{min-width:calc((100vw - (2 * var(--page-margin))) / 12 * 2)}.store-header__info a{margin-top:var(--space-xs)}.store-header__optical-info{width:calc((100vw - (2 * var(--page-margin))) / 12 * 3)}.store-header__optical-info .button{padding-top:.4rem;padding-bottom:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/page-header.css.map */