/* Paper's 1920 × 1080 benefit selector, adapted to flowing text on small screens. */
.home-benefits { position: relative; isolation: isolate; overflow: clip; min-height: 100svh; color: var(--color-story-light); background: var(--color-surface-inverse); }
.home-benefits__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.home-benefits__image--smart-home { scale: -1 1; object-position: 46% 28%; }
.home-benefits__image--incoming { opacity: 0; transition: opacity .85s cubic-bezier(.2, .7, .2, 1); }
.home-benefits__image--incoming.is-visible { opacity: 1; }
.home-benefits::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, transparent 45%, var(--color-benefit-shade)), linear-gradient(90deg, transparent 65%, var(--color-benefit-shade)); }
.home-benefits__menu { position: absolute; top: 28%; right: max(14%, 12rem); display: grid; justify-items: start; }
.home-benefits__menu button { padding: 0; border: 0; background: transparent; color: var(--color-benefit-inactive); font: 400 clamp(1.8rem, 2.5vw, 3.6rem)/1.2 'Bodoni Moda', Georgia, serif; cursor: pointer; text-align: left; transition: color .2s ease; }
.home-benefits__menu button[aria-pressed='true'], .home-benefits__menu button:hover { color: var(--color-story-light); }
.home-benefits__menu button:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.home-benefits__content { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 6%; min-height: 100svh; padding: 76svh max(14%, 12rem) 4% max(14%, 12rem); pointer-events: none; }
.home-benefits__copy { position: relative; top: calc(-1 * var(--space-benefit-copy-lift)); width: 58%; min-height: var(--benefit-copy-height, 0px); }
.home-benefits__copy--measure { position: absolute; top: 0; left: 0; min-height: 0; visibility: hidden; pointer-events: none; }
.home-benefits__copy h2 { margin: 0 0 .65rem 13%; font: 300 clamp(.8rem, .78125vw, 1.125rem)/1.2 var(--font-body); text-transform: uppercase; }
.home-benefits__copy p { margin: 0; font: 400 clamp(1.4rem, 2.0833vw, 3rem)/1.2 'Bodoni Moda', Georgia, serif; text-indent: 13%; }
.home-benefits__content a { position: relative; top: calc(-1 * var(--space-benefit-copy-lift)); pointer-events: auto; }
@media (width < 840px) {
  .home-benefits__menu { top: max(11%, 10rem); right: 8%; gap: .4rem; }
  .home-benefits__content { padding: 55svh 7% 2rem; align-items: start; justify-content: flex-end; flex-direction: column; gap: 1.5rem; }
  .home-benefits__copy { top: 0; width: 100%; }
  .home-benefits__content a { top: 0; order: -1; align-self: end; }
}
@media (prefers-reduced-motion: reduce) {
  .home-benefits__menu button { transition: none; }
  .home-benefits__image--incoming { transition: none; }
}