/* Commercial editorial layout; all rules are confined to this page. */
.commercial-page .commercial-hero{padding-block:28px 26px}
.commercial-page .commercial-hero .crumbs{margin-bottom:24px}
.commercial-page .commercial-hero .hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.28fr);gap:clamp(32px,4vw,58px)}
.commercial-page .commercial-hero h1{font-size:clamp(44px,4.5vw,66px);line-height:1.04;max-width:470px;margin-block:16px 24px}
.commercial-page .commercial-hero .intro{font-size:17px;line-height:1.7;max-width:440px}
.commercial-page .commercial-hero .image-stage{aspect-ratio:3/2}
.commercial-page .commercial-hero .editorial-image figcaption{font-size:13px;color:var(--ink);margin-top:12px}
.commercial-page .commercial-image-note{padding-bottom:28px}
.commercial-page .commercial-image-note p{font-size:12px;line-height:1.6;max-width:760px;margin:0;color:var(--muted)}
.commercial-page .commercial-story-grid{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr);align-items:center;gap:clamp(32px,6vw,86px)}
.commercial-page .commercial-story .image-stage{aspect-ratio:3/2}
.commercial-page .commercial-story-copy{max-width:420px}
.commercial-page .commercial-story h2{max-width:400px;font-size:clamp(33px,3.2vw,46px);margin-top:0}
.commercial-page .commercial-story-copy>p{font-size:16px;line-height:1.8}
.commercial-page .commercial-details{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}
.commercial-page .commercial-details li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}
.commercial-page .commercial-story-reverse .commercial-story-grid{grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr)}
.commercial-page .commercial-story-reverse .editorial-image{order:2}
.commercial-page .commercial-story-reverse .commercial-story-copy{order:1}
.commercial-page .commercial-material-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:start}
.commercial-page .commercial-material-intro h2{margin-top:0;max-width:440px}
.commercial-page .commercial-material-intro>p{margin:0;max-width:580px}
.commercial-page .commercial-material-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:34px 0 24px}
.commercial-page .commercial-material-details>div{border-top:1px solid var(--line);padding-top:24px}
.commercial-page .commercial-material-details h3{font-size:26px;margin:0 0 12px}
.commercial-page .commercial-material-details p{font-size:15px;line-height:1.75;margin:0}
.commercial-page .commercial-cta .actions{justify-content:center}
.commercial-page .commercial-cta .textlink{color:var(--paper)}
@media(max-width:1050px){
 .commercial-page .commercial-hero .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}
 .commercial-page .commercial-hero h1{font-size:46px}
 .commercial-page .commercial-hero .image-stage{aspect-ratio:4/5}
 .commercial-page .commercial-hero .image-stage img{object-position:56% center}
 .commercial-page .commercial-story-grid,.commercial-page .commercial-story-reverse .commercial-story-grid{gap:32px;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .commercial-page .commercial-hero{padding-bottom:16px}
 .commercial-page .commercial-hero .hero-grid{grid-template-columns:1fr;gap:20px}
 .commercial-page .commercial-hero .hero-grid>div:first-child{display:contents}
 .commercial-page .commercial-hero .eyebrow{order:0;margin:0}
 .commercial-page .commercial-hero h1{order:1;font-size:clamp(40px,8.5vw,56px);max-width:530px;margin:0}
 .commercial-page .commercial-hero .editorial-image{order:2}
 .commercial-page .commercial-hero .intro{order:3;max-width:560px;margin:0}
 .commercial-page .commercial-hero .actions{order:4;margin:0}
 .commercial-page .commercial-hero .image-stage{aspect-ratio:3/2}
 .commercial-page .commercial-image-note{padding-bottom:24px}
 .commercial-page .commercial-story-grid,.commercial-page .commercial-story-reverse .commercial-story-grid{grid-template-columns:1fr;gap:28px}
 .commercial-page .commercial-story-reverse .editorial-image,.commercial-page .commercial-story-reverse .commercial-story-copy{order:initial}
 .commercial-page .commercial-story-copy{max-width:600px}
 .commercial-page .commercial-story h2{max-width:520px;margin-bottom:16px}
 .commercial-page .commercial-details{margin-top:22px}
 .commercial-page .commercial-material-intro{grid-template-columns:1fr;gap:10px}
 .commercial-page .commercial-material-details{grid-template-columns:1fr;gap:24px;margin-top:28px}
 .commercial-page .commercial-material-details>div{padding-top:20px}
 .commercial-page .commercial-material-details h3{font-size:26px}
}
@media(max-width:380px){.commercial-page .commercial-hero .button,.commercial-page .commercial-cta .button{width:100%;white-space:normal;text-align:center;padding-inline:15px}}