.vanyo-hero__grid{display:grid;grid-template-columns:55fr 45fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.vanyo-hero__heading{font-family:var(--v-font-display);font-stretch:112.5%;font-weight:700;font-size:var(--v-h1);letter-spacing:-.01em;line-height:1.05;margin:0 0 1.5rem}.vanyo-hero__sub{font-size:var(--v-body);color:var(--v-steel);max-width:46ch;margin:0 0 2rem}.vanyo-hero__ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.25rem}.vanyo-hero__specstrip{border-top:var(--v-line-w) solid var(--v-line);border-bottom:var(--v-line-w) solid var(--v-line);padding-block:.75rem;color:var(--v-steel);margin:0;letter-spacing:.02em}.vanyo-hero__media{position:relative}.vanyo-hero__img{display:block;width:100%;height:auto;border-radius:var(--v-radius)}.vanyo-hero__dim{position:absolute;overflow:visible}.vanyo-hero__dim--diameter{left:12%;top:74%;height:11%;width:24px}.vanyo-hero__dim--batch{right:6%;bottom:12%;width:34%;height:40px}.vanyo-dim-line,.vanyo-dim-tick{stroke:var(--v-line);stroke-width:1.5;vector-effect:non-scaling-stroke}.vanyo-dim-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1) .15s}.vanyo-dim-tick{opacity:0;transition:opacity .3s ease-out .6s}.is-drawn .vanyo-dim-line{stroke-dashoffset:0}.is-drawn .vanyo-dim-tick{opacity:1}.vanyo-hero__dimlabel{position:absolute;background:#f8fafceb;border:var(--v-line-w) solid var(--v-line);border-radius:2px;padding:.25rem .5rem;font-size:var(--v-caption);letter-spacing:.04em;color:var(--v-marker-ink);font-weight:500;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .7s}.is-drawn .vanyo-hero__dimlabel{opacity:1}.vanyo-hero__dimlabel--diameter{left:calc(12% + 20px);top:77%}.vanyo-hero__dimlabel--batch{right:6%;bottom:calc(12% + 34px);color:var(--v-ink);font-weight:400}@media(prefers-reduced-motion:reduce){.vanyo-dim-line{transition:none;stroke-dashoffset:0}.vanyo-dim-tick,.vanyo-hero__dimlabel{transition:none;opacity:1}}@media screen and (max-width:1023px){.vanyo-hero__grid{grid-template-columns:1fr}.vanyo-hero__media{max-width:480px}}@media screen and (max-width:479px){.vanyo-hero__ctas{flex-direction:column;align-items:stretch}}.vanyo-hero{padding-top:calc(var(--vanyo-hero-pt, 96px) * .7);padding-bottom:calc(var(--vanyo-hero-pb, 96px) * .7)}@media screen and (min-width:990px){.vanyo-hero{padding-top:var(--vanyo-hero-pt, 96px);padding-bottom:var(--vanyo-hero-pb, 96px)}}.vanyo-hero__grid{grid-template-columns:var(--vanyo-hero-copy, 55fr) var(--vanyo-hero-media, 45fr)}.vanyo-hero--reverse .vanyo-hero__copy{order:2}.vanyo-hero--reverse .vanyo-hero__media{order:1}.vanyo-hero--media-large .vanyo-hero__grid,.vanyo-hero--media-full .vanyo-hero__grid{align-items:stretch}.vanyo-hero--media-large .vanyo-hero__img,.vanyo-hero--media-full .vanyo-hero__img{height:100%;min-height:var(--vanyo-hero-media-height, 560px);object-fit:cover;object-position:var(--vanyo-hero-media-position, center)}@media screen and (min-width:1024px){.vanyo-hero--media-full .vanyo-hero__grid{max-width:none;padding-inline:max(var(--v-gutter),calc((100% - var(--v-max)) / 2 + var(--v-gutter))) 0}.vanyo-hero--media-full.vanyo-hero--reverse .vanyo-hero__grid{padding-inline:0 max(var(--v-gutter),calc((100% - var(--v-max)) / 2 + var(--v-gutter)))}.vanyo-hero--media-full .vanyo-hero__media{margin-block:calc(-1 * var(--vanyo-hero-pt, 96px)) calc(-1 * var(--vanyo-hero-pb, 96px))}.vanyo-hero--media-full .vanyo-hero__img{border-radius:0}}@media screen and (max-width:1023px){.vanyo-hero--media-large .vanyo-hero__media,.vanyo-hero--media-full .vanyo-hero__media{max-width:none}.vanyo-hero--media-large .vanyo-hero__img,.vanyo-hero--media-full .vanyo-hero__img{min-height:min(var(--vanyo-hero-media-height, 560px),60vh)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/vanyo-hero.css.map */