.fn{--fn-hold: calc(20vh - 40px) ;background:var(--page)}.fn-stagewrap{position:relative;padding-top:var(--pad-section);background:linear-gradient(180deg,#f6f6f8,#ebeaef)}.fn-stagewrap:after{content:"";display:block;height:var(--fn-hold)}.fn-stagehead{position:absolute;right:var(--pad-x, 24px);bottom:calc(min(121.2vw,716px) + 10px);left:var(--pad-x, 24px);text-align:center}.fn-stagehead__eyebrow{margin-bottom:var(--sp-4, 16px);color:var(--accent-deep);font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase}.fn-stagehead__h{margin:0 auto;max-width:var(--max-inner, 1160px);font-family:var(--serif);font-weight:400;font-size:var(--fs-h2);line-height:var(--lh-head);text-wrap:balance}.fn-stagehead__sub{max-width:720px;margin:12px auto 0;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--body);text-wrap:pretty}.fn-stage{--fn-stageh: calc(min(121.2vw, 716px) + 203px) ;position:sticky;top:calc(100svh - var(--fn-stageh));height:var(--fn-stageh);overflow:hidden}.fn-stage__img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(105.6vw,624px);max-width:none;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:18px 18px 0 0;opacity:0;transition:opacity .4s var(--ease)}[data-fn-state="0"] .fn-stage__img--0,[data-fn-state="1"] .fn-stage__img--1,[data-fn-state="2"] .fn-stage__img--2{opacity:1}.fn-scrub .fn-stage__img--0,.fn-scrub .fn-stage__img--1{display:none}.fn-scrub .fn-stage__img{border-radius:0}.fn-stage__frame{opacity:1;transition:none}.fn-scrub .fn-stage__img--2{transition:opacity .65s var(--ease)}.fn-flip{position:relative;z-index:1;margin-top:calc(-1 * var(--fn-hold));padding:var(--pad-section) var(--pad-x, 24px);text-align:center;background:linear-gradient(180deg,#fff,#fefefe)}.fn-flip__h{margin:0 auto;max-width:15ch;font-family:var(--serif);font-weight:400;font-size:clamp(30px,5.4vw,46px);line-height:1.12;color:var(--muted)}.fn-flip__h em{font-style:normal;color:var(--ink)}.fn-sweep{position:relative;white-space:nowrap}.fn-sweep:after{content:"";position:absolute;top:58%;right:-.12em;bottom:-.02em;left:-.12em;z-index:-1;border-radius:4px;background:linear-gradient(95deg,var(--lavender),var(--pink));opacity:.5;transform:scaleX(0);transform-origin:left center}.fn-flip.fn-in .fn-sweep:after{transform:scaleX(1);transition:transform .6s .25s var(--ease)}.fn-flip__p{max-width:720px;margin:14px auto 0;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--body);text-wrap:pretty}.fn-gallery{padding:0 0 8px;background:linear-gradient(180deg,#fefefe,#fdfdfd)}.fn-gallery__h{margin:0 var(--pad-x, 24px) 22px;text-align:center;font-family:var(--serif);font-weight:400;font-size:var(--fs-h2);line-height:var(--lh-head);text-wrap:balance}.fn-gallery__h em{font-style:italic;color:var(--muted)}.fn-rail{display:flex;gap:12px;padding:4px var(--pad-x, 24px) 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.fn-rail::-webkit-scrollbar{display:none}.fn-card{flex:0 0 86%;scroll-snap-align:center;border-radius:16px;padding:16px 16px 20px;background:var(--frost)}.fn-card--fit{background:color-mix(in srgb,var(--sky) 22%,var(--page))}.fn-card--exit{background:color-mix(in srgb,var(--peach) 26%,var(--page))}.fn-card__tag{margin-bottom:10px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.fn-card__media{position:relative;overflow:hidden;border-radius:10px}.fn-card__media img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.fn-lens{position:absolute;right:10px;bottom:10px;padding:5px 10px;border:1px dashed var(--page);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--page);background:color-mix(in srgb,var(--ink) 42%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.fn-card__h{margin:12px 0 4px;font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.2}.fn-card__p{margin:0;font-size:15px;line-height:var(--lh-body);color:var(--body)}.fn-chips{display:flex;flex-direction:column;gap:7px;margin-top:12px}.fn-chip{padding:9px 12px;border-radius:9px;background:var(--page);font-size:14px;line-height:1.45;color:var(--body);opacity:0;transform:translateY(6px)}.fn-chip strong{color:var(--ink)}.fn-card.fn-in .fn-chip{opacity:1;transform:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}.fn-card.fn-in .fn-chip:nth-child(1){transition-delay:.35s}.fn-card.fn-in .fn-chip:nth-child(2){transition-delay:.5s}.fn-card.fn-in .fn-chip:nth-child(3){transition-delay:.65s}.fn-railnav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.fn-arrow{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--hairline);border-radius:50%;background:var(--page);color:var(--ink);cursor:pointer;transition:border-color var(--dur) var(--ease)}.fn-arrow:hover{border-color:var(--ink)}.fn-dots{display:flex;gap:5px}.fn-dots span{width:5px;height:5px;border-radius:3px;background:var(--dash);transition:width .3s var(--ease),background .3s var(--ease)}.fn-dots span.on{width:16px;background:var(--ink)}.fn-pause{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;margin-left:2px;border:1px solid var(--hairline);border-radius:50%;background:var(--page);color:var(--ink);cursor:pointer;transition:border-color var(--dur) var(--ease)}.fn-pause:hover{border-color:var(--ink)}.fn-pause .ic-play,.fn-pause.is-paused .ic-pause{display:none}.fn-pause.is-paused .ic-play{display:block}.fn-outro{max-width:720px;margin:0 auto;padding:calc(var(--pad-section) / 1.4) var(--pad-x, 24px) 0;text-align:center;font-family:var(--serif);font-size:clamp(22px,3vw,30px);line-height:var(--lh-head);color:var(--ink);text-wrap:balance}.fn-outro[data-fn-reveal]{opacity:1;transform:none}.fn-outro__a,.fn-outro__b{display:inline-block;opacity:0;transform:translateY(16px)}.fn-outro.fn-in .fn-outro__a{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}.fn-outro.fn-in .fn-outro__b{opacity:1;transform:none;transition:opacity .6s .3s var(--ease),transform .6s .3s var(--ease)}.fn-outro__b{position:relative;font-style:italic}.fn-outro__g{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(95deg,var(--grad-a),var(--grad-b),var(--grad-c),var(--grad-d),var(--grad-a));background-size:220% 100%;background-position:110% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:0}.fn-outro.fn-go .fn-outro__g{opacity:1;transition:opacity .6s var(--ease);animation:fn-gradflow 7s linear infinite}@keyframes fn-gradflow{0%{background-position:110% 0}to{background-position:293.333% 0}}@media(prefers-reduced-motion:reduce){.fn-outro__a,.fn-outro__b{opacity:1;transform:none}.fn-outro__g{opacity:1;background-position:55% 0;animation:none!important}}.fn-verdict{padding:var(--pad-section) 0 0;text-align:center;background:#fdfdfd}.fn-verdict__eyebrow{margin-bottom:10px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fn-verdict__h{margin:0 auto;padding:0 var(--pad-x, 24px);font-family:var(--serif);font-weight:400;font-size:var(--fs-h2);line-height:var(--lh-head);text-wrap:balance}.fn-verdict__p{max-width:720px;margin:12px auto 0;padding:0 var(--pad-x, 24px);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--body);text-wrap:pretty}.fn-verdict__media{max-width:calc(var(--max-inner, 1160px) * 1.15);margin:30px auto 0;padding:0 var(--pad-x, 24px)}.fn-verdict__media img,.fn-verdict__media video{display:block;width:100%;height:auto;border-radius:0}[data-fn-reveal]{opacity:0;transform:translateY(14px)}[data-fn-reveal].fn-in{opacity:1;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease)}@media(max-width:820px){.fn-stage{--fn-sink: 32px;top:calc(100svh - var(--fn-stageh) - var(--fn-bar, 156px) + var(--fn-sink))}.fn-flip__h{max-width:none;font-size:clamp(24px,7vw,29px)}.fn-verdict__media{padding:0}}@media(min-width:821px){.fn-stage__img{width:min(57.2vw,728px)}.fn-stage{--fn-stageh: calc(min(65.6vw, 835px) + 169px) }.fn-stage{top:var(--pad-section)}.fn-stagehead{bottom:min(65.6vw,835px)}.fn{--fn-hold: calc(24vh - 40px) }.fn-flip{padding-bottom:88px}.fn-flip__h{max-width:none}.fn-rail{max-width:none;gap:22px;padding-inline:calc((100vw - min(62vw,800px))/2);scroll-snap-type:x proximity}.fn-card{flex-basis:min(62vw,800px);display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:1fr auto auto auto 1fr;gap:0 32px;aspect-ratio:6 / 4;height:auto;padding:34px 38px}.fn-card__tag{grid-column:1;grid-row:2;align-self:end}.fn-card__media{grid-column:2;grid-row:1 / -1;align-self:stretch;min-height:0}.fn-card__media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.fn-card__h{grid-column:1;grid-row:3}.fn-card__p{grid-column:1;grid-row:4;align-self:start}.fn-chips{grid-column:1;grid-row:3;align-self:start}.fn-card__h{font-size:var(--fs-h3);line-height:var(--lh-head)}.fn-card__p{font-size:var(--fs-body)}.fn-chip{font-size:var(--fs-body-sm)}.fn-card--fit{grid-template-columns:1.05fr .95fr}.fn-card--fit .fn-card__media{grid-column:1;grid-row:1 / -1}.fn-card--fit .fn-card__tag,.fn-card--fit .fn-card__h,.fn-card--fit .fn-card__p{grid-column:2}.fn-card--fix .fn-card__tag{color:var(--lavender-deep)}.fn-card--fit .fn-card__tag,.fn-card--fit .fn-card__h em{color:var(--sky-deep)}.fn-card--exit .fn-card__tag{color:var(--peach-deep)}}@media(prefers-reduced-motion:reduce){.fn-stagewrap:after{height:0}.fn-stage{position:static;height:auto;overflow:visible;text-align:center}.fn-stagehead{position:static;padding:0 var(--pad-x, 24px) 18px}.fn-flip{margin-top:0}.fn-stage__img{display:none;position:static;transform:none}.fn-stage__img--2{display:inline-block;opacity:1}[data-fn-reveal]{opacity:1;transform:none}.fn-flip .fn-sweep:after{transform:scaleX(1);transition:none}.fn-card .fn-chip{opacity:1;transform:none}}.no-js .fn-stagewrap:after{height:0}.no-js .fn-stage{position:static;height:auto;overflow:visible;text-align:center}.no-js .fn-stagehead{position:static;padding:0 var(--pad-x, 24px) 18px}.no-js .fn-flip{margin-top:0}.no-js .fn-stage__img{display:none;position:static;transform:none}.no-js .fn-stage__img--2{display:inline-block;opacity:1}.no-js [data-fn-reveal]{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/funnel.css.map */