/* Measured against the archived 1920px composition. All text stays in flow. */
.story-m { --m-blue:#3d328a; --m-paper:#f6f1e8; --m-white:#fffff9; color:#101010; background:var(--m-white); font-family:'PT Sans Local',Arial,sans-serif; font-size:24px; line-height:1.5; overflow:clip; }
.story-m *, .story-m *::before, .story-m *::after { box-sizing:border-box; }
.story-m p,.story-m h1,.story-m h2,.story-m blockquote,.story-m figure { margin:0; }
.story-m img { display:block; max-width:100%; height:auto; }
.story-m strong,.story-m h2 span,.story-m blockquote span { color:var(--m-blue); }
.story-m h1,.story-m h2 { font-family:'Lora Local',Georgia,serif; font-size:56px; font-weight:700; line-height:1.2; text-align:center; }
.story-m__container { width:calc(100% - 120px); max-width:1496px; margin-inline:auto; }
.story-m section { position:relative; }
.story-m__hero { background:var(--m-paper); }
.story-m__hero-inner { display:grid; grid-template-columns:1fr 1fr; max-width:1920px; margin:auto; min-height:930px; }
.story-m__hero-copy { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:80px 10% 260px; text-align:center; }
.story-m__hero-copy h1 { color:var(--m-blue); margin-bottom:24px; }
.story-m__breadcrumbs { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; font-size:18px; margin-bottom:36px; }
.story-m__breadcrumbs a { color:#252525; text-decoration:none; }
.story-m__breadcrumbs span:last-child { color:var(--m-blue); }
.story-m__hero-pattern { position:absolute; width:92%; bottom:20px; left:4%; }
.story-m__hero-stamp { position:absolute; width:19%; right:-2%; bottom:175px; z-index:3; }
.story-m__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:36px; }
.story-m__button { display:inline-flex; min-height:55px; padding:12px 26px; align-items:center; justify-content:center; border:1px solid var(--m-blue); border-radius:8px; font:500 18px/1.55 'Lora Local',Georgia,serif; text-decoration:none; color:var(--m-white); background:var(--m-blue); }
.story-m__button--outline { background:transparent; color:var(--m-blue); }
.story-m__button:focus-visible,.story-m button:focus-visible { outline:3px solid #138b7c; outline-offset:5px; }
.story-m__hero-art { position:relative; align-self:stretch; }
.story-m__hero-back { width:100%; height:100%!important; object-fit:cover; object-position:top center; }
.story-m__hero-card { position:absolute; width:82.5%; left:8.75%; top:18%; padding:16px; }
.story-m__hero-frame { position:absolute; inset:0; width:100%; height:100%!important; }
.story-m__hero-front { position:relative; width:100%; border-radius:24px; }
.story-m__vertical-edge { position:absolute; width:48px; top:0; left:-24px; height:100%!important; }
.story-m__edge { position:absolute; z-index:3; width:calc(100% + 4px); max-width:none!important; height:95px!important; left:-2px; bottom:-2px; pointer-events:none; }
.story-m__edge--reverse { transform:rotate(180deg); }
.story-m__artist { display:grid; grid-template-columns:240px 1fr 1fr; gap:24px; align-items:start; padding-block:150px 130px; }
.story-m__artist-photo { width:100%; border-radius:24px; }
.story-m__research { padding-top:40px; }
.story-m__research-details { display:grid; grid-template-columns:280px 1fr 280px; gap:20px; align-items:center; margin-top:70px; }
.story-m__research-note { position:relative; padding:45px 40px; text-align:center; }
.story-m__research-note p { position:relative; z-index:1; }
.story-m__research-loop { position:absolute; width:150%; max-width:none!important; height:145%!important; left:-25%; top:-22%; }
.story-m__research-icon { width:100%; }
.story-m__gallery-section { padding:130px 0 165px; }
.story-m__gallery { position:relative; width:calc(100% - 160px); max-width:1278px; margin:auto; }
.story-m__slide[hidden] { display:none; }
.story-m__slide>img { width:100%; aspect-ratio:1.52; object-fit:cover; border-radius:24px; }
.story-m figcaption { margin:14px 8px 0; font-size:18px; color:rgba(24,24,24,.6); }
.story-m__gallery-prev,.story-m__gallery-next { position:absolute; width:64px; height:64px; border:0; padding:0; background:transparent; top:calc(50% - 50px); cursor:pointer; }
.story-m__gallery-prev { left:-96px; }.story-m__gallery-next { right:-96px; }
.story-m__gallery-prev img,.story-m__gallery-next img { width:100%; height:100%; }
.story-m__gallery-dots { position:absolute; display:flex; gap:14px; bottom:60px; left:50%; transform:translateX(-50%); }
.story-m__gallery-dots button { border:0; padding:0; width:14px; height:14px; border-radius:50%; background:#d8d2de; cursor:pointer; }
.story-m__gallery-dots button[aria-pressed=true] { background:var(--m-blue); }
.story-m__history { background:var(--m-paper); padding:95px 0 130px; }
.story-m__history-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px 24px; align-items:center; }
.story-m__figure { position:relative; min-width:0; }
.story-m__figure>img:first-child { width:100%; border-radius:24px; }
.story-m__pin { position:absolute; width:84px; top:-47px; right:-40px; }
.story-m__history-grid>.story-m__figure:nth-child(3) .story-m__pin { left:-40px; right:auto; }
.story-m__timeline { background:var(--m-paper); padding:40px 0 150px; }
.story-m__paper-row { position:relative; margin-bottom:70px; padding-top:20px; }
.story-m__paper { position:relative; width:69.52%; padding:95px 10%; min-height:580px; display:flex; align-items:center; background:url('/assets/metropol-original/36.webp') center/100% 100% no-repeat; z-index:1; }
.story-m__paper-row--second .story-m__paper { margin-left:auto; }
.story-m__timeline-icon { position:absolute; z-index:2; width:18.7%; }
.story-m__paper-row--first .story-m__timeline-icon { right:26%; top:-115px; }
.story-m__timeline-route { position:absolute; width:36%; }
.story-m__paper-row--first .story-m__timeline-route { right:-7%; top:240px; }
.story-m__paper-row--second .story-m__timeline-icon { right:-4%; bottom:-50px; width:13.5%; }
.story-m__paper-row--second .story-m__timeline-route { left:-7%; top:250px; }
.story-m__paper-row--third .story-m__timeline-icon { left:3%; bottom:-90px; width:15%; }
.story-m__paper-row--third .story-m__paper { padding-right:17%; }
.story-m__timeline-photo { position:absolute; z-index:3; right:12%; top:170px; width:20%; }
.story-m__timeline-photo>img:first-child { width:100%; border-radius:24px; transform:rotate(4deg); }
.story-m__timeline-photo .story-m__pin { width:70px; top:-40px; right:-35px; }
.story-m__present { padding:140px 0 150px; }
.story-m__present-row { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:24px; }
.story-m__present-row .story-m__pin { left:-40px; right:auto; }
.story-m__present h2 { margin:100px 0 80px; }
.story-m__wish { position:relative; margin:auto; width:79.4%; min-height:289px; padding:70px 11%; display:flex; align-items:center; justify-content:center; border-radius:24px; background:var(--m-paper) url('/assets/metropol-original/47.svg') center/100% 100% no-repeat; box-shadow:16px 16px 0 #d8d2de; }
.story-m__wish p { font:700 36px/1.2 'Lora Local',Georgia,serif; color:var(--m-blue); text-align:center; }
.story-m__wish-stamp { position:absolute; width:127px; right:3%; bottom:35px; }
.story-m__wish-pin { position:absolute; width:84px; top:-48px; left:-38px; }
.story-m__closing { padding:95px 0 60px; background:var(--m-paper); }
.story-m__manifest { position:relative; z-index:2; max-width:1188px; text-align:center; margin:auto; }
.story-m__manifest h2 { margin-bottom:40px; }
.story-m__purchase { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:5%; align-items:center; margin:145px -8% 150px; }
.story-m__purchase-note { position:relative; padding:75px 10% 90px; min-height:500px; border-radius:24px; background:var(--m-white) url('/assets/metropol-original/55.svg') center/100% 100% no-repeat; box-shadow:16px 16px 0 #d8d2de; text-align:center; }
.story-m__purchase-note blockquote { font:700 36px/1.2 'Lora Local',Georgia,serif; margin-bottom:32px; }
.story-m__purchase-stamp { position:absolute; right:4%; bottom:25px; width:127px; }
.story-m__purchase-card { position:relative; }
.story-m__purchase-card>img:first-child { width:100%; border-radius:24px; box-shadow:16px 16px 0 #d8d2de; }
.story-m__clip { position:absolute; width:20%; left:34%; top:-20%; }
.story-m__thanks { position:relative; z-index:2; width:69.5%; margin:auto; padding:110px 10%; background:url('/assets/metropol-original/53.webp') center/100% 100% no-repeat; }
.story-m__asterisk { position:absolute; width:24px; top:115px; left:10%; transform:translateX(-40px); }
.story-m__closing-route { position:absolute; pointer-events:none; width:105%; max-width:2018px!important; left:50%; transform:translateX(-50%); }
.story-m__closing-route--top { top:340px; }.story-m__closing-route--bottom { bottom:40px; }
@media(min-width:1921px){ .story-m__hero { background:linear-gradient(to right,var(--m-paper) 50%,#655f54 50%); } }
@media(max-width:1599px){
 .story-m{font-size:22px}.story-m h1,.story-m h2{font-size:48px}.story-m__container{width:calc(100% - 120px)}
 .story-m__hero-inner{min-height:780px}.story-m__hero-copy{padding:65px 8% 170px}.story-m__hero-copy h1{font-size:48px}.story-m__hero-stamp{bottom:115px}.story-m__hero-pattern{bottom:0}.story-m__breadcrumbs{font-size:15px}
 .story-m__artist{grid-template-columns:170px 1fr 1fr;padding-block:110px}.story-m__research-details{grid-template-columns:180px 1fr 180px}.story-m__research-note{padding:35px 15px}.story-m__gallery{max-width:1000px;width:calc(100% - 200px)}
 .story-m__paper{min-height:0;padding-block:80px}.story-m__paper-row--first .story-m__timeline-icon{top:-85px;width:180px}.story-m__timeline-photo{top:145px}
 .story-m__wish{width:88%;padding:60px 12%}.story-m__wish p,.story-m__purchase-note blockquote{font-size:30px}.story-m__purchase{margin-inline:-2%;gap:5%}.story-m__purchase-note{padding:65px 10% 95px;min-height:440px}.story-m__thanks{padding-block:100px}
}
@media(max-width:1199px){
 .story-m{font-size:20px}.story-m h1,.story-m h2{font-size:40px}.story-m__container{width:calc(100% - 64px)}.story-m__hero-inner{grid-template-columns:1fr;min-height:0}.story-m__hero-copy{padding:60px 15% 130px}.story-m__hero-pattern{width:65%;left:17.5%;height:120px!important;object-fit:contain}.story-m__hero-stamp{right:6%;bottom:45px;width:110px}
 .story-m__hero-art{height:580px}.story-m__hero-back{object-fit:cover;object-position:center 55%}.story-m__hero-card{width:55%;left:22.5%;top:12%}.story-m__vertical-edge{display:none}
 .story-m__artist{grid-template-columns:170px 1fr;gap:28px;padding-block:90px}.story-m__artist-photo{grid-row:span 2}.story-m__research-details{grid-template-columns:130px 1fr 130px;gap:10px;margin-top:45px}.story-m__research-loop{width:130%;left:-15%}
 .story-m__gallery-section{padding-top:85px}.story-m__gallery{width:calc(100% - 150px)}.story-m__gallery-prev{left:-65px}.story-m__gallery-next{right:-65px}.story-m__gallery-prev,.story-m__gallery-next{width:48px;height:48px}
 .story-m__pin{width:58px;top:-30px;right:-20px}.story-m__history-grid>.story-m__figure:nth-child(3) .story-m__pin,.story-m__present-row .story-m__pin{left:-20px}
 .story-m__paper{width:80%;padding:75px 8%;min-height:400px}.story-m__paper-row--third .story-m__paper{padding-right:22%}.story-m__timeline-photo{right:0;top:100px;width:25%}.story-m__timeline-icon{width:150px}.story-m__paper-row--first .story-m__timeline-icon{right:17%}.story-m__timeline-route{width:25%}.story-m__paper-row--first .story-m__timeline-route{right:-3%}.story-m__paper-row--second .story-m__timeline-route{left:-3%}
 .story-m__wish p,.story-m__purchase-note blockquote{font-size:26px}.story-m__wish-stamp,.story-m__purchase-stamp{width:85px}.story-m__purchase{margin-top:120px;margin-bottom:100px}.story-m__purchase-note{padding:40px 9% 80px;min-height:380px}.story-m__thanks{width:85%;padding:90px 12%}.story-m__asterisk{left:12%;top:95px}
}
@media(max-width:639px){
 .story-m{font-size:18px;line-height:1.5}.story-m h1,.story-m h2{font-size:30px;line-height:1.25}.story-m__container{width:calc(100% - 40px)}
 .story-m__hero-copy{padding:38px 20px 120px}.story-m__hero-copy h1{font-size:36px}.story-m__breadcrumbs{font-size:12px;gap:7px;margin-bottom:28px}.story-m__hero-pattern{width:85%;left:0;height:100px!important}.story-m__hero-stamp{right:0;width:85px;bottom:24px}.story-m__actions{gap:12px;margin-top:24px}.story-m__button{font-size:15px;min-height:48px;padding:10px 18px}.story-m__hero-art{height:350px}.story-m__hero-card{width:88%;left:6%;top:8%;padding:12px}.story-m__hero-front{border-radius:16px}.story-m__edge{height:38px!important}
 .story-m__artist{grid-template-columns:1fr;gap:28px;padding-block:60px}.story-m__artist-photo{grid-row:auto;width:160px;border-radius:20px}.story-m__research{padding-top:20px}.story-m__research-details{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.story-m__research-note{grid-row:1;grid-column:1/-1;padding:22px 4px}.story-m__research-icon{width:110px;justify-self:center}.story-m__research-loop{width:108%;left:-4%;top:-5%;height:110%!important;opacity:.5}
 .story-m__gallery-section{padding:60px 0 85px}.story-m__gallery{width:calc(100% - 40px)}.story-m__slide>img{aspect-ratio:1.18;border-radius:16px}.story-m figcaption{font-size:13px;margin-top:12px}.story-m__gallery-prev,.story-m__gallery-next{width:38px;height:38px;top:calc(50% - 40px)}.story-m__gallery-prev{left:-12px}.story-m__gallery-next{right:-12px}.story-m__gallery-dots{bottom:48px;gap:10px}.story-m__gallery-dots button{width:10px;height:10px}
 .story-m__history{padding:40px 0 80px}.story-m__history-grid{grid-template-columns:1fr;gap:40px}.story-m__history-grid>p:nth-child(4){grid-row:3}.story-m__figure>img:first-child{border-radius:16px}.story-m__pin{width:48px!important;top:-26px!important;right:-12px!important}.story-m__history-grid>.story-m__figure:nth-child(3) .story-m__pin,.story-m__present-row .story-m__pin{left:-12px}
 .story-m__timeline{padding:25px 0 85px}.story-m__paper-row{padding-top:0;margin-bottom:65px}.story-m__paper{width:100%;padding:50px 28px;min-height:0}.story-m__timeline-icon{width:85px}.story-m__paper-row--first .story-m__timeline-icon{top:-45px;right:-5px}.story-m__timeline-route{width:95px}.story-m__paper-row--first .story-m__timeline-route{top:auto;bottom:-62px;right:-10px}.story-m__paper-row--second .story-m__timeline-icon{right:-5px;bottom:-32px}.story-m__paper-row--second .story-m__timeline-route{top:auto;bottom:-80px;left:-15px}
 .story-m__paper-row--third .story-m__paper{padding:50px 28px 75px}.story-m__timeline-photo{position:relative;width:48%;top:auto;right:auto;margin:-38px 8px 0 auto;transform:rotate(3deg)}.story-m__paper-row--third .story-m__timeline-icon{bottom:0;left:0;width:85px}.story-m__timeline-photo>img:first-child{border-radius:14px}
 .story-m__present{padding:50px 0 90px}.story-m__present-row{grid-template-columns:1fr;gap:35px}.story-m__present h2{margin:55px 0 40px}.story-m__wish{width:100%;padding:40px 28px 75px;min-height:0;box-shadow:8px 8px 0 #d8d2de;border-radius:16px}.story-m__wish p{font-size:23px}.story-m__wish-stamp{width:65px;bottom:12px;right:12px}.story-m__wish-pin{width:48px;top:-28px;left:-12px}
 .story-m__closing{padding:50px 0 85px}.story-m__manifest h2{margin-bottom:25px}.story-m__purchase{grid-template-columns:1fr;gap:80px;margin:60px 0}.story-m__purchase-note{padding:40px 28px 85px;min-height:0;border-radius:16px;box-shadow:8px 8px 0 #d8d2de}.story-m__purchase-note blockquote{font-size:24px}.story-m__purchase-card>img:first-child{border-radius:16px;box-shadow:8px 8px 0 #d8d2de}.story-m__clip{width:72px;top:-52px;left:43%}.story-m__thanks{width:100%;padding:65px 30px}.story-m__asterisk{top:35px;left:30px;transform:none;width:18px}.story-m__closing-route--top{top:580px;width:170%}.story-m__closing-route--bottom{bottom:110px;width:170%}
}
.story-m__wish { background-image:url('/assets/metropol-original/47-responsive.svg'); }
.story-m__purchase-note { background-image:url('/assets/metropol-original/55-responsive.svg'); }
.story-m__gallery-section>.story-m__edge,.story-m__present>.story-m__edge { height:auto!important; bottom:-1px; }
.story-m__closing>.story-m__edge { display:none; }
.story-m + .related { padding-top:40px; }
@media(max-width:639px){
 .story-m__closing { padding-bottom:28px; }
 .story-m__closing-route--bottom { bottom:53px; }
 .story-m + .related { padding-top:24px; }
}
.story-m__timeline::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:38px; background:var(--m-white); z-index:4; }
@media(max-width:639px){ .story-m__paper-row--first .story-m__timeline-icon{width:85px;top:-50px}.story-m__paper-row--second .story-m__timeline-icon{width:85px}.story-m__gallery-section::after,.story-m__present::after,.story-m__timeline::after,.story-m__closing::after{height:16px} }