.life-showcase{max-width:1280px;margin:0 auto;padding:5rem 2rem;color:#173747}
.life-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.life-heading h2{font-size:clamp(2.7rem,5.5vw,5.4rem);font-weight:500;line-height:1.01;letter-spacing:-.055em;margin:.5rem 0}.life-heading h2 span{color:#52745e}.life-heading>p{max-width:25ch;font-size:1.05rem;line-height:1.6}
.life-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.life-tabs button{padding:.85rem 1.35rem;border:1px solid #b6c9bd;border-radius:99px;font:inherit;font-size:.9rem;color:#244333;background:transparent;cursor:pointer}.life-tabs button[aria-pressed=true]{background:#254d3d;color:white;border-color:#254d3d}
.life-stage{display:grid;grid-template-columns:1fr 1fr;min-height:540px;border-radius:24px;overflow:hidden;box-shadow:0 20px 70px #163f3220;border:1px solid #d7e1da;background:#fff}.life-stage[hidden]{display:none}
.life-scene{position:relative;isolation:isolate;padding:2.6rem;display:flex;align-items:flex-end;min-width:0;background:#2b382d;color:#fff}.life-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 20%,#14271ded)}.life-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.life-scene-copy>span{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:#e4eadf}.life-scene h3{font-size:clamp(1.9rem,3.1vw,3.1rem);color:#fff;line-height:1.05;margin:.8rem 0;letter-spacing:-.03em}.life-scene p{color:#f0f3ed;max-width:37ch;line-height:1.55;font-size:.97rem}.life-scene a{display:inline-flex;gap:.7rem;align-items:center;color:white;border-bottom:1px solid #bacabc;text-decoration:none;padding:.5rem 0;font-weight:600;font-size:.85rem}.life-scene svg{width:16px}
.life-desk{display:flex;flex-direction:column;min-width:0;background:#fbfcf9}.life-desk-bar{display:flex;gap:.8rem;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e7dd;padding:1rem 1.4rem;font-size:.67rem;color:#52695e}.life-desk-bar b{font-weight:500}.life-window-dots{letter-spacing:.22em;color:#82958a}.life-desk-content{padding:1.8rem 2rem;flex:1}.life-desk-content[hidden]{display:none}.life-kicker{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#496953;margin:0 0 .6rem}.life-desk h3{font-size:1.8rem;line-height:1.15;letter-spacing:-.035em;margin:.8rem 0}.life-note{font-size:.85rem;line-height:1.5;color:#50645a}.life-checklist{list-style:none;padding:0;margin:1.3rem 0}.life-checklist li{border-top:1px solid #dce4dd}.life-checklist label{display:flex;align-items:center;gap:.75rem;padding:.85rem 0;font-size:.88rem;line-height:1.4;cursor:pointer}.life-checklist input{width:21px;height:21px;flex:0 0 21px;accent-color:#376347}.life-checklist input:checked+span{color:#587063;text-decoration:line-through}.life-progress{display:flex;align-items:center;gap:1rem;font-size:.7rem;color:#496050;margin:1rem 0 1.5rem}.life-progress progress{accent-color:#38684d;flex:1;width:50px;height:5px}.life-inquiry{display:flex;gap:.8rem;width:100%;padding:1.1rem;border:1px solid #ccd9cc;border-radius:12px;background:#f1f5eb;text-align:left;align-items:center;font:inherit;color:#243d2d;cursor:pointer}.life-inquiry>span:nth-child(2){display:grid;gap:.25rem;flex:1}.life-inquiry small{font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.life-inquiry b{font-size:.95rem}.life-inquiry span>span{font-size:.76rem}.life-inquiry svg{width:18px}.life-inquiry-dot{width:9px;height:9px;background:#49704d;border-radius:50%;flex:0 0 9px}.life-desk-footer{padding:1rem 2rem;border-top:1px solid #dfe6db;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.life-desk-footer a{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.8rem;font-weight:650;color:#214c35}.life-desk-footer svg{width:16px}.life-desk-footer small{font-size:.65rem;color:#516351}.life-caption{font-size:.7rem;color:#526856;margin:1rem 0}.life-message{line-height:1.8;margin:1.5rem 0 2rem;font-size:1rem}.life-reply-label{display:block;font-size:.9rem;font-weight:600;margin:1.5rem 0 .8rem}.life-desk textarea{width:100%;border:1px solid #9bafa0;border-radius:8px;background:#fff;padding:1rem;font:inherit;line-height:1.6;font-size:.9rem;resize:vertical;margin-bottom:1rem}.life-save-status{font-size:.8rem;color:#244d35;line-height:1.5}.life-desk-content>.text-button{font-size:.8rem}.life-desk-content>.text-button svg{width:15px;transform:rotate(180deg)}
.public-site .pl-intro{max-width:31ch}.public-site .pl-hero{padding-bottom:2.5rem}.public-site .pl-gallery-note{font-size:.85rem}.public-site .pl-gallery-count{font-size:.75rem}
.life-showcase button:focus-visible,.life-showcase input:focus-visible,.life-showcase textarea:focus-visible,.life-showcase a:focus-visible{outline:3px solid #278098;outline-offset:4px}
@media(max-width:760px){.life-showcase{padding:3rem 1rem}.life-heading{display:block}.life-heading>p{max-width:none;font-size:.9rem}.life-stage{grid-template-columns:1fr}.life-scene{min-height:300px;padding:1.7rem}.life-scene p{max-width:40ch}.life-desk-content{padding:1.5rem}.life-desk-footer{padding:1rem 1.5rem}.life-tabs{gap:.4rem}.life-tabs button{font-size:.78rem;padding:.7rem .9rem}.life-heading h2{font-size:3.3rem}}
@media(prefers-reduced-motion:reduce){.life-showcase *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}