.mm-brand-bridge{--mm-bridge-stage-height:calc(100svh - var(--sticky-navigation-space,0px));position:relative;isolation:isolate;background:var(--background,#fff);color:var(--foreground,#111)}.mm-brand-bridge-stage{position:relative;display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);min-height:min(880px,80svh);overflow:hidden}.mm-bridge-geometry{position:absolute;pointer-events:none}.mm-brand-bridge-visual{position:relative;min-width:0;min-height:520px;margin:0;overflow:hidden}.mm-brand-bridge-visual{display:flex;align-items:center;justify-content:center;background:#ecebea}.mm-bridge-photo-canvas{position:relative;flex:none;aspect-ratio:1071/1468;width:100%;height:auto}.mm-brand-bridge-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.mm-bridge-worn-motif{position:absolute;left:54.5%;top:77.5%;width:12%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none}.mm-bridge-worn-motif>img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .5px .4px #0006);transform-origin:center}.mm-bridge-worn-motif>img.is-mark{top:33.825%;right:33.825%;bottom:33.825%;left:33.825%;width:32.35%;height:32.35%}.mm-bridge-worn-motif>[data-bridge-motif-next]{opacity:0}.mm-bridge-stitch-pass{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;opacity:0;stroke:#ffb490;stroke-width:1;stroke-linecap:round;stroke-dasharray:12 88;stroke-dashoffset:100;pointer-events:none}.mm-bridge-motif-cloud{display:none;pointer-events:none}.mm-brand-bridge.is-live .mm-bridge-motif-cloud{display:block;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.mm-bridge-motif-cloud>img{position:absolute;left:0;top:0;width:clamp(64px,8vw,104px);height:auto;object-fit:contain;opacity:0;filter:drop-shadow(0 4px 8px #0002);will-change:transform,opacity}.mm-brand-bridge-final{display:flex;min-width:0;background:var(--background,#fff)}.mm-brand-bridge-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-width:0;padding:clamp(28px,4.5vw,80px)}.mm-brand-bridge-copy>*{flex-shrink:0}.mm-brand-bridge-copy h2{margin:0;max-width:12ch;font:700 clamp(32px,4.4vw,76px)/1.02 var(--font-expanded,var(--font,Arial,sans-serif));letter-spacing:-.035em;color:inherit}.mm-brand-bridge-copy h2 [data-bridge-word]{display:inline-block}.mm-brand-bridge-text{max-width:36ch;margin:24px 0 0;font-size:clamp(16px,1.3vw,20px);line-height:1.5}.mm-brand-bridge-form{width:100%;max-width:560px;margin:28px 0 0}.mm-brand-bridge-form>label{display:block;margin:0 0 8px;font-size:15px;line-height:1.4}.mm-brand-bridge-field{display:flex;align-items:stretch;gap:8px;width:100%}.mm-brand-bridge-field>input{flex:1 1 auto;width:0;min-width:0;min-height:48px;font-size:16px}.mm-brand-bridge-field>.button{flex:none;min-height:48px;padding:12px 16px;font-size:16px;line-height:1.25}.mm-brand-bridge-field>.button svg{width:18px;height:18px}.mm-brand-bridge-privacy{max-width:46ch;margin:12px 0 0;font-size:13px;line-height:1.5}.mm-brand-bridge-privacy a{text-decoration:underline;text-underline-offset:3px}.mm-brand-bridge-feedback{margin:16px 0 0;font-size:15px;line-height:1.5}.mm-brand-bridge-feedback ul{margin:0;padding-left:20px}.mm-brand-bridge-signature{display:block;width:clamp(176px,17vw,244px);max-width:100%;margin-top:36px;color:inherit;transition:opacity .25s var(--ease,ease)}.mm-brand-bridge-signature .brand-word{display:block;width:100%;height:auto}.mm-brand-bridge-signature:hover{opacity:.75}.mm-bridge-thread,.mm-bridge-thread-entry{display:none;pointer-events:none;fill:none}.mm-brand-bridge.is-live{height:235svh;background:#111}.mm-brand-bridge.is-live .mm-brand-bridge-stage{position:sticky;top:var(--sticky-navigation-space,0px);display:block;height:var(--mm-bridge-stage-height,100svh);min-height:0;background:#111}.mm-brand-bridge.is-live .mm-brand-bridge-visual{position:absolute;z-index:1;inset:0 auto 0 0;width:50%;height:100%;min-height:0;mask:var(--mm-brand-bridge-mask);-webkit-mask:var(--mm-brand-bridge-mask);opacity:var(--mm-bridge-photo-opacity,0);transform:translate3d(var(--mm-bridge-visual-x,25vw),var(--mm-bridge-visual-y,0),0) scale(var(--mm-bridge-visual-scale,1.1));transform-origin:center;will-change:transform,opacity}.mm-brand-bridge.is-live .mm-bridge-photo-canvas{width:auto;height:100%;max-width:none}.mm-brand-bridge.is-live .mm-brand-bridge-photo{height:100%;transform:none}.mm-brand-bridge.is-live .mm-brand-bridge-final{position:absolute;top:0;right:0;bottom:0;left:50%;opacity:var(--mm-bridge-panel-opacity,0)}.mm-brand-bridge.is-live .mm-brand-bridge-copy h2 [data-bridge-word]{opacity:var(--mm-bridge-word-opacity,0);transform:translate3d(0,var(--mm-bridge-word-y,18px),0)}.mm-brand-bridge.is-live .mm-brand-bridge-signature{opacity:var(--mm-bridge-signature-opacity,0);transform:translate3d(0,var(--mm-bridge-signature-y,12px),0)}.mm-brand-bridge.is-live .mm-bridge-thread{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:visible;opacity:var(--mm-bridge-thread-opacity,1)}.mm-bridge-thread path,.mm-bridge-thread-entry path{stroke:var(--action,#ff5a1f);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:var(--mm-bridge-thread-offset,100);vector-effect:non-scaling-stroke}.mm-brand-bridge.is-live .mm-bridge-thread-entry{display:block;position:absolute;top:-87px;left:50%;z-index:1;width:200px;height:88px;transform:translate(-50%)}.mm-bridge-thread-entry path{stroke-dashoffset:var(--mm-bridge-entry-offset,100)}.mm-brand-bridge.is-live .mm-brand-bridge-text{opacity:var(--mm-bridge-text-opacity,0);transform:translate3d(0,var(--mm-bridge-text-y,14px),0);will-change:opacity,transform}.mm-brand-bridge.is-live .mm-brand-bridge-form{opacity:var(--mm-bridge-form-opacity,0);transform:translate3d(0,var(--mm-bridge-form-y,14px),0);pointer-events:var(--mm-bridge-form-pointer,none);will-change:opacity,transform}@media(max-width:767px){.mm-brand-bridge-stage{grid-template-columns:1fr;min-height:0}.mm-brand-bridge-visual{min-height:0;aspect-ratio:1071/1468}.mm-brand-bridge-photo{object-position:50% 22%}.mm-brand-bridge-copy{padding:32px var(--gutter,20px) 40px}.mm-brand-bridge-copy h2{max-width:16ch;font-size:clamp(30px,8vw,42px)}.mm-brand-bridge-text{max-width:34ch;margin-top:18px;font-size:16px}.mm-brand-bridge-form{margin-top:22px}.mm-brand-bridge-signature{width:176px;margin-top:28px}.mm-brand-bridge.is-live{height:225svh}.mm-brand-bridge.is-live .mm-brand-bridge-visual{inset:0 0 auto;width:100%;height:var(--mm-bridge-photo-share,40%);aspect-ratio:auto}.mm-brand-bridge.is-live .mm-brand-bridge-final{inset:var(--mm-bridge-photo-share,40%) 0 0}.mm-brand-bridge.is-live .mm-brand-bridge-copy{padding:24px var(--gutter,20px)}.mm-brand-bridge.is-live .mm-brand-bridge-signature{margin-top:22px}.mm-bridge-motif-cloud>img{width:70px}}@media(prefers-reduced-motion:reduce),print{.mm-brand-bridge.is-live{height:auto;background:var(--background,#fff)}.mm-brand-bridge.is-live .mm-brand-bridge-stage{position:relative;display:grid;height:auto;min-height:min(880px,80svh);background:var(--background,#fff)}.mm-brand-bridge.is-live .mm-brand-bridge-visual{position:relative;inset:auto;width:auto;height:auto;min-height:520px;mask:none;-webkit-mask:none;opacity:1;transform:none}.mm-brand-bridge.is-live .mm-brand-bridge-photo{height:100%;transform:none}.mm-brand-bridge.is-live .mm-brand-bridge-final{position:relative;inset:auto;opacity:1}.mm-brand-bridge.is-live .mm-brand-bridge-copy h2 [data-bridge-word],.mm-brand-bridge.is-live .mm-brand-bridge-signature,.mm-brand-bridge.is-live .mm-brand-bridge-text,.mm-brand-bridge.is-live .mm-brand-bridge-form{opacity:1;transform:none}.mm-brand-bridge .mm-bridge-thread,.mm-brand-bridge .mm-bridge-thread-entry{display:none!important}}@media(prefers-reduced-motion:reduce)and (max-width:767px){.mm-brand-bridge.is-live .mm-brand-bridge-stage{min-height:0}.mm-brand-bridge.is-live .mm-brand-bridge-visual{min-height:0;aspect-ratio:4/5}}.mm-brand-bridge.is-live .mm-bridge-photo-canvas{width:var(--mm-bridge-canvas-width,100%);height:var(--mm-bridge-canvas-height,100%);aspect-ratio:auto;transform:translate3d(0,var(--mm-bridge-canvas-y,0px),0)}@media(max-width:767px){.mm-brand-bridge.is-live{height:var(--mm-bridge-mobile-scene-height,225svh)}.mm-brand-bridge.is-live .mm-brand-bridge-stage{height:var(--mm-bridge-mobile-stage-height,var(--mm-bridge-stage-height,100svh))}}.template-product:has(.mm-brand-bridge[data-bridge-in-view]) .product-sticky-buy{visibility:hidden;pointer-events:none}@media(min-width:768px){.mm-bridge-worn-motif{width:7.5%}.mm-brand-bridge.is-live .mm-brand-bridge-visual{left:0;width:var(--mm-bridge-photo-width,50%)}.mm-brand-bridge.is-live .mm-brand-bridge-final{left:var(--mm-bridge-photo-width,50%)}.mm-brand-bridge.is-live .mm-brand-bridge-copy{max-width:860px;margin-inline:auto}}@media(min-width:768px)and (max-height:800px){.mm-brand-bridge-copy{padding:28px clamp(28px,4vw,64px)}.mm-brand-bridge-copy h2{font-size:clamp(32px,4vw,58px)}.mm-brand-bridge-text{font-size:16px;margin-top:18px}.mm-brand-bridge-form{margin-top:20px}.mm-brand-bridge-signature{margin-top:24px;width:176px}.mm-brand-bridge-privacy{font-size:12px;margin-top:10px}}.mm-bridge-photo-canvas{aspect-ratio:1312/1199}.mm-brand-bridge.is-live[data-phase=photo] .mm-brand-bridge-visual{mask:none;-webkit-mask:none}
/*# sourceMappingURL=/cdn/shop/t/133/assets/mm-brand-bridge.css.map */