.life-intro{display:grid;grid-template-columns:1.8fr .7fr;gap:90px;align-items:center;padding-block:75px}.life-intro h1{font-size:clamp(45px,5.5vw,76px);font-weight:500;margin-bottom:30px;line-height:1.08}.life-intro h1 em{color:var(--red);font-style:normal}.life-intro .lead{font-size:19px;line-height:1.75;max-width:720px}.life-intro>div>p:last-child{font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px;max-width:650px}.life-intro figure{max-width:250px;justify-self:end}.life-intro figure img{width:100%;height:auto}.life-intro figcaption{font-size:10px;color:var(--muted);margin-top:16px}.life-direction{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:25px 35px}.life-direction>span{font:700 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--red)}.life-direction>p{font-size:11px;color:var(--muted)}.life-timeline{position:relative;padding-bottom:35px}.life-timeline:before{content:'';position:absolute;left:211px;top:10px;bottom:75px;width:3px;background:#d32f2f}.life-row{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:60px;margin-bottom:40px;scroll-margin-top:135px}.life-row:before{content:'';position:absolute;left:205px;top:36px;width:15px;height:15px;background:#d32f2f;border:4px solid var(--paper);border-radius:50%;box-sizing:content-box;transform:translateX(-4px)}.life-period{position:sticky;top:140px;align-self:start;padding-top:25px}.life-period>span{display:block;font-weight:700;font-size:34px;line-height:1.3;letter-spacing:-.045em}.life-period>p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px}.life-card{padding:38px 40px 42px;background:#fff;border-radius:2px;min-width:0}.life-card>.eyebrow{font-size:10px;margin-bottom:20px;color:var(--muted)}.life-card>h2{font-size:clamp(29px,3vw,41px);font-weight:500;letter-spacing:-.04em;line-height:1.15;margin-bottom:25px}.life-card>p,.life-learning>p{font-size:14px;line-height:1.9;color:var(--muted)}.life-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px;margin-top:26px}.life-actions .button,.life-learning .button{font-size:11px;letter-spacing:.66px;max-width:100%;white-space:normal}.button-secondary{background:#fff!important;color:#0b1c48!important;border:2px solid #0b1c48!important;border-radius:2px}.button-secondary:hover{background:#eef1f6!important}.life-learning{padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}.life-learning h3{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin-bottom:15px}.life-learning .button{margin-top:22px}.life-journey-logo{width:min(100%,300px);color:#0b1c48;margin-bottom:28px}.life-journey-logo svg{display:block;width:100%;height:auto}.life-brands{margin-top:30px}.life-brands>summary{list-style:none;cursor:pointer;display:inline-flex;max-width:100%;font-size:11px;letter-spacing:.66px}.life-brands>summary::-webkit-details-marker{display:none}.life-brands>summary:focus-visible{outline:3px solid #d32f2f;outline-offset:5px}.life-brands[open]>summary{background:#eef1f6!important}.life-brand-content .journey-family-copy{font-size:13px;line-height:1.9}.life-brand-content .brand-family{grid-template-columns:1fr 1fr;gap:20px}.life-brand-content .brand-family h2{font-size:20px}.life-brand-content .owned-brand{padding:23px}.life-brand-content .owned-brand p{font-size:12px}.life-brand-content .owned-brand .button{font-size:9px;padding:14px 15px;letter-spacing:.5px}.life-brand-content .brand-jpr .owned-mark{font-size:22px}.life-brand-content .brand-tai .owned-mark{font-size:21px}.life-brand-content .brand-tai .owned-mark>.spectrum{font-size:35px}.life-brand-content .brand-lip .owned-mark{font-size:22px}.life-brand-content .owned-mark{min-height:60px}.life-vegan .life-card{background:#f5f4d9}.life-vegan .life-card>h2{color:#013a20}.life-vegan .life-card .button{background:#013a20;color:#f8d210}.life-vegan-logo{width:190px;height:auto;max-height:135px;object-fit:contain;margin-bottom:25px}.learning-intro{padding-block:70px 60px;border-bottom:1px solid var(--line)}.learning-intro h1{font-size:clamp(40px,5.2vw,70px);font-weight:500;max-width:1000px;line-height:1.12;margin-bottom:30px}.learning-intro .lead{max-width:780px;font-size:19px;line-height:1.8}.learning-intro>.button{margin-top:28px;font-size:11px}.learning-body{max-width:850px;margin-top:50px;margin-bottom:70px;padding-left:35px;border-left:3px solid #d32f2f}.learning-body>section{margin-bottom:38px}.learning-body h2{font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.03em;margin-bottom:18px}.learning-body section>p{font-size:16px;line-height:1.95;color:var(--muted)}.learning-next{padding:30px;background:#e9ecf2;margin-top:50px}.learning-next h2{font-size:25px}.learning-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.learning-actions .button{font-size:10px;max-width:100%;white-space:normal}
@media(max-width:1050px){.life-intro{gap:45px}.life-row{grid-template-columns:155px minmax(0,1fr);gap:45px}.life-period>span{font-size:29px}.life-timeline:before{left:178px}.life-row:before{left:172px}.life-card{padding:30px}.life-brand-content .brand-family{grid-template-columns:1fr}.life-period{top:125px}}
@media(max-width:720px){.life-intro{grid-template-columns:1fr;gap:25px;padding-block:40px}.life-intro h1{font-size:43px;margin-bottom:25px}.life-intro .lead{font-size:16px;line-height:1.8}.life-intro>div>p:last-child{font-size:13px}.life-intro figure{width:140px;justify-self:start}.life-intro figcaption{font-size:9px;margin-top:12px}.life-direction{padding-block:20px 25px;gap:20px}.life-direction>span{font-size:9px}.life-direction>p{font-size:9px}.life-timeline:before{left:7px;top:15px;bottom:55px}.life-row{display:block;padding-left:27px;margin-bottom:30px;scroll-margin-top:105px}.life-row:before{left:1px;top:14px}.life-period{position:static;padding:0 0 18px}.life-period>span{font-size:28px}.life-period>p{font-size:10px;margin-top:5px}.life-card{padding:25px 22px 28px}.life-card>.eyebrow{font-size:9px;margin-bottom:15px}.life-card>h2{font-size:28px;line-height:1.2;margin-bottom:20px}.life-card>h2 br{display:none}.life-card>p,.life-learning>p{font-size:13px;line-height:1.9}.life-card>p+p{margin-top:16px}.life-actions{gap:12px;margin-top:22px}.life-actions .button,.life-learning .button,.life-brands>summary{font-size:10px;letter-spacing:.6px;padding:15px 16px;line-height:1.6}.life-learning{padding-top:23px;margin-top:23px}.life-learning h3{font-size:22px}.life-learning .button{margin-top:20px}.life-journey-logo{max-width:230px}.life-brand-content .brand-family{gap:10px}.life-brand-content .owned-brand{padding:20px}.life-brand-content .brand-family h2{font-size:20px}.life-brand-content .brand-jpr .owned-mark{font-size:21px}.life-brand-content .brand-jpr .owned-mark>svg{width:35px}.life-brand-content .brand-tai .owned-mark{font-size:18px}.life-brand-content .brand-tai .owned-mark>.spectrum{font-size:31px}.life-brand-content .brand-lip .owned-mark{font-size:20px}.life-brand-content .brand-lip .owned-mark>svg{width:40px;height:40px}.life-brand-content .owned-brand .button{font-size:9px;padding:14px 12px}.life-vegan-logo{max-width:170px}.learning-intro{padding-block:40px}.learning-intro h1{font-size:37px;margin-bottom:25px}.learning-intro .lead{font-size:16px}.learning-intro>.button{font-size:10px;padding:15px 18px}.learning-body{width:calc(100% - 40px);margin-block:30px 45px;padding-left:20px}.learning-body>section{margin-bottom:30px}.learning-body h2{font-size:24px}.learning-body section>p{font-size:14px;line-height:1.9}.learning-next{padding:23px;margin-top:35px}.learning-next h2{font-size:23px}.learning-actions{gap:12px}.learning-actions .button{font-size:9px;padding:15px;letter-spacing:.5px}}
/* Reuse the Figma Action / Button label and spacing on every new action. */
.life-actions .button,.life-learning .button,.life-brands>summary,.learning-actions .button,.learning-intro>.button,.life-brand-content .owned-brand .button{font:700 12px/16px var(--sans);letter-spacing:.72px;padding:16px 24px;min-height:48px}
.life-card h2,.life-card h3,.learning-intro h1,.learning-body h2{overflow-wrap:anywhere;hyphens:auto}
