#living-engineering{position:relative;isolation:isolate;background:#10171b;color:#f4f2ed;overflow:clip;padding:55px 0 20px;margin:0}#living-engineering:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/living-engineering/workshop-background.webp') center 52%/cover no-repeat}#living-engineering:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030b10d9 0%,#050b10a8 40%,#070c1266 68%,#050a10a0),linear-gradient(0deg,#080f14cf,transparent 38%)}.living-presentation{display:grid;grid-template-columns:43% 41% 16%;align-items:center;min-height:540px;gap:0}.living-copy{position:relative;z-index:1;padding:8px 0 15px}.living-eyebrow{color:#dbbf81;font-size:12px;letter-spacing:.15em;margin:0 0 22px}#living-title{font:400 clamp(48px,5.3vw,84px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.035em;white-space:nowrap;margin:0 0 26px;color:#faf8f3;max-width:none}#living-title em{font-style:normal;color:#d0ae67}.living-description{font-size:16px;font-weight:400;line-height:1.7;color:#d0d3d3;max-width:475px;margin:0 0 33px}.living-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 32px;max-width:510px}.living-facts>div{border-left:1px solid #cbd3d035;padding:0 12px}.living-facts>div:first-child{padding-left:0;border-left:0}.living-facts strong{font:400 clamp(24px,2.6vw,41px)/1.05 Georgia,serif;display:block;color:#f4f2ed;white-space:nowrap;margin-bottom:9px}.living-facts strong>span{font-size:.8em;color:#d2b878}.living-facts>div>span{display:block;font-size:10px;line-height:1.6;color:#c2c8c8}.living-facts sup{color:#d4b573;font-size:8px}.living-story.button{font-size:12px;text-transform:none;font-weight:600;letter-spacing:0;padding:19px 25px;min-height:57px;gap:32px;background:linear-gradient(110deg,#cba760,#e3cd95);border-color:#c9a25d;color:#151b1e;box-shadow:0 6px 24px #0002}.living-story.button:hover{filter:brightness(1.06)}.living-fact-source{font-size:8px;color:#9aa7aa;line-height:1.6;margin:14px 0 0;max-width:400px}.living-fact-source a{text-underline-offset:3px}.living-fact-source a:hover{text-decoration:underline}.living-visual{position:relative;min-width:0;align-self:center;margin-left:-8%;width:116%;z-index:0}.living-stage{position:relative;width:100%;aspect-ratio:1/1.12;min-height:440px;max-height:580px;touch-action:pan-y}.living-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline-offset:-5px;opacity:0;transition:opacity .7s}.living-stage canvas:active{cursor:grabbing}[data-engine="webgl"] .living-stage canvas{opacity:1}.living-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}[data-engine="webgl"] .living-fallback{visibility:hidden}.living-stage-caption{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#a7b0ad;font-size:7px;letter-spacing:.19em;pointer-events:none}.living-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 25px 0;position:relative;z-index:2}.living-controls button{background:#0d171eb5;border:1px solid #af9a6b77;color:#e3dbca;min-height:38px;min-width:35px;padding:8px 10px;font-size:9px;transition:background .2s,border-color .2s}.living-controls button:hover{background:#c3a4632b;border-color:#c7ac74}.living-controls button:disabled{opacity:.5;cursor:default}.living-controls .living-explode{display:flex;gap:12px;align-items:center;border-color:#d1b26f9c;color:#e2c790}.living-view-controls{display:flex;gap:4px}.living-visual>[data-engine-status]{text-align:center;font-size:8px;line-height:1.7;color:#a6b1b2;margin:10px 20px;min-height:14px}.living-directions{padding-left:22px;display:grid;gap:40px;position:relative;z-index:2;align-self:center}.living-direction{display:flex;align-items:center;gap:13px;position:relative;min-height:70px;white-space:normal}.living-direction:before{content:'';width:25px;border-top:1px solid #e0d2b95c;position:absolute;left:-35px;top:28px}.living-direction-icon{border:1px solid #d2b574;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;color:#e8d4ac;transition:background .25s,color .25s}.living-direction-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.living-direction strong{display:block;font-size:12px;font-weight:600;color:#efefea;line-height:1.3;margin-bottom:6px}.living-direction small{font-size:10px;line-height:1.5;color:#bbc3c2;display:block}.living-direction:hover .living-direction-icon,.living-direction:focus-visible .living-direction-icon{background:#d0b177;color:#172029}.living-direction:hover strong{color:#e0c489}.living-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.living-card{position:relative;display:block;min-height:178px;overflow:hidden;border:1px solid #bac5c328;border-radius:2px;background:#10171b;isolation:isolate;white-space:normal}.living-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.living-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 90%),linear-gradient(90deg,#07101777,transparent);z-index:-1}.living-card-copy{position:absolute;left:25px;right:60px;bottom:20px}.living-card-copy strong{display:block;color:#fbfaf5;font:400 27px/1.12 Georgia,serif;letter-spacing:-.025em;margin-bottom:7px}.living-card-copy>span{font-size:12px;line-height:1.55;color:#d0d7d6}.living-card-arrow{position:absolute;right:24px;bottom:25px;display:grid;place-items:center;border:1px solid #d1ac5f;color:#dfc17d;border-radius:50%;width:39px;height:39px;font-size:24px;line-height:1;transition:background .25s,color .25s,transform .25s}.living-card:hover img{transform:scale(1.045)}.living-card:hover .living-card-arrow{background:#d1b16f;color:#11191c;transform:translateX(3px)}.living-illustration-note{font-size:7px;line-height:1.8;color:#8d9a9e;margin:12px 0 0;text-align:right;letter-spacing:.03em}.living-components{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:12px 25px 0}.living-components[hidden]{display:none}.living-components button{color:#cbd3d4;background:#08131bcb;border:1px solid #9caaad50;font-size:8px;min-height:32px;padding:7px 8px}.living-components button[aria-pressed="true"]{color:#171d1f;background:#d2b77e;border-color:#d2b77e}.living-part-detail{background:#09141bd9;border:1px solid #b2a17a4a;padding:15px;margin:10px 25px;max-width:100%}.living-part-detail strong{font:400 21px Georgia,serif;color:#ddc28c;display:block;margin-bottom:7px}.living-part-detail p{font-size:10px;line-height:1.7;color:#bcc9cc}.living-part-detail[hidden]{display:none}
@media(min-width:1700px){#living-engineering{padding-top:65px}.living-presentation{min-height:610px;grid-template-columns:44% 40% 16%}.living-stage{max-height:620px}.living-card{min-height:190px}.living-description{font-size:17px}.living-direction strong{font-size:13px}.living-direction small{font-size:11px}}
@media(min-width:768px) and (max-width:1100px){#living-engineering{padding-top:40px}.living-presentation{grid-template-columns:49% 51%;align-items:start}.living-copy{padding-top:25px}#living-title{font-size:clamp(43px,5.6vw,61px)}.living-description{font-size:13px;padding-right:15px;margin-bottom:23px}.living-facts{margin-bottom:25px}.living-facts strong{font-size:25px}.living-facts>div{padding-inline:8px}.living-facts>div>span{font-size:8px}.living-story.button{font-size:10px;padding:17px;gap:20px}.living-visual{width:112%;margin-left:-12%}.living-stage{min-height:390px;max-height:490px}.living-controls{margin-inline:10px}.living-controls button{font-size:8px;min-width:30px;padding:7px}.living-directions{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;padding-left:0;margin:28px 0 0}.living-direction:before{display:none}.living-direction{gap:9px}.living-direction-icon{width:39px;height:39px}.living-direction-icon svg{width:23px;height:23px}.living-direction strong{font-size:10px}.living-direction small{font-size:9px}.living-cards{gap:10px;margin-top:25px}.living-card{min-height:155px}.living-card-copy{left:16px;right:35px;bottom:17px}.living-card-copy strong{font-size:21px}.living-card-copy>span{font-size:10px}.living-card-arrow{width:30px;height:30px;right:12px;bottom:20px;font-size:19px}}
@media(max-width:767px){#living-engineering{padding:36px 0 18px}.living-presentation{display:flex;flex-direction:column;align-items:stretch;min-height:0}.living-copy{padding:0}.living-eyebrow{font-size:9px;margin-bottom:19px}#living-title{font-size:clamp(40px,11.8vw,75px);letter-spacing:-.04em;margin-bottom:23px;line-height:1.04}.living-description{font-size:13px;line-height:1.8;max-width:520px;margin-bottom:26px}.living-facts{margin:0 0 26px;max-width:none}.living-facts strong{font-size:clamp(24px,7.2vw,39px);margin-bottom:8px}.living-facts>div>span{font-size:8px;line-height:1.65}.living-facts>div{padding:0 8px}.living-story.button{min-height:54px;width:100%;padding:17px 18px;font-size:11px;justify-content:space-between;gap:12px}.living-fact-source{margin-top:12px;font-size:7px}.living-visual{width:100%;margin:20px 0 0}.living-stage{aspect-ratio:1/1.16;min-height:350px;max-height:550px}.living-stage-caption{font-size:6px}.living-controls{margin:10px 0 0;gap:7px;flex-wrap:wrap}.living-controls button{min-height:44px;min-width:40px;padding:9px 10px;font-size:9px}.living-controls .living-explode{font-size:9px;gap:8px;flex:1;justify-content:center}.living-view-controls{gap:3px}.living-visual>[data-engine-status]{font-size:8px;margin-block:12px 5px}.living-directions{display:grid;grid-template-columns:1fr 1fr;gap:16px 15px;padding:25px 0 0;margin-top:16px;border-top:1px solid #b0babb36}.living-direction:before{display:none}.living-direction{min-height:68px;gap:10px}.living-direction-icon{width:41px;height:41px}.living-direction-icon svg{width:23px;height:23px}.living-direction strong{font-size:11px;margin-bottom:6px}.living-direction small{font-size:9px;line-height:1.6}.living-cards{grid-template-columns:1fr;margin-top:30px;gap:13px}.living-card{min-height:175px}.living-card-copy{left:21px;bottom:22px;right:64px}.living-card-copy strong{font-size:28px}.living-card-copy>span{font-size:12px}.living-card-arrow{width:41px;height:41px;right:20px;bottom:25px}.living-illustration-note{font-size:6px;text-align:left;margin-top:13px}.living-components{margin:12px 0 0;justify-content:flex-start;gap:6px}.living-components button{font-size:9px;min-height:40px;padding:8px 10px}.living-part-detail{margin:12px 0;padding:14px}.living-part-detail p{font-size:11px}}
@media(max-width:350px){.living-facts strong{font-size:22px}.living-facts>div{padding:0 6px}.living-facts>div>span{font-size:7px}.living-controls .living-explode{flex-basis:100%}.living-view-controls{width:100%;justify-content:space-between}.living-view-controls button{flex:1}.living-direction{gap:8px}.living-direction-icon{width:35px;height:35px}.living-direction strong{font-size:10px}.living-card-copy strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.living-stage canvas,.living-card img,.living-card-arrow,.living-direction-icon,.living-controls button{transition:none!important}.living-card:hover img,.living-card:hover .living-card-arrow{transform:none}}

@media(min-width:1101px){.living-visual{position:relative}.living-controls{position:absolute;left:0;right:0;bottom:12px}.living-visual>[data-engine-status]{position:absolute;left:0;right:0;bottom:-20px;margin-block:0}.living-stage-caption{bottom:68px}[data-exploded="true"] .living-controls{position:relative;bottom:auto}[data-exploded="true"] .living-visual>[data-engine-status]{position:static;margin-top:10px}[data-exploded="true"] .living-stage-caption{bottom:5px}}
@media(min-width:1101px){.living-story.button{width:360px;max-width:100%;font-size:15px;justify-content:space-between}.living-description{font-size:17px}.living-direction strong{font-size:13px}.living-direction small{font-size:11px}}