@property --amp{syntax: "<number>"; inherits: true; initial-value: 0;}.sh{--sh-stage-h: calc(100vh - var(--header-height, 0px));--needle-dx: 23;--needle-dy: -23;--thread-drop: 12;--pile-drop: 6;--charm-drop: 8;display:block;position:relative;isolation:isolate;background-color:var(--sh-bg)}@supports (height: 100svh){.sh{--sh-stage-h: calc(100svh - var(--header-height, 0px))}}.sh[data-animated]{height:calc(var(--sh-stage-h) + 200vh)}@supports (height: 100svh){.sh[data-animated]{height:calc(var(--sh-stage-h) + 200svh)}}.sh__stage{position:relative;height:var(--sh-stage-h);min-height:320px;overflow:clip}.sh[data-animated] .sh__stage{position:sticky;top:var(--sh-top, var(--header-height, 0px))}body:has(.header[transparent]) .content-for-layout>.shopify-section:first-child .sh:not([data-animated]){padding-top:var(--header-group-height, 0px)}.sh__frame{position:relative;width:min(100%,2000px);height:100%;margin-left:auto;container:sh-frame / size}.sh__scene{--u: min(calc(100cqw / 390), 1.35px);--scene-left: calc(100cqw - 390 * var(--u));position:absolute;top:0;right:0;bottom:0;left:0}.sh__art{--full-top: -56;--full-w: 390;--full-h: 844;position:absolute;top:0;right:0;width:calc(390 * var(--u));height:calc(788 * var(--u));pointer-events:none}.sh .sh-full{position:absolute;left:0;top:calc(var(--full-top) * var(--u));width:calc(var(--full-w) * var(--u));height:calc(var(--full-h) * var(--u))}.sh .sh-full img,.sh .sh-thread img{display:block;width:100%;height:100%;max-width:none}.sh__flow{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;pointer-events:none}.sh__copy{position:relative;z-index:3;box-sizing:content-box;max-width:calc(280 * var(--u));margin-left:calc(var(--scene-left) + 46 * var(--u));padding-top:calc(54 * var(--u));padding-bottom:24px;pointer-events:auto}.sh .sh__heading{margin:0;color:var(--sh-heading-color);font-family:var(--sh-heading-family);font-weight:var(--sh-heading-weight);font-style:var(--sh-heading-style);font-size:min(var(--sh-heading-size-m),11cqw,12cqh);line-height:1.05;letter-spacing:-.03em;text-transform:none;overflow-wrap:break-word}.sh .sh__description{margin:16px 0 0;color:var(--sh-description-color);font-family:var(--sh-description-family);font-weight:var(--sh-description-weight);font-style:var(--sh-description-style);font-size:max(13px,min(var(--sh-description-size-m),5cqh));line-height:1.45;overflow-wrap:break-word}.sh .sh__cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:48px;margin-top:24px;padding:10px 28px;border-radius:999px;background-color:var(--sh-cta-bg);color:var(--sh-cta-color);font-family:var(--sh-cta-family);font-weight:var(--sh-cta-weight);font-style:var(--sh-cta-style);font-size:var(--sh-cta-size-m);line-height:1.25;text-align:center;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sh .sh__cta:hover{background-color:var(--sh-cta-bg-hover);color:var(--sh-cta-color-hover)}.sh .sh__cta:focus-visible{outline:2px solid var(--sh-focus);outline-offset:3px;background-color:var(--sh-cta-bg-hover);color:var(--sh-cta-color-hover)}.sh__objects{--full-top: -416;--full-w: 390;--full-h: 844;position:relative;flex:none;width:calc(390 * var(--u));height:calc(428 * var(--u));margin-top:auto;margin-left:var(--scene-left);pointer-events:none}.sh .sh-thread{position:absolute;left:calc(150 * var(--u));top:calc(16 * var(--u));width:calc(292 * var(--u));height:calc(238 * var(--u))}.sh-charm{--amp: 0;position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));rotate:var(--rest, 0deg);transition:--amp 1.4s ease-in-out}.sh-charm--1{--x: 96;--y: 16;--w: 52;--h: 112;--phase: 0s}.sh-charm--2{--x: 66;--y: 260;--w: 63;--h: 107;--rest: 6deg;--phase: -1.4s}.sh-charm--3{display:none;--phase: -2.8s}.sh-charm[data-clipped]{display:none}.sh-charm__reveal,.sh-charm__float{position:absolute;top:0;right:0;bottom:0;left:0}.sh .sh-charm img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 0%;filter:drop-shadow(1px 3px 3px rgba(75,41,47,.22))}.sh[data-animated] [data-hero-layer]{--t: 0}.sh-needle{opacity:var(--t, 1);transform:translate(calc((1 - var(--t, 1)) * var(--needle-dx) * var(--u)),calc((1 - var(--t, 1)) * var(--needle-dy) * var(--u)))}.sh-thread{opacity:var(--t, 1);transform:translateY(calc((var(--t, 1) - 1) * var(--thread-drop) * var(--u)))}.sh-pile,.sh-loose{opacity:var(--t, 1);transform:translateY(calc((var(--t, 1) - 1) * var(--pile-drop) * var(--u))) scale(calc(.96 + .04 * var(--t, 1)));transform-origin:var(--origin, 50% 50%)}.sh-pile--red{--origin: 95% 16%}.sh-pile--lime{--origin: 95% 30%}.sh-pile--pink{--origin: 95% 43%}.sh-loose{--origin: 20% 72%}.sh-charm__reveal{opacity:var(--t, 1);transform:translateY(calc((var(--t, 1) - 1) * var(--charm-drop) * var(--u))) rotate(calc((1 - var(--t, 1)) * -12deg))}.sh[data-animated] .sh-charm__float{transform-origin:50% 3%;animation:sh-sway 4.2s ease-in-out var(--phase, 0s) infinite}.sh-charm.is-landed{--amp: 1}.sh[data-paused] .sh-charm__float,.sh[data-offscreen] .sh-charm__float,.sh[data-tab-hidden] .sh-charm__float{animation-play-state:paused}@keyframes sh-sway{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(calc(var(--amp) * -3px)) rotate(calc(var(--amp) * 3deg))}75%{transform:translateY(calc(var(--amp) * 3px)) rotate(calc(var(--amp) * -3deg))}}.sh .sh__motion-toggle{position:absolute;right:12px;bottom:12px;z-index:4;display:none;align-items:center;gap:6px;min-height:32px;margin:0;padding:6px 12px;border:1px solid currentColor;border-radius:999px;background-color:color-mix(in srgb,var(--sh-bg) 88%,transparent);color:var(--sh-heading-color);font-family:var(--sh-description-family);font-size:12px;line-height:1;cursor:pointer;pointer-events:auto}.sh[data-animated][data-floating] .sh__motion-toggle{display:inline-flex}.sh .sh__motion-toggle:focus-visible{outline:2px solid var(--sh-focus);outline-offset:2px}.sh .sh__icon-play,.sh[data-paused] .sh__icon-pause{display:none}.sh[data-paused] .sh__icon-play{display:block}@media(min-aspect-ratio:11/10){.sh{--needle-dx: 34;--needle-dy: -34;--thread-drop: 16;--pile-drop: 8;--charm-drop: 12}.sh__scene{--u: min(calc(100cqw / 1440), calc(100cqh / 828));--scene-left: calc(100cqw - 1440 * var(--u))}.sh__art{--full-top: -72;--full-w: 1440;--full-h: 900;top:auto;bottom:0;width:calc(1440 * var(--u));height:calc(828 * var(--u))}.sh__flow{justify-content:center}.sh__copy{max-width:calc(530 * var(--u));margin-left:calc(var(--scene-left) + 80 * var(--u));padding-top:0;padding-bottom:0}.sh .sh__heading{font-size:min(var(--sh-heading-size-m),11cqh)}.sh__objects{--full-top: -72;--full-w: 1440;--full-h: 900;position:absolute;right:0;bottom:0;width:calc(1440 * var(--u));height:calc(828 * var(--u));margin:0}.sh .sh-thread{left:calc(1150 * var(--u));top:calc(343 * var(--u));width:calc(467 * var(--u));height:calc(381 * var(--u))}.sh-charm--1{--x: 880;--y: 348;--w: 72;--h: 155}.sh-charm--2{--x: 735;--y: 476;--w: 87;--h: 148;--rest: 8deg}.sh-charm--3{display:block;--x: 1012;--y: 650;--w: 88;--h: 147;--rest: -9deg}.sh .sh-charm img{filter:drop-shadow(1px 4px 4px rgba(75,41,47,.22))}.sh-pile--red{--origin: 53% 24%}.sh-pile--lime{--origin: 68% 24%}.sh-pile--pink{--origin: 83% 24%}.sh-loose{--origin: 67% 73%}.sh .sh__motion-toggle{right:24px;bottom:20px}}@media(min-aspect-ratio:11/10)and (min-width:990px)and (min-height:560px){.sh .sh__heading{font-size:min(var(--sh-heading-size-d),6cqw,11cqh);line-height:1.02;letter-spacing:-.035em}.sh .sh__description{margin-top:28px;font-size:var(--sh-description-size-d)}.sh .sh__cta{min-height:56px;margin-top:36px;padding-inline:32px;font-size:var(--sh-cta-size-d)}}@media(prefers-reduced-motion:reduce){.sh .sh-charm__float{animation:none}.sh .sh__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sultana-scroll-hero.css.map */