/* Local preview only: four focused corrections to the published dark design. */

/* Leeds uses the same responsive source photograph. Only its displayed crop changes. */
body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame){
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;
  padding-inline:max(32px,calc((100vw - 1200px)/2))!important;align-items:stretch;
}
body[data-vx-interior] .preview-local-photo-frame{
  position:relative;grid-column:2;grid-row:1;min-width:0;min-height:360px;
  padding:18px;background:#101c26;border:1px solid var(--interior-line);
  border-radius:24px;box-shadow:0 16px 36px #00000028;z-index:2;
}
body[data-vx-interior] .preview-local-photo-frame>.leeds-hero-media{
  position:relative!important;inset:auto!important;display:block;width:100%;height:100%;
  overflow:hidden;border-radius:12px;
}
body[data-vx-interior] .preview-local-photo-frame>.leeds-hero-media img,
body[data-vx-interior].page-heat-loss-leeds .local-case-study-visual>picture img{
  position:absolute;inset:0;width:100%;height:108%!important;max-height:none;
  object-fit:cover;object-position:center top;border:0;border-radius:0;
}
body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame)>.hero-content-premium{
  grid-column:1;grid-row:1;margin:0;width:100%!important;z-index:2;
}
body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame) .hero-title-premium{
  font-size:clamp(36px,3.8vw,56px)!important;
}
body[data-vx-interior].page-heat-loss-leeds .local-case-study-visual>picture{
  position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;
}

/* Keep the service and its next step visible before a large tablet photograph. */
@media(min-width:641px) and (max-width:1050px){
  body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"]),
  body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame){
    grid-template-columns:minmax(0,1fr);gap:24px;padding-inline:24px!important;
  }
  body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"])>.hero-content-premium,
  body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame)>.hero-content-premium{
    grid-column:1;grid-row:1;
  }
  body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"],
  body[data-vx-interior] .hero-premium-full>.preview-local-photo-frame{
    grid-column:1;grid-row:2;width:100%;max-width:640px;justify-self:center;min-height:0;
  }
  body[data-vx-interior] .preview-local-photo-frame>.leeds-hero-media{height:auto;aspect-ratio:4/3}
  body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame) .hero-title-premium{
    font-size:clamp(30px,4.6vw,38px)!important;
  }
}
@media(max-width:640px){
  body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame){
    grid-template-columns:minmax(0,1fr);gap:16px;padding-inline:16px!important;
  }
  body[data-vx-interior] .hero-premium-full>.preview-local-photo-frame{
    grid-column:1;grid-row:1;min-height:0;padding:12px;border-radius:20px;
  }
  body[data-vx-interior] .preview-local-photo-frame>.leeds-hero-media{height:auto;aspect-ratio:4/3;border-radius:9px}
  body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame)>.hero-content-premium{grid-column:1;grid-row:2}
  body[data-vx-interior] .hero-premium-full:has(>.preview-local-photo-frame) .hero-title-premium{
    font-size:clamp(30px,8.7vw,38px)!important;
  }
  body[data-vx-interior].page-heat-loss-leeds .local-case-study-visual>picture{border-radius:9px}

  /* Fill the parent grid before asking buttons to fill their action card. */
  body[data-vx-interior] .visual-context-premium{padding-inline:20px}
  body[data-vx-interior] .visual-context-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
  body[data-vx-interior] .visual-context-text{width:100%;min-width:0;padding-inline:0}
  body[data-vx-interior] main :is(.proof-cta-premium,.service-cta-row-premium,.visual-context-actions){
    width:100%;min-width:0;padding-inline:12px;align-items:stretch;
  }
  body[data-vx-interior] main :is(.proof-cta-premium,.service-cta-row-premium,.visual-context-actions)>a{
    width:100%;min-width:0;padding-inline:12px;letter-spacing:.025em;
  }
}

/* Readable links on the existing navy surfaces; retain every destination. */
body[data-vx-interior] .footer-bottom-premium a,
body.vx-editorial-home .footer-bottom-premium a,
body[data-vx-interior].hero-page-pricing main :is(td,th)>a:not([class*="btn"]){
  color:#edcb55;text-decoration:underline;text-underline-offset:3px;
}
body[data-vx-interior] .footer-bottom-premium a:hover,
body.vx-editorial-home .footer-bottom-premium a:hover{color:#fff0a3}
body[data-vx-interior] .footer-legal-premium{
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;list-style:none;
  padding:0;margin:16px 0 0;
}
body[data-vx-interior] .footer-legal-premium li{list-style:none;margin:0;padding:0}