/* Genuine campaign art and exact offer wording remain in migration-data.json. */
.offer-editorial{padding-top:40px;padding-bottom:48px}
.offer-editorial-heading{border-top:5px solid var(--red);padding-top:16px;margin-bottom:26px}
.offer-editorial-heading h1{font-size:19px;font-weight:400;line-height:1.5;letter-spacing:0;text-wrap:initial}
.offer-editorial-headline{color:#fff;font-size:clamp(36px,6.8vw,98px);font-weight:900;letter-spacing:-.055em;line-height:1.04;text-transform:uppercase;margin-top:10px;text-wrap:balance}
.offer-editorial-group+.offer-editorial-group{margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}
.offer-editorial-group-title{font-size:19px;line-height:1.45;font-weight:500;margin-bottom:20px}
.offer-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 36px}
.offer-editorial-group--select .offer-editorial-grid{grid-template-areas:"asx asx" "grandis outlander"}
.offer-editorial-group--select #grandis-select{grid-area:grandis}
.offer-editorial-group--select #asx-select{grid-area:asx}
.offer-editorial-group--select #outlander-select{grid-area:outlander}
.offer-editorial-card{min-width:0;scroll-margin-top:24px}
/* One anchored composition for every model and viewport. Its seams meet at
   x=34% on top and x=28% below; neither rail nor image reflows into a bar. */
.offer-editorial-media{display:block;position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:250/93.5;background:var(--bg);clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.offer-editorial-photo-window{display:block;position:absolute;inset:0 0 0 26%;overflow:hidden;clip-path:polygon(10.810811% 0,100% 0,91.891892% 100%,2.702703% 100%)}
/* Shift and scale the original, rather than moving its rail. This removes the
   original white wedge and keeps the pickup's front bumper inside the window. */
.offer-editorial-photo{display:block;position:absolute;top:0;left:-28.378378%;width:128.378378%;max-width:none;height:auto}
/* Crop the entire frame above the original campaign footer. The photograph
   and CSS rail share the same top and bottom edges without a masking strip. */
.offer-editorial-rail{position:absolute;inset:0 auto 0 0;width:34%;height:100%;padding:3.5% 6% 3.5% 8.5%;display:flex;flex-direction:column;align-items:flex-start;color:#fff;background:#df0020;clip-path:polygon(0 0,100% 0,82.352941% 100%,0 100%);pointer-events:none}
.offer-editorial-maker{font-size:clamp(7px,1.4cqw,12px);letter-spacing:.22em;text-transform:uppercase;line-height:1.2;margin-bottom:1cqw}
.offer-editorial-model{font-size:4.9cqw;font-weight:850;letter-spacing:-.035em;line-height:1.04;overflow-wrap:normal}
.offer-editorial-edition{font-size:5cqw;font-weight:750;letter-spacing:-.025em;line-height:1.08;margin-top:.5cqw}
.offer-editorial-description{font-size:clamp(10px,2.7cqw,22px);line-height:1.3;margin-top:auto;padding-top:1.4cqw;max-width:100%;overflow-wrap:normal}
.offer-editorial-description::before{content:"";display:block;width:5cqw;height:1px;background:#fff9;margin-bottom:1.4cqw}
#asx-select .offer-editorial-model,#l200-diamant .offer-editorial-model{font-size:8.2cqw}
#outlander-select .offer-editorial-model{font-size:4.2cqw}
.offer-editorial-card--featured .offer-editorial-edition{font-size:5.3cqw}
.offer-editorial-card--featured .offer-editorial-description{font-size:clamp(9px,2cqw,25px)}
.offer-editorial-card--long-name .offer-editorial-model{font-size:4.1cqw}
.offer-editorial-card--long-name .offer-editorial-edition{font-size:3.7cqw}
.offer-editorial-card--long-name .offer-editorial-description{font-size:clamp(9px,2.3cqw,17px)}
.offer-editorial-media:focus-visible{outline-offset:-5px}
.offer-editorial-media:hover .offer-editorial-rail{background:#c8001b}
.offer-editorial-body{display:grid;gap:22px;padding-top:24px}
.offer-editorial-identity h3{font-size:clamp(25px,2.5vw,36px);font-weight:760;letter-spacing:-.03em}
.offer-editorial-variant{font-size:14px;line-height:1.55;font-weight:400;color:#bfcbd7;margin:8px 0 0;text-wrap:initial}
.offer-editorial-equipment{min-width:0;color:#d9e1eb;font-size:15px;line-height:1.65}
.offer-editorial-equipment p{color:inherit;margin:0 0 9px}
.offer-editorial-equipment ul{list-style:none;padding:0;margin:0}
.offer-editorial-equipment li{padding:0;margin:2px 0}
.offer-editorial-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px}
.offer-editorial-actions .button{font-size:12px;min-height:44px;gap:22px;padding:13px 18px}
.offer-editorial-actions .text-link{font-size:14px;font-weight:400;text-decoration:underline;text-underline-offset:4px}
.offer-editorial-card--featured .offer-editorial-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:24px;align-items:start}
.offer-editorial-card--featured .offer-editorial-equipment{border-inline:1px solid var(--line);padding-inline:24px}
.offer-editorial-card--featured .offer-editorial-actions{flex-direction:column;align-items:flex-start;gap:15px}
.offer-editorial-disclosure{border-top:1px solid var(--line);padding-top:16px;margin-top:22px;color:#aeb9c6;font-size:12px;line-height:1.65;overflow-wrap:break-word}
.offer-editorial-disclosure strong{font-weight:600;color:#c8d2df}
.offer-editorial-context.page-hero{height:190px;margin-bottom:40px}
.offer-editorial-context .breadcrumb,.offer-editorial-context h1{display:none}
.offer-editorial-context.page-hero p{font-size:17px;max-width:650px}
@media(min-width:1100px){
  .offer-editorial-group--select #outlander-select{border-left:1px solid var(--line);padding-left:24px}
}
@media(max-width:1100px){
  .offer-editorial-headline{font-size:clamp(36px,7vw,78px)}
  .offer-editorial-grid{gap:30px 22px}
  .offer-editorial-card--featured .offer-editorial-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .offer-editorial-card--featured .offer-editorial-equipment{border-right:0;padding-right:0}
  .offer-editorial-card--featured .offer-editorial-actions{grid-column:1/-1;flex-direction:row;align-items:center}
}
@media(max-width:700px){
  .offer-editorial{padding-top:26px;padding-bottom:32px}
  .offer-editorial-heading{padding-top:12px;margin-bottom:22px}
  .offer-editorial-heading h1{font-size:16px}
  .offer-editorial-headline{font-size:clamp(34px,8.8vw,59px);letter-spacing:-.045em;max-width:12ch;text-wrap:initial}
  .offer-editorial-group-title{font-size:17px;line-height:1.5;margin-bottom:16px}
  .offer-editorial-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .offer-editorial-group--select .offer-editorial-grid{grid-template-areas:"asx" "grandis" "outlander"}
  .offer-editorial-body,.offer-editorial-card--featured .offer-editorial-body{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:18px}
  .offer-editorial-card--featured .offer-editorial-equipment{border:0;padding:0}
  .offer-editorial-actions,.offer-editorial-card--featured .offer-editorial-actions{flex-direction:row;align-items:center;gap:17px 22px}
  .offer-editorial-identity h3{font-size:29px}
  .offer-editorial-disclosure{font-size:12px}
  .offer-editorial-group+.offer-editorial-group{margin-top:44px;padding-top:26px}
  .offer-editorial-context.page-hero{height:230px;margin-bottom:26px}
}
@media(max-width:360px){
  .offer-editorial-actions .button{padding-inline:14px;font-size:11px;gap:16px}
}
