.eyebrow{font-size:14px;font-weight:700;letter-spacing:.1em}.editorial-lead>a{display:block;position:relative;min-height:560px;height:75vh;max-height:800px;color:white;text-decoration:none}.editorial-lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.editorial-lead>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.2) 75%)}.lead-copy{position:absolute;z-index:1;bottom:50px;left:5vw;right:5vw;max-width:900px}.lead-copy h1,.lead-copy h2{font-size:clamp(42px,5.7vw,80px);line-height:1;letter-spacing:-.045em;margin:18px 0}.lead-copy p{font-size:20px;line-height:1.4;max-width:650px}.read-story{display:inline-block;margin-top:14px;border-bottom:1px solid;padding-bottom:6px;font-size:14px;font-weight:700}.publishing-latest{padding:48px 5vw;background:#101415}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:36px;letter-spacing:-.04em;margin:0}.section-heading a{color:white;font-size:14px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.published-card{color:white;text-decoration:none;display:block}.published-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:18px}.published-card h3{font-size:27px;line-height:1.06;letter-spacing:-.025em;margin:12px 0}.published-card p{font-size:16px;line-height:1.45;color:#ccc}.published-meta{display:block;font-size:13px;color:#ccc;line-height:1.5}.worlds{display:flex;flex-wrap:wrap;gap:12px 28px;padding:28px 5vw;border-top:1px solid #555;border-bottom:1px solid #555}.worlds a{color:white;font-size:14px;text-decoration:none;font-weight:700;padding:10px 0}.world-hero{position:relative;min-height:500px;display:flex;align-items:end;padding:48px 5vw}.world-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.world-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.15))}.world-hero>div{position:relative;z-index:1;max-width:850px}.world-hero h1{font-size:clamp(44px,7vw,90px);line-height:1;letter-spacing:-.04em;margin:20px 0}.world-hero p{font-size:20px;line-height:1.4}.published-body{white-space:normal;font-size:inherit;line-height:inherit}.install-prompt{padding:20px 5vw;display:flex;align-items:center;gap:20px;border-top:1px solid #555;font-size:16px}.install-prompt button{padding:12px 16px;border:1px solid #999;background:transparent;color:white;font-size:14px}.article-head .story-image{width:100%;height:auto;margin-top:24px}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:700px){.editorial-lead>a{height:75svh;min-height:520px;max-height:750px}.lead-copy{left:22px;right:22px;bottom:32px}.lead-copy h1,.lead-copy h2{font-size:clamp(40px,10vw,64px)}.lead-copy p{font-size:18px}.publishing-latest{padding:34px 22px}.story-grid{grid-template-columns:1fr}.section-heading h2{font-size:29px}.section-heading{align-items:start}.world-hero{min-height:480px}.published-card h3{font-size:29px}.worlds{padding:20px 22px;gap:6px 22px}.install-prompt{flex-wrap:wrap}}

@media(max-width:700px){.editorial-lead>a.bmw-lead{height:580px;min-height:580px;max-height:none;background:#101415}.bmw-lead img{height:78%;object-position:67% center}.bmw-lead .lead-copy{bottom:26px}.bmw-lead .lead-copy h2{font-size:clamp(38px,10vw,52px);margin:12px 0}.bmw-lead .lead-copy p{margin:12px 0 0;font-size:18px;line-height:1.3}.bmw-lead .read-story{margin-top:12px}.editorial-lead>a.bmw-lead:after{background:linear-gradient(0deg,#101415 0%,rgba(16,20,21,.96) 20%,rgba(16,20,21,.2) 43%,transparent 60%)}}

.story-photo-close{overflow:hidden;aspect-ratio:16/9;margin-bottom:18px}
.story-photo-close img{width:100%;height:100%;object-fit:cover;transform:scale(1.45);margin:0;display:block}
.article-head .story-photo-header{margin-top:24px;margin-bottom:0}
.article-head .story-photo-header .story-image{width:100%;height:100%;margin:0}
.article-photo{white-space:normal;margin:28px 0}
.article-photo img{display:block;width:100%;height:auto}
.article-photo figcaption{font-size:13px;line-height:1.5;color:#555;margin-top:10px}

/* WattCar newest-first editorial archive and Stop Press */
.stop-press-home{border-top:1px solid #53595a;border-bottom:1px solid #53595a}
.stop-press-home .section-heading h2{font-size:clamp(38px,6vw,66px);line-height:1;letter-spacing:-.05em}
.stop-press-intro,.archive-intro{color:#ccc;font-size:18px;line-height:1.5;margin:0 0 32px;max-width:750px}
[data-story-category="all"]{min-height:60vh}
[data-story-category="all"] .section-heading{border-bottom:1px solid #555;padding-bottom:18px;align-items:end}
[data-story-category="all"] .section-heading h1{font-size:clamp(44px,7vw,82px);line-height:.95;letter-spacing:-.05em;margin:0}
[data-story-category="all"] .section-heading span{font-size:12px;font-weight:700;letter-spacing:.12em}

/* Two enduring Watt Matters leads beneath the changing news heroes */
.wattmatters-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 30px}
.wattmatters-featured-story{display:block;text-decoration:none;color:#101415;min-width:0}
.wattmatters-featured-story img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 16px}
.wattmatters-featured-story .featured-kicker{display:block;font-size:12px;letter-spacing:.12em;font-weight:800;margin-bottom:10px}
.wattmatters-featured-story h3{font-size:clamp(27px,3.5vw,45px);line-height:1.02;letter-spacing:-.04em;margin:0 0 12px}
.wattmatters-featured-story p{font-size:17px;line-height:1.45;margin:0 0 12px;max-width:540px}
.wattmatters-featured-story .featured-read{font-size:12px;font-weight:800;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:4px}
@media(max-width:700px){.wattmatters-featured-grid{grid-template-columns:1fr;gap:34px}.wattmatters-featured-story h3{font-size:34px}}

/* News leads: the photograph and headline each get their own space. */
.editorial-lead>a.news-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);height:auto;min-height:0;max-height:none;padding:24px 4vw;background:#000;color:#fff;box-sizing:border-box}
.editorial-lead>a.news-lead+a.news-lead{border-top:1px solid #333}
.editorial-lead>a.news-lead:after{display:none}
.editorial-lead>a.news-lead>img{position:static;inset:auto;display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.news-lead .lead-copy{position:static;max-width:620px;min-width:0}
.news-lead .lead-copy h1,.news-lead .lead-copy h2{font-size:clamp(32px,3.4vw,50px);line-height:1.06;letter-spacing:-.035em;margin:0 0 12px}
.news-lead .lead-copy p{font-size:18px;line-height:1.5;margin:0}
.news-lead .eyebrow{font-size:12px}
.news-lead .read-story{margin-top:16px;font-size:12px;letter-spacing:.05em}
@media(max-width:700px){
 .editorial-lead>a.news-lead{grid-template-columns:1fr;gap:0;padding:0}
 .news-lead .lead-copy{padding:20px 22px 24px}
 .news-lead .lead-copy h1,.news-lead .lead-copy h2{font-size:clamp(30px,8vw,38px);line-height:1.07;margin:0 0 12px}
 .news-lead .lead-copy p{font-size:17px;line-height:1.45}
}

/* BMW i3 homepage lead: headline and CTA overlay the image on mobile. */
@media(max-width:700px){
 .editorial-lead>a.bmw-lead{height:620px;min-height:620px;max-height:none;background:#101415}
 .editorial-lead>a.bmw-lead img{inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
 .editorial-lead>a.bmw-lead:after{background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.79) 22%,rgba(0,0,0,.28) 51%,transparent 75%)}
 .editorial-lead>a.bmw-lead .lead-copy{bottom:26px;left:22px;right:22px;max-width:unset}
 .editorial-lead>a.bmw-lead .lead-copy h2{font-size:clamp(38px,9vw,54px);line-height:1.02;margin:0 0 12px}
 .editorial-lead>a.bmw-lead .lead-copy p{font-size:clamp(16px,4.2vw,19px);line-height:1.3;margin:0}
 .editorial-lead>a.bmw-lead .read-story{margin-top:15px}
}

/* BMW hero override: the news-lead grid was preventing the requested overlay.
   Keep the whole card photographic at every breakpoint. */
.editorial-lead>a.news-lead.bmw-lead{
 display:block!important;position:relative!important;padding:0!important;
 height:clamp(520px,66vw,760px)!important;min-height:520px!important;
 max-height:760px!important;background:#101415!important;overflow:hidden!important;
}
.editorial-lead>a.news-lead.bmw-lead>img{
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;object-fit:cover!important;
 object-position:center 52%!important;
}
.editorial-lead>a.news-lead.bmw-lead:after{
 display:block!important;content:""!important;position:absolute!important;inset:0!important;
 background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.48) 24%,transparent 65%)!important;
 pointer-events:none!important;
}
.editorial-lead>a.news-lead.bmw-lead .lead-copy{
 position:absolute!important;z-index:2!important;left:5vw!important;right:5vw!important;
 bottom:42px!important;padding:0!important;max-width:900px!important;
}
.editorial-lead>a.news-lead.bmw-lead .lead-copy h2{
 font-size:clamp(42px,5.7vw,80px)!important;line-height:1!important;
 letter-spacing:-.045em!important;margin:12px 0!important;
}
.editorial-lead>a.news-lead.bmw-lead .lead-copy p{font-size:clamp(17px,1.8vw,22px)!important;line-height:1.35!important}
@media(max-width:700px){
 .editorial-lead>a.news-lead.bmw-lead{
   height:620px!important;min-height:620px!important;max-height:none!important;
 }
 .editorial-lead>a.news-lead.bmw-lead>img{
   position:absolute!important;width:100%!important;height:100%!important;
   object-fit:cover!important;object-position:61% center!important;
 }
 .editorial-lead>a.news-lead.bmw-lead:after{
   background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.75) 24%,rgba(0,0,0,.12) 58%,transparent 80%)!important;
 }
 .editorial-lead>a.news-lead.bmw-lead .lead-copy{
   position:absolute!important;bottom:25px!important;left:22px!important;right:22px!important;
   padding:0!important;max-width:none!important;
 }
 .editorial-lead>a.news-lead.bmw-lead .lead-copy h2{
   font-size:clamp(37px,9vw,52px)!important;line-height:1.02!important;
 }
 .editorial-lead>a.news-lead.bmw-lead .lead-copy p{font-size:17px!important;line-height:1.3!important}
}

/* Fit the full BMW into the mobile lead's landscape photograph. */
@media(max-width:700px){
 .editorial-lead>a.bmw-lead>img{
  height:clamp(330px,115vw,480px)!important;
  object-position:75% center!important;
 }
}

/* Mobile first lead: visible photographic panel, no oversized black void.
   Limit this to the first lead; BMW and subsequent cards retain their layouts. */
@media(max-width:700px){
 .editorial-lead>a:first-child:not(.bmw-lead){
  display:flex!important;flex-direction:column!important;gap:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:0!important;background:#090c0e!important;overflow:hidden!important;
 }
 .editorial-lead>a:first-child:not(.bmw-lead)>img{
  display:block!important;position:relative!important;inset:auto!important;
  width:100%!important;height:clamp(210px,56vw,310px)!important;
  object-fit:cover!important;object-position:center 35%!important;
  flex:none!important;
 }
 .editorial-lead>a:first-child:not(.bmw-lead)::after{display:none!important}
 .editorial-lead>a:first-child:not(.bmw-lead) .lead-copy{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  padding:24px 22px 28px!important;background:#090c0e!important;
 }
 .editorial-lead>a:first-child:not(.bmw-lead) .lead-copy h1{
  font-size:clamp(37px,9.4vw,52px)!important;line-height:1.03!important;
  margin:12px 0!important;
 }
}



/* Feature leads use WattCar's full-width photographic format. */
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto;gap:0!important;position:relative;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;background:#090c0e!important;color:white}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"])>img{grid-area:1/1;display:block!important;position:static!important;inset:auto!important;width:100%!important;height:clamp(440px,43vw,660px)!important;object-fit:cover!important;object-position:50% 38%!important;box-sizing:border-box}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"])[href*="zeekr-7gt"]>img{object-fit:contain!important;object-position:center 22%!important;background:#dedfdf}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"])::after{display:block!important;content:"";position:relative!important;inset:auto!important;grid-area:1/1;align-self:stretch;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.12) 40%,transparent 65%)!important;pointer-events:none}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) .lead-copy{display:contents!important}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) .eyebrow{display:none!important}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) :is(h1,h2){grid-area:1/1;position:relative;z-index:2;align-self:end;max-width:1050px!important;width:auto!important;padding:0!important;margin:0 5vw 34px!important;font-size:clamp(38px,4.2vw,64px)!important;line-height:1.04!important;letter-spacing:-.035em!important;text-wrap:balance}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) p{grid-area:2/1;font-size:clamp(17px,1.5vw,21px)!important;line-height:1.45!important;max-width:860px!important;margin:24px 5vw 0!important}
#editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) .read-story{grid-area:3/1;justify-self:start;margin:18px 5vw 28px!important;font-size:12px!important;letter-spacing:.05em}
@media(max-width:760px){
 #editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0!important}
 #editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"])>img{position:static!important;width:100%!important;height:360px!important;aspect-ratio:auto!important;object-position:55% 25%!important}
 #editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"])[href*="zeekr-7gt"]>img{object-fit:contain!important;object-position:center 16%!important}
 #editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) :is(h1,h2){font-size:clamp(30px,8vw,38px)!important;line-height:1.07!important;margin:0 22px 24px!important;max-width:22ch!important}
 #editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) p{font-size:17px!important;line-height:1.45!important;margin:20px 22px 0!important}
 #editorial-lead>a:is([href*="/plug-in-hybrid-cop-out-or-clever-choice"],[href*="/zeekr-7gt-worth-waiting-for"],[href*="/alpine-a310-vision-please-build-it"]) .read-story{margin:18px 22px 26px!important}
}
.article-photo{margin:32px 0}.article-photo img{display:block;width:100%;height:auto;object-fit:contain}.article-photo figcaption{font-size:14px;line-height:1.5;color:#586160;margin-top:10px}
@media(max-width:700px){.article-photo{margin:26px 0}.article-photo figcaption{font-size:13px;line-height:1.45}}

/* Fill the desktop ZEEKR lead edge to edge; retain the mobile full-car fit. */
@media(min-width:761px){#editorial-lead>a[href*="/zeekr-7gt-worth-waiting-for"][href]>img{height:auto!important;object-fit:cover!important;object-position:center!important}}

/* Alpine lead: preserve the full car and headline-only photograph on mobile. */
#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"]>img{object-position:center 70%!important}
@media(max-width:760px){#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"]>img{height:auto!important;aspect-ratio:4/3;object-fit:contain!important;object-position:center!important}}

/* Alpine: two headline lines at the same size, followed by the short introduction. */
#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"] :is(h1,h2){white-space:pre-line}

/* Give Alpine's two-line headline its own space below the car. */
#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"]{grid-template-rows:auto auto auto auto!important}
#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"] :is(h1,h2){grid-area:2/1!important;margin:0 5vw!important;padding:14px 0 0!important;background:#090c0e}
#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"] p{grid-area:3/1!important}
#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"] .read-story{grid-area:4/1!important}
@media(max-width:760px){#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"] :is(h1,h2){margin:0 22px!important;padding-top:10px!important}}

/* Tighten the Alpine image above the car and lift the headline into the clear floor. */
#editorial-lead>a[href*="/alpine-a310-vision-please-build-it"] :is(h1,h2){margin-top:-14px!important;padding-top:0!important;z-index:2;background:transparent}
@media(max-width:760px){
 #editorial-lead>a[href*="/alpine-a310-vision-please-build-it"]>img{height:auto!important;aspect-ratio:8/5!important;object-fit:cover!important;object-position:center bottom!important}
 #editorial-lead>a[href*="/alpine-a310-vision-please-build-it"] :is(h1,h2){margin-top:-10px!important;padding-top:0!important}
}

/* WattCar house style: closing disclaimers and credits stay small and readable. */
.article-body p.editorial-note,.published-body p.editorial-note{font-size:14px!important;line-height:1.5!important;font-weight:400!important;color:#586160;margin-top:18px!important}
@media(max-width:700px){.article-body p.editorial-note,.published-body p.editorial-note{font-size:13px!important;line-height:1.5!important}}

/* Centre the Freelander side profile while retaining the full vehicle. */
.story-photo-close img[src*="freelander-8-official-20261023"]{transform:scale(1.4) translate(-14%,-9%)}

/* UCOTY announcement: compact editorial rhythm on desktop and mobile. */
.article-page:has(.story-image[src*="ucoty-polestar-2-driveway"]) .published-body{line-height:1.5}
.article-page:has(.story-image[src*="ucoty-polestar-2-driveway"]) .published-body>p{line-height:1.5;margin-top:0;margin-bottom:14px}
.article-page:has(.story-image[src*="ucoty-polestar-2-driveway"]) .standfirst{line-height:1.3}

/* UCOTY award device and initial contender gallery */
.article-head .award-device{display:block;width:120px;max-width:120px;height:auto;margin:0 0 18px}
.published-body .contender-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin:20px 0}
.contender-grid figure{margin:0;min-width:0}
.contender-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
.contender-grid figcaption{font-size:14px;line-height:1.3;margin-top:8px;font-weight:700}

/* Keep the award device alongside its headline and fill contender frames. */
.article-head .award-headline{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:24px;margin:16px 0 22px}
.article-head .award-headline h1{margin:0}
.article-head .award-headline .award-device{width:140px;max-width:100%;height:auto;margin:0;mix-blend-mode:multiply}
.contender-grid .contender-image{aspect-ratio:3/2;overflow:hidden;background:#e8e5dd}
.contender-grid .contender-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.contender-grid figure:nth-child(1) .contender-image img{transform:scale(1.4);transform-origin:50% 64%}
.contender-grid figure:nth-child(3) .contender-image img{transform:scale(1.5);transform-origin:50% 57%}
.contender-grid figure:nth-child(4) .contender-image img{object-position:56% center}
.contender-grid figcaption strong{font-weight:800}
@media(max-width:600px){.article-head .award-headline{grid-template-columns:minmax(0,1fr) 82px;gap:12px}.article-head .award-headline .award-device{width:82px}.contender-grid figcaption{font-size:13px}}

.contender-grid figure:nth-child(2) .contender-image img{object-position:100% center}
