/* One subject, one action per slide. Controls stay outside the moving panels. */
.site-v3.site-v4.page-clearview-home .eco-navbar,
.site-v3.site-v4.page-clearview-home .eco-navbar.scrolled {
  background: rgba(248,245,238,.98) !important;
  border-bottom: 1px solid var(--cv-line);
  backdrop-filter: blur(12px);
}
.page-clearview-home .eco-brand { color: var(--cv-green); }
.site-v3.page-clearview-home .eco-nav-links .nav-link { color: var(--cv-ink); }
.site-v3.page-clearview-home .eco-nav-links .nav-link:hover,
.site-v3.page-clearview-home .eco-nav-links .cv-nav-visualiser { color: var(--cv-clay); }
.page-clearview-home .bar { background: var(--cv-green); }
.page-clearview-home .cv-hero.cv-hero--slides { display: block; min-height: 0; padding: 100px 0 24px; background: var(--cv-paper); }
.page-clearview-home .cv-hero--slides::after { display: none; }
.cv-hero__viewport { overflow: hidden; touch-action: pan-y pinch-zoom; }
.cv-hero__track { display: flex; align-items: stretch; transition: transform .55s cubic-bezier(.22,.61,.36,1); }
.cv-hero__slide { flex: 0 0 100%; min-width: 0; }
.page-clearview-home .cv-hero--slides [hidden] { display: none; }
.page-clearview-home .cv-hero__layout { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.15fr); align-items: center; gap: clamp(32px,4vw,64px); min-height: 540px; padding-block: 22px; }
.page-clearview-home .cv-hero--slides .cv-hero__content { color: var(--cv-ink); width: 100%; margin: 0; padding: 0; }
.page-clearview-home .cv-hero--slides .cv-kicker { color: var(--cv-clay); font-size: .67rem; margin-bottom: 20px; }
.page-clearview-home .cv-hero--slides :is(h1,h2) { color: var(--cv-ink); font-size: clamp(42px,4.05vw,64px); font-weight: 500; line-height: 1.05; letter-spacing: -.04em; margin: 0 0 24px; }
.page-clearview-home .cv-hero--slides h1 span { display: block; }
.page-clearview-home .cv-hero--slides h1 span + span { margin-top: 8px; }
.page-clearview-home .cv-hero--slides :is(h1,h2) em { color: #526a4c; font-weight: 400; }
.page-clearview-home .cv-hero--slides .cv-hero__description { font-size: 1rem; line-height: 1.75; color: var(--cv-muted); max-width: 40ch; margin: 0 0 28px; }
.site-v3.page-clearview-home .cv-slide__cta { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 52px; padding: 15px 22px; border-radius: 3px; text-transform: none; font-size: .88rem; text-decoration: none; }
.site-v3.page-clearview-home .cv-slide__cta--preview { background: var(--cv-green); border-color: var(--cv-green); }
.site-v3.page-clearview-home .cv-slide__cta--preview:hover { background: #172b20; border-color: #172b20; }
.page-clearview-home .cv-hero--slides .cv-slide__reassurance { color: var(--cv-muted); font-size: .74rem; margin: 12px 0 0; }
.cv-slide__visual { min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.page-clearview-home .cv-hero--slides .cv-hero__media { display: block; position: static; width: 100%; height: 470px; overflow: hidden; border-radius: 4px; }
.page-clearview-home .cv-hero--slides .cv-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 38%; }
.page-clearview-home .cv-hero--slides figcaption { font-size: .7rem; color: var(--cv-muted); margin-top: 10px; }
.cv-slide__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cv-slide__pair > div { position: relative; min-width: 0; overflow: hidden; border-radius: 3px; }
.page-clearview-home .cv-slide__pair img { height: 400px; width: 100%; object-fit: cover; object-position: 52% center; }
.cv-slide__pair span { position: absolute; top: 12px; left: 12px; background: var(--cv-card); color: var(--cv-ink); padding: 7px 10px; font-size: .68rem; font-weight: 600; }
.cv-slide__pair > div:last-child span { background: var(--cv-green); color: white; }
.page-clearview-home .cv-hero__controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 18px; border-top: 1px solid var(--cv-line); }
.cv-hero__selectors { display: flex; gap: 28px; }
.cv-hero__selectors button { display: flex; align-items: center; gap: 12px; padding: 10px 0; min-height: 44px; border: 0; border-bottom: 2px solid transparent; color: var(--cv-muted); background: transparent; font: 600 .76rem/1.4 Inter,sans-serif; cursor: pointer; }
.cv-hero__selectors button > span { font-family: var(--cv-heading); font-size: .95rem; color: #7b8c71; }
.cv-hero__selectors button[aria-pressed="true"] { color: var(--cv-green); border-bottom-color: var(--cv-clay); }
.cv-hero__arrows { display: flex; gap: 8px; }
.cv-hero__arrows button { width: 44px; height: 44px; border: 1px solid #b8c1b0; border-radius: 50%; color: var(--cv-green); background: transparent; font: 400 20px/1 Inter,sans-serif; cursor: pointer; }
.cv-hero__arrows button:hover { background: #e7ebdf; }
.cv-slide__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1100px) and (min-width: 769px) {
  .page-clearview-home .cv-hero--slides :is(h1,h2) { font-size: 44px; }
  .page-clearview-home .cv-hero__layout { min-height: 500px; }
  .page-clearview-home .cv-hero--slides .cv-hero__media { height: 430px; }
  .page-clearview-home .cv-slide__pair img { height: 350px; }
}
@media (max-width: 960px) {
  .site-v3.page-clearview-home .eco-nav-links { background: var(--cv-paper); border-color: var(--cv-line); }
}
@media (max-width: 768px) {
  .page-clearview-home .cv-hero.cv-hero--slides { padding-top: 88px; padding-bottom: 20px; }
  .page-clearview-home .cv-hero__layout { grid-template-columns: 1fr; align-content: start; gap: 22px; min-height: 0; padding-block: 12px 20px; }
  .page-clearview-home .cv-slide__visual { grid-row: 1; }
  .page-clearview-home .cv-hero--slides .cv-hero__content { grid-row: 2; }
  .page-clearview-home .cv-hero--slides :is(h1,h2) { font-size: clamp(30px,8.5vw,48px); margin-bottom: 16px; }
  .page-clearview-home .cv-hero--slides h1 span + span { margin-top: 4px; }
  .page-clearview-home .cv-hero--slides .cv-kicker { font-size: .59rem; margin-bottom: 14px; }
  .page-clearview-home .cv-hero--slides .cv-hero__description { font-size: .9rem; line-height: 1.6; max-width: 45ch; margin-bottom: 20px; }
  .site-v3.page-clearview-home .cv-slide__cta { min-height: 48px; padding: 13px 18px; font-size: .84rem; max-width: none; }
  .page-clearview-home .cv-hero--slides .cv-hero__media,
  .page-clearview-home .cv-slide__pair img { height: clamp(190px,29svh,290px); }
  .page-clearview-home .cv-hero--slides figcaption { font-size: .65rem; line-height: 1.5; }
  .page-clearview-home .cv-hero__controls { gap: 12px; padding-top: 10px; }
  .cv-hero__selectors { gap: 18px; }
  .cv-hero__selectors button { gap: 6px; font-size: .67rem; }
  .cv-hero__arrows { gap: 4px; }
  .cv-hero__arrows button { width: 36px; height: 44px; border-radius: 3px; }
}
@media (max-width: 400px) {
  .cv-hero__selectors { gap: 12px; }
  .cv-hero__selectors button { font-size: .62rem; gap: 5px; }
  .cv-hero__arrows button { width: 30px; }
  .cv-slide__pair span { top: 8px; left: 8px; padding: 6px 8px; font-size: .6rem; }
}
@media (prefers-reduced-motion: reduce) { .cv-hero__track { transition: none; } }