.fh.fh-hero.fh-hx{--hx-paper:#fff;--hx-pink:#f40d70;--hx-teal:#14b3b6;background:var(--hx-paper);color:var(--fh-ink);position:relative;overflow:clip;isolation:isolate}.fh-hx ::selection{background:var(--hx-pink);color:#fff}.fh-hero.fh-hx .fh-hx-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-block:22px 18px;min-height:0}.fh-hx-copy{display:grid;gap:12px;position:relative;z-index:3;min-width:0}.fh-hx .fh-hx-h{color:var(--fh-ink);font-size:clamp(34px,9.2vw,66px);line-height:.98;letter-spacing:-.035em;max-width:9.4em;text-wrap:balance}.fh-hx .fh-hx-h .fh-brush-word{--fh-brush:color-mix(in srgb, var(--hx-teal) 32%, #fff);color:var(--fh-pink-deep)}.fh-hx .fh-hx-h .fh-accent{color:var(--fh-pink-deep);font-size:1.12em;display:inline-block;transform:rotate(-2deg);transform-origin:left bottom}.fh-hx .fh-hx-lead{display:none;color:var(--fh-ink-2);max-width:50ch;margin:0}.fh-hx-short{margin:0;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.35;color:var(--fh-ink-2)}.fh-hx-short .fh-ic{flex:none;width:18px;height:18px;color:var(--fh-pink)}.fh-hero.fh-hx .fh-hx-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:2px 18px;margin-top:4px}.fh-hero.fh-hx .fh-hx-ctas .fh-btn{flex:0 0 auto}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-primary{flex:1 1 auto;min-width:0;box-shadow:0 14px 28px -14px #cf0b60bf}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-secondary{height:auto;padding:10px 0;border:0;background:none;color:var(--fh-ink);font-size:15px}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-secondary .fh-ic{color:var(--fh-pink)}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-secondary:hover{background:none;color:var(--fh-pink-deep)}.fh-hx-proof{list-style:none;margin:2px calc(-1 * var(--fh-gutter)) 0;padding:0 var(--fh-gutter);display:none;gap:8px;overflow-x:auto;scrollbar-width:none}.fh-hx-proof::-webkit-scrollbar{display:none}.fh-hx--proofm .fh-hx-proof{display:flex}.fh-hx-proof li{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(20,22,28,.07);box-shadow:0 8px 16px -12px #14161c57;font-family:var(--fh-font-display);font-weight:700;font-size:13px;color:var(--fh-ink);letter-spacing:.01em;white-space:nowrap}.fh-hx-proof .fh-ic{width:15px;height:15px;color:var(--fh-pink)}.fh-hx-stage{position:relative;aspect-ratio:1.25;margin:14px calc(-1 * var(--fh-gutter)) 0;z-index:1}.fh-hx-paint{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}.fh-hx-paint .fh-hx-pd{display:none}.fh-hx--mirror .fh-hx-paint{scale:-1 1}.fh-hx-pk{fill:var(--hx-pink)}.fh-hx-tl{fill:var(--hx-teal)}.fh-hx-pk2{fill:#ff7ab3;fill:color-mix(in srgb,var(--hx-pink) 55%,#fff)}.fh-hx-paint{animation:fhHxFade .9s var(--fh-ease) both}.fh-hx-it{position:absolute;display:block;left:var(--lm);top:var(--tm);width:var(--wm);height:var(--hm);rotate:var(--rm,0deg);z-index:2;animation:fhHxRise .9s var(--fh-ease) var(--d,0s) both}.fh-hx-it--star{z-index:3}.fh-hx-it .fh-hx-img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(20,22,28,.13)) drop-shadow(0 2px 3px rgba(20,22,28,.12))}.fh-hx-stage .fh-hx-it--d{display:none}.fh-hx-stick{position:absolute;z-index:70;pointer-events:none}.fh-hx-stick .fh-sticker{font-size:11px;box-shadow:0 10px 18px -10px #14161c66;animation:fhHxStick .6s var(--fh-ease) var(--sd,1s) both}.fh-hx-stick .fh-sticker.fh-s-script{font-size:14px}.fh-hx-names{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;list-style:none}.fh-hx-empty{position:absolute;inset:40% 10% auto;z-index:2;text-align:center;color:var(--fh-mute);font-size:14px}@keyframes fhHxRise{0%{translate:0 18px}to{translate:0 0}}@keyframes fhHxFade{0%{opacity:0}}@keyframes fhHxStick{0%{transform:scale(.6) rotate(-10deg);opacity:0}to{transform:rotate(-3deg);opacity:1}}.fh-hx-shop{position:relative;z-index:3;margin:10px calc(-1 * var(--fh-gutter)) 0}.fh-hx-shop ul{list-style:none;margin:0;padding:4px var(--fh-gutter) 8px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--fh-gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.fh-hx-shop ul::-webkit-scrollbar{display:none}.fh-hx-shop li{flex:none;scroll-snap-align:start}.fh-hx-pill{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 16px 0 5px;border-radius:999px;background:#fff;border:1px solid rgba(20,22,28,.07);box-shadow:0 1px 2px #14161c0d,0 10px 18px -12px #14161c4d;color:var(--fh-ink);font-family:var(--fh-font-display);font-weight:700;font-size:14px;letter-spacing:.005em;white-space:nowrap;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s var(--fh-ease)}.fh-hx-pill:hover{border-color:color-mix(in srgb,var(--hx-pink) 45%,transparent);color:var(--fh-ink);transform:translateY(-1px);box-shadow:0 1px 2px #14161c0d,0 14px 22px -12px #14161c57}.fh-hx-pill:focus-visible{outline:3px solid var(--hx-teal);outline-offset:3px}.fh-hx-pill--bare{padding-left:16px}.fh-hx-pill--hi{background:var(--fh-pink-ui);border-color:var(--fh-pink-ui);color:#fff}.fh-hx-pill--hi:hover{background:var(--fh-pink-deep);color:#fff}.fh-hx-pthumb{flex:none;width:36px;height:36px;border-radius:50%;background:var(--fh-pink-tint);display:grid;place-items:center;overflow:hidden}.fh-hx-shop li:nth-child(2n) .fh-hx-pthumb{background:color-mix(in srgb,var(--hx-teal) 12%,#fff)}.fh-hx-pthumb img{width:80%;height:80%;object-fit:contain;display:block}@media(max-width:639px){.fh-hx-stick--dm,.fh-hx:not(.fh-hx--stickm) .fh-hx-stick{display:none}}@media(min-width:640px){.fh-hx-stage{margin:18px auto 0;width:100%;max-width:600px;aspect-ratio:1.1407}.fh-hx-paint .fh-hx-pd{display:inline}.fh-hx-paint .fh-hx-pm{display:none}.fh-hx-it{left:var(--l);top:var(--t);width:var(--w);height:var(--h);rotate:var(--r,0deg)}.fh-hx-stage .fh-hx-it--d{display:block}.fh-hx-stage .fh-hx-it--m{display:none}.fh-hx-stick .fh-sticker{font-size:12.5px}.fh-hx-stick .fh-sticker.fh-s-script{font-size:18px}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-primary{flex:0 1 auto}}@media(min-width:900px){.fh-hero.fh-hx .fh-hx-grid{grid-template-columns:minmax(0,5.4fr) minmax(0,6.6fr);column-gap:clamp(24px,3.5vw,56px);align-items:center;padding-block:clamp(28px,3.4vw,52px) 26px}.fh-hx-copy{gap:20px;max-width:560px}.fh-hx .fh-hx-h{max-width:none;font-size:clamp(40px,3.9vw,58px)}.fh-hx .fh-hx-lead{display:block}.fh-hx-short{display:none}.fh-hero.fh-hx .fh-hx-ctas{flex-wrap:wrap;gap:12px}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-secondary{height:54px;padding:0 22px;border:1.5px solid var(--fh-ink);background:#fff;color:var(--fh-ink);font-size:15px}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-secondary:hover{background:var(--fh-ink);color:#fff}.fh-hero.fh-hx .fh-hx-ctas .fh-btn-secondary:hover .fh-ic{color:#fff}.fh-hx-proof{display:flex;flex-wrap:wrap;margin:4px 0 0;padding:0;overflow:visible}.fh-hx-stage{margin:0;max-width:none}.fh-hx-shop{grid-column:1 / -1;margin:14px 0 0}.fh-hx-shop ul{flex-wrap:wrap;padding:0 0 4px;overflow:visible;-webkit-mask-image:none;mask-image:none}}@media(prefers-reduced-motion:reduce){.fh-hx-it,.fh-hx-paint,.fh-hx-stick .fh-sticker{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fann-hero.css.map */