.flo-hero{--wave-h:clamp(28px,5vw,72px);position:relative;isolation:isolate;background:var(--flo-leaf-soft);color:var(--flo-ink)}.flo-hero{padding-block:calc(var(--wave-h) + 8px) 0}.flo-hero .flo-hero__wave{position:absolute;left:0;z-index:3;display:block;width:100%;height:var(--wave-h);pointer-events:none}.flo-hero .flo-hero__wave--top{top:-1px;fill:var(--flo-leaf)}.flo-hero .flo-hero__wave--bottom{bottom:-1px;fill:var(--flo-paper)}.flo-hero .flo-hero__grid{display:grid;gap:24px}.flo-hero .flo-hero__copy{position:relative;z-index:2;min-width:0}.flo-hero .flo-hero__title{font-size:inherit;line-height:1;margin:0 0 16px;max-width:none;text-wrap:balance}.flo-hero .flo-hero__name{display:block;font-size:clamp(48px,13vw,56px);line-height:.95;letter-spacing:-.03em}.flo-hero .flo-hero__what{display:block;margin-top:.3em;font-size:clamp(24px,6.4vw,28px);font-weight:500;line-height:1.14;letter-spacing:-.01em}.flo-hero .flo-hero__lead{font-size:16px;line-height:1.5;max-width:44ch;margin:0;color:var(--flo-ink-2)}.flo-hero .flo-hero__buy{margin-top:22px}.flo-hero .flo-hero__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .45em;margin:0 0 4px;font-size:16px;line-height:1.35;color:var(--flo-ink)}.flo-hero .flo-hero__price strong{font-family:var(--flo-font-display);font-weight:600;font-size:25.6px;letter-spacing:-.01em}.flo-hero .flo-hero__tiers{margin:0 0 18px;font-size:15.04px;line-height:1.4;color:var(--flo-ink)}.flo-hero .flo-hero__act{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}.flo-hero .flo-hero__act .btn{padding-inline:1.8em}.flo-hero .flo-hero__alt{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:16px}.flo-hero .flo-hero__alt:hover{text-decoration-color:var(--flo-ink)}@media(max-width:599px){.flo-hero .flo-hero__act .btn{flex:1 1 100%}}.flo-hero .flo-hero__media{position:relative;overflow:hidden;margin-inline:calc(-1 * var(--flo-gutter));aspect-ratio:1/1;background:var(--flo-mist)}.flo-hero .flo-hero__media img,.flo-hero .flo-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.flo-hero .flo-hero__video{object-position:60% 50%;opacity:0;transition:opacity .6s ease}.flo-hero .flo-hero__video{top:1px;height:calc(100% - 1px)}.flo-hero.is-playing .flo-hero__video{opacity:1}.flo-hero .flo-hero__edge{position:absolute;z-index:2;display:block;fill:var(--flo-leaf-soft);pointer-events:none}.flo-hero .flo-hero__edge--top{top:-1px;left:0;width:100%;height:clamp(18px,5vw,36px)}.flo-hero .flo-hero__edge--side{display:none}.flo-hero{--pad:clamp(14px,1.6vw,28px)}.flo-hero .flo-hero__pause{position:absolute;right:var(--pad);bottom:calc(var(--wave-h) * .62 + var(--pad));z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.flo-hero .flo-hero__pause:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#10183a66;border:1.5px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 6px #10183a2e;transition:background .2s ease,transform .2s ease}.flo-hero .flo-hero__pause svg{position:relative;width:14px;height:14px}.flo-hero .flo-hero__i-play{transform:translate(1px)}.flo-hero .flo-hero__pause[hidden]{display:none}.flo-hero .flo-hero__pause:hover:before{background:#10183a9e}.flo-hero .flo-hero__pause:active:before{transform:scale(.94)}.flo-hero .flo-hero__pause:focus-visible{outline:none;box-shadow:none}.flo-hero .flo-hero__pause:focus-visible:before{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--flo-ink)}.flo-hero .flo-hero__i-play,.flo-hero .flo-hero__pause[aria-pressed=true] .flo-hero__i-pause{display:none}.flo-hero .flo-hero__pause[aria-pressed=true] .flo-hero__i-play{display:block}@media(max-width:899px){.flo-hero{padding-block:0 calc(var(--wave-h) + 20px)}.flo-hero .flo-hero__grid{display:flex;flex-direction:column;gap:18px}.flo-hero .flo-hero__media{order:-1;aspect-ratio:auto;height:max(63vw,clamp(180px,28svh,280px));container-type:size}.flo-hero .flo-hero__media img,.flo-hero .flo-hero__video{object-position:66% 50%}.flo-hero .flo-hero__edge--top{top:auto;bottom:-1px;transform:scaleY(-1)}.flo-hero{--pad:12px}.flo-hero .flo-hero__pause{bottom:calc(clamp(18px,5vw,36px) * .5 + var(--pad))}}@media(min-width:600px)and (max-width:899px){.flo-hero .flo-hero__media{height:auto;aspect-ratio:16/10;container-type:normal}.flo-hero .flo-hero__media img,.flo-hero .flo-hero__video{object-position:66% 50%}}@media(min-width:900px){.flo-hero{--shift:clamp(0px, calc(12vw - 150px) ,24px);--gap:clamp(32px,3.5vw,56px)}.flo-hero{display:flex;align-items:center;min-height:clamp(600px,calc(100svh - var(--flo-header-h)),720px);padding-block:calc(var(--wave-h) + 16px) calc(var(--wave-h) + 20px)}.flo-hero .flo-hero__grid{display:block;width:100%}.flo-hero .flo-hero__copy{max-width:calc(50% - var(--shift) - var(--gap) + 28px)}.flo-hero .flo-hero__title{margin-bottom:20px}.flo-hero .flo-hero__name{font-size:clamp(60px,5.6vw,72px)}.flo-hero .flo-hero__what{font-size:clamp(29.6px,2.5vw,36px)}.flo-hero .flo-hero__lead{font-size:16.96px;max-width:50ch}.flo-hero .flo-hero__buy{margin-top:30px}.flo-hero .flo-hero__price{margin-bottom:6px}.flo-hero .flo-hero__price strong{font-size:29.6px}.flo-hero .flo-hero__media{position:absolute;top:0;right:0;bottom:0;z-index:1;width:calc(50% + var(--shift));margin:0;aspect-ratio:auto;container-type:size}.flo-hero .flo-hero__media img,.flo-hero .flo-hero__video{left:0;right:0;width:100%;object-position:60% 50%}.flo-hero .flo-hero__edge--top{display:none}.flo-hero{--edge-w:clamp(52px,5vw,96px);--edge-x:calc(var(--edge-w) * .72 - 1px);--r:clamp(26px,2.8vw,52px)}.flo-hero .flo-hero__edge--side{display:block;top:0;left:-1px;width:var(--edge-w);height:100%}.flo-hero .flo-hero__media:before,.flo-hero .flo-hero__media:after{content:"";position:absolute;z-index:2;left:calc(var(--edge-x) - 2px);width:calc(var(--r) + 1px);pointer-events:none}.flo-hero .flo-hero__media:before{top:0;height:calc(var(--wave-h) * .3 + var(--r));background:radial-gradient(circle at 100% 100%,transparent calc(var(--r) - .6px),var(--flo-leaf-soft) var(--r)) 100% 100%/var(--r) var(--r) no-repeat,linear-gradient(var(--flo-leaf-soft),var(--flo-leaf-soft)) 0 0/100% calc(100% - var(--r) + 1px) no-repeat,linear-gradient(var(--flo-leaf-soft),var(--flo-leaf-soft)) 0 0/1px 100% no-repeat}.flo-hero .flo-hero__media:after{bottom:0;height:calc(var(--wave-h) * .24 + var(--r));background:radial-gradient(circle at 100% 0,transparent calc(var(--r) - .6px),var(--flo-leaf-soft) var(--r)) 100% 0/var(--r) var(--r) no-repeat,linear-gradient(var(--flo-leaf-soft),var(--flo-leaf-soft)) 0 100%/100% calc(100% - var(--r) + 1px) no-repeat,linear-gradient(var(--flo-leaf-soft),var(--flo-leaf-soft)) 0 0/1px 100% no-repeat}}@media(prefers-reduced-motion:reduce){.flo-hero .flo-hero__video{transition:none}}.flo-hero .flo-hero__media img,.flo-hero .flo-hero__video{max-width:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/flo-home-hero.css.map */