.mm-bento-hero{background:var(--soft);color:var(--foreground);padding:24px 0 32px}.mm-bento-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:32px}.mm-bento-copy{min-width:0}.mm-bento-copy h1{font:700 clamp(44px,4.8vw,68px)/1.02 var(--font);letter-spacing:-.035em;margin:0 0 24px}.mm-bento-copy h1>span{display:block}.mm-bento-accent{color:var(--link)}.mm-bento-copy>p{max-width:28ch;font:400 18px/1.5 var(--font);margin:0 0 24px}.mm-bento-actions>.button{max-width:100%;text-align:center}.mm-bento-copy .hero-thread-control{width:min(100%,310px);margin:22px 0 0}.mm-bento-gallery{min-width:0}.mm-bento-stage{display:block;position:relative;isolation:isolate;height:clamp(440px,44vw,580px);width:100%;overflow:hidden;--bento-gap:8px;--bento-wide:calc((100% - var(--bento-gap)) * .58);--bento-slim:calc((100% - var(--bento-gap)) * .42);--bento-right:calc(var(--bento-wide) + var(--bento-gap));--bento-half:calc((100% - var(--bento-gap)) / 2);--bento-lower:calc((100% + var(--bento-gap)) / 2)}.mm-bento-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.mm-bento-caption strong{font:700 18px/1.3 var(--font)}.mm-bento-caption p{font:400 13px/1.4 var(--font);color:var(--muted);margin:4px 0 0}.mm-bento-caption>button{min-width:44px;min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:var(--link);font:400 13px/1.4 var(--font)}.mm-bento-hero :is(a,button):focus-visible{outline:2px solid var(--link);outline-offset:3px}.mm-bento-tile{position:absolute;inset:auto;margin:0;overflow:hidden;left:0;top:0;width:var(--bento-wide);height:100%;background:var(--surface);border-radius:var(--radius)}.mm-bento-tile--flat{left:var(--bento-right);width:var(--bento-slim);height:var(--bento-half)}.mm-bento-tile--detail{left:var(--bento-right);top:var(--bento-lower);width:var(--bento-slim);height:var(--bento-half)}[data-bento-focus=flat] .mm-bento-tile--flat{left:calc(var(--bento-slim) + var(--bento-gap));top:0;width:var(--bento-wide);height:100%}[data-bento-focus=flat] .mm-bento-tile--model{left:0;top:0;width:var(--bento-slim);height:var(--bento-half)}[data-bento-focus=flat] .mm-bento-tile--detail{left:0;top:var(--bento-lower);width:var(--bento-slim);height:var(--bento-half)}[data-bento-focus=detail] .mm-bento-tile--detail{left:0;top:0;width:var(--bento-wide);height:100%}[data-bento-focus=detail] .mm-bento-tile--model{left:var(--bento-right);top:0;width:var(--bento-slim);height:var(--bento-half)}[data-bento-focus=detail] .mm-bento-tile--flat{left:var(--bento-right);top:var(--bento-lower);width:var(--bento-slim);height:var(--bento-half)}.mm-bento-picture{width:100%;height:100%;overflow:hidden}.mm-bento-picture>:is(img,svg){display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mm-bento-tile--model .mm-bento-picture>img{object-position:50% 35%}.mm-bento-tile>button{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:flex-end;gap:12px;width:100%;height:100%;border:0;border-radius:var(--radius);padding:12px;background:transparent;color:var(--foreground);cursor:zoom-in;text-align:left;font:500 13px/1.35 var(--font)}.mm-bento-tile>button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mm-bento-tile>button>.icon{background:var(--background);color:var(--foreground);border-radius:50%}.mm-bento-tile>button>.icon{width:32px;height:32px;padding:8px;flex:none}.mm-bento-tile>button[aria-pressed=true]>.icon{display:none}.mm-bento-tile>button:focus-visible{outline:3px solid var(--action);outline-offset:-4px}.mm-bento-shutter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;transform:translateY(-101%)}.mm-bento-shutter--purple{background:var(--accent)}.mm-bento-shutter--orange{background:var(--action);z-index:6}.mm-product-worlds--emoji .mm-pw-browser{padding:12px;background:var(--accent)}.mm-product-worlds--emoji .mm-pw-worlds{padding:0 0 12px;gap:8px}.mm-product-worlds--emoji .mm-pw-worlds a{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:102px;max-width:140px;white-space:normal;text-align:center;padding:12px;line-height:1.3}.mm-product-worlds--emoji .mm-pw-emoji{display:block;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:28px;line-height:1.2}.mm-product-worlds--emoji .mm-pw-stage{border-radius:var(--radius)}@media(max-width:749px){.mm-bento-hero{padding:8px 0 24px}.mm-bento-shell{display:flex;flex-direction:column;align-items:stretch;gap:14px}.mm-bento-copy{display:contents}.mm-bento-copy h1{order:0;font-size:clamp(26px,8.7vw,40px);margin:0;white-space:nowrap}.mm-bento-copy h1>span{display:inline}.mm-bento-copy h1>span+span:before{content:" "}.mm-bento-copy>p{order:1;font-size:16px;margin:0;max-width:34ch}.mm-bento-gallery{order:2}.mm-bento-stage{height:clamp(300px,96vw,420px);--bento-gap:6px}.mm-bento-actions{order:3}.mm-bento-actions>.button{width:100%;font-size:20px}.mm-bento-copy .hero-thread-control{order:4;width:100%;margin:0;min-height:44px}.mm-bento-caption{gap:12px;margin-top:8px}.mm-bento-caption strong{font-size:16px}.mm-bento-caption p{font-size:12px}.mm-bento-caption>button{font-size:12px}.mm-bento-tile>button{padding:6px}.mm-bento-tile>button>.icon{width:28px;height:28px;padding:6px}.mm-product-worlds--emoji .mm-pw-browser{padding:8px}.mm-product-worlds--emoji .mm-pw-worlds{padding-bottom:8px}.mm-product-worlds--emoji .mm-pw-worlds a{min-width:94px;padding:10px 8px;font-size:13px}}@media(prefers-reduced-motion:reduce){.mm-bento-shutter,.mm-bento-hero .hero-thread-confetti{display:none}}html[data-motion=false] .mm-bento-shutter,html[data-motion=false] .mm-bento-hero .hero-thread-confetti{display:none}.mm-bento-caption>div{min-width:0}.mm-bento-caption>button{flex:none;min-width:56px;white-space:nowrap}.mm-bento-stage.is-reflowing>.mm-bento-tile{transition:left .62s cubic-bezier(.22,1,.36,1),top .62s cubic-bezier(.22,1,.36,1),width .62s cubic-bezier(.22,1,.36,1),height .62s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.mm-bento-stage.is-reflowing>.mm-bento-tile{transition:none}}html[data-motion=false] .mm-bento-stage.is-reflowing>.mm-bento-tile{transition:none}@media(prefers-reduced-motion:reduce){.mm-bento-hero [data-bento-pause]{display:none}}html[data-motion=false] .mm-bento-hero [data-bento-pause]{display:none}.mm-bento-tile>.mm-bento-shutter{z-index:2}.mm-bento-tile>.mm-bento-shutter--orange{z-index:3}.mm-world-comparison>.mm-preview-switch{flex-wrap:wrap}.mm-finder-emoji{display:none}[data-preview-view=original-emojis] .world-choice-art>:not(.mm-finder-emoji){display:none}[data-preview-view=original-emojis] .world-choice-art>.mm-finder-emoji{display:grid;place-items:center;width:100%;height:100%;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:30px;line-height:1}.mm-bento-picture{position:relative}[data-fit-kind]{overflow:hidden;background:var(--surface)}[data-fit-kind]>img{position:absolute;inset:auto;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}[data-fit-kind=flat]>img{mix-blend-mode:multiply}html .mm-world-comparison[data-preview-view=emojis]{margin-bottom:0;padding-block:24px 0;background:var(--soft);color:var(--foreground)}html .mm-world-comparison[data-preview-view=emojis] .mm-product-worlds--emoji{width:100%;max-width:none;padding-inline:0}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-heading{margin:0;padding:16px var(--gutter) 20px}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-browser{padding:0;border-radius:0;background:transparent}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-worlds{padding:12px var(--gutter) 20px;background:transparent}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-worlds a{color:var(--foreground)}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-worlds a[aria-current]{background:var(--accent);color:#fff}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-stage{padding:24px var(--gutter) 32px;gap:24px;background:var(--background);border-radius:0;align-items:start}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-selection{padding:0;gap:16px}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-motif-art{max-width:88px}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-photo{margin:0;min-width:0}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-image{height:clamp(260px,24vw,340px);aspect-ratio:auto;background:var(--surface)}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-photo-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--soft)}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-selection-copy{min-width:0}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-selection-copy strong{font-size:20px}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-photo-caption>.button{flex:none;font-size:16px;padding:12px 16px}.shopify-section:has(>.mm-world-comparison[data-preview-view=emojis])+.shopify-section>.image-text--advent{margin-top:0}@media(max-width:1099px){html .mm-world-comparison[data-preview-view=emojis] .mm-pw-photo-caption{flex-direction:column;align-items:stretch}}@media(max-width:749px){html .mm-world-comparison[data-preview-view=emojis] .mm-pw-heading h2{font-size:clamp(25px,7.7vw,32px);line-height:1.1}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-stage{padding:12px var(--gutter) 24px;gap:16px}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-motifs{padding:8px 0 16px;margin:0;scroll-padding-inline:0}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-image{height:clamp(300px,105vw,400px)}html .mm-world-comparison[data-preview-view=emojis] .mm-pw-photo-caption>.button{width:100%;text-align:center}}html .mm-world-comparison{margin-top:0}html .mm-world-comparison[data-worlds-final]{margin-top:clamp(32px,3.4vw,48px)}html .mm-world-comparison[data-worlds-final] .ci-discovery--finder{margin-block:0}html .shopify-section:has(+.shopify-section>.mm-world-comparison) .partners.partner-ribbon{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/133/assets/mm-hero-bento.css.map */
