.sfh{--sfh-parallax:40px;position:relative;isolation:isolate;overflow:hidden;min-height:665px;display:flex;align-items:center;padding:calc(var(--gh-h,65px) + 32px) 0 32px;background:#d4dbea;color:var(--bc-core,#16264d);font-family:var(--font-body,"Poppins",sans-serif)}.sfh *{box-sizing:border-box}.sfh__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 20%;pointer-events:none;transform:translate3d(0,calc(var(--sfh-scroll,0) * var(--sfh-parallax,40px)),0) scale(calc(1.035 + var(--sfh-scroll,0) * .06));will-change:transform}.sfh__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(440px,48%);margin:0 auto 0 max(4.5%,calc(50% - 625px));padding:48px 28px 28px;border-radius:20px;background:#fff;text-align:left}.sfh__character{position:absolute;top:-55px;right:-35px;width:114px;height:114px;object-fit:contain}.sfh h1{margin:0;color:inherit;font:700 38px/1.1 var(--font-display,"filson-soft",sans-serif);letter-spacing:-.95px;text-wrap:balance}.sfh__description{margin:16px 0 0;color:inherit;font-size:15px;line-height:1.65;text-wrap:pretty}.sfh__actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:20px}.sfh__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;font-size:14px;line-height:1.4;border-radius:999px;transition:background-color .18s ease}.sfh__primary{color:#fff;background:var(--bc-core,#16264d);text-decoration:none;font-weight:600}.sfh__primary:hover{background:var(--midnight,#0a1324)}.sfh__secondary{gap:10px;color:inherit;text-decoration:underline;text-underline-offset:5px;font-weight:500}.sfh__actions .sfh__secondary{min-height:36px;padding-block:5px}.sfh__secondary:hover{background:#ffffff59}.sfh__actions a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.sfh__actions .sfh__primary:focus-visible{outline-color:var(--bc-core,#16264d)}@media(min-width:1700px){.sfh{min-height:720px}}@media(max-width:1100px){.sfh__content{width:min(440px,52%)}}@media(max-width:900px){.sfh{--sfh-parallax:28px;min-height:0;display:block;padding:432px 20px 32px;background:var(--hero-fade,#000)}.sfh__background{top:var(--gh-ann-h,0px);height:calc(460px - var(--gh-ann-h,0px));object-position:100% 50%;opacity:1}.sfh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 250px,rgba(0,0,0,.5) 360px,rgba(0,0,0,.9) 430px,var(--hero-fade,#000) 460px)}.sfh__content{gap:0;width:100%;max-width:520px;margin:0 auto;padding:44px 24px 26px;box-shadow:0 20px 32px -16px #16264d2e}.sfh__character{top:-52px;right:6px;width:96px;height:96px}.sfh h1{font-size:34px;line-height:1.08;letter-spacing:-.85px}.sfh__description{margin-top:14px;font-size:15px;line-height:1.6}.sfh__actions{margin-top:18px}.sfh__actions .sfh__secondary{min-height:44px;padding-block:5px}}@media(max-width:360px){.sfh__content{padding:40px 20px 24px}.sfh h1{font-size:31px}.sfh__character{width:88px;height:88px;top:-48px}}@media(prefers-reduced-motion:reduce){.sfh__actions a{transition:none}}.sfh__background{animation:sfh-background-drift 18s ease-in-out infinite,sfh-bg-enter .9s cubic-bezier(.16,1,.3,1) both;animation-play-state:paused,running}.sfh[data-motion-running=true] .sfh__background{animation-play-state:running,running}@keyframes sfh-background-drift{0%,to{translate:-4px 3px}50%{translate:4px -5px}}@keyframes sfh-bg-enter{0%{opacity:0;scale:1.12}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.sfh__background{animation:none!important;translate:none;scale:none;transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fizzy-science-fruit-hero.css.map */