@font-face{font-family:LocalArial;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eceee6;color:#25332b;font-family:LocalArial,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #849d38;outline-offset:7px}button{border:0}::selection{background:#c6ed7f;color:#1e3126}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:16px}.skip:focus{top:15px}.header{position:fixed;top:0;left:0;right:0;z-index:20;height:104px;padding:0 4.4vw;display:flex;align-items:center;justify-content:space-between;transition:color .35s;color:#28392e;pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;letter-spacing:-1.4px;font-size:24px;font-weight:800;line-height:1}.brand svg{width:38px;fill:none;stroke:currentColor;stroke-width:1.5}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:7px;font-weight:400}.header-center{font-family:monospace;font-size:11px;letter-spacing:1.5px;position:absolute;left:50%;transform:translateX(-50%)}.header-center span{opacity:.4;margin:0 15px}.motion-control{display:flex;align-items:center;gap:10px;background:transparent;font-size:12px;min-height:44px}.pause-icon{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:26px;height:26px;font-size:13px}.journey{height:360svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#eceee6;transition:background .65s,color .5s}.grain{position:absolute;inset:0;z-index:9;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#91a58a15 1px,transparent 1px),linear-gradient(90deg,#91a58a15 1px,transparent 1px);background-size:80px 80px;opacity:0;transition:opacity .6s;mask-image:linear-gradient(90deg,transparent 25%,#000)}.scene{position:absolute;inset:0;opacity:0;pointer-events:none}.scene canvas{display:block;width:100%;height:100%}.story-panel{position:absolute;left:8.3vw;top:24%;width:39%;z-index:5;will-change:transform,opacity}.eyebrow{display:flex;align-items:center;gap:10px;font:10px monospace;letter-spacing:1.45px;line-height:1.7}.live-dot{height:6px;width:6px;background:#728a43;border-radius:50%;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{font-size:clamp(56px,6.15vw,100px);font-weight:400;line-height:.99;letter-spacing:-5px;margin:25px 0}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-5px}h1 em{color:#748b3e}.intro{font-size:16px;color:#687367;line-height:1.65;margin-top:23px}.enter{margin-top:26px;display:flex;align-items:center;gap:12px;font-size:12px;background:none;padding:0}.circle-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid #9ca98f;border-radius:50%;font-size:17px;transition:background .2s}.enter:hover .circle-arrow{background:#d4e3ba}.product-caption{margin-top:44px;padding-top:14px;border-top:1px solid #b2beaa60;max-width:280px}.product-caption>span{font:9px monospace;letter-spacing:1.4px;color:#7c8775}.product-caption p{font-size:11px;line-height:1.6;color:#81897b;margin-top:9px}.product-film{position:absolute;top:17%;left:54%;width:33%;height:70%;max-height:760px;background:#425039;transform-origin:45% 45%;border-radius:45% 45% 2px 2px;isolation:isolate;will-change:transform,opacity;box-shadow:0 28px 60px #35472512}.product-film:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#06150826,transparent 35%,#081e04b0);pointer-events:none}.product-film video{height:100%;width:100%;object-fit:cover;border-radius:inherit}.film-border{position:absolute;inset:-10px;border:1px solid #9eaf904a;border-radius:inherit;z-index:-1}.film-top{position:absolute;top:24%;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;color:white;font:8px monospace;letter-spacing:1.4px;z-index:2}.record-dot{height:6px;width:6px;background:#b8ef65;border-radius:50%;box-shadow:0 0 0 4px #b8ef6522}.film-bottom{position:absolute;bottom:29px;left:27px;right:24px;display:flex;align-items:end;justify-content:space-between;color:#fff;z-index:2}.film-bottom>span:first-child{font-size:40px;line-height:.9;font-weight:300;letter-spacing:-2px}.film-bottom b{font-weight:300;color:#d9f3a4}.film-bottom>span:last-child{font-size:10px;line-height:1.6;opacity:.8}.film-side{position:absolute;left:calc(100% + 23px);bottom:0;writing-mode:vertical-rl;transform:rotate(180deg);font:8px monospace;letter-spacing:2px;color:#728166;white-space:nowrap}.process-panel,.machine-panel{opacity:0;pointer-events:none;transform:translateY(25px)}.process-panel{top:24%;width:30%}.process-panel h2{font-size:clamp(55px,5.3vw,84px);margin-bottom:45px}.process-panel h2 em{color:#c1e991}.process-text{position:absolute;top:calc(100% + 4px);max-width:310px;opacity:0;transform:translateY(15px)}.step-index{font:10px monospace;letter-spacing:1.5px;color:#c4e8a7}.process-text h3{font-size:30px;letter-spacing:-1px;font-weight:400;line-height:1.15;margin:13px 0}.process-text p{font-size:14px;line-height:1.8;color:#a8b6ac;max-width:290px}.process-legend{position:absolute;left:48%;bottom:16%;font-size:10px;display:flex;gap:23px;align-items:center;z-index:3;opacity:0;pointer-events:none}.process-legend>span{display:flex;align-items:center;gap:7px}.process-legend i{width:5px;height:5px;border-radius:50%}.air-dot{background:#77cdd4}.energy-dot{background:#e8b96c}.water-dot{background:#d2dfd1}.process-legend small{position:absolute;top:26px;left:0;color:#788a7d;font-size:9px;letter-spacing:.3px}.process-annotations{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0}.annotation{position:absolute;font:8px monospace;letter-spacing:1.5px;padding:8px 0;border-bottom:1px solid currentColor}.annotation:after{content:'';position:absolute;width:1px;height:35px;background:currentColor;bottom:-35px;left:0;opacity:.4}.annotation.air{left:49%;top:68%;color:#8fd0d5}.annotation.mw{right:10%;top:41%;color:#e8b96c;opacity:0}.annotation.vapor{left:59%;top:30%;color:#ccdfcb;opacity:0}.machine-panel{top:22%;width:35%}.machine-panel h2{font-size:clamp(58px,5.4vw,88px)}.machine-panel h2 em{color:#758942}.machine-description{font-size:13px;color:#737d6d;max-width:260px;line-height:1.8;margin:17px 0 22px}.detail-link{display:inline-flex;align-items:center;gap:25px;background:#2d3e2e;color:#eff3e8;padding:15px 20px;font-size:12px;transition:background .2s}.detail-link:hover{background:#536535}.detail-link span{font-size:17px}.contact-link{display:block;font-size:11px;margin-top:17px;text-decoration:underline;text-underline-offset:5px}.machine-caption{position:absolute;left:48%;bottom:20%;opacity:0;pointer-events:none}.machine-caption span{font:8px monospace;letter-spacing:1.3px;color:#7b8a70}.machine-caption p{font-size:12px;margin-top:8px;color:#5e6f54}.real-film{position:absolute;bottom:16%;right:9%;width:220px;background:transparent;padding:0;text-align:left;opacity:0;pointer-events:none;z-index:8}.real-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.real-film>span{display:flex;align-items:center;gap:8px;font-size:9px;margin-top:9px}.real-film b{font-size:8px}.real-film i{margin-left:auto;font-style:normal}.chapter-nav{position:absolute;left:4.4vw;bottom:16%;display:flex;flex-direction:column;gap:18px;z-index:10}.chapter-nav button{display:flex;align-items:center;gap:10px;padding:6px 0;background:none;opacity:.38}.chapter-nav span{font:9px monospace;display:block;border-left:1px solid currentColor;padding-left:9px}.chapter-nav b{font-size:9px;font-weight:400;opacity:0;transition:opacity .2s}.chapter-nav button.active,.chapter-nav button:hover{opacity:1}.chapter-nav button.active span{border-left-width:3px;padding-left:7px}.chapter-nav button:hover b{opacity:1}.stage-bottom{position:absolute;left:4.4vw;right:4.4vw;bottom:29px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1.2px;z-index:10}.scroll-label{display:flex;align-items:center;gap:15px}.scroll-label>span{font-size:18px}.technology-label{opacity:.45}.progress-number{font-size:11px}.progress-number span{opacity:.35}.progress-track{position:absolute;bottom:0;height:2px;left:0;right:0;background:#8a9e7c26;z-index:10}.progress-track>div{height:100%;width:0;background:#91ad64}.dark .stage{background:#15261f;color:#e8efe5}.dark .header{color:#e8efe5}.dark .stage-grid{opacity:1}.dark .live-dot{background:#c4e991}.webgl-fallback{position:absolute;right:5%;top:25%;width:55%;opacity:.65}.webgl-fallback img{width:100%;mix-blend-mode:multiply}.accessible-summary{padding:100px 8.3vw 45px;background:#dce3d3;border-top:1px solid #b3c0a4}.accessible-summary>p{font:10px monospace;letter-spacing:1.5px}.accessible-summary h2{font-size:clamp(40px,5vw,72px);line-height:1.07;letter-spacing:-3px;max-width:700px}.accessible-summary>div{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:32px}.accessible-summary>div p{font-size:16px;line-height:1.7;max-width:450px;color:#58684e}.accessible-summary a{border-bottom:1px solid;padding:12px 0;font-size:16px;white-space:nowrap}.accessible-summary a span{margin-left:30px}.restart{margin-top:60px;background:none;font-size:11px;border-top:1px solid #acb99e;padding:20px 0 0;width:100%;text-align:right}dialog{border:0;padding:24px;background:#eff1e9;color:#2e3b2c;width:min(1000px,92vw);max-height:92svh}dialog::backdrop{background:#0b190de8;backdrop-filter:blur(10px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{font-size:20px;letter-spacing:-.5px;margin:0}.close-film{background:none;font-size:23px;width:44px;height:44px}dialog video{width:100%;max-height:70svh;display:block;background:#07110a}dialog p{font-size:11px;color:#68745e;margin-top:15px}
@media(min-width:1600px){.story-panel{top:26%}.product-caption{margin-top:55px}.process-panel{top:24%}}
@media(max-height:760px) and (min-width:761px){.story-panel{top:20%}h1,h2{font-size:70px;margin:18px 0}.intro{font-size:14px}.product-caption{margin-top:24px}.process-panel h2{font-size:62px;margin-bottom:22px}.process-text h3{font-size:25px}.process-text p{font-size:12px}.machine-panel h2{font-size:64px}.machine-description{margin:12px 0}.header{height:84px}.machine-caption{bottom:16%}.real-film{bottom:14%;width:170px}}
@media(max-width:1000px) and (min-width:761px){h1{font-size:70px}.story-panel{left:9%;width:42%}.product-film{left:57%;width:32%}.film-bottom>span:last-child{display:none}.process-panel{width:32%}.machine-panel{width:37%}.machine-panel h2{font-size:64px}.process-legend{left:47%;gap:14px}.real-film{width:170px}.header-center{font-size:9px}}
@media(max-width:760px){.header{height:76px;padding:0 22px}.brand{font-size:19px}.brand svg{width:31px}.brand small{font-size:6px;letter-spacing:1.8px}.header-center{display:none}.motion-label{font-size:10px}.motion-control{gap:7px}.journey{height:340svh}.stage{min-height:650px}.story-panel{left:26px;top:15%;width:calc(100% - 52px)}.eyebrow{font-size:8px;letter-spacing:1.2px;gap:8px}h1{font-size:clamp(46px,12vw,67px);line-height:1;letter-spacing:-3px;margin:16px 0}h1 em,h2 em{letter-spacing:-3px}.product-panel{z-index:6;pointer-events:none}.product-panel .enter{pointer-events:auto}.product-panel h1{width:75%}.intro{font-size:12px;line-height:1.7;margin-top:15px}.enter{margin-top:18px;font-size:10px;gap:9px}.circle-arrow{height:32px;width:32px}.product-caption{display:none}.product-film{top:40%;left:44%;width:47%;height:46%;border-radius:45% 45% 1px 1px;z-index:4}.film-border{inset:-6px}.film-top{top:29%;left:13px;right:13px;font-size:6px;letter-spacing:.3px}.film-bottom{left:15px;right:15px;bottom:18px}.film-bottom>span:first-child{font-size:29px}.film-bottom>span:last-child{display:none}.film-side{font-size:6px;left:calc(100% + 13px);letter-spacing:1px}.chapter-nav{left:26px;bottom:12%;flex-direction:row;gap:19px}.chapter-nav b{display:none}.chapter-nav button{padding:10px 0}.stage-bottom{left:26px;right:26px;bottom:22px;font-size:7px;letter-spacing:.8px}.technology-label{display:none}.scroll-label{gap:9px}.scroll-label>span{font-size:14px}.progress-number{font-size:9px}.process-panel{top:15%;width:calc(100% - 52px)}.process-panel h2{font-size:48px;letter-spacing:-2.5px;margin-top:15px;margin-bottom:0}.process-panel h2 br{display:none}.process-text{top:calc(100% + 23px);max-width:80%}.step-index{font-size:8px}.process-text h3{font-size:25px;margin:9px 0;line-height:1.12}.process-text h3 br{display:none}.process-text p{font-size:12px;line-height:1.6;max-width:310px}.process-legend{left:26px;bottom:19%;gap:18px;font-size:8px}.process-legend small{top:20px;font-size:7px}.process-annotations .annotation{font-size:6px;letter-spacing:.7px}.annotation.air{left:14%;top:69%}.annotation.mw{right:9%;top:54%}.annotation.vapor{left:56%;top:45%}.annotation:after{height:20px;bottom:-20px}.machine-panel{top:15%;width:calc(100% - 52px)}.machine-panel h2{font-size:48px;letter-spacing:-2.5px;margin:15px 0}.machine-panel h2 br:nth-child(2){display:none}.machine-panel .intro{font-size:12px;margin-top:13px}.machine-description{font-size:11px;max-width:270px;line-height:1.6;margin:13px 0}.detail-link{font-size:10px;padding:11px 14px;gap:17px}.contact-link{font-size:9px;margin-top:13px}.machine-caption{left:26px;bottom:21%}.machine-caption span{font-size:6px}.machine-caption p{font-size:9px;margin-top:6px}.real-film{right:24px;bottom:11.5%;width:105px}.real-film>span{font-size:7px;line-height:1.3;gap:5px}.real-film>span i{display:none}.accessible-summary{padding:66px 26px 28px}.accessible-summary>p{font-size:8px}.accessible-summary h2{font-size:38px;letter-spacing:-2px}.accessible-summary>div{display:block;margin-top:20px}.accessible-summary>div p{font-size:14px}.accessible-summary a{display:inline-block;margin-top:25px;font-size:13px}.restart{margin-top:40px}.webgl-fallback{width:90%;right:5%;top:50%}dialog{padding:15px}.dialog-head h2{font-size:17px}}
.scene{left:35%;top:12%;width:64%;height:76%}
.stage{overflow:clip}
.chapter-nav{left:3vw}
.chapter-nav button{width:36px;min-height:36px}
.chapter-nav b{display:none}
@media(max-width:760px){.scene{left:0;top:48%;width:100%;height:36%}.chapter-nav{left:26px}.annotation.air{top:72%}.annotation.mw{top:61%}.annotation.vapor{top:51%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:320svh}}

.brand{font-size:18px;letter-spacing:-.8px}.brand>span:last-child>span{color:#ff3b30}.brand-mark{height:20px;width:27px;display:flex;gap:3px;align-items:center}.brand-mark i{height:19px;width:5px;background:#ff3b30;display:block}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:7px}.process-legend .air-dot{width:40px;height:6px;border-radius:3px;background:linear-gradient(90deg,#369dff,#ff4545)}.annotation.air{color:#bfddff}.annotation.air b{font-size:12px;margin-left:8px}