.brand-intro[hidden]{display:none}.brand-intro{position:fixed;z-index:950;top:0;right:0;bottom:0;left:0;display:grid;min-height:100svh;place-items:center;overflow:clip;background:var(--ws-bg, var(--color-background, #f8f5ee));color:var(--ws-text, var(--color-foreground, #1f2c1e));opacity:1;transition:opacity .3s ease}.brand-intro.is-leaving{opacity:0;pointer-events:none}.brand-intro__composition{display:grid;width:100%;place-items:center}.brand-intro__mark{--saam-shift: clamp(32px, 5vw, 72px);--saam-shift-half: clamp(16px, 2.5vw, 36px);position:relative;display:flex;align-items:center;width:min(82vw,700px);aspect-ratio:1542 / 315}.brand-intro__word{display:block;flex:0 0 auto;width:auto;max-width:none;height:100%;opacity:0}.brand-intro__word--saam{position:relative;z-index:2}.brand-intro__poppy{position:absolute;z-index:1;top:50%;left:59.079%;display:block;width:auto;max-width:none;height:70.476%;opacity:0;transform:translate(-50%,-50%)}.brand-intro.is-active .brand-intro__word--wunder{animation:brand-intro-wunder 1s cubic-bezier(.42,0,.58,1) both,brand-intro-wunder-shift .7s cubic-bezier(.22,.61,.36,1) 1.35s both}.brand-intro.is-active .brand-intro__word--saam{animation:brand-intro-saam 2s cubic-bezier(.42,0,.58,1) .35s both,brand-intro-saam-shift .7s cubic-bezier(.22,.61,.36,1) 1.35s both}.brand-intro.is-active .brand-intro__poppy{animation:brand-intro-poppy 1s cubic-bezier(.42,0,.58,1) 1.35s both}.brand-intro__skip{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-width:44px;min-height:44px;padding:10px 12px;border:0;border-radius:999px;background:transparent;color:color-mix(in srgb,currentColor 68%,transparent);font:inherit;font-size:11px;line-height:1;opacity:.82}.brand-intro__skip:hover,.brand-intro__skip:focus-visible{background:color-mix(in srgb,var(--ws-surface, var(--color-surface, #fff)) 74%,transparent);color:currentColor;outline:2px solid var(--ws-primary, var(--color-primary, #314c37));outline-offset:2px}@keyframes brand-intro-wunder{0%{opacity:0}to{opacity:1}}@keyframes brand-intro-wunder-shift{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--saam-shift-half)))}}@keyframes brand-intro-saam{0%{opacity:0}to{opacity:1}}@keyframes brand-intro-saam-shift{0%{transform:translate(0)}to{transform:translate(var(--saam-shift-half))}}@keyframes brand-intro-poppy{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.brand-intro__mark{width:min(82vw,390px)}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/brand-intro.css.map */