.life-visual{margin-top:42px;background:radial-gradient(ellipse at 50% 20%,#39372b,#1d211d 65%);color:#f7ecdc;border:1px solid #b8956255;box-shadow:0 20px 40px #23232315;overflow:hidden}.life-top{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;border-bottom:1px solid #d9a87320;gap:12px}.life-top>span{font-size:9px;letter-spacing:.17em;color:#d9b68b}.life-pause{font:inherit;font-size:10px;color:#d9b68b;border:1px solid #d9a87345;background:transparent;padding:6px 9px;cursor:pointer;white-space:nowrap}.life-art{position:relative}.life-art svg{width:100%;display:block;margin-top:10px}.life-orbit-label{position:absolute;top:18px;left:23px;font-size:8px;letter-spacing:.18em;color:#b9aa92}.life-part{opacity:.15;transition:opacity 1s,filter 1s}.life-building{opacity:.75;transition:opacity 1s}.life-visual[data-phase="0"] .life-plan,.life-visual[data-phase="1"] .life-ramp,.life-visual[data-phase="2"] .life-lead,.life-visual[data-phase="3"] .life-change,.life-visual[data-phase="4"] .life-move,.life-visual[data-phase="5"] .life-close{opacity:1;filter:drop-shadow(0 0 5px #e6b77966)}.life-visual[data-phase="0"] .life-building{opacity:.35}.life-visual[data-phase="2"] .life-building{opacity:1}.life-orbit{animation:life-orbit 30s linear infinite}.life-windows{animation:life-light 6s ease-in-out infinite}.life-story{padding:0 26px 25px;min-height:136px}.life-number{font-size:9px;letter-spacing:.15em;color:#d5ac78}.life-story h3{font-size:32px;font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:10px 0 8px;color:#f8eddd}.life-story p{font-size:13px!important;line-height:1.6!important;margin:0;color:#c9c0b1;max-width:360px}.life-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d9a87330}.life-steps button{position:relative;text-align:left;background:#ffffff03;border:0;border-right:1px solid #d9a87320;border-bottom:1px solid #d9a87320;color:#c8bdab;font:inherit;font-size:11px;cursor:pointer;padding:15px 13px;transition:background .4s,color .4s}.life-steps button:nth-child(3n){border-right:0}.life-steps button span{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:7px;opacity:.7}.life-steps button[aria-pressed="true"]{background:#d9a873;color:#232323}.life-steps button:hover{background:#d9a87333}.life-steps button[aria-pressed="true"]:hover{background:#e4b983}.life-steps button:focus-visible,.life-pause:focus-visible{outline:2px solid #fff0d5;outline-offset:-4px}.life-footer{padding:21px 26px;font-size:12px;line-height:1.6;color:#aca592;letter-spacing:.015em}.life-footer strong{font-weight:400;color:#e4c394}.life-stopped *{animation-play-state:paused!important}@keyframes life-orbit{to{stroke-dashoffset:-220}}@keyframes life-light{0%,100%{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.life-visual *{animation:none!important;transition:none!important}}@media(max-width:680px){.life-visual{max-width:480px;margin-top:30px}.life-top{padding:18px}.life-top>span{font-size:8px}.life-steps button{font-size:10px;padding:13px 9px}.life-story h3{font-size:29px}.life-orbit-label{font-size:7px;left:18px}}

/* Architectural model: real roof profiles, glazing, loading docks and equipment. */
.life-visual{background:radial-gradient(ellipse at 50% 20%,#36382e,#1d231f 75%)}.life-art{padding-top:30px}.life-art svg{margin-top:0}.life-orbit-label{font-size:7px;letter-spacing:.1em;top:20px}.works-model{filter:drop-shadow(0 18px 10px #0003)}.works-caption{display:flex;justify-content:space-between;margin:0 25px 23px;padding-top:12px;border-top:1px solid #d9a87325;color:#c7b69a;font-size:8px;letter-spacing:.12em;gap:10px}.phase-overlay{opacity:0;transition:opacity .8s}.life-visual[data-phase="0"] [data-drawing="0"],.life-visual[data-phase="1"] [data-drawing="1"],.life-visual[data-phase="2"] [data-drawing="2"],.life-visual[data-phase="3"] [data-drawing="3"],.life-visual[data-phase="4"] [data-drawing="4"],.life-visual[data-phase="5"] [data-drawing="5"]{opacity:1}.works-roofs,.works-walls{transition:opacity 1s}.life-visual[data-phase="1"] .works-roofs,.life-visual[data-phase="3"] .works-roofs{opacity:.15}.life-visual[data-phase="1"] .works-walls,.life-visual[data-phase="3"] .works-walls{opacity:.45}.life-visual[data-phase="0"] .works-roofs{opacity:.65}.works-flow{stroke-dasharray:6 6;animation:works-flow 6s linear infinite}.works-pulse{animation:works-pulse 4s ease-in-out infinite}.life-story{min-height:145px}.life-footer{padding-block:17px}.life-art .works-model{width:112%;max-width:none;margin-left:-6%}.life-stopped .life-story{animation-play-state:running!important}@keyframes works-flow{to{stroke-dashoffset:-96}}@keyframes works-pulse{50%{opacity:.2}}@media(max-width:680px){.life-orbit-label{font-size:6px;letter-spacing:.05em}.works-caption{font-size:7px;margin-inline:20px}}

.life-art .works-model{width:100%;max-width:100%;margin-left:0}.life-art{padding-top:35px}.works-caption{margin-top:5px}.life-orbit-label{letter-spacing:.07em}
.works-flow{stroke-width:2;filter:drop-shadow(0 0 3px #d9a87366)}

/* Sequential shutdown: roof lights, then administration. Structure remains visible. */
.shutdown-light{opacity:.68;filter:drop-shadow(0 0 2px #f6cc8980);transition:opacity .7s ease,filter .7s ease}
.life-visual.lights-out .shutdown-light{opacity:0;filter:drop-shadow(0 0 0 transparent);transition-delay:var(--off-delay)}
.works-roofs,.works-annex,.works-services{transition:opacity 1s,filter 2s ease}
.life-visual.lights-out .works-roofs,.life-visual.lights-out .works-annex,.life-visual.lights-out .works-services{filter:brightness(.72);transition-delay:1.2s}

@media(prefers-reduced-motion:reduce){.shutdown-light,.works-roofs,.works-annex,.works-services{transition:none!important}}

.life-visual.lights-reset .shutdown-light{transition:none;opacity:.68}.life-visual.lights-reset .works-roofs,.life-visual.lights-reset .works-annex,.life-visual.lights-reset .works-services{transition:none;filter:none}