@font-face{font-family:SB Hero Display;font-style:normal;font-weight:800;font-display:swap;src:local("Impact"),local("Haettenschweiler"),local("Arial Narrow Bold"),local("Helvetica Neue Condensed Bold")}:root{--sb-hero-font: "Media Sans Condensed Web", "Bebas Neue", "Oswald", "Barlow Condensed", "Impact", "Haettenschweiler", "Arial Narrow", var(--font-heading-family), sans-serif;--sb-journey-start-rotation: 54deg;--sb-journey-runway-height: clamp(72rem, 190vh, 210rem);--sb-journey-focus-top: 18vh}.sb-hero{position:relative;overflow:hidden;background-color:var(--smileboxx-bg);min-height:52vh}@media screen and (min-width:990px){.sb-hero{min-height:80vh;display:block}}.sb-hero__accents{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sb-hero__accent{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform}.sb-hero__accent--pink{width:54rem;height:54rem;background:var(--accent-extreme-white);top:-18rem;right:-5%;opacity:.14}.sb-hero__accent--green{width:36rem;height:36rem;background:var(--accent-smile-spot);bottom:-12rem;right:10%;opacity:.1}.sb-hero__accent--blue{width:28rem;height:28rem;background:var(--accent-gro);top:40%;left:50%;opacity:.07}.sb-hero__container{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;width:100%}.sb-hero__journey-runway{display:none}@media screen and (min-width:990px){.sb-hero__container{grid-template-columns:1.15fr .85fr;gap:4rem;min-height:65vh}}@media screen and (min-width:1200px){.sb-hero__container{grid-template-columns:1.2fr .8fr;gap:6rem}}@media screen and (min-width:1440px){.sb-hero__container{gap:8rem}}.sb-hero__content{display:flex;flex-direction:column;align-items:flex-start;order:2;padding:0 0 2rem;position:relative;z-index:2}@media screen and (min-width:990px){.sb-hero__content{order:1;padding:5rem 0 4rem}}.sb-hero__eyebrow{font-size:1.15rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-extreme-white);margin:0 0 2rem;line-height:1;position:relative;padding-left:2.4rem}.sb-hero__eyebrow:before{content:"";position:absolute;left:0;top:50%;width:1.6rem;height:2px;background-color:var(--accent-extreme-white);transform:translateY(-50%)}@media screen and (min-width:990px){.sb-hero__eyebrow{font-size:1.25rem;margin-bottom:2.4rem;padding-left:3rem}.sb-hero__eyebrow:before{width:2rem}}.sb-hero__heading{font-family:var(--sb-hero-font);font-weight:900;font-style:normal;color:var(--smileboxx-text);line-height:.92;letter-spacing:.02em;margin:0 0 2.4rem;text-transform:uppercase;max-width:60rem;font-stretch:condensed;-webkit-text-stroke:0}.sb-hero__heading.h1{font-size:clamp(3.4rem,5.5vw + 1rem,5.5rem)}.sb-hero__heading.h0{font-size:clamp(4rem,6.5vw + 1rem,7rem)}.sb-hero__heading.hxl{font-size:clamp(4.6rem,8vw + 1rem,9rem)}.sb-hero__heading.hxxl{font-size:clamp(5.2rem,10vw + 1rem,11.5rem)}@media screen and (min-width:990px){.sb-hero__heading{margin-bottom:3rem}}.sb-hero__text{margin:0 0 3rem;max-width:44rem}.sb-hero__text p{font-size:1.55rem;line-height:1.75;color:var(--smileboxx-text-muted);margin:0;font-weight:400;letter-spacing:.01em}@media screen and (min-width:990px){.sb-hero__text{margin-bottom:3.6rem;max-width:42rem}.sb-hero__text p{font-size:1.7rem;line-height:1.8}}.sb-hero__text:after{content:"";display:block;width:4rem;height:1.5px;background-color:#0000001a;margin-top:2.4rem}@media screen and (min-width:990px){.sb-hero__text:after{width:5rem;margin-top:3rem}}.sb-hero__buttons{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center}.sb-hero__btn{font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:0 3rem;min-height:5.2rem;border-radius:var(--sb-btn-radius);transition:transform var(--sb-transition-smooth),box-shadow var(--sb-transition-smooth),background-color var(--sb-transition-default),border-color var(--sb-transition-default)}.sb-hero__btn--primary{box-shadow:var(--sb-btn-shadow)}.sb-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:var(--sb-btn-shadow-hover)}.sb-hero__btn--secondary{background:transparent;border:1.5px solid rgba(var(--color-foreground),.15)}.sb-hero__btn--secondary:hover{transform:translateY(-1px);border-color:rgba(var(--color-foreground),.35)}@media screen and (min-width:990px){.sb-hero__btn{font-size:1.35rem;padding:0 3.8rem;min-height:5.6rem}}@media screen and (max-width:749px){.sb-hero__buttons{width:100%;gap:1.2rem}.sb-hero__btn{flex:1 1 auto;min-width:0;text-align:center;justify-content:center;padding:0 2rem;min-height:5.4rem;font-size:1.35rem}.sb-hero__heading.h1{font-size:clamp(3.6rem,9vw,5rem)!important}.sb-hero__heading.h0{font-size:clamp(4rem,10vw,5.5rem)!important}.sb-hero__heading.hxl{font-size:clamp(4.4rem,11vw,6rem)!important}.sb-hero__heading.hxxl{font-size:clamp(4.8rem,12vw,6.5rem)!important}.sb-hero__text p{font-size:1.55rem;line-height:1.7}.sb-hero__text{margin-bottom:2.4rem}.sb-hero__text:after{margin-top:2rem}.sb-hero__eyebrow{font-size:1.2rem}}.sb-hero__visual{position:relative;order:1;display:flex;align-items:center;justify-content:center;z-index:1}@media screen and (min-width:990px){.sb-hero__visual{order:2;min-height:52rem;padding-inline:1.5rem 2.5rem}}@media screen and (min-width:1200px){.sb-hero__visual{padding-inline:2rem 5rem;width:100%;max-width:100%}}.sb-hero__visual-inner{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.sb-hero__journey-source-shell{position:relative;z-index:1;width:min(100%,clamp(15rem,18vw,19rem));min-height:clamp(22rem,34vh,30rem);display:flex;align-items:center;justify-content:center;transform-origin:50% 50%}.sb-hero__journey-source-frame{position:absolute;top:50%;left:50%;width:100%;display:block;transform:translate(-50%,-50%)}.sb-hero__journey-source-visual{width:100%;display:block;opacity:1}.sb-hero__journey-frame-bank{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.sb-hero__journey-frame-image{display:block;width:1px;height:auto}.sb-hero__visual-inner:before{content:"";position:absolute;width:85%;height:85%;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,rgba(255,45,141,.06) 0%,rgba(255,45,141,.02) 35%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.sb-hero__visual-inner:after{content:"";position:absolute;width:72%;height:72%;border-radius:50%;border:1px solid rgba(0,0,0,.04);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.sb-hero__stage-floor{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:60%;height:0;padding-bottom:8%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.02) 50%,transparent 80%);z-index:0;pointer-events:none}@media screen and (max-width:989px){.sb-hero__stage-floor{bottom:5%;width:70%;padding-bottom:6%}}.sb-hero__product-image{width:100%;object-fit:contain;display:block;position:relative;z-index:1;will-change:auto;filter:drop-shadow(0 16px 48px rgba(0,0,0,.12));transform:none}@media screen and (min-width:990px){.sb-hero__journey-source-shell{width:min(100%,clamp(16rem,15vw,18rem));min-height:clamp(24rem,38vh,34rem);transform:translate3d(0,-.8rem,0) rotate(var(--sb-journey-start-rotation))}.sb-hero__product-image{filter:drop-shadow(0 24px 64px rgba(0,0,0,.14))}}@media screen and (min-width:1200px){.sb-hero__journey-source-shell{width:min(100%,clamp(17rem,14vw,19rem));min-height:clamp(26rem,40vh,36rem);transform:translate3d(0,-1rem,0) rotate(var(--sb-journey-start-rotation))}}.sb-hero--journey-ready .sb-hero__journey-runway{position:relative;display:block;height:var(--sb-journey-runway-height);z-index:0}.sb-hero--journey-fallback .sb-hero__journey-runway{display:none}.sb-hero--journey-ready .sb-hero__journey-runway:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,rgba(var(--color-background),0),rgba(var(--color-background),.78) 30%,rgba(var(--color-background),.96))}.sb-hero--journey-ready .sb-hero__journey-runway:after{content:"";position:absolute;left:50%;top:6%;bottom:8%;width:min(60vw,36rem);transform:translate(-50%);border-radius:999px;z-index:1;background:radial-gradient(ellipse at 50% 20%,#ff2d8d24,#00c8530f 28%,#2962ff14,#7b1fa20f 68%,rgba(var(--color-background),0) 84%);opacity:.85;filter:blur(24px)}.sb-journey-proxy{position:fixed;top:0;left:0;z-index:30;pointer-events:none;opacity:0;transform-origin:50% 50%;will-change:transform,opacity;isolation:isolate;backface-visibility:hidden;transform-style:preserve-3d}.sb-journey-proxy-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 64px rgba(0,0,0,.16));will-change:opacity;transition:opacity .16s linear;backface-visibility:hidden;transform:translateZ(0)}.sb-hero__placeholder{position:relative;width:100%;aspect-ratio:4 / 5;max-height:50rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#ff2d8d08,#00c85306,#2962ff06 60%,#7b1fa208);border-radius:50%;overflow:hidden}@media screen and (min-width:990px){.sb-hero__placeholder{aspect-ratio:1 / 1;max-height:56rem}}.sb-hero__placeholder-label{font-size:1.3rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#00000026;position:relative;z-index:2}.sb-hero__placeholder-ampoule{position:absolute;width:3rem;height:11rem;border-radius:1.5rem;opacity:.12;will-change:transform}.sb-hero__placeholder-ampoule--pink{background:var(--accent-extreme-white);top:12%;left:22%;transform:rotate(-15deg)}.sb-hero__placeholder-ampoule--green{background:var(--accent-smile-spot);top:22%;right:22%;transform:rotate(10deg)}.sb-hero__placeholder-ampoule--blue{background:var(--accent-gro);bottom:22%;left:32%;transform:rotate(-8deg)}.sb-hero__placeholder-ampoule--purple{background:var(--accent-maintain);bottom:15%;right:20%;transform:rotate(18deg)}@media screen and (min-width:990px){.sb-hero__placeholder-ampoule{width:4rem;height:15rem;border-radius:2rem}}@media screen and (max-width:989px){.sb-hero{--sb-journey-start-rotation: 16deg;--sb-journey-runway-height: clamp(26rem, 58vh, 40rem);--sb-journey-focus-top: 12vh;text-align:left}.sb-hero__content{order:1;align-items:flex-start;padding:0 0 2.5rem}.sb-hero__visual{order:2;min-height:0;max-height:none;overflow:visible;padding:0}.sb-hero__visual-inner{min-height:0;align-items:flex-start;padding-top:0}.sb-hero__journey-source-shell{width:min(46%,11rem);min-height:auto;margin:0 auto;transform:translateZ(0) rotate(var(--sb-journey-start-rotation))}.sb-hero__journey-source-frame{position:relative;top:auto;left:auto;width:100%;transform:none}.sb-hero__journey-source-visual{display:flex;justify-content:center}.sb-hero__product-image{width:100%;max-width:100%;height:auto}.sb-hero__stage-floor{display:none}.sb-hero__accent--pink{width:30rem;height:30rem;opacity:.11;top:-12rem;right:-10%}.sb-hero__accent--green{width:22rem;height:22rem;opacity:.08}.sb-hero__accent--blue{display:none}.sb-hero__visual-inner:after{display:none}.sb-hero__visual-inner:before{width:90%;height:90%}}@media screen and (max-width:479px){.sb-hero__heading.hxl,.sb-hero__heading.hxxl{font-size:clamp(4rem,12vw,5.4rem)!important}.sb-hero__journey-source-shell{width:min(42%,9.5rem)}.sb-hero__heading.h0{font-size:clamp(3.6rem,10vw,5rem)!important}.sb-hero__heading.h1{font-size:clamp(3.2rem,9vw,4.4rem)!important}.sb-hero__visual{min-height:0}}@media(prefers-reduced-motion:reduce){.sb-hero__product-image,.sb-hero__accent,.sb-hero__placeholder-ampoule{will-change:auto;transform:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.1))}.sb-hero__journey-source-shell{transform:none}.sb-hero__journey-source-frame{position:relative;top:auto;left:auto;transform:none}.sb-journey-proxy{display:none!important}}.sb-hero__runway-lane{position:absolute;border-radius:999px;pointer-events:none;will-change:transform;z-index:1}.sb-hero__runway-lane--pink{width:.5rem;height:9rem;background:linear-gradient(180deg,var(--accent-extreme-white) 0%,rgba(255,45,141,.15) 100%);top:10%;left:12%;opacity:.45;transform:rotate(-18deg);filter:blur(.5px)}.sb-hero__runway-lane--pink:after{content:"";position:absolute;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent-extreme-white);opacity:.28;filter:blur(6px);top:-1rem;left:50%;transform:translate(-50%)}.sb-hero__runway-lane--green{width:.5rem;height:7rem;background:linear-gradient(180deg,var(--accent-smile-spot) 0%,rgba(0,200,83,.15) 100%);top:18%;right:14%;opacity:.38;transform:rotate(12deg);filter:blur(.5px)}.sb-hero__runway-lane--green:after{content:"";position:absolute;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--accent-smile-spot);opacity:.24;filter:blur(5px);top:-.8rem;left:50%;transform:translate(-50%)}.sb-hero__runway-lane--blue{width:.4rem;height:6rem;background:linear-gradient(180deg,var(--accent-gro) 0%,rgba(41,98,255,.12) 100%);top:42%;left:18%;opacity:.32;transform:rotate(8deg);filter:blur(.5px)}.sb-hero__runway-lane--purple{width:.45rem;height:7.5rem;background:linear-gradient(180deg,var(--accent-maintain) 0%,rgba(123,31,162,.12) 100%);top:55%;right:18%;opacity:.32;transform:rotate(-6deg);filter:blur(.5px)}.sb-hero__runway-lane--orange{width:.4rem;height:5.5rem;background:linear-gradient(180deg,var(--accent-future) 0%,rgba(216,67,21,.12) 100%);top:74%;left:22%;opacity:.28;transform:rotate(-14deg);filter:blur(.5px)}@media screen and (max-width:989px){.sb-hero__runway-lane--pink{height:5.5rem;opacity:.3;left:8%}.sb-hero__runway-lane--green{height:4rem;opacity:.24;right:8%}.sb-hero__runway-lane--blue{height:3.5rem;opacity:.2;left:10%}.sb-hero__runway-lane--purple{height:4.5rem;opacity:.2;right:10%}.sb-hero__runway-lane--orange{height:3rem;opacity:.18;left:14%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-smileboxx-hero.css.map */