.hero{--hero-bg: var(--color-surface);--hero-text: var(--color-text);position:relative;background-color:var(--hero-bg);color:var(--hero-text);overflow:hidden}.hero--height-sm{min-height:320px}.hero--height-md{min-height:480px}.hero--height-lg{min-height:640px}.hero--height-xl{min-height:100vh}.hero--image-left,.hero--image-right{display:grid;grid-template-columns:1fr}@media(min-width:768px){.hero--image-left,.hero--image-right{grid-template-columns:1fr 1fr}}.hero--image-left .hero__media{order:1}.hero--image-left .hero__body,.hero--image-right .hero__media{order:2}.hero--image-right .hero__body{order:1}.hero--full-bleed .hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero--full-bleed .hero__body{position:relative;z-index:2;display:flex;align-items:center;min-height:inherit}.hero--full-bleed{--hero-text: var(--color-text-inverse)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1}.hero--text-only{min-height:0}.hero--text-only .hero__body{display:flex;align-items:center;justify-content:center;padding-block:var(--space-5)}.hero--image-only{min-height:0!important;padding-block:var(--space-7);background-color:transparent}.hero--image-only .hero__media{position:relative;z-index:2;display:flex;justify-content:center;width:100%;max-width:720px;margin-inline:auto;padding-inline:var(--layout-gutter)}.hero--image-only .hero__image{position:static;width:100%;height:auto;object-fit:contain;display:block}.hero__media{position:relative;background-color:var(--color-surface-muted);overflow:hidden}.hero--image-left .hero__media,.hero--image-right .hero__media{min-height:320px}@media(min-width:768px){.hero--image-left .hero__media,.hero--image-right .hero__media{min-height:inherit}}.hero__image,.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hero__video{background-color:var(--color-surface-muted)}.hero__body{display:flex;align-items:center;padding-block:var(--space-7)}.hero__inner{display:flex;flex-direction:column;gap:var(--space-4);max-width:60ch}.hero__inner--center{align-items:center;text-align:center;margin-inline:auto}.hero__inner--end{align-items:flex-end;text-align:end;margin-inline-start:auto}.hero__eyebrow{margin:0;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--hero-text);opacity:.8}.hero__heading{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--hero-text)}@media(min-width:768px){.hero__heading{font-size:var(--font-size-4xl)}}.hero--full-bleed .hero__heading,.hero--height-xl .hero__heading{font-size:var(--font-size-display)}@media(max-width:767px){.hero--full-bleed .hero__heading,.hero--height-xl .hero__heading{font-size:var(--font-size-3xl)}}.hero__subheading{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-snug);color:var(--hero-text);opacity:.85}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.hero--has-shapes{background-color:var(--color-bg)}.hero__shapes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero__shape--navy{fill:var(--color-text)}.hero__shape--sand{fill:var(--color-border)}.hero__shape-group{will-change:transform}.hero__shapes-toggle{position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);z-index:3;display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;background-color:transparent;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-family:var(--font-family-heading);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.hero__shapes-toggle:hover,.hero__shapes-toggle:focus-visible{opacity:1;color:var(--color-text);border-color:var(--color-text);outline:none}.hero__shapes-toggle-icon{width:10px;height:10px;fill:currentColor;display:block}.hero__shapes-toggle .hero__shapes-toggle-icon--play,.hero__shapes-toggle[aria-pressed=true] .hero__shapes-toggle-icon--pause{display:none}.hero__shapes-toggle[aria-pressed=true] .hero__shapes-toggle-icon--play{display:block}.hero--has-shapes:has(.hero__shapes-toggle[aria-pressed=true]) .hero__shapes{display:none}@media(max-width:767px){.hero__shapes{opacity:.35}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero.css.map */