.clearsense-page .product-hero { background: #080a09; }

.clearsense-page .product-hero__media { inset: 0; }

.clearsense-page .product-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  filter: none;
}

.clearsense-page .product-hero__overlay {
  background: linear-gradient(90deg, rgba(8,10,9,.98) 0%, rgba(8,10,9,.76) 39%, rgba(8,10,9,.18) 70%), linear-gradient(0deg, rgba(8,10,9,.82), transparent 46%);
}

.clearsense-page .product-hero h1 { max-width: 760px; font-size: clamp(68px, 8.7vw, 132px); }

.clearsense-visual { background: #d9dcda; }
.clearsense-visual img { object-fit: cover; object-position: center; }
.feature--paper .clearsense-visual { background: #d7dad8; }

.clearsense-tile { background: #e7e8e5; }
.clearsense-tile img { object-fit: cover; object-position: center; }
.clearsense-tile::after { background: linear-gradient(0deg, rgba(8,10,9,.97) 0%, rgba(8,10,9,.8) 29%, rgba(8,10,9,0) 69%); }

.clearsense-box-visual { background: #f4f3ee; }
.clearsense-box-visual img { object-fit: cover; }

.clearsense-gallery figure { background: #e5e5e1; }
.clearsense-gallery img { object-fit: cover; }

@media (max-width: 900px) {
  .clearsense-page .product-hero__media img { object-position: 58% center; }
  .clearsense-page .product-hero__overlay { background: linear-gradient(0deg, rgba(8,10,9,.98) 9%, rgba(8,10,9,.7) 54%, rgba(8,10,9,.12)); }
}

@media (max-width: 650px) {
  .clearsense-page .product-hero__media img { object-position: 60% center; }
  .clearsense-page .product-hero h1 { font-size: clamp(54px, 16vw, 64px); }
  .clearsense-page .product-hero__lead { max-width: 94%; }
  .clearsense-tile img { object-position: center 35%; }
}