.life-section{border-top:1px solid var(--hair);padding:64px 0}
.life-section h2{max-width:none}.life-section h2 em,.life-responsibility em{color:var(--green)}
.life-intro{color:var(--steelbox);font-size:17px;margin:12px 0 30px}
.life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.life-story{min-width:0;border-top:1px solid var(--hair)}
.life-art{aspect-ratio:1;background-image:url('/assets/built-around-life.webp');background-size:300% 100%;background-repeat:no-repeat;mask-image:linear-gradient(#000 78%,transparent)}
.life-dawn{background-position:left center}.life-work{background-position:center}.life-evening{background-position:right center}
.life-copy{padding:6px 0 20px}.life-label{display:block;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:0 0 14px}
.life-story h3{font:400 28px/1.12 var(--serif);color:var(--ivory);margin-bottom:14px;max-width:20ch}
.life-story p{font-size:15px;line-height:1.7;color:var(--steelbox)}
.life-responsibility{margin-top:28px;padding:26px 0 0;border-top:1px solid var(--hair);display:grid;grid-template-columns:1fr 2fr;gap:24px}
.life-responsibility h3{font:400 27px/1.18 var(--serif)}
.life-responsibility p{font-size:14px;color:var(--steelbox);line-height:1.7}.life-responsibility .life-device{margin-top:10px;color:var(--steel)}
.life-responsibility a{display:inline-block;color:var(--green);font:12px var(--mono);margin-top:16px;padding:8px 0}.life-responsibility a:hover{text-decoration:underline}#life-requirements{scroll-margin-top:85px}
@media(max-width:720px){.life-section{padding:40px 0}.life-grid{grid-template-columns:1fr;gap:28px}.life-art{aspect-ratio:1;max-width:440px;margin:auto}.life-story h3{font-size:30px;max-width:24ch}.life-copy{padding-bottom:0}.life-responsibility{grid-template-columns:1fr;gap:16px}.life-responsibility h3 br{display:none}.life-responsibility h3 em:before{content:' '}}
