.section-motion-photo-separator{margin-top:clamp(-42px,-3vw,-26px);margin-bottom:clamp(-34px,-2.4vw,-20px)}.md-photo-separator{position:relative;isolation:isolate;width:100%;min-height:var(--md-photo-desktop-height, 680px);overflow:hidden;color:var(--md-photo-text, #ffffff);background:#080b10}.md-photo-separator__media,.md-photo-separator__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.md-photo-separator__media picture,.md-photo-separator__image,.md-photo-separator__placeholder{display:block;width:100%;height:100%}.md-photo-separator__image,.md-photo-separator__placeholder{object-fit:cover;object-position:var(--md-photo-desktop-x, 50%) var(--md-photo-desktop-y, 50%)}.md-photo-separator__overlay{z-index:1;pointer-events:none;background:linear-gradient(180deg,#080b100a 28%,#080b1085),rgba(0,0,0,var(--md-photo-overlay-opacity, .25))}.md-photo-separator__inner{position:relative;z-index:2;display:flex;width:min(calc(100% - 64px),1440px);min-height:var(--md-photo-desktop-height, 680px);align-items:flex-end;margin:0 auto;padding:64px 0}.md-photo-separator--desktop-right .md-photo-separator__inner{justify-content:flex-end}.md-photo-separator__content{position:relative;width:min(100%,620px);padding-left:22px;border-left:4px solid var(--md-photo-accent, #e6192a)}.md-photo-separator--desktop-right .md-photo-separator__content{padding-right:22px;padding-left:0;text-align:right;border-right:4px solid var(--md-photo-accent, #e6192a);border-left:0}.md-photo-separator__number{position:absolute;bottom:calc(100% + 18px);left:22px;color:var(--md-photo-accent, #e6192a);font-size:.68rem;font-weight:800;letter-spacing:.16em}.md-photo-separator--desktop-right .md-photo-separator__number{right:22px;left:auto}.md-photo-separator__eyebrow{margin:0 0 14px;font-size:.7rem;font-weight:800;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.md-photo-separator__heading{max-width:12ch;margin:0;font-family:var(--motion-display-font, Rockwell, serif);font-size:clamp(3.8rem,7vw,7rem);font-weight:400;letter-spacing:-.025em;line-height:.9;text-wrap:balance;text-transform:uppercase}.md-photo-separator--desktop-right .md-photo-separator__heading{margin-left:auto}.md-photo-separator__subtext{max-width:28ch;margin:20px 0 0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.55}@media screen and (max-width:749px){.md-photo-separator{min-height:var(--md-photo-mobile-height, 520px)}.md-photo-separator__image,.md-photo-separator__placeholder{object-position:var(--md-photo-mobile-x, 50%) var(--md-photo-mobile-y, 50%)}.md-photo-separator__overlay{background:linear-gradient(180deg,transparent 32%,rgba(8,11,16,.48) 100%),rgba(0,0,0,calc(var(--md-photo-overlay-opacity, .25) * .75))}.md-photo-separator__inner{width:calc(100% - 40px);min-height:var(--md-photo-mobile-height, 520px);padding:56px 0 42px}.md-photo-separator--mobile-right .md-photo-separator__inner{justify-content:flex-end}.md-photo-separator__content{width:min(100%,390px);padding-left:16px;text-align:left;border-right:0;border-left:3px solid var(--md-photo-accent, #e6192a)}.md-photo-separator--mobile-right .md-photo-separator__content{padding-right:16px;padding-left:0;text-align:right;border-right:3px solid var(--md-photo-accent, #e6192a);border-left:0}.md-photo-separator__number,.md-photo-separator--desktop-right .md-photo-separator__number{right:auto;left:16px}.md-photo-separator--mobile-right .md-photo-separator__number{right:16px;left:auto}.md-photo-separator__heading,.md-photo-separator--desktop-right .md-photo-separator__heading{max-width:10ch;margin-right:0;margin-left:0;font-size:clamp(2.65rem,12vw,4.1rem);letter-spacing:-.015em;line-height:.92;overflow-wrap:normal;word-break:normal}.md-photo-separator--mobile-right .md-photo-separator__heading{margin-left:auto}.md-photo-separator__subtext{max-width:28ch;margin-top:16px;font-size:.98rem}.md-photo-separator--mobile-right .md-photo-separator__subtext{margin-left:auto}}@media screen and (min-width:320px)and (max-width:430px){.md-photo-separator__inner{width:calc(100% - 32px)}.md-photo-separator__content{max-width:100%}.md-photo-separator__heading,.md-photo-separator--desktop-right .md-photo-separator__heading{max-width:100%;font-size:clamp(2.55rem,11.5vw,3.1rem)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-motion-photo-separator.css.map */