*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:#f5f4ef;color:#202822;font-family:Arial,"Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #b98b49;outline-offset:5px}header{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#f8f8f3f5;position:sticky;top:0;z-index:30;border-bottom:1px solid #d9dcd6}.company{font-size:20px;letter-spacing:4px}.company span{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}.wordmark{font-size:27px;font-weight:700;letter-spacing:-1px}.wordmark span{font-size:11px;letter-spacing:2px;margin-left:12px;font-weight:400}.contact{font-size:12px}.chapter-nav{position:sticky;top:67px;z-index:30;display:flex;justify-content:center;gap:28px;height:41px;align-items:center;background:#f8f8f3ef;backdrop-filter:blur(12px);font-size:11px}.chapter-nav button{border:0;background:none;color:#526453;cursor:pointer;padding:5px 0}.skip{position:fixed;left:10px;top:-60px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.scroll-scene{height:240svh;position:relative}.stage{height:calc(100svh - 108px);min-height:480px;position:sticky;top:108px;overflow:hidden}.room{position:absolute;width:100%;height:100%;object-fit:cover;will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#101b15b3,transparent 85%)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6.8vw,108px);line-height:1.13;letter-spacing:-3px;font-weight:500;margin-bottom:25px}h2{font-size:clamp(40px,5vw,76px);font-weight:500;line-height:1.22;letter-spacing:-2px}h3{font-size:28px;font-weight:500;line-height:1.4}.eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:28px;line-height:1.8}.hero-copy,.hero-end{position:absolute;left:8%;top:24%;color:white}.hero-copy>p:last-child{font-size:16px;color:#fffdf0d9}.hero-end{opacity:0;top:30%}.hero-end h2{font-size:clamp(40px,6vw,85px)}.image-note{position:absolute;bottom:20px;right:26px;color:#fff9;font-size:9px;max-width:75%;text-align:right}.scroll-cue{position:absolute;bottom:32px;left:8%;color:white;font-size:11px;letter-spacing:2px}.scroll-cue span{display:block;margin-top:10px;font-size:27px}.technology{background:#16201a;color:#e7ede2;height:300svh}.tech-heading{position:absolute;left:8%;top:8%;z-index:3}.tech-heading h2{font-size:clamp(36px,4.2vw,62px)}.mesh-visual{position:absolute;width:50vw;height:54vh;right:6%;top:18%;perspective:900px}.mesh-plane{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 23px,#90a28b 24px,#263c29 27px,transparent 29px),repeating-linear-gradient(0deg,transparent 0 15px,#99a68e 16px,#263c29 19px,transparent 21px);border:8px solid #63715e;box-shadow:0 0 80px #9bb48712;transform:rotateY(-28deg) rotateZ(-12deg);will-change:transform}.tech-copy{position:absolute;left:8%;bottom:15%;width:32%;z-index:3}.phase{position:absolute;bottom:0;max-width:370px}.phase span{font-size:11px;letter-spacing:1px;color:#b9cda7}.phase h3{margin:18px 0}.phase p{color:#b7c1b2;font-size:14px;line-height:1.9}.phase a{font-size:12px;border-bottom:1px solid #819473;padding-bottom:7px}.phase-b{opacity:0}.diagram-note{position:absolute;bottom:15px;left:8%;right:8%;font-size:10px;line-height:1.7;color:#9fac97}.particles{position:absolute;inset:-30%;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:#d8ba7d;border-radius:50%;box-shadow:0 0 10px #e8cd8980}.airflow{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around}.airflow i{height:1px;width:80%;background:linear-gradient(90deg,transparent,#afc6cf70,transparent);transform:rotate(-12deg)}.living{height:220svh}.living-copy{position:absolute;left:8%;top:20%;width:440px;color:white;max-width:80%}.living-copy p:last-child{font-size:15px;line-height:1.9;max-width:330px}.living-labels{position:absolute;bottom:90px;left:8%;display:flex;gap:18px;color:white}.living-labels span{border:1px solid #ffffff70;border-radius:40px;padding:12px 22px;font-size:12px}.selection{padding:120px 8%}.selection>.lead{font-size:16px;color:#697165;line-height:1.8}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:60px}.product-grid figure{margin:0 0 32px;background:#e8e9e3;height:420px;overflow:hidden}.product-grid img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-grid h3{margin:15px 0}.product-grid p{font-size:14px;line-height:1.9;color:#626b60;max-width:440px}.product-grid a{font-size:12px;border-bottom:1px solid #98a28e;padding-bottom:9px;display:inline-block}.fine{font-size:10px;color:#7b8276;margin-top:40px;line-height:1.8}.evidence{background:#e6e9e0;padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.evidence h2{font-size:48px}.evidence p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:380px;color:#687060}.evidence-links{align-self:center}.evidence-links a{display:flex;padding:28px 0;border-bottom:1px solid #bdc5b7;font-size:17px;gap:22px}.evidence-links span{font-size:11px;color:#6f7b63}.evidence-links b{margin-left:auto;font-weight:400}.closing{text-align:center;padding:130px 20px}.closing h2{font-size:clamp(42px,5vw,76px)}.closing p:not(.eyebrow){font-size:14px;color:#747e6e;line-height:1.9}.pill{display:inline-block;background:#293e2f;color:white;padding:16px 30px;border-radius:30px;margin-top:15px;font-size:13px}.back{display:block;margin-top:30px;font-size:12px}footer{border-top:1px solid #d9ddd2;margin:0 5%;padding:28px 0;display:flex;justify-content:space-between;font-size:10px;color:#707966;gap:20px}.progress{position:fixed;left:0;bottom:0;height:3px;background:#a6ba83;width:0;z-index:99}
@media(max-width:700px){header{padding:0 20px}.company{font-size:15px;letter-spacing:2px}.company span{font-size:8px;letter-spacing:0}.wordmark{font-size:22px}.wordmark span{display:none}.contact{font-size:10px}.chapter-nav{gap:17px;font-size:10px}.chapter-nav button{font-size:10px}.stage{min-height:480px}.hero-copy{top:25%;left:7%}h1{font-size:54px;letter-spacing:-2px}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px}.hero-copy>p:last-child{font-size:13px}.hero .room{object-position:51%}.hero-end{left:7%}.image-note{font-size:8px;bottom:12px;right:15px}.scroll-cue{bottom:40px}.tech-heading{top:7%;left:7%}.tech-heading .eyebrow{margin-bottom:14px}.tech-heading h2{font-size:37px}.mesh-visual{width:75vw;height:25%;top:35%;right:5%}.tech-copy{left:7%;bottom:9%;width:86%}.phase{max-width:100%;width:100%}.phase h3{font-size:22px;margin:9px 0}.phase p{font-size:12px;line-height:1.75;margin-bottom:10px}.phase span,.phase a{font-size:10px}.diagram-note{font-size:8px;left:7%;right:7%;bottom:6px}.living-copy{top:20%;left:7%}.living-copy h2{font-size:46px}.living-copy p:last-child{font-size:13px}.living-labels{left:7%;bottom:70px;gap:8px}.living-labels span{padding:10px 17px;font-size:10px}.selection{padding:75px 7%}.selection h2{font-size:37px}.selection>.lead{font-size:13px}.product-grid{grid-template-columns:1fr;gap:50px;margin-top:35px}.product-grid figure{height:330px;margin-bottom:25px}.product-grid h3{font-size:26px}.evidence{grid-template-columns:1fr;gap:20px;padding:75px 7%}.evidence h2{font-size:38px}.evidence-links a{font-size:15px}.closing{padding:90px 20px}footer{flex-wrap:wrap;font-size:9px}.eyebrow{letter-spacing:2px}}
.reduced .scroll-scene{height:auto}.reduced .stage{position:relative;top:auto}.reduced .hero-end{display:none}.reduced .technology .stage{height:950px}.reduced .tech-copy{bottom:10%;width:84%;display:flex;gap:30px}.reduced .phase{position:static;width:50%;opacity:1!important}.reduced .mesh-visual{top:25%;height:35%}.reduced .tech-heading{top:5%}.reduced .room{transform:none!important}.reduced .hero-copy,.reduced .living-copy{opacity:1!important;transform:none!important}.reduced .mesh-plane{transform:rotateY(-20deg) rotateZ(-8deg)!important}@media(max-width:700px){.reduced .tech-copy{display:block;bottom:6%}.reduced .phase{width:100%;margin-top:20px}.reduced .mesh-visual{top:23%;height:24%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.reduced .phase{visibility:visible!important}.reduced .living-labels span{opacity:1!important;transform:none!important}.reduced .scroll-cue{display:none}