.mf-feel{padding:96px 0;scroll-margin-top:80px}@media(min-width:640px){.mf-feel{padding:128px 0}}.mf-feel__top{display:flex;flex-direction:column;justify-content:space-between;gap:24px;margin-bottom:40px}@media(min-width:640px){.mf-feel__top{margin-bottom:56px}}@media(min-width:1024px){.mf-feel__top{flex-direction:row;align-items:flex-end}}.mf-feel__intro{max-width:38ch;font-size:16px;line-height:1.65;color:var(--mf-ink-2)}@media(min-width:640px){.mf-feel__intro{font-size:18px}}.mf-feel__grid{display:grid;gap:16px}@media(min-width:640px){.mf-feel__grid{gap:20px}}@media(min-width:1024px){.mf-feel__grid{grid-template-columns:repeat(12,1fr)}}.mf-feel__tile{position:relative;border-radius:28px;overflow:hidden;background:#fff}.mf-feel__tile--dark{background:var(--mf-deep);color:#fff;min-height:440px}@media(min-width:1024px){.mf-feel__tile--a{grid-column:span 7;min-height:520px}.mf-feel__tile--b{grid-column:span 5;min-height:480px}.mf-feel__tile--c{grid-column:span 5}.mf-feel__tile--d{grid-column:span 7}}.mf-feel__pad{display:flex;flex-direction:column;height:100%;padding:24px}@media(min-width:640px){.mf-feel__pad{padding:36px}}.mf-feel__kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mf-muted)}.mf-feel__tile--dark .mf-feel__kicker{color:#b9d98a}.mf-section .mf-feel__title{margin-top:8px;font-size:24px;line-height:1.05;letter-spacing:-.025em}@media(min-width:640px){.mf-section .mf-feel__title{font-size:30px}}.mf-feel__text{margin-top:8px!important;max-width:40ch;font-size:14px;line-height:1.6;color:var(--mf-ink-2)}@media(min-width:640px){.mf-feel__text{font-size:15px}}.mf-feel__tile--dark .mf-feel__text{color:#ffffffbf}.mf-feel__note{margin-top:8px!important;font-size:11px;color:var(--mf-muted)}.mf-footbed__svg{width:100%;min-height:180px;margin-top:24px;touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}@media(min-width:1024px){.mf-footbed__svg{flex:1}}.mf-footbed__controls{margin-top:16px}.mf-footbed__range{width:100%;accent-color:var(--mf-ink);cursor:pointer}.mf-footbed__legend{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:var(--mf-muted)}.mf-footbed__legend .is-on[data-flat]{color:#b5462a;font-weight:500}.mf-footbed__legend .is-on[data-contour]{color:#2d5a30;font-weight:500}.mf-bounce__pad{position:relative;flex:1;min-height:220px;margin-top:24px;border-radius:22px;background:var(--mf-paper)!important;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}.mf-bounce__heel{position:absolute;left:27%;width:46%;top:18%;height:34%;border-radius:40px 40px 60px 60px;background:#1e3f20e6;transition:transform .7s cubic-bezier(.34,1.9,.5,1)}.mf-bounce__foam{position:absolute;left:12%;right:12%;bottom:14%;height:34%;border-radius:18px;transform-origin:bottom;background-color:var(--mf-lime-soft);background-image:radial-gradient(circle at 50% 50%,rgba(30,63,32,.22) 0 28%,transparent 30%);background-size:22px 22px;transition:transform .7s cubic-bezier(.34,1.9,.5,1)}.mf-bounce__base{position:absolute;left:10%;right:10%;bottom:10%;height:4%;border-radius:999px;background:var(--mf-ink)}.mf-bounce__status{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:12px;color:var(--mf-muted)}.mf-bounce__pad.is-pressed .mf-bounce__heel{transform:translateY(40%);transition:transform .4s var(--mf-ease-out)}.mf-bounce__pad.is-pressed .mf-bounce__foam{transform:scaleY(.6);transition:transform .4s var(--mf-ease-out)}.mf-grip{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:none}.mf-grip__blur{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(5px) brightness(.45);transform:scale(1.05)}.mf-grip__lens{position:absolute;left:0;top:0;width:150px;height:150px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 50px #00000080;transform:translate(calc(var(--lx, 0px) - 75px),calc(var(--ly, 0px) - 75px))}.mf-grip__lens img{position:absolute;left:0;top:0;max-width:none!important;width:calc(var(--gw, 0px) * 1.7);height:calc(var(--gh, 0px) * 1.7);object-fit:cover;transform:translate(calc(var(--lx, 0px) * -1.7 + 75px),calc(var(--ly, 0px) * -1.7 + 75px))}.mf-feel__shade{position:absolute;left:0;right:0;bottom:0;padding:96px 24px 24px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4) 55%,transparent);pointer-events:none}@media(min-width:640px){.mf-feel__shade{padding:96px 36px 36px}}.mf-feel__video{position:absolute;top:0;right:0;bottom:0;left:0}.mf-feel__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mf-feel__chips span{padding:6px 12px;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}.mf-js .mf-feel__tile:not(.is-in) .mf-feel__chips span{opacity:0;transform:translateY(8px)}.mf-feel__tile.is-in .mf-feel__chips span{transition:opacity .5s var(--mf-ease) calc(.3s + var(--i) * 80ms),transform .5s var(--mf-ease) calc(.3s + var(--i) * 80ms)}@media(prefers-reduced-motion:reduce){.mf-bounce__heel,.mf-bounce__foam{transition-duration:.2s!important;transition-timing-function:ease!important}}.mf-feel__film{grid-column:1 / -1}.mf-feel__film-frame{display:block;position:relative;aspect-ratio:16 / 9;min-height:0;background:#000}.mf-feel__film-frame img,.mf-feel__film-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.mf-feel__film-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding-bottom:2px;font-size:14px;font-weight:500;color:var(--mf-ink);text-decoration:none;border-bottom:1px solid rgba(30,63,32,.3)}.mf-feel__film-link:hover{border-bottom-color:var(--mf-ink)}.mf-feel__story{position:relative;display:grid;gap:8px;margin:8px 0 56px;padding:40px 24px;border-radius:28px;background:#fff;overflow:hidden}@media(min-width:640px){.mf-feel__story{padding:56px 48px}}@media(min-width:1024px){.mf-feel__story{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:center;gap:48px;padding:72px 64px;margin-bottom:72px}}.mf-feel__year{font-family:var(--font-heading-family);font-weight:600;font-size:clamp(96px,22vw,240px);line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(30,63,32,.22);background:linear-gradient(to top,#84BD3A var(--fill, 0%),transparent var(--fill, 0%));-webkit-background-clip:text;background-clip:text;-webkit-user-select:none;user-select:none}.mf-feel__story-body{position:relative}.mf-section .mf-feel__story-title{margin-top:8px;font-family:var(--font-heading-family);font-weight:500;font-size:26px;line-height:1.1;letter-spacing:-.025em;color:var(--mf-ink)}@media(min-width:640px){.mf-section .mf-feel__story-title{font-size:34px}}.mf-feel__story-text{margin-top:20px!important;font-family:var(--font-heading-family);font-size:19px;line-height:1.55;letter-spacing:-.01em;color:var(--mf-ink)}@media(min-width:640px){.mf-feel__story-text{font-size:22px}}.mf-feel__w{opacity:.18;transition:opacity .2s ease}.mf-feel__w.is-lit{opacity:1}.mf-feel__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px!important;padding:0;list-style:none}.mf-feel__facts li{padding:8px 14px;border-radius:999px;background:#e8f3d6;color:var(--mf-ink);font-size:13px;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .4s ease calc(var(--i) * 90ms),transform .4s var(--mf-ease-out) calc(var(--i) * 90ms)}.mf-feel__story.is-done .mf-feel__facts li{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.mf-feel__w{opacity:1}.mf-feel__facts li{opacity:1;transform:none}.mf-feel__year{--fill: 100%}}.mf-feel__year{transition:-webkit-text-stroke-color .4s ease}.mf-feel__story.is-done .mf-feel__year{-webkit-text-stroke-color:transparent}.mf-feel__film-frame{cursor:pointer}.mf-feel__film-frame:after{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#ffffffeb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%231E3F20'/%3E%3C/svg%3E") 55% 50% / 34px no-repeat;box-shadow:0 10px 30px #00000040;transition:transform .2s ease}.mf-feel__film-frame:hover:after{transform:scale(1.06)}.mf-feel__film-frame.is-playing:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mf-feel.css.map */