.sh{--sh-top:0px;--sh-run:112vh;position:relative;background:var(--night);color:var(--cream);height:calc(100vh - var(--sh-top) + var(--sh-run));height:calc(100svh - var(--sh-top) + var(--sh-run))}.sh-stage{position:sticky;top:var(--sh-top);height:calc(100vh - var(--sh-top));height:calc(100svh - var(--sh-top));min-height:520px;overflow:hidden;isolation:isolate}.sh-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(42% 46% at var(--gx,72%) var(--gy,58%),rgba(255,122,182,.2),rgba(255,122,182,0) 70%),radial-gradient(60% 60% at var(--gx,72%) var(--gy,58%),rgba(157,107,255,.26),rgba(157,107,255,0) 72%),radial-gradient(90% 60% at 50% 120%,#ffb53d29,#ffb53d00 60%),linear-gradient(180deg,#0c0718,#140c26 55%,#1d1236)}.sh-sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#fff5e8 50%,transparent 51%),radial-gradient(1px 1px at 28% 72%,#fff5e8 50%,transparent 51%),radial-gradient(1.2px 1.2px at 46% 12%,#fff5e8 50%,transparent 51%),radial-gradient(1px 1px at 63% 30%,#fff5e8 50%,transparent 51%),radial-gradient(1.6px 1.6px at 84% 14%,#fff5e8 50%,transparent 51%),radial-gradient(1px 1px at 92% 64%,#fff5e8 50%,transparent 51%),radial-gradient(1.2px 1.2px at 6% 86%,#fff5e8 50%,transparent 51%),radial-gradient(1px 1px at 38% 44%,#fff5e8 50%,transparent 51%)}.sh-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none;overflow:hidden}.no-js .sh-art,.sh-art:not(.is-ready){visibility:hidden}.sh-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.sh-sweep{transform:translate(-900px)}.sh-art.is-ready .sh-sweep{animation:sh-sweep 7s 1.1s cubic-bezier(.45,0,.2,1) infinite}@keyframes sh-sweep{0%{transform:translate(-900px)}22%,to{transform:translate(900px)}}.sh-glint{transform-box:fill-box;transform-origin:center;transform:scale(0) rotate(0)}.sh-art.is-ready .sh-glint{animation:sh-glint 7s 1.5s ease-in-out infinite}@keyframes sh-glint{0%{transform:scale(0) rotate(0)}5%{transform:scale(1) rotate(45deg)}11%,to{transform:scale(0) rotate(90deg)}}.sh-glints rect{animation:sh-shimmer 3.2s ease-in-out infinite}.sh-glints rect:nth-child(2n){animation-delay:-1.1s}.sh-glints rect:nth-child(3n){animation-delay:-2.3s}@keyframes sh-shimmer{50%{opacity:.15}}.sh-intro{position:relative;z-index:3;height:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,60px);align-items:center;padding:24px 0 56px;will-change:transform,opacity}.sh-copy{max-width:560px}.sh-slot{aspect-ratio:1040/420;width:100%;align-self:center}.sh-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12.5px/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--sun-hi);padding:9px 15px;border-radius:999px;background:#ffb53d14;border:1px solid rgba(255,181,61,.3)}.sh-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 #ff5b4599;animation:sh-ping 2.4s infinite;flex:none}@keyframes sh-ping{70%{box-shadow:0 0 0 9px #ff5b4500}to{box-shadow:0 0 #ff5b4500}}.sh-title{font:800 clamp(40px,5.1vw,78px)/.98 var(--display);letter-spacing:-.035em;margin:22px 0 20px;color:var(--cream);text-wrap:balance}.sh-title em,.sh-offer__big em{font-style:normal;background:linear-gradient(100deg,var(--sun-hi) 0%,var(--sun) 35%,var(--coral) 72%,#ff7ab6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sh-lede{font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;color:#fff5e8bd;max-width:470px;margin:0 0 30px}.sh-ctas{display:flex;flex-wrap:wrap;gap:12px}.sh .sh-eyebrow,.sh .sh-lede,.sh .sh-ctas{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.sh .sh-lede{transition-delay:.45s}.sh .sh-ctas{transition-delay:.6s}.sh .sh-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.sh .sh-title .w>span{display:inline-block;transform:translateY(108%);transition:transform .9s var(--ease);transition-delay:calc(var(--i) * 80ms + .15s)}.sh.is-in .sh-eyebrow,.sh.is-in .sh-lede,.sh.is-in .sh-ctas{opacity:1;transform:none}.sh.is-in .sh-title .w>span{transform:none}.no-js .sh .sh-eyebrow,.no-js .sh .sh-lede,.no-js .sh .sh-ctas{opacity:1;transform:none}.sh-offer{position:absolute;z-index:3;left:0;right:0;top:20%;text-align:left;opacity:0;visibility:hidden;will-change:transform,opacity;display:flex;flex-direction:column;align-items:flex-start}.sh-offer.is-on{visibility:visible}.sh-offer__kicker{font:700 13px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--sun-hi);margin:0 0 18px}.sh-offer__big{max-width:min(48vw,640px);font:800 clamp(40px,4.7vw,80px)/.98 var(--display);letter-spacing:-.04em;margin:0 0 18px;text-shadow:0 10px 50px rgba(20,12,38,.55);text-wrap:balance}.sh-offer__big em{text-shadow:none;filter:drop-shadow(0 6px 24px rgba(255,91,69,.35))}.sh-offer__text{font-size:clamp(15.5px,1.2vw,18px);color:#fff5e8d9;max-width:440px;margin:0 0 26px;text-shadow:0 2px 16px rgba(20,12,38,.7)}.sh-cue{position:absolute;z-index:3;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:600 10.5px/1 var(--body);letter-spacing:.3em;text-transform:uppercase;color:#fff5e88c;transition:opacity .4s}.sh-cue i{width:22px;height:34px;border:1.5px solid rgba(255,245,232,.4);border-radius:12px;position:relative}.sh-cue i:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--sun);animation:sh-cue 1.8s infinite}@keyframes sh-cue{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}80%,to{opacity:0;transform:translateY(9px)}}@media(max-width:899px),(max-aspect-ratio:4/5){.sh{--sh-run:90vh}.sh-intro{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:0;padding:clamp(22px,5vh,48px) 0 54px}.sh-copy{max-width:640px}.sh-title{font-size:clamp(38px,11.4vw,72px);margin:18px 0 14px}.sh-lede{margin-bottom:22px}.sh-slot{width:min(calc(100% + 20px),600px);justify-self:center}.sh-offer{top:11%;text-align:center;align-items:center}.sh-offer__big{max-width:none;font-size:clamp(40px,12.5vw,84px)}}@media(max-width:899px)and (max-height:700px),(max-width:380px){.sh-lede{display:none}.sh-title{font-size:clamp(34px,10.4vw,56px)}}@media(max-width:520px){.sh-ctas .btn{padding:15px 20px;font-size:14.5px}.sh-eyebrow{font-size:11px;padding:8px 13px}.sh-cue{display:none}}.no-js .sh,.sh.is-static{height:auto}.no-js .sh-stage,.sh.is-static .sh-stage{position:relative;top:0;height:auto;min-height:0}.no-js .sh-intro,.sh.is-static .sh-intro{height:auto;min-height:calc(100svh - var(--sh-top) - 120px)}.no-js .sh-offer,.sh.is-static .sh-offer{position:relative;top:auto;opacity:1;visibility:visible;padding:20px 0 70px}.no-js .sh-cue,.sh.is-static .sh-cue{display:none}.no-js .sh-offer__big,.sh.is-static .sh-offer__big{font-size:clamp(34px,6vw,64px)}@media(prefers-reduced-motion:reduce){.sh-art .sh-sweep,.sh-art .sh-glint,.sh-glints rect,.sh-eyebrow i,.sh-cue i:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shades-hero.css.map */