.sonioro-s.so-g-hero{--g-ann:var(--g-annh,30px);--g-fb:max(72px, calc(3cqw + 20px) );padding:0;background:var(--g-night);color:var(--g-cream)}.sonioro-s.so-g-hero[data-ovl]{margin-top:calc(var(--g-ann) - var(--so-head-h,186px))}.sonioro-s.so-g-hero .g-hero-el{display:block;position:relative}.sonioro-s.so-g-hero .g-hero-stage{--g-rr:0px;position:relative;height:calc(100svh - var(--g-ann) - var(--g-rr));overflow:hidden;isolation:isolate}@supports not (height:100svh){.sonioro-s.so-g-hero .g-hero-stage{height:calc(100vh - var(--g-ann) - var(--g-rr))}}@media(orientation:portrait){.sonioro-s.so-g-hero .g-hero-stage{--g-rr:46px}}@container so (min-width:900px){.sonioro-s.so-g-hero .g-hero-stage{--g-rr:0px}}.sonioro-s.so-g-hero .g-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--g-night)}.sonioro-s.so-g-hero .g-hero-zoom{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 45%;transition:transform 1.6s var(--g-out)}.sonioro-s.so-g-hero .g-hero-zoom :is(img,video,so-video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sonioro-s.so-g-hero .g-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(26,22,19,calc(var(--g-scrim,.45)*1.6)) 0,rgba(26,22,19,calc(var(--g-scrim,.45)*1.3)) 110px,rgba(26,22,19,calc(var(--g-scrim,.45)*.55)) 200px,#1a161300 330px),linear-gradient(0deg,rgba(26,22,19,calc(var(--g-scrim,.45) + .1)) 0,#1a161300 52%),linear-gradient(90deg,rgba(26,22,19,calc(var(--g-scrim,.45)*.9)) 0,#1a161300 62%)}.sonioro-s.so-g-hero .g-hero-py .g-hero-zoom :is(img,video){object-position:50% var(--g-hy,50%)!important}.sonioro-s.so-g-hero .g-hero-a{position:absolute;left:0;right:0;bottom:136px;padding-inline:var(--so-gut)}.sonioro-s.so-g-hero .g-hero-a-in{max-width:min(760px,100%,58vw)}.sonioro-s.so-g-hero .g-hero-kick{color:var(--g-cream);margin-bottom:18px}.sonioro-s.so-g-hero .g-hero-kick:before{box-shadow:0 0 0 1px var(--g-cream)}.sonioro-s.so-g-hero .g-hero-h{font:400 calc(clamp(44px,min(12cqw,11.5svh),118px)*var(--g-dfs,1))/.92 var(--g-d);letter-spacing:-.03em;color:var(--g-cream);text-wrap:balance}.sonioro-s.so-g-hero .g-hero-h em{position:relative;z-index:0;display:inline;white-space:nowrap;font-style:italic;color:var(--g-ink);padding:0 .12em .02em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.sonioro-s.so-g-hero .g-hero-h em:after{content:"";position:absolute;z-index:-1;top:.14em;right:0;bottom:.06em;left:0;border-radius:.12em;background:var(--g-green);transform-origin:0 50%;transform:scaleX(var(--g-em,1));transition:transform 1.1s var(--g-out) .45s}.sonioro-s.so-g-hero .g-hero-cta{margin-top:30px}@container so (min-width:900px){.sonioro-s.so-g-hero .g-hero-h{font-size:calc(clamp(56px,min(6.8cqw,11.5svh),118px)*var(--g-dfs,1))}.sonioro-s.so-g-hero .g-hero-a{bottom:calc(var(--g-fb) + 92px)}.sonioro-s.so-g-hero .g-hero-cta{margin-top:36px}}.sonioro-s.so-g-hero .g-hero-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sonioro-s.so-g-hero .g-hero-line{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sonioro-s.so-g-hero .g-hero-lv{position:absolute;left:var(--so-gut);right:var(--so-gut);top:0;max-width:min(15ch,58vw);margin:0;font:italic 400 calc(clamp(36px,min(8.6cqw,8svh),74px)*var(--g-dfs,1))/1.02 var(--g-d);letter-spacing:-.02em;color:var(--g-cream);text-wrap:balance;text-shadow:0 1px 14px rgba(26,22,19,.45);opacity:0}.sonioro-s.so-g-hero .g-hero-lv em{position:relative;z-index:0;font-style:normal;color:var(--g-ink);padding:0 .1em;text-shadow:none}.sonioro-s.so-g-hero .g-hero-lv em:after{content:"";position:absolute;z-index:-1;top:.12em;right:0;bottom:.04em;left:0;border-radius:.1em;background:var(--g-pink)}.sonioro-s.so-g-hero .g-hero-foot{position:absolute;left:var(--so-gut);right:max(var(--so-gut),60px);bottom:56px;display:flex;align-items:center;gap:14px;min-height:52px}@container so (min-width:600px){.sonioro-s.so-g-hero .g-hero-foot{right:max(var(--so-gut),76px)}}@container so (min-width:900px){.sonioro-s.so-g-hero .g-hero-foot{right:var(--so-gut);bottom:var(--g-fb);gap:18px}}.sonioro-s.so-g-hero .g-hero-vb{position:relative;display:grid;place-items:center;flex:none;width:52px;height:52px;padding:5px;border-radius:50%;border:1.5px solid var(--g-cream);background:var(--g-cream) content-box;color:var(--g-ink);cursor:pointer;box-shadow:0 8px 20px -10px #1a1613b3;transition:background-color .25s}.sonioro-s.so-g-hero .g-hero-vb:hover{background-color:#fff}.sonioro-s.so-g-hero .g-hero-vb svg{grid-area:1/1;width:16px;height:16px;fill:currentColor}.sonioro-s.so-g-hero .g-hero-vb-s,.sonioro-s.so-g-hero .g-hero-vb[aria-pressed=true] .g-hero-vb-p{display:none}.sonioro-s.so-g-hero .g-hero-vb[aria-pressed=true] .g-hero-vb-s{display:block}.sonioro-s.so-g-hero .g-hero-el:not(:defined) .g-hero-vb{visibility:hidden}.sonioro-s.so-g-hero .g-hero-mt--sm .so-mt{position:relative;width:44px;height:44px;margin-left:auto;border:0;background:none;color:var(--g-cream)}.sonioro-s.so-g-hero .g-hero-mt--sm .so-mt:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1.5px solid var(--g-cream);background:#1a16136b}.sonioro-s.so-g-hero .g-hero-mt--sm .so-mt svg{position:relative;width:12px;height:12px}.sonioro-s.so-g-hero .g-hero-chips{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;min-width:0}.sonioro-s.so-g-hero .g-hero-chip{display:inline-flex;align-items:center;gap:8px;font:600 11px/1.2 var(--g-t);letter-spacing:.12em;text-transform:uppercase;color:var(--g-cream)}.sonioro-s.so-g-hero .g-hero-ci{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;color:var(--g-cream)}.sonioro-s.so-g-hero .g-hero-chip:nth-child(n+3){display:none}@container so (min-width:600px){.sonioro-s.so-g-hero .g-hero-chip:nth-child(n+3){display:inline-flex}}@container so (max-width:359px){.sonioro-s.so-g-hero .g-hero-chip:nth-child(n+2){display:none}}.sonioro-s.so-g-hero .g-hero-scroll{display:none;margin-left:auto;align-items:center;gap:12px;font:600 10px/1 var(--g-t);letter-spacing:.2em;text-transform:uppercase;color:var(--g-cream)}.sonioro-s.so-g-hero .g-hero-scroll i{position:relative;display:block;width:72px;height:1px;background:#fffbee73;overflow:hidden}.sonioro-s.so-g-hero .g-hero-scroll i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--g-cream);transform:translate(-100%);animation:g-hero-cue 2.4s var(--g-io) infinite}@container so (min-width:900px){.sonioro-s.so-g-hero .g-hero-scroll{display:inline-flex;margin-right:6px}.sonioro-s.so-g-hero .g-hero-mt--sm .so-mt{margin-left:0}}@keyframes g-hero-cue{0%{transform:translate(-100%)}55%{transform:translate(0)}to{transform:translate(100%)}}.sonioro-s.so-g-hero .g-hero-spark{display:none;position:absolute;right:calc(var(--so-gut) + 8px);bottom:140px;width:40px;height:40px;fill:var(--g-cream);opacity:.85;animation:g-hero-spin 14s linear infinite}@container so (min-width:900px){.sonioro-s.so-g-hero .g-hero-spark{display:block}}@keyframes g-hero-spin{to{transform:rotate(360deg)}}body.template-index:not(.so-g-loops) .sonioro-s.so-g-hero .g-hero-spark,body.template-index:not(.so-g-loops) .sonioro-s.so-g-hero .g-hero-scroll i:after,body.so-motion-paused .sonioro-s.so-g-hero .g-hero-scroll i:after,.sonioro-s.so-g-hero.is-off .g-hero-spark,.sonioro-s.so-g-hero.is-off .g-hero-scroll i:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.sonioro-s.so-g-hero .g-hero-spark,.sonioro-s.so-g-hero .g-hero-scroll i:after{animation:none}}.sonioro-s.so-g-hero .g-hero-sent{position:absolute;left:0;bottom:calc(var(--g-ann) + 150px);width:1px;height:1px;pointer-events:none}.sonioro-s.so-g-hero :is(.g-hero-kick,.g-hero-chip,.g-hero-scroll){text-shadow:0 1px 10px rgba(26,22,19,.7),0 0 2px rgba(26,22,19,.5)}html.so-g-ld:not(.so-g-ld-out) .sonioro-s.so-g-hero .g-hero-zoom{transform:scale(1.12);animation:g-hero-rel .01s 3.4s forwards}html.so-g-ld:not(.so-g-ld-out) .sonioro-s.so-g-hero .g-hero-h em:after{transform:scaleX(0);animation:g-hero-rel .01s 3.4s forwards}@keyframes g-hero-rel{to{transform:none}}@supports (animation-timeline:view()){body.so-g-rich .sonioro-s.so-g-hero .g-hero-el{view-timeline:--g-hl block}body.so-g-rich .sonioro-s.so-g-hero .g-hero-media{animation:g-hero-drift linear both;animation-timeline:--g-hl;animation-range:exit 0% exit 100%}body.so-g-rich .sonioro-s.so-g-hero :is(.g-hero-a,.g-hero-foot){animation:g-hero-fade linear both;animation-timeline:--g-hl;animation-range:exit 0% exit 55%}}@keyframes g-hero-drift{to{translate:0 12%}}@keyframes g-hero-fade{to{opacity:0;translate:0 -24px}}.sonioro-s.so-g-hero :is(a,button):focus-visible{outline:3px solid var(--g-cream);outline-offset:3px;box-shadow:0 0 0 9px #1a16139e}.sonioro-s.so-g-hero :is(.g-hero-a,.g-hero-a-in,.g-hero-foot):has(:focus-visible){opacity:1!important;translate:none!important;transform:none!important}.sonioro-s.so-g-hero .g-hero-foot :is(a,button),.sonioro-s.so-g-hero .g-hero-cta{scroll-margin-bottom:48px}@media(orientation:landscape)and (max-height:520px){.sonioro-s.so-g-hero .g-hero-a{bottom:122px}.sonioro-s.so-g-hero .g-hero-a-in{max-width:min(760px,100%,44vw)}.sonioro-s.so-g-hero .g-hero-kick{margin-bottom:12px}.sonioro-s.so-g-hero .g-hero-h{font-size:calc(clamp(32px,min(12cqw,11.5svh),118px)*var(--g-dfs,1))}.sonioro-s.so-g-hero .g-hero-cta{margin-top:16px}.sonioro-s.so-g-hero .g-hero-foot{bottom:56px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sonioro-g-hero.css.map */