.hero[data-hero-copy="digital-life"]{align-items:start}
.hero[data-hero-copy="digital-life"] .hero-copy{max-width:650px}
.hero[data-hero-copy="digital-life"] h1{font-size:clamp(38px,4vw,56px);line-height:1.1}
.hero[data-hero-copy="digital-life"] .hero-kicker{font-size:clamp(23px,2.5vw,31px);margin:18px 0 12px}
.hero[data-hero-copy="digital-life"] .hero-choice{font-size:21px;font-weight:700;line-height:1.35;margin:0 0 22px}
.hero[data-hero-copy="digital-life"] .intro,.hero[data-hero-copy="digital-life"] .vault-promise{max-width:620px;font-size:17px;line-height:1.65;margin:0 0 18px;color:var(--ink)}
.hero[data-hero-copy="digital-life"] .hero-benefits-title{font:700 20px/1.4 system-ui,sans-serif;letter-spacing:0;margin:22px 0 12px}
.hero[data-hero-copy="digital-life"] .hero-benefits{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.hero[data-hero-copy="digital-life"] .hero-benefits li{position:relative;padding-left:23px;font-size:15px;line-height:1.55;color:var(--ink)}
.hero[data-hero-copy="digital-life"] .hero-benefits li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;background:var(--pink);border-radius:50%}
.hero[data-hero-copy="digital-life"] .hero-art{align-self:start;position:sticky;top:100px}
@media(max-width:760px){.hero[data-hero-copy="digital-life"] .hero-art{position:relative;top:auto}.hero[data-hero-copy="digital-life"] .hero-benefits li{font-size:15px}.hero[data-hero-copy="digital-life"] .hero-choice{font-size:19px}}

@media(min-width:761px){.hero[data-hero-copy="digital-life"] .hero-art{align-self:end;position:relative;top:auto;margin-bottom:143px}}
@media(min-width:761px) and (max-width:900px){.hero[data-hero-copy="digital-life"] .hero-art{margin-bottom:20px}}