.sj-roast{position:relative;width:100%;background-image:var(--sj-roast-bg);background-size:cover;background-position:center top;overflow:hidden;color:#fff;padding:5rem 1.5rem 2.5rem;min-height:90svh}.sj-roast__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000009e,#0006 28%,#00000085 60%,#000000c7 85%,#000000e0);pointer-events:none}.sj-roast__inner{position:relative;z-index:1;max-width:600px;margin:0 auto;text-align:center}.sj-roast__heading{font-family:var(--heading-font-stack, "Prompt", sans-serif);font-size:clamp(2rem,8.5vw,3rem);font-weight:900;line-height:1.04;color:#fff;margin:0 0 .7rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}.sj-roast__sub1{font-family:var(--main-font-stack, "Inter", sans-serif);font-size:clamp(1rem,4vw,1.1rem);line-height:1.55;color:#ffffffeb;margin:0 0 1.6rem;text-shadow:0 1px 6px rgba(0,0,0,.4)}.sj-roast__graph-wrap{width:100%;margin:0 0 .6rem;margin-top:var(--sj-roast-gap, 0)}.sj-roast__svg{width:100%;height:auto;display:block;overflow:visible}.sj-roast__axis{stroke-dasharray:345;stroke-dashoffset:345}.sj-roast__curve,.sj-roast__curve-shadow{stroke-dasharray:1200;stroke-dashoffset:1200}.sj-roast__fill-green,.sj-roast__fill-brown,.sj-roast__callout-green,.sj-roast__callout-brown,.sj-roast__label-rd,.sj-roast__label-pf,.sj-roast__label-st,.sj-roast__dot-green-outer,.sj-roast__dot-green-mid,.sj-roast__dot-green-core,.sj-roast__dot-brown-outer,.sj-roast__dot-brown-mid,.sj-roast__dot-brown-core,.sj-roast__footer{opacity:0}@keyframes sj-r-draw{to{stroke-dashoffset:0}}@keyframes sj-r-fade{to{opacity:1}}@keyframes sj-r-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes sj-r-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes sj-r-spring-in{0%{opacity:0;transform:translateY(14px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sj-r-bounce-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sj-r-pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.06;transform:scale(2.4)}to{opacity:.3;transform:scale(1)}}.sj-roast--animate .sj-roast__axis{animation:sj-r-draw .35s cubic-bezier(.23,1,.32,1) .06s both}.sj-roast--animate .sj-roast__label-rd{animation:sj-r-bounce-up .42s cubic-bezier(.34,1.56,.64,1) .35s both}.sj-roast--animate .sj-roast__curve-shadow,.sj-roast--animate .sj-roast__curve{animation:sj-r-draw 1.35s cubic-bezier(.23,1,.32,1) .22s both}.sj-roast--animate .sj-roast__fill-green{animation:sj-r-fade .48s cubic-bezier(.23,1,.32,1) 1.12s both}.sj-roast--animate .sj-roast__dot-green-outer{animation:sj-r-pop .5s cubic-bezier(.34,1.56,.64,1) 1.3s both,sj-r-pulse 2.2s ease-in-out 3.2s infinite}.sj-roast--animate .sj-roast__dot-green-mid,.sj-roast--animate .sj-roast__dot-green-core{animation:sj-r-pop .5s cubic-bezier(.34,1.56,.64,1) 1.3s both}.sj-roast--animate .sj-roast__callout-green{animation:sj-r-spring-in .6s cubic-bezier(.34,1.56,.64,1) 1.46s both}.sj-roast--animate .sj-roast__label-pf{animation:sj-r-bounce-up .42s cubic-bezier(.34,1.56,.64,1) 1.3s both}.sj-roast--animate .sj-roast__fill-brown{animation:sj-r-fade .48s cubic-bezier(.23,1,.32,1) 1.68s both}.sj-roast--animate .sj-roast__dot-brown-outer,.sj-roast--animate .sj-roast__dot-brown-mid,.sj-roast--animate .sj-roast__dot-brown-core{animation:sj-r-pop .5s cubic-bezier(.34,1.56,.64,1) 1.88s both}.sj-roast--animate .sj-roast__callout-brown{animation:sj-r-spring-in .6s cubic-bezier(.34,1.56,.64,1) 2.04s both}.sj-roast--animate .sj-roast__label-st{animation:sj-r-bounce-up .42s cubic-bezier(.34,1.56,.64,1) 1.96s both}.sj-roast--animate .sj-roast__footer{animation:sj-r-fade .7s cubic-bezier(.23,1,.32,1) 2.3s both}.sj-roast__dot-green-outer,.sj-roast__dot-green-mid,.sj-roast__dot-green-core,.sj-roast__dot-brown-outer,.sj-roast__dot-brown-mid,.sj-roast__dot-brown-core,.sj-roast__callout-green,.sj-roast__callout-brown,.sj-roast__label-rd,.sj-roast__label-pf,.sj-roast__label-st{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:reduce){.sj-roast__axis,.sj-roast__curve,.sj-roast__curve-shadow{stroke-dashoffset:0!important;animation:none!important}.sj-roast__fill-green,.sj-roast__fill-brown,.sj-roast__callout-green,.sj-roast__callout-brown,.sj-roast__label-rd,.sj-roast__label-pf,.sj-roast__label-st,.sj-roast__dot-green-outer,.sj-roast__dot-green-mid,.sj-roast__dot-green-core,.sj-roast__dot-brown-outer,.sj-roast__dot-brown-mid,.sj-roast__dot-brown-core,.sj-roast__footer{opacity:1!important;animation:none!important;transform:none!important}}.sj-roast__sub2{font-family:var(--main-font-stack, "Inter", sans-serif);font-size:clamp(.95rem,3.8vw,1.05rem);line-height:1.6;color:#ffffffe6;margin:0 0 1.4rem}.sj-roast__cta{display:inline-block;text-align:center;padding:1rem 2rem;border-radius:999px;background:#fff;color:#111;font-family:var(--heading-font-stack, "Prompt", sans-serif);font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:opacity .15s ease,transform .15s ease}.sj-roast__cta:hover{opacity:.88}.sj-roast__cta:active{transform:scale(.97);transition:transform .1s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.sj-roast__cta:hover{transform:translateY(-1px)}}.sj-roast__cols{position:relative;z-index:1;width:100%}.sj-roast__img-col{display:none}@media(min-width:768px){.sj-roast{background-image:none;background:var(--sj-roast-desktop-bg, #0a0a0a);padding:3rem clamp(1rem,2vw,2.5rem);min-height:auto}.sj-roast__overlay{display:none}.sj-roast__cols{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1560px;margin:0 auto;align-items:center}.sj-roast__img-col{display:block;background-image:var(--sj-roast-bg-desktop, var(--sj-roast-bg));background-size:cover;background-position:center;border-radius:16px;overflow:hidden;align-self:stretch}.sj-roast__inner{background:transparent;padding:0;max-width:none;margin:0;display:flex;flex-direction:column;justify-content:center;gap:0;text-align:left}.sj-roast__heading{font-size:clamp(2rem,2.8vw,3rem)}.sj-roast__graph-wrap{max-width:700px;margin-top:0}.sj-roast__sub1{margin-bottom:1.2rem}.sj-roast__cta{display:inline-block;width:auto}.sj-roast__label-rd,.sj-roast__label-pf,.sj-roast__label-st{font-size:10px}.sj-roast__ct-hd{font-size:11px}.sj-roast__ct-sb{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sj-roast.css.map */