/* Keep Chelsea unobscured; place the copy over the quieter right-hand side. */
.hero-with-chelsea { min-height: 660px; background: var(--cream); }
.hero-with-chelsea .hero-image { object-fit: cover; object-position: center 10%; }
.hero-with-chelsea .hero-shade {
  background: linear-gradient(90deg, transparent 35%, rgba(248,245,239,.18) 49%, rgba(248,245,239,.92) 67%, rgba(248,245,239,.97) 100%);
}
.hero-with-chelsea .hero-layout { position: relative; display: flex; justify-content: flex-end; }
.hero-with-chelsea .hero-content { width: 43%; max-width: 510px; padding-block: 52px; }
.hero-with-chelsea h1 { font-size: clamp(43px, 4.6vw, 68px); line-height: 1.06; letter-spacing: -1.5px; }
.hero-with-chelsea .hero-description { color: var(--brown); }
@media (max-width: 900px) and (min-width: 761px) {
  .hero-with-chelsea { min-height: 600px; }
  .hero-with-chelsea .hero-content { width: 45%; }
  .hero-with-chelsea h1 { font-size: 40px; }
  .hero-with-chelsea .eyebrow { letter-spacing: 1.5px; }
}
@media (max-width: 760px) {
  .hero-with-chelsea { display: block; min-height: 0; }
  .hero-with-chelsea .hero-image { position: relative; display: block; inset: auto; width: 100%; height: auto; aspect-ratio: 4 / 3; object-position: center; }
  .hero-with-chelsea .hero-shade { display: none; }
  .hero-with-chelsea .hero-layout { display: block; }
  .hero-with-chelsea .hero-content { width: 100%; max-width: none; padding-block: 30px 36px; }
  .hero-with-chelsea h1 { font-size: clamp(40px, 8vw, 56px); }
  .hero-with-chelsea .eyebrow { margin-bottom: 16px; }
  .hero-with-chelsea .hero-description { margin-top: 18px; margin-bottom: 22px; }
  .hero-with-chelsea .hero-discover { margin-top: 24px; }
}