.life-story{background:linear-gradient(180deg,#f5f6e9,#fffaf1 45%,#eaf0e3);color:#163f31;padding:100px 0 0;overflow:hidden}.life-story .shell{max-width:1260px}.life-story h2{font-size:clamp(2.8rem,5vw,4.9rem);line-height:1.04;letter-spacing:-.045em;margin:12px 0 22px}.life-story h3{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.03em;margin:12px 0 18px}.life-story em{font-weight:inherit;color:#467354}.life-story p{line-height:1.75}.story-intro{display:grid;grid-template-columns:1.8fr 1fr;gap:60px;align-items:end}.story-intro>div>p:last-child{max-width:52ch}.story-intro-aside{padding:20px 0}.story-preview{font-weight:800;color:#98613d;font-size:.85rem;letter-spacing:.04em}.story-motion{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:5px;padding:10px 0;cursor:pointer;font:inherit;font-size:.8rem}.story-households,.story-choice-row,.story-chapters,.story-demo-tabs{display:flex;gap:9px;flex-wrap:wrap}.story-households{margin:35px 0 22px}.life-story button:not(.button):not(.story-text-link):not(.story-motion){font:inherit;cursor:pointer}.story-households button,.story-choice-row button,.story-chapters button,.story-demo-tabs button{border:1px solid #b8cbb8;color:#24513d;background:#ffffff90;border-radius:100px;padding:11px 17px;font-size:.83rem!important;transition:background .2s,color .2s,transform .2s}.story-households button:hover,.story-choice-row button:hover{transform:translateY(-2px)}.story-households button[aria-pressed=true],.story-choice-row button[aria-pressed=true],.story-chapters button[aria-pressed=true],.story-demo-tabs button[aria-pressed=true]{background:#174e3a;border-color:#174e3a;color:#fff9ec}.life-story button:focus-visible,.life-story input:focus-visible{outline:3px solid #ba6f35;outline-offset:4px}.story-stage{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #cbd7c2;border-radius:32px;overflow:hidden;background:#fffcf6;box-shadow:0 20px 55px #174e3a0b}.story-scene{position:relative;min-height:490px;background:#e0ecdc;isolation:isolate;overflow:hidden}.story-sky{position:absolute;inset:0;background:linear-gradient(#e2efe4,#f6edcd)}.story-sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#edb977;right:50px;top:55px;box-shadow:0 0 0 20px #edb97722;animation:story-breathe 8s ease-in-out infinite}.story-cloud{position:absolute;width:110px;height:24px;border-radius:50px;background:#ffffff9c;animation:story-drift 12s ease-in-out infinite alternate}.cloud-one{left:30px;top:100px}.cloud-two{right:30px;top:170px;animation-delay:-6s}.story-scene-label{position:relative;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:24px;font-size:.72rem;font-weight:800}.story-time{color:#507156;font-weight:500}.story-people{position:absolute;left:6%;right:6%;top:100px;height:275px;z-index:2}.story-people svg{width:100%;height:100%;overflow:visible}.story-person{transform-box:fill-box;transform-origin:50% 100%;animation:story-sway 7s ease-in-out infinite alternate}.story-person:nth-child(2){animation-delay:-3s}.story-person:nth-child(3){animation-delay:-5s}.story-ground{position:absolute;left:-10%;right:-10%;height:190px;bottom:0;background:#bad1a7;border-radius:50% 50% 0 0;transition:background 1s}.story-scene-caption{position:absolute;bottom:22px;left:24px;right:24px;z-index:4;padding:16px 20px;border:1px solid #fff8;background:#fffcf0e6;border-radius:18px;backdrop-filter:blur(8px)}.story-scene-caption strong{font-family:Fraunces,Georgia,serif;font-size:1.6rem}.story-scene-caption p{font-size:.78rem;line-height:1.5;margin:5px 0 0}.story-tickets span{position:absolute;z-index:3;background:#fffaf0;box-shadow:0 8px 20px #254d3114;padding:11px 16px;border-radius:12px;font-size:.75rem;font-weight:750;transition:transform .9s cubic-bezier(.2,.8,.2,1),left .9s,top .9s,background .9s}.t-one{left:6%;top:100px;transform:rotate(-9deg)}.t-two{left:53%;top:115px;transform:rotate(7deg)}.t-three{left:10%;top:280px;transform:rotate(5deg)}.t-four{left:56%;top:290px;transform:rotate(-8deg)}[data-chapter=clear] .story-tickets span{transform:rotate(0);background:#e9f3e0}[data-chapter=clear] .t-one{left:6%;top:80px}[data-chapter=clear] .t-two{left:53%;top:80px}[data-chapter=clear] .t-three{left:6%;top:300px}[data-chapter=clear] .t-four{left:53%;top:300px}[data-chapter=live] .story-tickets span{transform:translateY(-20px) scale(.94);background:#e8f1dd}[data-chapter=live] .story-ground{background:#afcca1}.story-companion{padding:44px 36px;display:flex;flex-direction:column;justify-content:center}.story-companion>p:not(.eyebrow){font-size:.94rem}.story-chapters{margin:18px 0 22px}.story-chapters button{font-size:.73rem!important;padding:8px 12px}.story-next{align-self:start}.story-fiction{font-size:.72rem!important;color:#57715c;line-height:1.65!important;margin-top:20px}.story-playground{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:80px 0}.story-demo{padding:28px;border:1px solid #ccd7c1;background:#fffdf7;border-radius:26px;box-shadow:0 20px 50px #23442b0b;min-height:365px}.story-demo-top{display:flex;gap:10px;align-items:center}.story-demo-top img{object-fit:contain}.story-demo-top strong,.story-demo-top small{display:block}.story-demo-top small{font-size:.68rem;color:#647662;margin-top:3px}.story-demo-tag{margin-left:auto;font-size:.6rem;letter-spacing:.13em;border:1px solid #cfdbc2;padding:5px 8px;border-radius:6px}.story-demo-tabs{margin:22px 0}.story-demo h3{font-size:1.65rem}.story-demo p{font-size:.83rem}.story-task{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #dae2d0;cursor:pointer;font-size:.87rem}.story-task input{accent-color:#245d3d;width:19px;height:19px}.story-task>span:last-child{margin-left:auto;color:#35684c;opacity:0;transition:opacity .3s}.story-task:has(input:checked)>span:last-child{opacity:1}.story-task:has(input:checked)>span:first-of-type{text-decoration:line-through;color:#6d8268}.story-feedback{font-size:.78rem!important;min-height:2.5em;color:#42694b;margin-top:18px!important}.story-event{display:flex;align-items:center;gap:15px;padding:14px 0}.story-event>span{background:#edf2e3;padding:8px 13px;border-radius:10px;text-align:center;font-size:.65rem}.story-event small{display:block;font-size:.68rem;margin-top:4px}.story-action{border:1px solid #bad0b0;background:#eff5e6;color:#24513d;border-radius:12px;padding:11px 15px;font-size:.8rem!important}.story-demo [type=range]{width:100%;margin:24px 0;accent-color:#24513d}.story-demo label strong{float:right}.story-budget-track{height:12px;background:#e5ecd9;border-radius:20px;overflow:hidden}.story-budget-track span{display:block;width:66.67%;height:100%;background:#6a9668;border-radius:20px;transition:width .25s}.story-text-link{display:inline-block;color:#28593e;font-weight:750;font-size:.85rem;border:0;background:transparent;padding:8px 0;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.story-extras{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-extras article{padding:32px;background:#fffaf1;border:1px solid #c9d7bd;border-radius:26px}.story-extras h3{font-size:2rem}.story-extras p{font-size:.88rem}.story-choice-row{margin:20px 0}.story-choice-row button{padding:9px 13px;font-size:.73rem!important}.story-audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:32px 0}.story-audiences span{border:1px solid #d5dfcc;padding:28px 7px;border-radius:16px;font-size:.75rem;text-align:center;opacity:.45;transition:background .5s,opacity .5s,transform .5s}.story-audiences .is-lit{opacity:1;background:#e0efd2;border-color:#8eac7c;transform:translateY(-5px);box-shadow:0 8px 20px #456b3012}.story-quest-art{height:150px;position:relative;overflow:hidden;background:#e4eddf;border-radius:18px;margin:20px 0;isolation:isolate}.quest-sun{position:absolute;width:48px;height:48px;border-radius:50%;background:#e8b37a;left:65%;top:18px;transition:background .5s}.quest-hill{position:absolute;width:70%;height:150px;background:#c2d4b0;bottom:-70px;border-radius:50%}.hill-one{left:-10%}.hill-two{right:-10%;background:#a5c193}.quest-tree{position:absolute;color:#386740;font-size:90px;bottom:0;line-height:1;z-index:2;animation:story-sway 9s ease-in-out infinite alternate}.tree-one{left:8%}.tree-two{right:8%;font-size:70px}.quest-path{position:absolute;width:50px;height:180px;background:#eadbb5;left:45%;top:90px;border-radius:50%;transform:rotate(40deg)}.quest-symbol{position:absolute;z-index:3;font-size:28px;left:47%;top:50px;animation:story-breathe 6s ease-in-out infinite}.story-quest-art[data-quest=quiet]{background:#dce4ec}.story-quest-art[data-quest=quiet] .quest-sun{background:#f5edcd}.story-platforms{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:90px 0 50px}.story-device-wrap{min-height:410px;display:grid;place-items:center;background:radial-gradient(ellipse,#d9e7ca,transparent 65%)}.story-device{background:#fffdf7;border:7px solid #254c3c;box-shadow:0 25px 45px #234a3824;border-radius:32px;padding:24px 20px 20px;width:min(270px,100%);transition:width .65s,border-radius .65s;position:relative;animation:story-float 9s ease-in-out infinite}.story-device[data-device=desktop]{width:min(440px,100%);border-radius:18px}.story-device-camera{height:4px;width:34px;border-radius:20px;background:#254c3c;margin:-14px auto 18px}.story-device-label{font-size:.61rem;color:#5d745e;display:block;margin-bottom:12px}.story-device>strong{font-family:Fraunces,Georgia,serif;font-size:1.6rem;line-height:1.1;display:block}.story-device-greeting{font-size:.68rem;margin:10px 0 20px}.story-device-tile{display:flex;gap:12px;align-items:center;background:#edf3e6;border-radius:12px;padding:12px;margin:8px 0}.story-device-tile span{font-weight:750;font-size:.8rem}.story-device-tile small{display:block;font-weight:400;font-size:.62rem;margin-top:3px}.story-device-footer{font-size:.54rem;text-align:center;margin-top:18px}.story-ending{text-align:center;padding:45px 0 80px}.story-ending h3{font-size:clamp(2.5rem,5vw,4rem);margin:5px 0 20px}.story-leaf{font-size:3.5rem;color:#608850;display:block}.story-ending>.story-text-link{display:block;margin:15px auto 0}.life-story [hidden]{display:none!important}.life-story.is-paused *{animation:none!important;transition:none!important}.story-scene.is-arriving .story-people{animation:story-enter .6s ease-out}@keyframes story-sway{from{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes story-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes story-drift{to{transform:translateX(20px)}}@keyframes story-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes story-enter{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:800px){.life-story{padding-top:65px}.story-intro{grid-template-columns:1fr;gap:0}.story-intro-aside{padding-top:0}.story-stage,.story-playground,.story-platforms{grid-template-columns:1fr;gap:25px}.story-scene{min-height:440px}.story-companion{padding:28px}.story-playground{padding:50px 0}.story-extras{grid-template-columns:1fr}.story-platforms{padding:55px 0 20px}.story-device-wrap{min-height:360px}.story-scene-label{padding:18px;font-size:.65rem}.story-ticket{font-size:.65rem}.story-households{gap:7px}.story-households button{padding:10px 13px;font-size:.74rem!important}.story-demo{padding:22px}.story-extras article{padding:25px}.story-tickets span{font-size:.62rem;padding:9px 11px}.t-four{left:52%}.story-scene-caption strong{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.life-story *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.life-story{opacity:1!important;transform:none!important;scroll-margin-top:90px}
.story-adventure .quest-symbol{width:76px;height:76px;left:calc(50% - 38px);top:34px}.quest-symbol svg{display:block;width:100%;height:100%}.story-choice-row [data-quest-choice]{display:inline-flex;align-items:center;gap:7px}.story-choice-row [data-quest-choice] svg{width:23px;height:23px;flex-shrink:0}