.sm-hero{--sm-hero-fg: var(--sm-text);--sm-hero-ridge: var(--sm-navy);position:relative;overflow:hidden;background:var(--sm-hero-bg);color:var(--sm-hero-fg);padding-bottom:clamp(56px,9vw,120px)}.sm-hero__inner{position:relative;z-index:1;max-width:1440px;margin-inline:auto;padding:24px 20px 0;display:grid;gap:16px}.sm-hero__content{display:flex;flex-direction:column;gap:14px}.sm-hero__note{margin:0;font-family:var(--sm-type-script-family);font-weight:var(--sm-type-script-weight);font-size:var(--sm-type-script-size);line-height:1.05;color:var(--sm-berry);transform:rotate(-3deg);transform-origin:left center}.sm-hero__heading{margin:0;font-family:var(--sm-type-hero-family);font-weight:var(--sm-type-hero-weight);font-size:var(--sm-type-hero-size);line-height:var(--sm-type-hero-leading);letter-spacing:0;color:inherit;text-wrap:balance}.sm-hero__text{max-width:34rem;font-size:clamp(1.125rem,1rem + .4vw,1.3125rem);line-height:1.6}.sm-hero__text>*{margin:0}.sm-hero__text a{color:inherit}.sm-hero__buttons{display:flex;flex-direction:column;gap:12px;margin-top:6px}.sm-hero .sm-hero__button{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:60px;padding:0 28px;font-family:var(--sm-type-button-family);font-weight:var(--sm-type-button-weight);font-size:1.1875rem;line-height:1.2;border-radius:var(--sm-radius-pill)}.sm-hero .sm-hero__button--primary{justify-content:space-between;padding:6px 6px 6px 28px}.sm-hero .sm-hero__button--secondary{--button-border-width: 3px}.sm-hero__button-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--sm-white);color:var(--sm-navy)}.sm-hero a:focus-visible{outline:3px solid var(--sm-focus);outline-offset:3px}.sm-hero__art{position:relative;width:100%;max-width:520px;margin-inline:auto;aspect-ratio:390 / 260}.sm-hero__art--image{aspect-ratio:auto}.sm-hero__image{display:block;width:100%;height:auto;border-radius:var(--sm-radius-card)}.sm-hero__blob{position:absolute;left:-4%;top:2%;width:108%;height:96%;fill:var(--sm-hero-blob)}.sm-hero__sock{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:rotate(var(--r))}.sm-hero__sock svg{display:block;width:100%;height:auto}.sm-hero__sock--a{--x: 6%;--y: 28%;--w: 22%;--r: -14deg}.sm-hero__sock--b{--x: 39%;--y: 20%;--w: 22%;--r: 10deg}.sm-hero__sock--c{--x: 72%;--y: 30%;--w: 22%;--r: 16deg}.sm-hero__sock--d{display:none;--r: -10deg}.sm-hero__sparkle{position:absolute;width:var(--s);height:var(--s);left:var(--x);top:var(--y)}.sm-hero__sparkle--1{--x: 90%;--y: 4%;--s: 26px;fill:var(--sm-hero-sparkle-1, var(--sm-sky))}.sm-hero__sparkle--2{--x: 2%;--y: 6%;--s: 22px;fill:var(--sm-coral)}.sm-hero__sparkle--3{--x: 31%;--y: 4%;--s: 20px;fill:var(--sm-mint)}.sm-hero__sparkle--4{display:none;fill:var(--sm-coral)}.sm-hero__ridges{position:absolute;left:0;bottom:-1px;z-index:0;width:100%;height:clamp(100px,15vw,210px)}.sm-hero__ridge-1{fill:var(--sm-hero-ridge-1, var(--sm-coral-tint))}.sm-hero__ridge-2{fill:var(--sm-hero-ridge-2, var(--sm-sky-tint))}.sm-hero__ridge-3{fill:var(--sm-hero-ridge-3, var(--sm-sky))}.sm-hero__ridge-front{fill:var(--sm-hero-ridge)}@media screen and (min-width:750px){.sm-hero__inner{padding:32px 40px 0}.sm-hero__buttons{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.sm-hero .sm-hero__button{width:auto}}@media screen and (min-width:990px){.sm-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px 80px 0;min-height:540px}.sm-hero__content{gap:20px}.sm-hero__note{transform:rotate(-4deg)}.sm-hero__art{max-width:640px;aspect-ratio:700 / 620}.sm-hero__blob{left:0;top:0;width:100%;height:100%}.sm-hero__sock--a{--x: 13%;--y: 8%;--w: 24%;--r: -14deg}.sm-hero__sock--b{--x: 61%;--y: 7%;--w: 24%;--r: 12deg}.sm-hero__sock--c{--x: 15%;--y: 56%;--w: 24%;--r: 14deg}.sm-hero__sock--d{display:block;--x: 62%;--y: 55%;--w: 24%;--r: -10deg}.sm-hero__sparkle--1{--x: 46%;--y: 4%;--s: 36px}.sm-hero__sparkle--2{--x: 3%;--y: 46%;--s: 28px}.sm-hero__sparkle--3{--x: 47%;--y: 52%;--s: 30px}.sm-hero__sparkle--4{display:block;--x: 90%;--y: 44%;--s: 26px}}@keyframes sm-bob{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(var(--bob-y, -10px)) rotate(calc(var(--r) + var(--bob-r, 3deg)))}}@keyframes sm-twinkle{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:no-preference){.sm-hero--animate .sm-hero__sock{animation:sm-bob var(--bob-t, 7s) ease-in-out infinite}.sm-hero--animate .sm-hero__sock--a{--bob-y: -10px;--bob-r: 3deg;--bob-t: 7s}.sm-hero--animate .sm-hero__sock--b{--bob-y: -8px;--bob-r: 3deg;--bob-t: 8s}.sm-hero--animate .sm-hero__sock--c{--bob-y: -10px;--bob-r: -3deg;--bob-t: 9s}.sm-hero--animate .sm-hero__sock--d{--bob-y: -8px;--bob-r: -3deg;--bob-t: 6.5s}.sm-hero--animate .sm-hero__sparkle{animation:sm-twinkle 3s ease-in-out infinite}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sm-hero.css.map */