/* The three product doors moved from Lab to the public home narrative. */
.life-areas{--area-surface:#fff;--area-tint:#f0edf5;--area-accent:#846b9e}
.life-areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.life-area{border-radius:24px;border:1px solid var(--line);background:var(--area-tint);overflow:hidden;position:relative;--product-halo:#c3b1cc}
.life-area-art{height:270px;display:block;position:relative;overflow:hidden}.life-area-art img{height:410px;width:273px;max-width:none;object-fit:contain;position:absolute;left:50%;top:18px;transform:translateX(-50%);transition:transform .7s var(--ease)}.life-area:hover img{transform:translateX(-50%) translateY(-6px)}
.life-area-halo{position:absolute;height:220px;width:220px;border-radius:50%;left:50%;top:40px;transform:translateX(-50%);background:radial-gradient(circle,var(--product-halo),transparent 70%);box-shadow:0 0 0 35px #fff2,0 0 0 36px #fff5}
.life-area-office{--product-halo:#a7c8d4;background:#e9f0f2}.life-area-social{--product-halo:#c8b4d7;background:#f0eaf3}
.life-area-copy{display:block;padding:27px;background:var(--area-surface);position:relative}.life-area-copy>.eyebrow{color:var(--area-accent);font-size:11px}.life-area h3{font-size:26px;letter-spacing:-1px;line-height:1.35;margin:17px 0 24px;min-height:3em}.life-area-link{display:flex;align-items:center;justify-content:space-between;font-size:14px}.life-area-link .icon{width:18px}
:root[data-color-mode=dark] .life-areas{--area-surface:#1b1d26;--area-tint:#24222e;--area-accent:#b8a1d0}:root[data-color-mode=dark] .life-area-office{background:#1c292e}:root[data-color-mode=dark] .life-area-social{background:#2b2330}:root[data-color-mode=dark] .life-area-halo{opacity:.4;box-shadow:0 0 0 35px #ffffff05,0 0 0 36px #fff1}
@media(max-width:1100px){.life-areas-grid{gap:16px}.life-area h3{font-size:23px}}
@media(max-width:760px){.life-areas-grid{grid-template-columns:1fr;gap:19px}.life-area{display:grid;grid-template-columns:38% 62%}.life-area-art{height:auto;min-height:238px}.life-area-art img{height:290px;width:193px;top:18px}.life-area-halo{height:160px;width:160px;top:39px}.life-area-copy{padding:24px 19px}.life-area h3{font-size:21px;min-height:4em;margin:17px 0}.life-area-copy>.eyebrow{font-size:10px;letter-spacing:1px}.life-area-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.life-area-art img{transition:none}.life-area:hover img{transform:translateX(-50%)}}