:root{--midnight:#06111f;--navy:#0a1b31;--deep:#0d3159;--blue:#145da0;--cyan:#2ed4ff;--ice:#cdefff;--white:#f4faff;--ink:#0a1b31;--muted:#587286}
*{box-sizing:border-box}.life-main{min-height:100vh;overflow:hidden;background:var(--white)}

/* The entry is one illustrated decision, not another catalogue. */
.life-index-hero,.life-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 8% 18%,rgba(46,212,255,.2),transparent 24rem),linear-gradient(128deg,var(--navy),var(--blue) 58%,#1682c5)}
.life-index-hero::before,.life-hero::before{content:"";position:absolute;width:56rem;aspect-ratio:1;inset:-35rem auto auto -20rem;border:1px solid rgba(205,239,255,.16);border-radius:50%;box-shadow:0 0 0 7rem rgba(205,239,255,.025),0 0 0 14rem rgba(205,239,255,.016)}
.life-index-hero__inner,.life-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(32rem,1.08fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding-top:calc(var(--header) + 4.5rem);padding-bottom:5.5rem}
.life-index-hero h1,.life-hero h1{max-width:48rem;margin:.9rem 0 1.2rem;font:900 clamp(3.7rem,6.8vw,6.8rem)/.92 Rubik,Heebo,sans-serif;letter-spacing:-.065em}.life-index-hero h1 strong,.life-hero h1 strong{color:var(--cyan)}
.life-index-hero__copy>p:not(.kicker),.life-hero__copy>p:not(.kicker){max-width:41rem;margin:0;color:rgba(244,250,255,.78);font-size:1.06rem;line-height:1.75}
.life-hero__jump{min-height:3.8rem;width:max-content;display:inline-flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:.8rem 1.1rem;border:2px solid rgba(255,255,255,.5);border-radius:1rem;color:var(--midnight);background:linear-gradient(180deg,#a8f1ff,var(--cyan));box-shadow:0 6px 0 #087ba8,0 1rem 2rem rgba(6,17,31,.2);font-weight:900;transition:transform .2s,box-shadow .2s}.life-hero__jump:hover{transform:translateY(-4px)}.life-hero__jump:active{box-shadow:0 2px 0 #087ba8;transform:translateY(3px)}
.life-index-hero__copy ul{display:flex;flex-wrap:wrap;gap:.65rem;margin:2rem 0 0;padding:0;list-style:none}.life-index-hero__copy li{min-width:8.5rem;padding:.72rem .85rem;border:1px solid rgba(205,239,255,.18);border-radius:.9rem;background:rgba(6,17,31,.2)}.life-index-hero__copy li b,.life-index-hero__copy li span{display:block}.life-index-hero__copy li b{font:800 .87rem Rubik}.life-index-hero__copy li span{margin-top:.2rem;color:rgba(244,250,255,.62);font-size:.65rem}
.life-index-hero__scene,.life-hero__scene{position:relative;overflow:hidden;margin:0;border:1px solid rgba(205,239,255,.2);border-radius:2.7rem .85rem 2.7rem 2.7rem;background:var(--navy);box-shadow:0 .75rem 0 rgba(46,212,255,.16),0 2.2rem 4.5rem rgba(6,17,31,.3);transform:rotate(-.8deg)}
.life-index-hero__scene{height:min(58vw,38rem)}.life-index-hero__scene img,.life-hero__scene img{width:100%;height:100%;display:block;object-fit:cover}.life-index-hero__scene img{object-position:center}
.life-index-hero__scene figcaption{position:absolute;z-index:2;inset:auto auto 1rem 1rem;max-width:16rem;padding:.75rem .9rem;border:1px solid rgba(205,239,255,.3);border-radius:1rem;color:var(--white);background:rgba(6,17,31,.84);backdrop-filter:blur(12px)}.life-index-hero__scene figcaption small,.life-index-hero__scene figcaption b{display:block}.life-index-hero__scene figcaption small{color:var(--cyan);font-size:.62rem;font-weight:900}.life-index-hero__scene figcaption b{margin-top:.2rem;font-size:.78rem}

/* Four authored worlds replace the flat 16-card wall. */
.life-worlds{position:relative;padding:clamp(5rem,8vw,8rem) 0 8rem;background:radial-gradient(circle at 15% 5%,rgba(46,212,255,.18),transparent 22rem),linear-gradient(180deg,#f5fbff,#dff4ff 65%,#f4faff)}
.life-worlds::before{content:"";position:absolute;width:44rem;aspect-ratio:1;inset:24rem -28rem auto auto;border:1px solid rgba(20,93,160,.11);border-radius:50%;box-shadow:0 0 0 6rem rgba(20,93,160,.025)}
.life-worlds__intro{display:grid;grid-template-columns:1fr .62fr;align-items:end;gap:3rem;margin-bottom:3.2rem}.life-worlds__intro .kicker{grid-column:1/-1;color:var(--blue)}.life-worlds__intro h2{margin:0;color:var(--ink);font:900 clamp(3.1rem,5.7vw,5.8rem)/.95 Rubik;letter-spacing:-.055em}.life-worlds__intro h2 strong{color:var(--blue)}.life-worlds__intro>p{margin:0;color:var(--muted);line-height:1.75}
.life-zone{--zone:#2ed4ff;position:relative;margin-top:2.2rem;padding:1rem;border:1px solid rgba(20,93,160,.12);border-radius:2rem .8rem 2rem 2rem;background:rgba(255,255,255,.66);box-shadow:0 1.2rem 3.2rem rgba(6,17,31,.06)}.life-zone--order{--zone:#145da0}.life-zone--life{--zone:#7edff8}.life-zone--grow{--zone:#0d3159}
.life-zone__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.55rem .55rem 1.35rem}.life-zone__header>span{align-self:start;padding:.45rem .65rem;border-radius:.7rem;color:var(--midnight);background:var(--zone);box-shadow:0 4px 0 color-mix(in srgb,var(--zone) 55%,var(--midnight));font-size:.62rem;font-weight:900}.life-zone__header h2{margin:0;color:var(--ink);font:900 2.05rem/1 Rubik}.life-zone__header p{max-width:44rem;margin:.45rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}.life-zone__header>i{color:color-mix(in srgb,var(--zone) 22%,transparent);font:900 5.5rem/1 Rubik;font-style:normal}
.life-zone__rail{display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:.85rem}.life-zone--life .life-zone__rail{grid-template-columns:1.18fr repeat(2,1fr)}.life-zone--grow .life-zone__rail{grid-template-columns:1.25fr 1fr}
.life-card{position:relative;overflow:hidden;min-height:22rem;display:flex;flex-direction:column;padding:1.15rem;border:1px solid rgba(20,93,160,.13);border-radius:1.45rem .5rem 1.45rem 1.45rem;color:var(--ink);background:#fff;box-shadow:0 .45rem 0 color-mix(in srgb,var(--zone) 20%,transparent),0 1rem 2rem rgba(6,17,31,.06);text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s}.life-card::before{content:"";position:absolute;width:10rem;aspect-ratio:1;inset:-6.5rem auto auto -5rem;border:.8rem solid color-mix(in srgb,var(--zone) 12%,transparent);border-radius:50%}.life-card:hover,.life-card:focus-visible{z-index:2;border-color:var(--zone);box-shadow:0 .72rem 0 color-mix(in srgb,var(--zone) 30%,transparent),0 1.6rem 2.8rem rgba(6,17,31,.14);transform:translateY(-7px) rotate(-.2deg)}
.life-card--featured{color:#fff;border-color:rgba(205,239,255,.22);background:linear-gradient(145deg,var(--deep),var(--blue))}.life-zone--grow .life-card--featured{background:linear-gradient(145deg,var(--navy),var(--deep))}.life-card--featured .life-card__copy p,.life-card--featured .life-card__first{color:rgba(244,250,255,.72)}.life-card--featured .life-card__copy small,.life-card--featured .life-card__action{color:var(--cyan)}
.life-card__number{position:absolute;inset:.9rem auto auto .9rem;color:rgba(20,93,160,.12);font:900 2.7rem/1 Rubik}.life-card--featured .life-card__number{color:rgba(255,255,255,.12)}
.life-card__symbol{position:relative;width:4rem;height:4rem;display:grid;place-items:center;margin-bottom:1rem;border:1px solid rgba(20,93,160,.12);border-radius:1.2rem .35rem 1.2rem 1.2rem;color:var(--midnight);background:var(--zone);box-shadow:0 5px 0 color-mix(in srgb,var(--zone) 55%,var(--midnight));font:900 1.45rem Rubik;transition:transform .25s}.life-card:hover .life-card__symbol{transform:translateY(-4px) rotate(-5deg)}
.life-card__copy{position:relative;z-index:1}.life-card__copy small{color:var(--blue);font-size:.62rem;font-weight:900}.life-card__copy h3{margin:.28rem 0 .6rem;font:900 1.35rem/1.08 Rubik}.life-card__copy p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.65}.life-card__first{display:block;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(20,93,160,.1);color:var(--muted);font-size:.65rem;line-height:1.45}.life-card__first b{display:block;margin-bottom:.2rem;color:var(--zone);font-size:.58rem}.life-card__action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;color:var(--blue);font-size:.68rem}.life-card__action i{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.65rem;color:var(--midnight);background:var(--zone);font-style:normal;transition:transform .2s}.life-card:hover .life-card__action i{transform:translateX(-4px)}

/* Detail routes are compact, legible and clearly sequenced. */
.life-hero{padding-bottom:0}.life-hero__inner{grid-template-columns:minmax(0,1fr) minmax(25rem,.78fr);padding-bottom:4rem}.life-hero .crumbs,.life-hero .crumbs a{color:var(--ice);font-weight:700}.life-hero__copy .kicker{margin-top:1rem}.life-hero__copy h1{font-size:clamp(3.25rem,5.7vw,5.8rem)}.life-hero__scene{height:27rem}.life-hero__scene img{object-position:center}.life-hero__scene>span{position:absolute;z-index:2;width:4.2rem;height:4.2rem;display:grid;place-items:center;inset:1rem 1rem auto auto;border:2px solid rgba(255,255,255,.6);border-radius:1.2rem .35rem;color:var(--midnight);background:var(--cyan);box-shadow:0 6px 0 #087ba8;font:900 1.55rem Rubik}
.life-hero__meta{display:flex;gap:.65rem;margin-top:1.35rem}.life-hero__meta span{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid rgba(205,239,255,.18);border-radius:.75rem;background:rgba(6,17,31,.2);font-size:.7rem}.life-hero__meta b{color:var(--cyan);font:900 1rem Rubik}
.life-path{padding:4rem 0 7rem}.life-path__layout{display:grid;grid-template-columns:minmax(15rem,.34fr) minmax(0,.66fr);align-items:start;gap:2rem}.life-path__guide{position:sticky;top:calc(var(--header) + 1.2rem);padding:1.4rem;border:1px solid rgba(20,93,160,.13);border-radius:1.5rem .55rem 1.5rem 1.5rem;background:linear-gradient(145deg,#fff,#e8f7ff);box-shadow:0 1rem 2.6rem rgba(6,17,31,.08)}.life-path__guide>small{color:var(--blue);font-weight:900}.life-path__guide h2{margin:.45rem 0 .8rem;color:var(--ink);font:900 clamp(2.3rem,4vw,3.8rem)/.95 Rubik}.life-path__guide>p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.72}.life-path__guide>div{display:flex;align-items:end;justify-content:space-between;margin-top:1.3rem;padding-top:1rem;border-top:1px solid rgba(20,93,160,.12)}.life-path__guide b{color:var(--cyan);text-shadow:1px 1px 0 var(--blue);font:900 3.2rem/1 Rubik}.life-path__guide span{color:var(--blue);font-size:.63rem;font-weight:900}
.life-steps{position:relative;display:grid;gap:.8rem;counter-reset:step}.life-steps::before{content:"";position:absolute;width:3px;inset:2rem 2rem 2rem auto;border-radius:99px;background:linear-gradient(var(--cyan),var(--blue))}.life-step{position:relative;display:grid;grid-template-columns:3.25rem minmax(0,1fr) 2.3rem;align-items:center;gap:.9rem;min-height:9rem;padding:1rem 1.1rem;border:1px solid rgba(20,93,160,.14);border-radius:1.25rem .45rem 1.25rem 1.25rem;color:var(--ink);background:#fff;box-shadow:0 .7rem 1.8rem rgba(6,17,31,.06);text-align:right;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.life-step:hover,.life-step:focus-visible{border-color:var(--cyan);box-shadow:0 1.1rem 2.5rem rgba(6,17,31,.12);transform:translateX(-6px)}.life-step--first{border-color:rgba(46,212,255,.6);background:linear-gradient(145deg,#fff,#e9f9ff)}
.life-step__number{position:relative;z-index:2;width:2.65rem;aspect-ratio:1;display:grid;place-items:center;border:4px solid #eefaff;border-radius:50%;color:var(--midnight);background:var(--cyan);box-shadow:0 3px 0 #087ba8;font:900 .72rem Rubik}.life-step__copy{min-width:0}.life-step__copy small{display:block;color:var(--blue);font-size:.62rem;font-weight:900}.life-step__copy h3{margin:.2rem 0 .35rem;font:800 1.2rem/1.15 Rubik}.life-step__copy p{max-width:39rem;margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.life-step__arrow{width:2.15rem;height:2.15rem;display:grid;place-items:center;border-radius:.65rem;color:var(--blue);background:#edf8fd;font-weight:900;transition:transform .2s}.life-step:hover .life-step__arrow{transform:translateX(-4px)}.life-step[data-sponsored=true]{border-color:#e7ca62;background:#fffdf4}
.life-disclosure{margin:1rem 0 0;padding:1rem;border-radius:1rem;background:#fff8d8;color:#675515;font-size:.82rem;line-height:1.65}.life-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;margin:2.2rem 0 0;padding:1.6rem;border-radius:1.5rem .6rem 1.5rem 1.5rem;color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));box-shadow:0 1.4rem 3rem rgba(6,17,31,.16)}.life-next small{color:var(--ice);font-weight:800}.life-next h2{margin:.3rem 0 0;font:800 clamp(1.75rem,3vw,2.7rem) Rubik}.life-next a{padding:.9rem 1.1rem;border-radius:.9rem;color:var(--midnight);background:var(--cyan);box-shadow:0 5px 0 #087ba8;font-weight:900}.life-trust{margin:1.8rem auto 0;color:var(--muted);font-size:.78rem;line-height:1.7;text-align:center}

@media(max-width:1120px){.life-zone__rail{grid-template-columns:repeat(2,1fr)}.life-zone--life .life-zone__rail,.life-zone--grow .life-zone__rail{grid-template-columns:repeat(2,1fr)}.life-index-hero__inner,.life-hero__inner{grid-template-columns:1fr 1fr}.life-index-hero__scene{height:32rem}}
@media(max-width:820px){.life-index-hero__inner,.life-hero__inner{grid-template-columns:1fr;text-align:center;padding-top:calc(var(--header) + 3rem)}.life-index-hero .kicker,.life-hero .kicker{justify-content:center}.life-index-hero__copy>p:not(.kicker),.life-hero__copy>p:not(.kicker){margin-inline:auto}.life-hero__jump{margin-inline:auto}.life-index-hero__copy ul,.life-hero__meta{justify-content:center}.life-index-hero__scene{height:min(72vw,31rem)}.life-hero__scene{height:min(68vw,26rem)}.life-worlds__intro{grid-template-columns:1fr;text-align:center;gap:1rem}.life-worlds__intro .kicker{justify-content:center}.life-worlds__intro>p{margin-inline:auto}.life-path__layout{grid-template-columns:1fr}.life-path__guide{position:static;text-align:center}.life-path__guide>div{justify-content:center;gap:1rem}.life-next{grid-template-columns:1fr;text-align:center}.life-next a{justify-self:center}}
@media(max-width:560px){.life-index-hero__inner,.life-hero__inner{padding-inline:.9rem;padding-bottom:3.5rem}.life-index-hero h1,.life-hero h1{font-size:clamp(2.75rem,13vw,3.65rem)}.life-index-hero__copy>p:not(.kicker),.life-hero__copy>p:not(.kicker){font-size:.9rem}.life-index-hero__copy ul{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.life-index-hero__copy li{min-width:0;padding:.6rem .35rem}.life-index-hero__copy li b{font-size:.71rem}.life-index-hero__scene{height:22rem;border-radius:1.7rem .6rem 1.7rem 1.7rem}.life-index-hero__scene img{object-position:center}.life-index-hero__scene figcaption{max-width:13rem;padding:.6rem}.life-worlds{padding:4rem .9rem 6rem}.life-worlds__intro h2{font-size:2.85rem}.life-zone{margin-top:1.3rem;padding:.65rem;border-radius:1.35rem .55rem 1.35rem 1.35rem}.life-zone__header{grid-template-columns:1fr auto;gap:.7rem;padding:.45rem .35rem 1rem}.life-zone__header>span{grid-column:1/-1;justify-self:start}.life-zone__header>i{font-size:3.5rem}.life-zone__header h2{font-size:1.65rem}.life-zone__header p{font-size:.72rem}.life-zone__rail,.life-zone--life .life-zone__rail,.life-zone--grow .life-zone__rail{display:flex;overflow-x:auto;gap:.72rem;margin-inline:-.15rem;padding:.1rem .15rem .85rem;scroll-snap-type:x mandatory}.life-card{flex:0 0 82vw;min-height:20rem;scroll-snap-align:center}.life-card__copy h3{font-size:1.25rem}.life-card__copy p{font-size:.72rem}.life-hero__scene{height:17rem;border-radius:1.5rem .55rem 1.5rem 1.5rem}.life-hero__meta{flex-wrap:wrap}.life-path{padding:2.5rem .9rem 6rem}.life-path__guide{padding:1.1rem}.life-step{grid-template-columns:2.75rem minmax(0,1fr);min-height:8.2rem;padding:.9rem}.life-step__arrow{display:none}.life-step__copy h3{font-size:1.04rem}.life-step__copy p{font-size:.72rem}.life-steps::before{inset-inline-end:1.65rem}.life-next{padding:1.2rem}.life-next a{width:100%}}
@media(prefers-reduced-motion:reduce){.life-card,.life-card__symbol,.life-card__action i,.life-step,.life-step__arrow,.life-hero__jump{transition:none!important}.life-card:hover,.life-card:hover .life-card__symbol,.life-card:hover .life-card__action i,.life-step:hover,.life-step:hover .life-step__arrow,.life-hero__jump:hover{transform:none}}

/* V4 — the life routes read as an authored map, not a catalogue grid */
.life-zone{isolation:isolate;overflow:hidden;padding:1.15rem;background:linear-gradient(145deg,rgba(255,255,255,.88),color-mix(in srgb,var(--zone) 8%,#fff));box-shadow:0 .55rem 0 color-mix(in srgb,var(--zone) 18%,transparent),0 1.8rem 4rem rgba(6,17,31,.08)}
.life-zone::before{content:"";position:absolute;z-index:-1;width:24rem;aspect-ratio:1;inset:-15rem auto auto -10rem;border:1px solid color-mix(in srgb,var(--zone) 28%,transparent);border-radius:50%;box-shadow:0 0 0 3rem color-mix(in srgb,var(--zone) 5%,transparent)}
.life-zone__header{position:relative;margin:-.35rem -.35rem .35rem;padding:1rem 1.05rem 1.35rem;border-bottom:1px solid color-mix(in srgb,var(--zone) 24%,transparent)}
.life-zone__header>span{min-width:4.8rem;text-align:center}.life-zone__header>i{font-size:6.2rem;letter-spacing:-.08em}
.life-zone__rail{position:relative;isolation:isolate;padding-top:1rem}
.life-zone__rail::before{content:"";position:absolute;z-index:-1;height:3px;inset:3.05rem 4.5% auto;border-radius:99px;background:repeating-linear-gradient(90deg,var(--zone) 0 12px,transparent 12px 23px);opacity:.48}
.life-card{overflow:visible;border-color:color-mix(in srgb,var(--zone) 22%,#d5e9f5);box-shadow:0 .48rem 0 color-mix(in srgb,var(--zone) 24%,transparent),0 1.25rem 2.8rem rgba(6,17,31,.08)}
.life-card::after{content:"";position:absolute;z-index:0;width:.72rem;height:.72rem;inset:2.7rem 50% auto auto;border:3px solid #fff;border-radius:50%;background:var(--zone);box-shadow:0 0 0 4px color-mix(in srgb,var(--zone) 18%,transparent);transform:translateX(50%)}
.life-card__symbol{z-index:2;border-color:rgba(255,255,255,.7)}
.life-card__copy,.life-card__action,.life-card__number{z-index:1}
@media(min-width:821px){.life-card:nth-child(even){margin-top:1.15rem}.life-card:nth-child(even)::after{top:1.55rem}.life-card:nth-child(even) .life-card__symbol{transform:translateY(-1.1rem)}.life-card:nth-child(even):hover .life-card__symbol{transform:translateY(-1.35rem) rotate(-5deg)}}
@media(max-width:820px){.life-zone__rail::before{display:none}.life-card::after{display:none}}
@media(max-width:560px){.life-zone{padding:.72rem}.life-zone__header{margin:-.15rem -.15rem .2rem;padding:.8rem .65rem 1rem}.life-zone__header>i{font-size:3.7rem}.life-card{overflow:hidden}}

/* V3 — premium illustrated Money Map */
.life-index-hero__inner{grid-template-columns:minmax(0,.8fr) minmax(32rem,1.2fr)}.life-index-hero__scene--world{aspect-ratio:4/3;height:auto;max-height:none;padding:.5rem;border-radius:2.4rem .75rem 2.4rem 2.4rem;background:rgba(6,17,31,.5);box-shadow:0 .7rem 0 rgba(46,212,255,.2),0 2.4rem 5rem rgba(6,17,31,.34)}.life-index-hero__scene--world img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2rem .5rem 2rem 2rem}.life-index-hero__scene--world figcaption{inset:auto 1.2rem 1.2rem auto;max-width:17rem;border:1px solid rgba(46,212,255,.38);background:rgba(6,17,31,.85);backdrop-filter:blur(12px);box-shadow:0 .45rem 0 rgba(46,212,255,.18)}
@media(max-width:960px){.life-index-hero__inner{grid-template-columns:1fr}.life-index-hero__scene--world{width:min(100%,44rem);margin-inline:auto}}
@media(max-width:620px){.life-index-hero__scene--world{height:auto;min-height:0;border-radius:1.55rem .5rem 1.55rem 1.55rem}.life-index-hero__scene--world img{border-radius:1.25rem .32rem 1.25rem 1.25rem}.life-index-hero__scene--world figcaption{inset:auto .8rem .8rem auto}}

/* V5 — every life moment is now an illustrated Bizo destination */
.life-card{overflow:hidden;min-height:31rem;padding:.55rem;border-radius:1.55rem .55rem 1.55rem 1.55rem}
.life-card::before,.life-card::after{display:none}
.life-card__scene{position:relative;overflow:hidden;height:13.25rem;flex:0 0 auto;margin:0 0 .75rem;border:1px solid color-mix(in srgb,var(--zone) 28%,#d5e9f5);border-radius:1.15rem .38rem 1.15rem 1.15rem;background:linear-gradient(145deg,#eff9ff,#cdefff);box-shadow:inset 0 1px rgba(255,255,255,.85)}
.life-card__scene img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.life-card:hover .life-card__scene img,.life-card:focus-visible .life-card__scene img{filter:saturate(1.06) contrast(1.02);transform:scale(1.045)}
.life-card__scene .life-card__symbol{position:absolute;z-index:3;width:3.15rem;height:3.15rem;inset:.7rem .7rem auto auto;margin:0;border:2px solid rgba(255,255,255,.82);border-radius:.92rem .3rem .92rem .92rem;box-shadow:0 5px 0 color-mix(in srgb,var(--zone) 60%,var(--midnight)),0 .7rem 1.4rem rgba(6,17,31,.16);font-size:1.1rem}
.life-card__scene .life-card__number{z-index:3;inset:auto auto .55rem .6rem;padding:.38rem .52rem;border:1px solid rgba(255,255,255,.72);border-radius:.62rem;color:var(--white);background:rgba(6,17,31,.66);box-shadow:0 .35rem 1rem rgba(6,17,31,.16);font-size:.78rem;letter-spacing:.06em;backdrop-filter:blur(8px)}
.life-card__copy{padding:.1rem .65rem 0}.life-card__copy small{font-size:.66rem}.life-card__copy h3{font-size:1.42rem}.life-card__copy p{font-size:.76rem}.life-card__first{margin-top:.8rem;padding-top:.65rem}.life-card__action{padding:1rem .65rem .55rem;font-size:.71rem}
.life-card--featured{color:var(--ink);border-color:color-mix(in srgb,var(--zone) 28%,#d5e9f5);background:#fff}.life-zone--grow .life-card--featured{background:#fff}.life-card--featured .life-card__copy p,.life-card--featured .life-card__first{color:var(--muted)}.life-card--featured .life-card__copy small,.life-card--featured .life-card__action{color:var(--blue)}
.life-hero__scene--event{height:auto;aspect-ratio:1/1;padding:.48rem;background:rgba(6,17,31,.46)}.life-hero__scene--event img{border-radius:2.15rem .58rem 2.15rem 2.15rem}.life-hero__scene--event>span{inset:1.1rem 1.1rem auto auto}
@media(min-width:821px){.life-card:nth-child(even) .life-card__symbol{transform:none}.life-card:nth-child(even):hover .life-card__symbol{transform:translateY(-4px) rotate(-5deg)}}
@media(max-width:1120px){.life-card{min-height:29.5rem}.life-card__scene{height:14.5rem}}
@media(max-width:560px){.life-card{flex-basis:86vw;min-height:31rem}.life-card__scene{height:auto;aspect-ratio:1/1}.life-card__copy{padding-inline:.55rem}.life-card__copy h3{font-size:1.38rem}.life-card__copy p{font-size:.76rem;line-height:1.62}.life-hero__scene--event{height:auto;aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){.life-card__scene img{transition:none!important}.life-card:hover .life-card__scene img,.life-card:focus-visible .life-card__scene img{transform:none}}

/* Interaction tuning from the Emil review: fast feedback, no sticky touch hover. */
.life-card{transition:transform 200ms cubic-bezier(.23,1,.32,1),box-shadow 200ms ease,border-color 160ms ease}
.life-card__scene img{transition:transform 280ms cubic-bezier(.23,1,.32,1),filter 180ms ease}
.life-card:active{transform:translateY(1px) scale(.985)}
@media(hover:none),(pointer:coarse){.life-card:hover{border-color:color-mix(in srgb,var(--zone) 22%,#d5e9f5);box-shadow:0 .48rem 0 color-mix(in srgb,var(--zone) 24%,transparent),0 1.25rem 2.8rem rgba(6,17,31,.08);transform:none}.life-card:hover .life-card__scene img{filter:none;transform:none}.life-card:hover .life-card__symbol,.life-card:nth-child(even):hover .life-card__symbol{transform:none}.life-card:hover .life-card__action i{transform:none}}
