@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}.sbhs-hero{position:relative;overflow:hidden;background-color:var(--smileboxx-bg);background-image:radial-gradient(ellipse at 72% 28%,rgba(255,45,141,.09) 0%,transparent 55%),radial-gradient(ellipse at 18% 68%,rgba(41,98,255,.05) 0%,transparent 45%);min-height:52vh}@media screen and (min-width:990px){.sbhs-hero{min-height:80vh;display:block}}.sbhs-accents{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sbhs-accent{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform}.sbhs-accent--pink{width:54rem;height:54rem;background:var(--accent-extreme-white);top:-18rem;right:-5%;opacity:.14}.sbhs-accent--green{width:36rem;height:36rem;background:var(--accent-smile-spot);bottom:-12rem;right:10%;opacity:.1}.sbhs-accent--blue{width:28rem;height:28rem;background:var(--accent-gro);top:40%;left:50%;opacity:.07}.sbhs-accent--purple{width:20rem;height:20rem;background:var(--accent-maintain);top:22%;left:38%;opacity:.05}.sbhs-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;width:100%}.sbhs-runway{display:none}@media screen and (min-width:990px){.sbhs-container{grid-template-columns:1.15fr .85fr;gap:4rem;min-height:65vh}}@media screen and (min-width:1200px){.sbhs-container{grid-template-columns:1.2fr .8fr;gap:6rem}}@media screen and (min-width:1440px){.sbhs-container{gap:8rem}}.sbhs-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){.sbhs-content{order:1;padding:5rem 0 4rem}}.sbhs-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}.sbhs-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){.sbhs-eyebrow{font-size:1.25rem;margin-bottom:2.4rem;padding-left:3rem}.sbhs-eyebrow:before{width:2rem}}.sbhs-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}.sbhs-heading.h1{font-size:clamp(3.4rem,5.5vw + 1rem,5.5rem)}.sbhs-heading.h0{font-size:clamp(4rem,6.5vw + 1rem,7rem)}.sbhs-heading.hxl{font-size:clamp(4.6rem,8vw + 1rem,9rem)}.sbhs-heading.hxxl{font-size:clamp(5.2rem,10vw + 1rem,11.5rem)}@media screen and (min-width:990px){.sbhs-heading{margin-bottom:3rem}}.sbhs-body{margin:0 0 3rem;max-width:44rem}.sbhs-body 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){.sbhs-body{margin-bottom:3.6rem;max-width:42rem}.sbhs-body p{font-size:1.7rem;line-height:1.8}}.sbhs-body:after{content:"";display:block;width:4rem;height:1.5px;background-color:#0000001a;margin-top:2.4rem}@media screen and (min-width:990px){.sbhs-body:after{width:5rem;margin-top:3rem}}.sbhs-buttons{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center}.sbhs-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)}.sbhs-btn--primary{box-shadow:var(--sb-btn-shadow)}.sbhs-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--sb-btn-shadow-hover)}.sbhs-btn--secondary{background:transparent;border:1.5px solid rgba(var(--color-foreground),.15)}.sbhs-btn--secondary:hover{transform:translateY(-1px);border-color:rgba(var(--color-foreground),.35)}@media screen and (min-width:990px){.sbhs-btn{font-size:1.35rem;padding:0 3.8rem;min-height:5.6rem}}.sbhs-scroll-hint{margin:2.4rem 0 0;font-size:1.1rem;font-weight:500;letter-spacing:.12em;color:var(--smileboxx-text-muted);opacity:.5;text-transform:uppercase;animation:sbhs-drift 2.4s ease-in-out infinite}@keyframes sbhs-drift{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:.3}}.sbhs-visual{position:relative;order:1;display:flex;align-items:center;justify-content:center;z-index:1}@media screen and (min-width:990px){.sbhs-visual{order:2;min-height:52rem;padding-inline:1.5rem 2.5rem}}@media screen and (min-width:1200px){.sbhs-visual{padding-inline:2rem 5rem;width:100%;max-width:100%}}.sbhs-visual-inner{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.sbhs-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}.sbhs-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}.sbhs-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}.sbhs-source-shell{position:relative;z-index:1;width:min(100%,clamp(10rem,12vw,13rem));min-height:clamp(15rem,23vh,20rem);display:flex;align-items:center;justify-content:center;transform-origin:50% 50%}.sbhs-source-frame{position:absolute;top:50%;left:50%;width:100%;display:block;transform:translate(-50%,-50%)}.sbhs-source-visual{width:100%;display:block;opacity:1}.sbhs-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){.sbhs-source-shell{width:min(100%,clamp(11rem,10vw,12rem));min-height:clamp(16rem,26vh,23rem);transform:translate3d(0,-.8rem,0) rotate(54deg)}.sbhs-product-image{filter:drop-shadow(0 24px 64px rgba(0,0,0,.14))}}@media screen and (min-width:1200px){.sbhs-source-shell{width:min(100%,clamp(12rem,9vw,13rem));min-height:clamp(18rem,28vh,25rem);transform:translate3d(0,-1rem,0) rotate(54deg)}}.sbhs--journey-ready .sbhs-runway{position:relative;display:block;height:clamp(56rem,150vh,170rem);z-index:0}.sbhs--fallback .sbhs-runway{display:none}.sbhs--journey-ready .sbhs-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))}.sbhs--journey-ready .sbhs-runway:after{content:"";position:absolute;left:50%;top:6%;bottom:8%;width:min(70vw,48rem);transform:translate(-50%);border-radius:999px;z-index:1;background:radial-gradient(ellipse at 20% 30%,rgba(255,45,141,.14) 0%,transparent 32%),radial-gradient(ellipse at 35% 50%,rgba(0,200,83,.1) 0%,transparent 28%),radial-gradient(ellipse at 50% 25%,rgba(41,98,255,.12) 0%,transparent 30%),radial-gradient(ellipse at 65% 55%,rgba(123,31,162,.1) 0%,transparent 28%),radial-gradient(ellipse at 80% 35%,rgba(216,67,21,.1) 0%,transparent 28%);opacity:.85;filter:blur(28px)}.sbhs-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}.sbhs-proxy__img{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;backface-visibility:hidden;transform:translateZ(0)}.sbhs-proxy__shape{width:100%;height:100%;border-radius:2.8rem 2.8rem 2.4rem 2.4rem;position:relative;filter:drop-shadow(0 10px 28px rgba(0,0,0,.2))}.sbhs-proxy__shape--pink{background:linear-gradient(180deg,#ff2d8d 0% 24%,#fffffff5 26% 30%,#ffdcf09e 33%,#ffdcf02e)}.sbhs-ampoule-bank{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.sbhs-bank-img{display:block;width:1px;height:auto}.sbhs-placeholder-ampoule{display:flex;flex-direction:column;align-items:center;width:4rem;height:14rem}.sbhs-plh-cap{width:100%;height:30%;border-radius:2rem 2rem 0 0;opacity:.85}.sbhs-plh-tip{width:105%;height:8%;background:#fff;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.sbhs-plh-body{width:100%;flex:1;border-radius:0 0 1.8rem 1.8rem;opacity:.22}.sbhs-plh-cap--pink{background:var(--accent-extreme-white)}.sbhs-plh-body--pink{background:#ff2d8d}.sbhs-placeholder-label{font-size:1.3rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#00000026;text-align:center;margin-top:1.4rem}.sbhs-carousel--journey-ready .sb-carousel__card-visual img{opacity:0!important}.sbhs--carousel-landed .sb-carousel__card-visual img{opacity:1!important}@media screen and (max-width:989px){.sbhs-content{order:1;align-items:flex-start;padding:0 0 1.6rem}.sbhs-visual{order:2;min-height:auto;padding:0}.sbhs-source-shell{width:min(44%,10rem);min-height:auto;margin:0 auto;transform:rotate(16deg)}.sbhs-accent--pink{width:28rem;height:28rem;opacity:.08;top:-12rem;right:-10%}.sbhs-accent--blue,.sbhs-accent--purple,.sbhs-scroll-hint{display:none}.sbhs-stage-floor{bottom:5%;width:70%;padding-bottom:6%}.sbhs-heading.h1{font-size:clamp(3.6rem,9vw,5rem)!important}.sbhs-heading.h0{font-size:clamp(4rem,10vw,5.5rem)!important}.sbhs-heading.hxl{font-size:clamp(4.4rem,11vw,6rem)!important}.sbhs-heading.hxxl{font-size:clamp(4.8rem,12vw,6.5rem)!important}.sbhs-body p{font-size:1.55rem;line-height:1.7}.sbhs-body{margin-bottom:2.4rem}.sbhs-body:after{margin-top:2rem}.sbhs-eyebrow{font-size:1.2rem}.sbhs-buttons{width:100%;gap:1.2rem}.sbhs-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}}@media(prefers-reduced-motion:reduce){.sbhs-proxy{display:none!important}.sbhs-source-shell{transform:none!important}.sbhs-scroll-hint{animation:none}.sbhs-btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-smileboxx-hero-split.css.map */