.wb-hero{position:relative;display:flex;min-height:72vh;min-height:72svh;flex-direction:column;justify-content:center;overflow:hidden;background-color:var(--cream)}.wb-hero__content{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:var(--max-w);padding:120px 16px 56px}.wb-hero__headline{margin:0;max-width:18ch;font-family:var(--font-display);font-size:clamp(52px,9vw,120px);font-weight:450;line-height:.98;letter-spacing:-.02em;color:var(--charcoal)}.wb-hero__line-accent{font-weight:500;color:var(--charcoal)}.wb-hero__sub{margin:24px 0 0;max-width:46ch;font-size:17px;line-height:1.6;color:#201a13c7}.wb-hero__actions{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.wb-hero .wb-hero__cta{display:inline-flex;min-height:56px;align-items:center;gap:10px;border:0;border-radius:0;box-shadow:none;background-color:var(--cta);padding:0 32px;font-size:19px;font-weight:700;color:var(--cream);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.wb-hero .wb-hero__cta:hover{background-color:var(--terra-hover-a);color:var(--cream);box-shadow:none}.wb-hero__cta-arrow{height:20px;width:20px;transition:transform .15s cubic-bezier(.4,0,.2,1)}.wb-hero .wb-hero__cta:hover .wb-hero__cta-arrow{transform:translate(2px)}.wb-hero .wb-hero__browse{display:inline-flex;min-height:56px;align-items:center;border:2px solid rgba(32,26,19,.35);border-radius:0;background-color:transparent;padding:0 28px;font-size:16px;font-weight:600;color:var(--charcoal);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.wb-hero .wb-hero__browse:hover{border-color:var(--charcoal);background-color:#201a130f;color:var(--charcoal)}@media(min-width:768px){.wb-hero{min-height:76vh;min-height:76svh}.wb-hero__content{padding-bottom:80px}.wb-hero__sub{font-size:19px}}@media(prefers-reduced-motion:reduce){.wb-hero .wb-hero__cta,.wb-hero .wb-hero__browse,.wb-hero__cta-arrow{transition:none}.wb-hero .wb-hero__cta:hover .wb-hero__cta-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/wb-hero.css.map */