/* Diana article only. Shared component and brand values live one level above. */
/* 17.09: desktop fidelity is the active milestone; existing mobile rules are frozen. */
.rtm-classic .rtm-article__hero{position:relative;min-height:437px;background:var(--rtm-navy);color:#fff;overflow:hidden}
.rtm-classic .rtm-article__hero-photo{position:absolute;inset:0 0 0 auto;width:39.3%;height:100%;object-fit:cover}
/* Start 1px inside the navy area so fractional pixel rounding cannot reveal
   a vertical seam where the photo and the gradient meet. */
.rtm-classic .rtm-article__hero::after{content:'';position:absolute;inset:0 20% 0 calc(60.7% - 1px);background:linear-gradient(90deg,var(--rtm-navy),transparent);pointer-events:none}
.rtm-classic .rtm-article__hero-inner{position:relative;z-index:1;min-height:437px;padding-top:20px;padding-bottom:45px}
.rtm-classic .rtm-breadcrumbs{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;letter-spacing:.04em}
.rtm-classic .rtm-breadcrumbs a{text-decoration:none}
.rtm-classic .rtm-breadcrumbs span[aria-hidden]{opacity:.7}
.rtm-classic .rtm-article__hero-copy{padding:62px 0 0 64px;max-width:760px}
.rtm-classic .rtm-article__eyebrow{display:inline-block;padding:2px 10px;border:1px solid #afbed5;border-radius:100px;background:#7187a8;font-size:11px;text-transform:uppercase}
.rtm-classic .rtm-article h1{font:700 32px/1.2 var(--rtm-font);margin-top:18px}
/* The active theme styles headings globally; keep hero text independent. */
.rtm-classic .rtm-article__hero h1{color:#fff}
.rtm-classic .rtm-article__hero h2.rtm-article__hero-title{font:700 32px/1.2 var(--rtm-font);margin:18px 0 0;color:#fff;text-align:start}
.rtm-classic .rtm-article__subtitle{font:400 26px/1.3 var(--rtm-display);margin-top:8px}
.rtm-classic .rtm-article__hero-copy .rtm-button{margin-top:118px;padding:6px 24px;min-height:40px}
.rtm-classic .rtm-article__body{padding-top:32px;padding-bottom:60px}
.rtm-classic .rtm-article__body>section{margin-top:48px}
.rtm-classic .rtm-article h2{font:700 32px/1.2 var(--rtm-font);color:var(--rtm-blue);text-align:center;margin-bottom:24px}
.rtm-classic .rtm-article p+p{margin-top:20px}
.rtm-classic .rtm-article__lead{text-align:justify}
.rtm-classic .rtm-article__single-photo{width:590px;margin:58px auto 24px}
.rtm-classic .rtm-article__single-photo img{width:100%;aspect-ratio:590/348;object-fit:cover}
.rtm-classic .rtm-article__body>.rtm-article__production{margin-top:24px}
.rtm-classic .rtm-article__production>.rtm-columns{margin-top:30px}
.rtm-classic .rtm-article ul{margin-top:20px}
.rtm-classic .rtm-article li+li{margin-top:5px}
.rtm-classic .rtm-article__application img{width:100%;height:100%;min-height:440px;object-fit:cover;border-radius:16px}
.rtm-classic .rtm-article__application .rtm-columns{gap:60px}
.rtm-classic .rtm-article__callout{max-width:950px;margin:32px auto 0;padding:24px 50px;border-radius:24px;background:var(--rtm-tint);text-align:center;font-weight:700}
.rtm-classic .rtm-article__assortment p{margin-bottom:24px}
.rtm-classic .rtm-article__steps{list-style:none;padding:0;margin:0}
.rtm-classic .rtm-article__steps li+li{margin-top:12px}
.rtm-classic .rtm-article__gallery{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1080px;margin:32px auto 0}
.rtm-classic .rtm-article__gallery img{width:100%;aspect-ratio:1.7;object-fit:cover;border-radius:20px}
.rtm-classic .rtm-article__benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;list-style:none;padding:0!important}
.rtm-classic .rtm-article__benefits li{margin:0!important;border:1px solid #aaa;border-radius:8px;padding:12px 18px;text-align:center;font-size:21px}
.rtm-classic .rtm-article__direct{align-items:center;min-height:400px}
.rtm-classic .rtm-article__direct h2{margin:0}
.rtm-classic .rtm-article__extra p{font-size:22px}
.rtm-classic .rtm-article__references{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rtm-classic .rtm-article__reference{display:flex;align-items:center;min-height:330px;background:#d9d9d9;border-radius:28px;padding:48px;font-size:22px}
.rtm-classic .rtm-article__dots{display:flex;justify-content:center;gap:12px;margin-top:22px}
.rtm-classic .rtm-article__dots i{width:9px;height:9px;border-radius:50%;background:#ddd}
.rtm-classic .rtm-article__dots i:first-child{background:#999}
.rtm-classic .rtm-article__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rtm-classic .rtm-article__related-card{background:#fff;border-radius:12px;padding:28px 20px;color:#000;text-decoration:none;font-size:22px;min-height:165px;display:flex;flex-direction:column;gap:28px}
.rtm-classic .rtm-article__related-card[href]:hover{outline:1px solid var(--rtm-blue)}
.rtm-classic .rtm-article__related-card span{color:var(--rtm-blue);font-size:15px;font-weight:700}
.rtm-classic .rtm-article__consultation{padding:55px 0 0;text-align:center;scroll-margin-top:24px}
.rtm-classic .rtm-article__consultation h2{font:400 32px/1.2 var(--rtm-display);color:#000}
.rtm-classic .rtm-article__consultation>p{max-width:1000px;margin-inline:auto;font:400 24px/1.3 var(--rtm-display)}
.rtm-classic .rtm-article__form{max-width:460px;margin:65px auto 0;display:grid;gap:20px;font-family:var(--rtm-display)}
.rtm-classic .rtm-article__form input:not([type=checkbox]){width:100%;min-height:54px;border:1px solid #8898b2;border-radius:4px;text-align:center;background:#fff;color:#000;padding:12px}
.rtm-classic .rtm-article__consent{font-size:13px;display:flex;text-align:left;gap:10px;color:var(--rtm-muted)}
.rtm-classic .rtm-article__consent input{flex-shrink:0;width:16px;height:16px;accent-color:var(--rtm-blue)}
.rtm-classic .rtm-article__form .rtm-button{justify-self:center;border-radius:0;font-size:20px}
.rtm-classic .rtm-article__demo{font:400 13px/1.4 var(--rtm-font);color:var(--rtm-muted)}
.rtm-classic .rtm-article__form-status{font-size:16px;color:var(--rtm-blue)}
@media(max-width:1100px){.rtm-classic .rtm-article__hero-copy{padding-left:0}.rtm-classic .rtm-article__hero-photo{width:48%}.rtm-classic .rtm-article__hero::after{right:20%;left:calc(52% - 1px)}.rtm-classic .rtm-article__gallery{gap:30px}}
@media(max-width:900px){.rtm-classic .rtm-article h2{font-size:27px}.rtm-classic .rtm-article__body>section{margin-top:36px}.rtm-classic .rtm-article__application img{height:340px;min-height:0}.rtm-classic .rtm-article__callout{padding:22px}.rtm-classic .rtm-article__direct{min-height:0}.rtm-classic .rtm-article__benefits li{font-size:18px}.rtm-classic .rtm-article__extra p{font-size:19px}.rtm-classic .rtm-article__reference{padding:24px;min-height:250px;font-size:18px}.rtm-classic .rtm-article__related-card{font-size:18px;padding:20px 16px}.rtm-classic .rtm-article__related-card span{font-size:12px}}
@media(max-width:600px){
  /* Reference behaviour: mobile hero is a continuous brand-colour panel;
     the desktop photo and its transition are intentionally absent. */
  .rtm-classic .rtm-article__hero{background:#264796}
  .rtm-classic .rtm-article__hero-photo,.rtm-classic .rtm-article__hero::after{display:none}
  .rtm-classic .rtm-article__hero-inner{min-height:580px;padding-bottom:245px}.rtm-classic .rtm-breadcrumbs{gap:12px;font-size:11px}.rtm-classic .rtm-article__hero-copy{padding-top:38px}.rtm-classic .rtm-article h1{font-size:29px}.rtm-classic .rtm-article__subtitle{font-size:23px}.rtm-classic .rtm-article__hero-copy .rtm-button{margin-top:42px}.rtm-classic .rtm-article h2{font-size:25px}.rtm-classic .rtm-article__lead{text-align:left}.rtm-classic .rtm-article__single-photo{width:100%;margin-top:28px}.rtm-classic .rtm-article__gallery{grid-template-columns:1fr;gap:16px}.rtm-classic .rtm-article__benefits{grid-template-columns:1fr;gap:10px}.rtm-classic .rtm-article__references{grid-template-columns:1fr}.rtm-classic .rtm-article__reference{min-height:210px}.rtm-classic .rtm-article__related-grid{grid-template-columns:1fr;gap:14px}.rtm-classic .rtm-article__related-card{min-height:120px;gap:20px}.rtm-classic .rtm-article__consultation{padding-top:25px}.rtm-classic .rtm-article__consultation>p{font-size:20px}.rtm-classic .rtm-article__form{margin-top:32px}.rtm-classic .rtm-table{font-size:14px}.rtm-classic .rtm-table :is(th,td){padding:12px 7px}}

/* Desktop inspection pass. Dimensions come from the selected Figma layers,
   not from scaling a screenshot. Flow layout remains extensible for real text. */
@media (min-width:1101px) {
  .rtm-classic .rtm-article__body {
    --rtm-content:1270px;
    padding-top:33px;
  }
  .rtm-classic .rtm-article__lead {min-height:128px}
  .rtm-classic .rtm-article__single-photo {margin-top:24px;margin-bottom:0}
  .rtm-classic .rtm-article__body>.rtm-article__production {margin-top:28px;min-height:529px}
  .rtm-classic .rtm-article .rtm-panel {border-radius:40px}
  .rtm-classic .rtm-article__body>.rtm-article__application {margin-top:26px}
  .rtm-classic .rtm-article__application h2 {margin-bottom:33px}
  .rtm-classic .rtm-article__application .rtm-columns {
    width:calc(100% - 62px);
    margin-inline:auto;
    grid-template-columns:474px minmax(0,1fr);
    gap:64px;
  }
  .rtm-classic .rtm-article__application img {
    width:474px;height:460px;min-height:0;border-radius:0;
  }
  .rtm-classic .rtm-article__application li+li {margin-top:0}
  .rtm-classic .rtm-article__callout {
    display:flex;align-items:center;justify-content:center;
    width:min(970px,100%);max-width:none;min-height:157px;
    margin-top:33px;padding:24px 70px;border-radius:40px;background:#e0e7f8;
  }
  .rtm-classic .rtm-article__body>.rtm-article__assortment {margin-top:26px}
  .rtm-classic .rtm-article .rtm-table-wrap {max-width:1210px;margin-inline:auto}
  .rtm-classic .rtm-article .rtm-table tr {height:75px}
  .rtm-classic .rtm-article .rtm-table :is(th,td) {padding-block:16px}
  .rtm-classic .rtm-article__gallery {max-width:1000px;gap:78px;margin-top:36px}
  .rtm-classic .rtm-article__gallery img {width:461px;height:281px;aspect-ratio:auto}
  .rtm-classic .rtm-article__steps {align-self:center}
  .rtm-classic .rtm-article__benefits li {font-weight:700}
  .rtm-classic .rtm-article__direct {min-height:531px;grid-template-columns:490px minmax(0,1fr);gap:54px;padding-inline:47px}
  .rtm-classic .rtm-article__direct ul {padding-inline-start:44px}
  .rtm-classic .rtm-article__extra p {font-size:24px}
  .rtm-classic .rtm-article .rtm-faq {max-width:1209px;margin-inline:auto;gap:24px}
  .rtm-classic .rtm-article .rtm-faq details {border-radius:10px;border-color:#000;font-size:20px}
  .rtm-classic .rtm-article .rtm-faq summary {min-height:56px;font-weight:700;padding:14px 44px}
  .rtm-classic .rtm-article .rtm-faq details p {padding:0 44px 20px}
  .rtm-classic .rtm-article__related-grid {gap:16px}
  /* Center the entire heading + cards group, not only the cards.
     Symmetric padding and natural growth preserve balance if text wraps. */
  .rtm-classic .rtm-panel[aria-labelledby="related-title"], .rtm-classic .rtm-panel.rtm-article__related {
    display:flex;flex-direction:column;justify-content:center;
    min-height:403px;padding-block:40px;gap:24px;
  }
  .rtm-classic .rtm-panel[aria-labelledby="related-title"]>h2, .rtm-classic .rtm-panel.rtm-article__related>h2 {margin:0}
  .rtm-classic .rtm-article__related-card {
    border:1px solid #d6d6d6;border-radius:20px;min-height:210px;
    font-size:24px;font-weight:700;justify-content:space-between;
  }
  .rtm-classic .rtm-article__related-card span {font-size:24px;color:#5e82cf}
  .rtm-classic .rtm-article__consultation h2 {
    font:500 48px/56px var(--rtm-display);color:var(--rtm-navy);margin-bottom:26px;
  }
  .rtm-classic .rtm-article__consultation>p {
    max-width:1070px;min-height:84px;
    font:400 36px/42px var(--rtm-display);color:var(--rtm-navy);
  }
  .rtm-classic .rtm-article__form {margin-top:92px;gap:24px}
  .rtm-classic .rtm-article__form input:not([type=checkbox]) {
    min-height:60px;font-size:36px;line-height:42px;padding:8px 16px;
    border-color:var(--rtm-navy);border-radius:8px;
  }
  .rtm-classic .rtm-article__form .rtm-button {
    min-height:60px;border-radius:8px;font-size:36px;padding:8px 24px;
  }
}