/* An open, sunlit introduction. The photograph carries the product story. */
body.home-page #product {
  align-items:center;
  padding:var(--frame-top) var(--page-pad) var(--frame-bottom);
  background:#f3f0e9;
  color:#243731;
}
body.home-page #product .hero-copy { width:46%; max-width:600px; margin:0 auto 0 0; }
body.home-page #product h1 {
  max-width:10em;
  color:#243731;
  font-size:clamp(40px,min(4.7vw,8dvh),68px);
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.04em;
  word-break:keep-all;
}
body.home-page #product .hero-lead { max-width:29em; margin:24px 0 23px; color:#4b5a50; font-size:16px; line-height:1.65; }
body.home-page #product .hero-copy>.quiet-link {
  min-height:50px;
  padding:13px 24px;
  gap:28px;
  border:1px solid #243731;
  border-radius:28px;
  background:#243731;
  color:#fffdf5;
  font-size:12px;
  letter-spacing:0;
}
body.home-page #product .hero-copy>.quiet-link:hover { background:#365448; border-color:#365448; }
body.home-page #product :focus-visible { outline-color:#243731; outline-offset:5px; }
body.home-page #product .hero-product { filter:none; object-position:70% bottom; }
body.home-page #product .hero-visual::after {
  transform:none;
  background:linear-gradient(90deg,#f3f0e9f5,#f3f0e9cf 25%,#f3f0e969 43%,transparent 61%),linear-gradient(0deg,#f3f0e91a,transparent 14%);
}
body.home-page #product .hero-footer { bottom:22px; color:#344a3f; }

@media(max-aspect-ratio:1/1) {
  body.home-page #product { align-items:flex-start; }
  body.home-page #product .hero-copy { width:100%; max-width:600px; }
  body.home-page #product h1 { max-width:13em; font-size:clamp(32px,4.4vw,44px); line-height:1.18; }
  body.home-page #product .hero-lead { margin:16px 0 18px; font-size:15px; }
  body.home-page #product .hero-visual { inset:34% 0 0; height:66%; }
  body.home-page #product .hero-product { object-position:80% bottom; }
  body.home-page #product .hero-visual::after { background:linear-gradient(180deg,#f3f0e9, #f3f0e94d 16%,transparent 30%); }
}
@media(max-width:760px) and (max-aspect-ratio:1/1) {
  body.home-page #product h1 { font-size:clamp(30px,8.2vw,40px); }
  body.home-page #product .hero-lead { margin:14px 0 17px; font-size:14px; }
  body.home-page #product .hero-copy>.quiet-link { min-height:46px; padding:11px 21px; font-size:11px; }
  body.home-page #product .hero-product { object-position:center bottom; }
  body.home-page #product .hero-footer { bottom:15px; }
}
@media(max-height:650px) and (min-aspect-ratio:1/1) {
  body.home-page #product .hero-copy { width:47%; }
  body.home-page #product h1 { font-size:clamp(27px,3.6vw,34px); line-height:1.14; }
  body.home-page #product .hero-lead { margin:12px 0 14px; font-size:13px; }
  body.home-page #product .hero-copy>.quiet-link { min-height:40px; padding:9px 20px; font-size:11px; }
  body.home-page #product .hero-footer { bottom:12px; }
}