.vh-image-hero{position:relative;isolation:isolate;background-color:var(--vh-surface);content-visibility:auto;contain-intrinsic-size:100% 600px}.vh-image-hero--tight{padding-inline:var(--vh-edge)}.vh-image-hero__frame{position:relative;border-radius:var(--vh-radius);overflow:hidden;isolation:isolate;z-index:0;background-color:var(--vh-brand)}.vh-image-hero__img{display:block;inline-size:100%;block-size:min(82svh,980px);object-fit:cover;object-position:center;border-radius:inherit;z-index:0;opacity:0;transition:opacity .6s ease-out}.vh-image-hero.is-loaded .vh-image-hero__img{opacity:1}.vh-image-hero__placeholder{display:block;width:100%;height:min(60svh,600px);background-color:var(--vh-brand);border-radius:inherit}.vh-image-hero__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse farthest-side at bottom left,rgba(0,0,0,.75) 0%,rgba(0,0,0,.45) 30%,rgba(0,0,0,.15) 60%,transparent 85%);mix-blend-mode:multiply}.vh-image-hero__overlay{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.5vw,16px);padding-block:clamp(32px,5vw,64px);padding-inline:clamp(24px,4vw,48px);max-inline-size:800px;color:var(--vh-white);pointer-events:none}.vh-image-hero__overlay>*{pointer-events:auto}.vh-image-hero__title,.vh-image-hero__eyebrow,.vh-image-hero__sub{color:inherit;margin:0}.vh-image-hero__eyebrow{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:var(--vh-eyebrow);opacity:.9}.vh-image-hero__title{font-family:var(--font-heading-family);font-size:clamp(32px,5vw,var(--vh-h1));line-height:1.05;font-weight:var(--vh-heading-weight);text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.2)}.vh-image-hero__sub{font-size:clamp(16px,1.5vw,var(--vh-body));line-height:1.5;opacity:.95;max-width:50ch}.vh-image-hero .vh-cta{margin-top:16px;align-self:flex-start}@media(max-width:768px){.vh-image-hero__frame{border-radius:var(--vh-radius)}.vh-image-hero__img{block-size:70svh}.vh-image-hero__frame:after{background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%);mix-blend-mode:normal}.vh-image-hero__overlay{padding-inline:var(--vh-edge);align-items:flex-start;text-align:left}}@media(prefers-reduced-motion:reduce){.vh-image-hero__img{transition:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vh-image-splash.css.map */