.landing-sandbox-hero{--landing-sandbox-height: 100dvh;--landing-sandbox-nav-height: var(--app-nav-height,2.875rem);position:relative;min-width:0;isolation:isolate}.landing-sandbox-loading{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:var(--m-gutter);background:#111016;color:#f5f3f7}.landing-sandbox-loading p{font-size:1rem}.landing-sandbox-mobile-nav,.landing-sandbox-desktop-nav{position:absolute;inset:0 0 auto;z-index:60}.landing-sandbox-hero .wb-root[data-wb-embedded="1"]{height:var(--landing-sandbox-height);min-height:32rem}.landing-sandbox-hero .wb-root[data-wb-embedded="1"][data-wb-phone="1"][data-wb-tab=samples]{grid-template-rows:minmax(0,1fr)}.landing-sandbox-hero .wb-root[data-wb-embedded="1"][data-wb-phone="1"][data-wb-tab=samples] :is(.wb-switch,.wb-wall){grid-row:1}.landing-sandbox-hero .wb-root[data-wb-embedded="1"][data-wb-tab=samples] .wb-switch{top:calc(var(--landing-sandbox-nav-height) + .5rem)}.landing-sandbox-hero .wb-root[data-wb-embedded="1"][data-wb-tab=creations]{grid-template-rows:var(--landing-sandbox-nav-height) auto minmax(0,1fr)}.landing-sandbox-hero .wb-root[data-wb-embedded="1"][data-wb-tab=samples] .wb-wall{overflow:clip;overscroll-behavior:auto;padding-bottom:0;scrollbar-gutter:auto}.landing-sandbox-hero .wb-root[data-wb-embedded="1"] .wb-banner{--wb-bn-min: var(--landing-sandbox-height);margin-bottom:0}@media(max-width:767px){.landing-sandbox-hero{--landing-sandbox-nav-height: max(var(--m-topbar-h,0px),3.25rem)}}html .luxury-landing .landing-sandbox-hero .wb-root :is(h1,h2){background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--wb-ink)!important;text-transform:none;filter:none}html .luxury-landing .landing-sandbox-hero .wb-root .wb-studio{font-size:.875rem;line-height:1.5;letter-spacing:.12em;font-weight:650;text-transform:uppercase;color:#fff!important;text-shadow:0 1px 8px rgb(0 0 0 / 80%)}.landing-sandbox-hero .wb-root .wb-banner-body{position:absolute;inset:0;padding-top:calc(var(--landing-sandbox-nav-height) + 5rem);padding-bottom:calc(var(--wb-clear, 190px) + 1rem);gap:1.25rem}html .luxury-landing .landing-sandbox-hero .wb-root .wb-hero-headline{max-width:14ch;margin:0 auto;font-size:clamp(2.5rem,6.5vw,6rem);line-height:1.02;font-weight:600;letter-spacing:-.045em;text-align:center;text-wrap:balance;color:#f0abfc!important;background:linear-gradient(110deg,#c084fc 5%,#e879f9 32%,#f472b6 55%,#fb923c 82%,#fcd34d)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:none;filter:drop-shadow(0 2px 16px rgb(0 0 0 / 35%))}.landing-sandbox-hero .wb-banner[data-static-headline="1"] :is(.wb-plate-slab,.wb-banner-main){animation:none;transition:none;transform:none;will-change:auto}html .luxury-landing .landing-sandbox-hero .wb-banner[data-static-headline="1"] .wb-hero-headline{flex:none;max-width:100%;margin:0 0 1rem;font-size:clamp(2rem,3.25vw,3.5rem);line-height:1.2;text-align:left;animation:none;transition:none}html .luxury-landing .landing-sandbox-hero .wb-root[data-wb-theme=light] .wb-hero-headline{background-image:linear-gradient(110deg,#8b35d6 5%,#b82ecb 32%,#cf286e 55%,#c94c15 82%,#996f0a)!important}.landing-sandbox-hero .wb-root .wb-banner[data-static-headline="1"] .wb-banner-main{overflow:hidden}.landing-sandbox-hero .wb-root .wb-banner[data-static-headline="1"] .wb-banner-copy{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}.landing-sandbox-hero .wb-root .wb-stack-word{font-size:9px}.landing-sandbox-hero .wb-root .wb-stack-meta{font-size:10.5px}.landing-sandbox-hero .wb-root .wb-stack-manage button{font-size:11px}.landing-sandbox-hero .wb-banner[data-plate="0"] .wb-plate-slab{display:none}.landing-sandbox-hero .wb-root .wb-banner-cover-toggle{width:44px;height:44px;right:16px}.landing-sandbox-hero .wb-root[data-wb-phone="1"] .wb-banner-cover-toggle{bottom:calc(var(--wb-clear, 190px) + 12px)}@media(max-width:639px){.landing-sandbox-hero .wb-root .wb-banner-body{padding-top:calc(var(--landing-sandbox-nav-height) + 6rem);gap:1rem}.landing-sandbox-hero .wb-root :is(.wb-stack-word,.wb-stack-manage button){font-size:11px;letter-spacing:.1em}.landing-sandbox-hero .wb-root .wb-stack-meta{font-size:11px}html .luxury-landing .landing-sandbox-hero .wb-root .wb-hero-headline{font-size:clamp(1.5rem,7.5vw,2rem);line-height:1.12}}@media(min-width:640px){html:has(.landing-sandbox-hero) [data-toast-viewport]{bottom:1rem!important}}
