.mm-story{--story-paper:var(--bg);--story-warm:var(--surface);--story-ink:var(--ink);--story-muted:var(--muted);--story-rule:var(--line);--story-gold:#dfc9a8;--story-dark:#28251f;--story-gap:clamp(32px,6vw,96px);--story-pad:clamp(48px,7vw,96px);--story-gutter:clamp(24px,5vw,64px);--story-print-shadow:0 20px 30px -18px rgba(40,37,31,.45);--story-viewer-shadow:0 32px 80px rgba(0,0,0,.35);--story-motion:240ms;--story-tilt:14deg;--story-lift:32px;color:var(--story-ink);background:var(--story-paper)}
.mm-story .story-wrap{max-width:1280px;margin-inline:auto;padding:var(--story-pad) var(--story-gutter)}
.mm-story .story-eyebrow{font:12px/1.6 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--story-muted);margin:0 0 24px}
.mm-story h1{font:400 clamp(48px,5.7vw,80px)/1.05 var(--display);letter-spacing:-.045em;margin:0 0 32px;max-width:10ch}
.mm-story h2{font:400 clamp(32px,3.25vw,48px)/1.12 var(--display);letter-spacing:-.025em;max-width:19ch;margin:0}
.mm-story p{font-size:17px;line-height:1.75;max-width:60ch}
.mm-story p+p{margin-top:24px}
.mm-story .story-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--story-gap);align-items:center}
.mm-story .story-lead{font:400 25px/1.4 var(--display);max-width:25ch;margin-bottom:24px}
.mm-story .story-portrait{margin:0;justify-self:center;width:100%;max-width:380px}
.mm-story .story-portrait img{width:100%;height:auto;aspect-ratio:401/600;object-fit:contain}
.mm-story figcaption{font:15px/1.5 var(--sans);color:var(--story-muted);padding-top:16px;border-bottom:1px solid var(--story-rule);padding-bottom:16px}
.mm-story .story-link{display:inline-flex;gap:24px;align-items:center;min-height:44px;margin-top:32px;font-size:16px;text-decoration-thickness:1px}
.mm-story .story-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--story-gap)}
.mm-story .story-moments{background:var(--story-dark);color:var(--story-paper)}
.mm-story .story-moments .story-eyebrow{color:var(--story-gold)}
.mm-story blockquote{grid-column:1/-1;border-top:1px solid rgba(223,201,168,.4);padding:48px 0 0;margin:0;font:400 clamp(28px,3.4vw,44px)/1.35 var(--display);max-width:38ch}
.mm-story blockquote em{color:var(--story-gold)}
.mm-story .story-together{background:var(--story-warm)}
.mm-story .story-together .story-columns{align-items:center}
.mm-story .story-current-portrait{margin:32px 0 0;max-width:400px}
.mm-story .story-current-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center bottom}
.mm-story .story-album-heading{display:flex;justify-content:space-between;gap:32px;align-items:end}
.mm-story .story-album-heading>p{max-width:27ch;font-size:15px;color:var(--story-muted)}
.mm-story .story-prints{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;perspective:1400px;isolation:isolate;padding:64px 12px 48px}
.mm-story .story-print{--fold:var(--story-tilt);--turn:-3deg;position:relative;min-width:0;border:1px solid var(--story-rule);padding:12px 12px 0;background:var(--story-paper);color:var(--story-ink);box-shadow:var(--story-print-shadow);transform:rotateY(var(--fold)) rotateZ(var(--turn));transform-origin:center;transition:transform var(--story-motion) ease,box-shadow var(--story-motion) ease;cursor:zoom-in;text-align:left;border-radius:0}
.mm-story .story-print:nth-child(even){--fold:calc(-1 * var(--story-tilt));--turn:3deg;translate:0 24px}
.mm-story .story-print img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:var(--story-warm)}
.mm-story .story-print>span:last-child{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:16px 0;min-height:56px;font:15px/1.45 var(--sans)}
.mm-story .story-frames{display:block;position:relative;aspect-ratio:2/3;background:var(--story-warm);overflow:hidden}
.mm-story .story-frames .story-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1400ms ease;object-fit:contain}
.mm-story .story-frames .story-slide.is-current{opacity:1}
.mm-story .story-frames .story-slide[data-full*="217a3703"]{object-fit:cover;object-position:68% center}
.mm-story .story-print>span.story-frames{padding:0;min-height:0}
@media(prefers-reduced-motion:reduce){.mm-story .story-frames .story-slide{transition:none}}
.mm-story .story-print:focus-visible{z-index:2;transform:translateZ(var(--story-lift)) rotateY(0) rotateZ(0);outline:3px solid var(--accent);outline-offset:6px}
@media(hover:hover) and (pointer:fine){.mm-story .story-print:hover{z-index:2;transform:translateZ(var(--story-lift)) rotateY(0) rotateZ(0)}}
.mm-story .story-closing{background:var(--story-warm);border-block:1px solid var(--story-rule)}
.mm-story .story-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:16px 24px;border:1px solid var(--story-ink);background:var(--story-ink);color:var(--story-paper);font-size:16px;text-decoration:none;margin-top:32px;transition:background var(--story-motion)}
.mm-story .story-cta:hover{background:var(--accent)}
.mm-story .story-area{font-size:15px;color:var(--story-muted);margin-top:24px}
.mm-story .story-viewer{padding:16px;border:1px solid var(--story-rule);width:min(1000px,calc(100% - 32px));max-height:calc(100svh - 32px);color:var(--story-ink);background:var(--story-paper);box-shadow:var(--story-viewer-shadow)}
.mm-story .story-viewer::backdrop{background:rgba(26,24,21,.88)}
.mm-story .story-viewer-bar,.mm-story .story-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mm-story .story-viewer-bar{padding-bottom:12px}
.mm-story .story-viewer-controls{justify-content:center;padding-top:12px}
.mm-story .story-viewer button{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--story-rule);background:transparent;color:var(--story-ink);cursor:pointer;font-size:24px}
.mm-story .story-viewer button:hover{background:var(--story-warm)}
.mm-story .story-viewer-image{position:relative;height:min(68svh,760px);display:grid;place-items:center}
.mm-story .story-viewer-image img{width:100%;height:100%;object-fit:contain;min-height:0}
.mm-story .story-image-status{position:absolute;inset:auto 16px 16px;padding:8px 12px;background:var(--story-paper);font-size:15px}
.mm-story .story-image-status:empty{display:none}
@media(max-width:1000px){.mm-story .story-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.mm-story .story-columns{gap:40px}.mm-story .story-prints{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:680px;margin:auto;--story-tilt:10deg}.mm-story .story-print:nth-child(even){translate:0 16px}}
@media(max-width:650px){.mm-story .story-intro,.mm-story .story-columns{grid-template-columns:1fr;gap:32px}.mm-story h1{font-size:52px}.mm-story p{font-size:16px}.mm-story .story-portrait{max-width:320px}.mm-story .story-album-heading{display:block}.mm-story .story-album-heading>p{margin-top:24px;max-width:none}.mm-story .story-prints{gap:16px;padding:40px 4px 32px;--story-tilt:8deg}.mm-story .story-print{padding:6px 6px 0;--turn:-2deg}.mm-story .story-print:nth-child(even){--turn:2deg}.mm-story .story-print>span:last-child{font-size:15px;padding:12px 4px;min-height:64px}.mm-story .story-print>span:last-child>span{display:none}.mm-story blockquote{padding-top:32px}.mm-story .story-cta{width:100%;padding:16px}.mm-story .story-viewer{padding:12px;width:calc(100% - 16px);max-height:calc(100svh - 16px)}.mm-story .story-viewer-image{height:65svh}.mm-story .story-viewer-caption{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mm-story .story-print,.mm-story .story-cta{transition:none}.mm-story .story-print,.mm-story .story-print:hover,.mm-story .story-print:focus-visible{transform:none;translate:0}}

@media(max-width:650px){
 .mm-story .story-intro{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .mm-story .story-intro-copy{display:contents}
 .mm-story .story-intro .story-eyebrow{order:0;margin:0}
 .mm-story .story-intro h1{order:1;margin:0}
 .mm-story .story-intro .story-lead{order:2;margin:0}
 .mm-story .story-intro .story-portrait{order:3;align-self:center}
 .mm-story .story-intro-copy>p:not(.story-eyebrow):not(.story-lead){order:4;margin:0}
 .mm-story .story-intro .story-link{order:5;margin:0}
}