.sg-hero{display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}.sg-hero--full{min-height:max(640px,100svh)}.sg-hero--large{min-height:max(560px,82svh)}.sg-hero--under-header{margin-top:calc(var(--sg-header-h, 0px) * -1);padding-top:var(--sg-header-h, 0px)}.sg-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.sg-hero__bg{position:absolute;top:-8%;right:0;bottom:-8%;left:0;transform:translate3d(0,var(--sg-py, 0px),0)}.sg-hero__bg img{width:100%;height:100%;object-fit:cover}.sg-hero--photo .sg-hero__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(12,15,12,var(--hero-overlay)),rgba(12,15,12,calc(var(--hero-overlay) * .35)) 70%),linear-gradient(0deg,rgba(12,15,12,calc(var(--hero-overlay) * .6)),transparent 40%)}.sg-hero__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:sg-hero-glow 14s ease-in-out infinite alternate}.sg-hero__glow--a{width:62vw;height:62vw;right:-14vw;top:-18vw;background:radial-gradient(circle,var(--sg-green) 0%,transparent 65%)}.sg-hero__glow--b{width:42vw;height:42vw;left:-12vw;bottom:-20vw;background:radial-gradient(circle,var(--sg-violet) 0%,transparent 65%);opacity:.38;animation-duration:18s}@keyframes sg-hero-glow{0%{transform:translate(0) scale(1)}to{transform:translate(-4vw,3vw) scale(1.12)}}.sg-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sg-hero__watermark{position:absolute;left:50%;bottom:-.18em;font-family:var(--sg-font-display);font-size:clamp(140px,30vw,520px);font-style:italic;font-weight:900;font-stretch:125%;line-height:.8;letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--sg-fg) 14%,transparent);transform:translate3d(-50%,var(--sg-py, 0px),0)}.sg-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center;width:100%;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(72px,9vw,120px)}@media(min-width:990px){.sg-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px}}.sg-hero__title{font-size:clamp(50px,7.4vw,124px)}.sg-hero__lead{margin-top:clamp(20px,2.4vw,32px)}.sg-hero__actions{display:flex;flex-wrap:wrap;gap:14px 16px;margin-top:clamp(28px,3vw,40px)}.sg-hero__collage{position:relative;aspect-ratio:1 / 1;width:100%;max-width:640px;justify-self:center}@media(max-width:989px){.sg-hero__collage{max-width:520px;aspect-ratio:1.05 / 1}}.sg-hero__photo{position:absolute;transform:translate3d(0,var(--sg-py, 0px),0)}.sg-hero__photo-depth{width:100%;height:100%;transform:translate3d(var(--sg-dx, 0px),var(--sg-dy, 0px),0);transition:transform .6s var(--sg-ease)}.sg-hero__photo-card{position:relative;display:block;width:100%;height:100%;border:3px solid var(--sg-edge);border-radius:var(--sg-radius);background:var(--sg-surface);box-shadow:8px 10px 0 var(--sg-edge);overflow:hidden;transform:rotate(var(--rot, 0deg));transition:transform .5s var(--sg-ease),box-shadow .5s var(--sg-ease)}@keyframes sg-hero-rise{0%{translate:0 28px}to{translate:none}}@keyframes sg-hero-card-in{0%{scale:.86}to{scale:none}}.sg-hero__in{animation:sg-hero-rise .9s var(--sg-ease) both}.sg-hero__title.sg-hero__in{animation-delay:.05s}.sg-hero__lead.sg-hero__in{animation-delay:.15s}.sg-hero__actions.sg-hero__in{animation-delay:.22s}.sg-hero__photo-card{animation:sg-hero-card-in 1s var(--sg-ease) both}.sg-hero__photo--2 .sg-hero__photo-card{animation-delay:.1s}.sg-hero__photo--3 .sg-hero__photo-card{animation-delay:.2s}.sg-hero__photo--4 .sg-hero__photo-card{animation-delay:.3s}a.sg-hero__photo-card:hover{transform:rotate(0) scale(1.03);box-shadow:12px 14px 0 var(--sg-edge)}.sg-hero__photo-card img,.sg-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--sg-ease)}a.sg-hero__photo-card:hover img{transform:scale(1.06)}.sg-hero__placeholder{background:var(--sg-surface);fill:color-mix(in srgb,var(--sg-fg) 30%,transparent)}.sg-hero__photo-label{position:absolute;left:12px;right:12px;bottom:12px;overflow:hidden;padding:8px 12px;border:2px solid var(--sg-ink);border-radius:10px;background:var(--sg-cream);color:var(--sg-ink);font-family:var(--sg-font-display);font-size:13px;font-style:italic;font-weight:800;line-height:1.15;white-space:nowrap;text-overflow:ellipsis}.sg-hero__photo:not(.sg-hero__photo--1) .sg-hero__photo-label{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .3s var(--sg-ease)}.sg-hero__photo:not(.sg-hero__photo--1) a.sg-hero__photo-card:hover .sg-hero__photo-label{opacity:1;transform:none}.sg-hero__photo--1{left:18%;top:14%;width:56%;height:62%;z-index:2;--rot: -4deg}.sg-hero__photo--2{right:0;top:0;width:34%;height:36%;z-index:1;--rot: 7deg}.sg-hero__photo--3{left:0;bottom:2%;width:36%;height:38%;z-index:3;--rot: -9deg}.sg-hero__photo--4{right:4%;bottom:0;width:32%;height:34%;z-index:3;--rot: 5deg}.sg-hero__collage:not(:has(.sg-hero__photo--2)) .sg-hero__photo--1{left:12%;top:8%;width:76%;height:80%}.sg-hero__sticker{position:absolute;left:var(--x);top:var(--y);z-index:5;transform:translate3d(var(--sg-dx, 0px),var(--sg-dy, 0px),0);transition:transform .6s var(--sg-ease)}.sg-hero__cue{position:absolute;left:50%;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--sg-muted);font-family:var(--sg-font-display);font-size:11px;font-weight:800;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;transform:translate(-50%)}.sg-hero__cue i{position:relative;width:2px;height:38px;overflow:hidden;background:color-mix(in srgb,currentColor 30%,transparent)}.sg-hero__cue i:after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--sg-accent);animation:sg-cue 1.8s var(--sg-ease) infinite}@keyframes sg-cue{to{top:100%}}@media(max-width:989px){.sg-hero__cue{display:none}}@media(prefers-reduced-motion:reduce){.sg-hero__in,.sg-hero__photo-card,.sg-hero__glow,.sg-hero__cue i:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-sg-hero.css.map */