.sg-hero{--sg-h-ink: rgb(var(--color-foreground));--sg-h-paper: #FFFDF8;--sg-h-tomato: rgb(var(--color-base-accent-1));--sg-h-mustard: var(--sg-mustard, #F2B630);display:grid;gap:2.8rem;align-items:center}.sg-hero__content{text-align:center}.sg-hero__eyebrow{margin:0 0 1rem;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sg-h-tomato)}.sg-hero__heading{margin:0;font-size:clamp(3.4rem,10.4vw,4.8rem);line-height:1.08}.sg-hero__heading strong{display:inline-block;color:var(--sg-h-tomato);white-space:nowrap;padding-bottom:.12em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'%3E%3Cpath d='M0 6 Q 10 1 20 6 T 40 6' fill='none' stroke='%23F2B630' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 100% / .9em .24em;animation:sg-hero-draw 1s .5s cubic-bezier(.65,0,.35,1) both}@keyframes sg-hero-draw{0%{background-size:.9em 0;background-position:-1.8em 100%}to{background-size:.9em .24em}}.sg-hero__text{margin:1.4rem auto 0;max-width:44rem;font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.sg-hero__badges{list-style:none;margin:1.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.sg-hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border:1.5px solid rgba(var(--color-foreground),.2);border-radius:4rem;background:var(--sg-h-paper);font-size:1.3rem;font-weight:600;line-height:1.2}.sg-hero__badge:before{content:"";width:.9em;height:.9em;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23CC3318' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.sg-hero__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.2rem}.sg-hero__buttons .button{flex:1 1 auto;max-width:28rem}.sg-hero__collage{position:relative;width:100%;max-width:46rem;margin:0 auto;aspect-ratio:1 / 1.04}.sg-polaroid{position:absolute;display:block;width:42%;padding:.7rem .7rem 0;background:var(--sg-h-paper);border:2px solid var(--sg-h-ink);border-radius:.4rem;box-shadow:4px 4px 0 var(--sg-h-ink);color:var(--sg-h-ink);text-decoration:none;transform:rotate(var(--sg-tilt, 0deg));animation:sg-polaroid-drop .75s var(--sg-ease-bounce, ease) backwards;animation-delay:calc(.25s + var(--sg-i, 0) * .14s);transition:transform .3s var(--sg-ease-bounce, ease)}.sg-polaroid--1{z-index:3;width:48%;left:26%;top:7%;animation-name:sg-polaroid-drop-front;animation-delay:.1s}.sg-polaroid--2{z-index:1;left:2%;top:0}.sg-polaroid--3{z-index:2;right:4%;top:12%}@keyframes sg-polaroid-drop{0%{opacity:0;transform:translateY(-2.4rem) rotate(calc(var(--sg-tilt, 0deg) * 2)) scale(1.06)}}@keyframes sg-polaroid-drop-front{0%{transform:translateY(-1.2rem) rotate(calc(var(--sg-tilt, 0deg) - 5deg)) scale(1.03)}}.sg-polaroid__tape{position:absolute;top:-1.1rem;left:50%;width:38%;height:2.2rem;background:var(--sg-h-mustard);opacity:.9;transform:translate(-50%) rotate(-4deg);z-index:1}.sg-polaroid--3 .sg-polaroid__tape{transform:translate(-50%) rotate(5deg);background:var(--sg-h-tomato);opacity:.85}.sg-polaroid__photo{display:block;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--color-foreground),.06)}.sg-polaroid__img{display:block;width:100%;height:100%;object-fit:cover}.sg-polaroid__caption{display:block;padding:.5rem 0 .7rem;text-align:center;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.5rem,4.4vw,2rem);line-height:1.2}.sg-polaroid--2 .sg-polaroid__caption{text-align:left;padding-left:.4rem}.sg-polaroid--3 .sg-polaroid__caption{text-align:right;padding-right:.4rem}.sg-hero__sticker{position:absolute;z-index:4;right:4%;bottom:0;display:grid;place-items:center;width:clamp(7.6rem,22vw,10rem);aspect-ratio:1;border-radius:50%;border:2px solid var(--sg-h-ink);background:var(--sg-h-mustard);box-shadow:3px 3px 0 var(--sg-h-ink);transform:rotate(12deg);animation:sg-sticker-pop .6s .85s var(--sg-ease-bounce, ease) backwards}.sg-hero__sticker span{padding:0 .8rem;text-align:center;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}@keyframes sg-sticker-pop{0%{opacity:0;transform:rotate(-30deg) scale(.4)}}@media screen and (max-width:749px){.sg-hero{gap:2.4rem}.sg-hero__eyebrow{margin-bottom:.6rem;font-size:1.1rem}.sg-hero__text{display:none}.sg-hero__badges{margin-top:1.4rem;gap:.4rem}.sg-hero__badge{padding:.4rem .8rem;font-size:1.2rem;gap:.35rem}.sg-hero__buttons{flex-wrap:nowrap;gap:.8rem;margin-top:1.6rem}.sg-hero__buttons .button{flex:1 1 0;min-width:0;min-height:4.6rem;padding:0 1.2rem;font-size:1.4rem;letter-spacing:.02em}}@media(hover:hover){.sg-polaroid:hover{z-index:5;transform:rotate(0) translateY(-.6rem) scale(1.03)}}@media screen and (min-width:750px){.sg-hero{grid-template-columns:1fr 1fr;gap:4rem}.sg-hero__content{text-align:left}.sg-hero__heading{font-size:clamp(4.4rem,5.2vw,7rem)}.sg-hero__text{margin-left:0;font-size:1.8rem}.sg-hero__badges,.sg-hero__buttons{justify-content:flex-start}.sg-hero__buttons .button{flex:0 0 auto}.sg-hero__collage{max-width:54rem;margin:2.4rem 0 0 auto;aspect-ratio:1 / .9}.sg-hero__sticker{right:auto;left:3%;bottom:0}}@media(prefers-reduced-motion:reduce){.sg-hero__heading strong,.sg-polaroid,.sg-hero__sticker{animation:none}.sg-polaroid{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-sg-hero-polaroid.css.map */