.velora-hero{position:relative;height:88vh;min-height:560px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--hairline)}.velora-hero__panel{position:relative;overflow:hidden;background:linear-gradient(155deg,#1c1c1c,#050505 70%)}.velora-hero__panel--dark{background:linear-gradient(155deg,#0a0a0a,#000 80%)}.velora-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}.velora-hero__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(120deg,rgba(var(--texture-rgb),.03) 0px,rgba(var(--texture-rgb),.03) 1px,transparent 1px,transparent 30px);pointer-events:none}.velora-hero__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000008c);pointer-events:none;z-index:1}.velora-hero__tag{position:absolute;top:2em;left:2em;font-family:var(--font-spec);font-size:.7em;color:var(--steel);z-index:2}.velora-hero__caption{position:absolute;bottom:2em;left:2em;right:2em;display:flex;justify-content:space-between;align-items:flex-end;z-index:2}.velora-hero__caption h2{font-size:clamp(1.4em,2.4vw,2em);font-weight:500;color:#fff;margin:0}.velora-hero__caption .velora-spec{font-size:.85em;color:#ffffffb3}.velora-hero__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;text-align:center;width:90%}.velora-hero__eyebrow{display:block;margin-bottom:1em;color:#ffffffb3}.velora-hero__center h1{font-size:clamp(1.8em,3.4vw,2.8em);font-weight:500;letter-spacing:-.01em;margin:0 0 1.5em;color:#fff}.velora-hero__cta{display:inline-block;border:1px solid var(--fg);padding:.8em 2em;font-size:.8em;font-family:var(--font-spec);background:var(--bg);color:var(--fg);text-decoration:none}.velora-hero__cta:hover{background:var(--fg);color:var(--bg)}@media(max-width:1200px){.velora-hero__center{width:80%}}@media(max-width:900px){.velora-hero{grid-template-columns:1fr;height:auto}.velora-hero__panel{aspect-ratio:4/5}}@media(max-width:360px){.velora-hero__cta{padding:.7em 1.4em;font-size:.72em}.velora-hero__center h1{font-size:1.5em}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-hero-velora.css.map */