.spoink-hero{--sh-bg: #fdf2e9;--sh-ink: #0e0a1a;--sh-accent: #5c42ab;--sh-body: #4a4458;--sh-heading-size: 8rem;--sh-media-height: 48rem;--sh-radius: 2.4rem;position:relative;isolation:isolate;display:block;background:var(--sh-bg);color:var(--sh-ink);overflow:hidden}.spoink-hero *,.spoink-hero *:before,.spoink-hero *:after{box-sizing:border-box}.spoink-hero__inner{display:grid;grid-template-columns:minmax(0,1fr)}.spoink-hero__media,.spoink-hero__content{grid-area:1 / 1}.spoink-hero__content{position:relative;z-index:4;align-self:center;justify-self:start;width:100%;max-width:54rem;padding-right:2.4rem;padding-left:2.4rem}@media screen and (min-width:750px){.spoink-hero__content{max-width:72rem;padding-right:4.8rem;padding-left:4.8rem}}.spoink-hero__heading{margin:0;font-style:var(--font-heading-style);font-weight:800;font-size:calc(var(--sh-heading-size) * .62);line-height:.96;letter-spacing:-.02em;word-break:break-word}@media screen and (min-width:750px){.spoink-hero__heading{font-size:min(var(--sh-heading-size),8.5vw)}}@media screen and (min-width:990px){.spoink-hero__heading{font-size:var(--sh-heading-size)}}.spoink-hero--uppercase .spoink-hero__heading{text-transform:uppercase}.spoink-hero__heading-line{display:block}@media screen and (min-width:750px){.spoink-hero__heading-line{white-space:nowrap}}.spoink-hero__heading-line--accent{color:var(--sh-accent)}.spoink-hero__text{margin:2rem 0 0;max-width:36rem;color:var(--sh-body);font-size:1.9rem;font-weight:400;line-height:1.6}.spoink-hero__text>*:first-child{margin-top:0}.spoink-hero__text>*:last-child{margin-bottom:0}.spoink-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.spoink-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:5.2rem;padding:0 2.8rem;border:.1rem solid transparent;border-radius:10rem;font-family:var(--font-body-family);font-size:1.3rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform var(--duration-short, .1s) ease,box-shadow var(--duration-short, .1s) ease,background-color var(--duration-short, .1s) ease,color var(--duration-short, .1s) ease}.spoink-hero__button:hover{transform:translateY(-.2rem);box-shadow:0 .8rem 1.8rem #0e0a1a29}.spoink-hero__button:focus-visible{outline:.2rem solid var(--sh-accent);outline-offset:.3rem}.spoink-hero__button--primary{background:var(--sh-accent);color:var(--sh-button-label, #ffffff)}.spoink-hero__button--secondary{background:var(--sh-button-2-bg, #ffffff);color:var(--sh-button-2-label, #0e0a1a)}.spoink-hero__button-arrow{width:1.4rem;height:1.4rem;flex:0 0 auto;transition:transform var(--duration-short, .1s) ease}.spoink-hero__button:hover .spoink-hero__button-arrow{transform:translate(.3rem)}.spoink-hero__media{position:relative;z-index:1;min-height:var(--sh-media-height)}@media screen and (max-width:749px){.spoink-hero__media{min-height:calc(var(--sh-media-height) * .85)}}.spoink-hero__media-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--sh-radius)}.spoink-hero__media-frame img,.spoink-hero__media-frame svg{display:block;width:100%;height:100%;object-fit:cover}.spoink-hero__media:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:var(--sh-radius);opacity:var(--sh-overlay, .85);background:linear-gradient(to bottom,var(--sh-bg) 0%,var(--sh-bg) 62%,var(--sh-scrim, transparent) 100%);pointer-events:none}@media screen and (min-width:750px){.spoink-hero__media:before{background:linear-gradient(to right,var(--sh-bg) 0%,var(--sh-bg) 30%,var(--sh-scrim, transparent) 72%)}}.spoink-hero--bleed .spoink-hero__media-frame,.spoink-hero--bleed .spoink-hero__media:before{right:calc((100vw - 100%)/-2);left:calc((100vw - 100%)/-2);border-radius:0}.spoink-hero__badge{position:absolute;top:6%;right:4%;z-index:3;display:inline-block;padding:1rem 2rem;border-radius:1.6rem;background:var(--sh-badge-bg, #ffffff);color:var(--sh-badge-text, #e6528f);font-family:var(--font-heading-family);font-weight:800;font-size:2rem;letter-spacing:.02em;text-transform:uppercase;transform:rotate(-6deg);box-shadow:0 .6rem 1.6rem #0e0a1a1a}@media screen and (max-width:749px){.spoink-hero__badge{padding:.6rem 1.4rem;border-radius:1.2rem;font-size:1.4rem}}.spoink-hero__doodle{position:absolute;z-index:3;pointer-events:none}.spoink-hero__doodle--sparkle{top:12%;left:50%;width:4rem}.spoink-hero__doodle--squiggle{top:48%;left:44%;width:6rem}.spoink-hero__doodle--arc{bottom:6%;left:42%;width:9rem}.spoink-hero__doodle--stars{right:4%;bottom:8%;width:12rem}@media screen and (max-width:989px){.spoink-hero__doodle--squiggle,.spoink-hero__doodle--arc{display:none}.spoink-hero__doodle--sparkle{top:auto;bottom:12%;left:8%}.spoink-hero__doodle--stars{width:8rem}}@media screen and (max-width:749px){.spoink-hero__content{display:contents}.spoink-hero__inner{display:flex;flex-direction:column;align-items:stretch}.spoink-hero__heading{order:1;font-size:clamp(2.8rem,9vw,calc(var(--sh-heading-size) * .48))}.spoink-hero__text{order:2;max-width:44rem;margin-top:1.4rem;font-size:1.6rem}.spoink-hero__media{order:3;min-height:0;margin-top:2.4rem;aspect-ratio:1.4}.spoink-hero__media:before{display:none}.spoink-hero--bleed .spoink-hero__media-frame{right:0;left:0;border-radius:var(--sh-radius)}.spoink-hero__badge,.spoink-hero__doodle{display:none}.spoink-hero__buttons{order:4;flex-direction:column;margin-top:2.4rem}.spoink-hero__button{width:100%}}@media(prefers-reduced-motion:reduce){.spoink-hero__button,.spoink-hero__button-arrow{transition:none}.spoink-hero__button:hover,.spoink-hero__button:hover .spoink-hero__button-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-spoink-hero.css.map */