/* Your life (/life/, assets/life.js): slim rows, one per part of your story */
.lf{padding-top:clamp(1rem,4vh,2.4rem);padding-bottom:3rem}
.lf-top h1{margin:0 0 .4rem;font:400 clamp(2.2rem,6vw,3rem)/1.05 "Instrument Serif",Georgia,serif;color:var(--frost)}
.lf-top p{margin:0 0 1.4rem;color:#cbd5e1;line-height:1.55;font-size:1.02rem}
.lf-list{list-style:none;margin:0;padding:0;border-radius:16px;border:1px solid rgba(248,250,252,.1);background:rgba(12,18,32,.62);overflow:hidden}
.lf-list li+li{border-top:1px solid rgba(248,250,252,.07)}
.lf-list a,.lf-list button,.lf-list .soon{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;width:100%;padding:.8rem 1rem;border:0;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.lf-list b{font-weight:600;font-size:1.02rem;color:var(--frost)}
.lf-list span{grid-column:1;color:#a9b6c8;font-size:.92rem;line-height:1.4}.lf-list span b{font-size:inherit;color:var(--cyan)}
.lf-list i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--cyan)}
.lf-list a:hover,.lf-list button:hover,.lf-list a:focus-visible,.lf-list button:focus-visible{background:rgba(103,232,249,.07);outline:none}
.lf-list .soon{cursor:default;opacity:.6}
.lf-list .soon>b{color:var(--frost)}