/* v127 — ALL Mila Stays articles: desktop editorial photo/text rhythm.
   Scope: article pages only. Original image proportions are preserved; no crop, no stretch.
   Desktop alternates image-left / image-right. Tablet/mobile remain a single reading column. */

@media (min-width:981px){
  .article-page.article-editorial-v127 .article-editorial-row{
    width:min(1120px,calc(100vw - 64px));
    margin:46px 50% 50px;
    transform:translateX(-50%);
    display:grid;
    gap:56px;
    align-items:center;
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-standard.image-left{
    grid-template-columns:480px minmax(0,1fr);
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-standard.image-right{
    grid-template-columns:minmax(0,1fr) 480px;
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-tall.image-left{
    grid-template-columns:400px minmax(0,1fr);
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-tall.image-right{
    grid-template-columns:minmax(0,1fr) 400px;
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-mixed.image-left{
    grid-template-columns:440px minmax(0,1fr);
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-mixed.image-right{
    grid-template-columns:minmax(0,1fr) 440px;
  }
  .article-page.article-editorial-v127 .article-editorial-row.image-left .article-editorial-copy{grid-column:2;grid-row:1;}
  .article-page.article-editorial-v127 .article-editorial-row.image-left .article-editorial-media-stack{grid-column:1;grid-row:1;}
  .article-page.article-editorial-v127 .article-editorial-row.image-right .article-editorial-copy{grid-column:1;grid-row:1;}
  .article-page.article-editorial-v127 .article-editorial-row.image-right .article-editorial-media-stack{grid-column:2;grid-row:1;}

  .article-page.article-editorial-v127 .article-editorial-copy h2{margin:0 0 18px!important;}
  .article-page.article-editorial-v127 .article-editorial-copy p{margin:0 0 17px;}
  .article-page.article-editorial-v127 .article-editorial-copy p:last-child{margin-bottom:0;}
  .article-page.article-editorial-v127 .article-editorial-copy blockquote{margin:24px 0!important;}

  .article-page.article-editorial-v127 .article-editorial-media-stack{
    display:flex;
    flex-direction:column;
    gap:24px;
    align-items:center;
  }
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-inline-media{
    margin:0!important;
    max-width:100%!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-standard figure.article-inline-media,
  .article-page.article-editorial-v127 .article-editorial-row.media-standard figure.article-inline-media img{
    width:480px!important;max-width:480px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-tall figure.article-inline-media,
  .article-page.article-editorial-v127 .article-editorial-row.media-tall figure.article-inline-media img{
    width:400px!important;max-width:400px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
  }
  .article-page.article-editorial-v127 .article-editorial-row.media-mixed figure.article-inline-media,
  .article-page.article-editorial-v127 .article-editorial-row.media-mixed figure.article-inline-media img{
    width:440px!important;max-width:440px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
  }
  .article-page.article-editorial-v127 .article-editorial-media-stack img{
    display:block!important;margin:0 auto!important;border-radius:18px!important;
  }
}

@media (min-width:621px) and (max-width:980px){
  .article-page.article-editorial-v127 .article-editorial-row{display:block;margin:38px 0 42px;transform:none;width:auto;}
  .article-page.article-editorial-v127 .article-editorial-copy h2{margin-top:0!important;}
  .article-page.article-editorial-v127 .article-editorial-media-stack{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:26px;}
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-inline-media{margin:0!important;max-height:none!important;}
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-standard,
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-standard img{
    width:min(76vw,460px)!important;max-width:460px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
  }
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-tall,
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-tall img{
    width:min(68vw,380px)!important;max-width:380px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
  }
}

@media (max-width:620px){
  .article-page.article-editorial-v127 .article-editorial-row{display:block;margin:32px 0 36px;transform:none;width:auto;}
  .article-page.article-editorial-v127 .article-editorial-copy h2{margin-top:0!important;}
  .article-page.article-editorial-v127 .article-editorial-media-stack{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:23px;}
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-inline-media{margin:0!important;max-height:none!important;}
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-standard,
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-standard img{
    width:min(90vw,370px)!important;max-width:370px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
  }
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-tall,
  .article-page.article-editorial-v127 .article-editorial-media-stack figure.article-media-tall img{
    width:min(86vw,345px)!important;max-width:345px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
  }
  .article-page.article-editorial-v127 .article-editorial-media-stack img{border-radius:16px!important;}
}
\n\n/* v127 typography consistency — article body/callouts only.
   Keep Cormorant for headings and Marck Script for Mila signatures;
   regular reading text and highlighted blocks use the same DM Sans rhythm. */
.article-page.article-editorial-v127 .article-content,
.article-page.article-editorial-v127 .article-editorial-copy,
.article-page.article-editorial-v127 .article-note,
.article-page.article-editorial-v127 .article-cta,
.article-page.article-editorial-v127 .article-cta p{
  font-family:var(--font-body)!important;
  font-weight:400;
  letter-spacing:0;
}
.article-page.article-editorial-v127 .article-content p,
.article-page.article-editorial-v127 .article-editorial-copy p,
.article-page.article-editorial-v127 .article-content li{
  font-family:var(--font-body)!important;
  font-weight:400;
}
.article-page.article-editorial-v127 .article-content strong,
.article-page.article-editorial-v127 .article-editorial-copy strong,
.article-page.article-editorial-v127 .article-note strong,
.article-page.article-editorial-v127 .article-cta strong{
  font-family:inherit!important;
  font-weight:700;
}
.article-page.article-editorial-v127 .article-content blockquote,
.article-page.article-editorial-v127 .article-editorial-copy blockquote{
  font-family:var(--font-body)!important;
  font-size:1.04em!important;
  line-height:1.62!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.article-page.article-editorial-v127 .article-content h2,
.article-page.article-editorial-v127 .article-editorial-copy h2{
  font-family:var(--font-display)!important;
}
.article-page.article-editorial-v127 .mila-signature,
.article-page.article-editorial-v127 .article-signature span{
  font-family:var(--font-script)!important;
}
