/* Shared only by the refreshed home and angle-sensor pages. */
.home-hero .hero__inner, .angle-hero__grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:48px; align-items:center; }
.home-hero .h1, .angle-hero .h1 { font-size:clamp(32px,3.8vw,50px); line-height:1.2; letter-spacing:-.035em; }
.home-hero .hero__inner { padding-block:64px; }
.sensor-feature { display:block; padding:24px; border:1px solid var(--gray-300); background:var(--sheet); color:var(--ink); border-radius:var(--radius-lg); }
.hero .sensor-feature .eyebrow { color:var(--amber-deep); }
.sensor-feature img { width:100%; height:280px; object-fit:contain; margin:16px auto; }
.sensor-feature__title { display:flex; justify-content:space-between; gap:16px; font-size:22px; font-weight:700; }
.sensor-feature__spec { display:block; margin-top:8px; font-family:var(--font-mono); font-size:13px; color:var(--gray-600); }
.sensor-feature__link { display:block; margin-top:18px; color:var(--amber-deep); font-weight:600; }
.sensor-feature:hover { border-color:var(--amber); color:var(--ink); }
.angle-hero__photo { padding:24px; background:var(--sheet); border-radius:var(--radius-lg); }
.angle-hero__photo img { width:100%; height:340px; object-fit:contain; }
.angle-hero__photo figcaption { margin-top:16px; text-align:center; font-size:13px; color:var(--gray-600); }
.sensor-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-block:28px; }
.sensor-metrics div { border-top:1px solid var(--steel); padding-top:12px; }
.sensor-metrics dt { color:var(--on-dark-mute); font-size:13px; }
.sensor-metrics dd { color:white; font-family:var(--font-mono); font-size:clamp(17px,2vw,23px); margin-top:4px; }
.product-jump { border-bottom:1px solid var(--gray-200); background:var(--sheet); }
.product-jump .container { display:flex; flex-wrap:wrap; gap:8px 28px; padding-block:16px; }
.product-jump a { color:var(--gray-700); padding-block:8px; font-weight:600; }
.product-jump a:hover { color:var(--amber-deep); }
.inquiry-panel { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:40px; align-items:center; }
.inquiry-panel .lead { margin-top:16px; }
.inquiry-panel .small { margin-top:10px; }
.inquiry-contact { display:inline-block; margin-top:16px; }
.product__layout > div { min-width:0; }
.product-carousel { min-width:0; width:100%; }
.product-carousel__slides { display:grid; }
.product-carousel__slides .sensor-feature { grid-area:1 / 1; min-width:0; width:100%; }
.product-carousel__slides .sensor-feature[aria-hidden="true"] { visibility:hidden; pointer-events:none; }
.product-carousel__controls { margin-top:16px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; }
.product-carousel__controls[hidden] { display:none; }
.product-carousel__choices { display:flex; flex-wrap:wrap; gap:6px; }
.product-carousel__controls button { min-height:44px; padding:8px 10px; border:1px solid var(--steel); border-radius:var(--radius); background:var(--graphite); color:var(--on-dark); font-size:13px; }
.product-carousel__controls button:hover { border-color:var(--amber); }
.product-carousel__choices button[aria-pressed="true"] { color:var(--ink); background:var(--amber); border-color:var(--amber); font-weight:700; }
@media(max-width:900px) {
  .home-hero .hero__inner, .angle-hero__grid, .inquiry-panel { grid-template-columns:1fr; gap:32px; }
  .sensor-feature img, .angle-hero__photo img { height:280px; }
  .sensor-feature { max-width:560px; width:100%; }
  .angle-hero .breadcrumb a, .angle-hero .breadcrumb { color:var(--on-dark-mute); }
}
@media(max-width:420px) {
  .home-hero .hero__inner { padding-block:40px; }
  .sensor-feature, .angle-hero__photo { padding:18px; }
  .sensor-feature img, .angle-hero__photo img { height:230px; }
  .product-jump .container { gap:4px 18px; font-size:14px; }
}