@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#101827;--navy:#071e35;--red:#ff3b30;--paper:#f5f6f5;--line:#d9dde1;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace;--serif:'Playfair Display',Georgia,serif}
body{background:var(--paper);color:var(--ink);font-family:var(--sans)}
.stage{background:var(--paper);color:var(--ink)}
h1,h2{font-weight:700;letter-spacing:-.065em}
h1 em,h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.055em}
h1 em,.machine-panel h2 em{color:var(--ink)}
.header{height:92px;padding:0 5.7vw;color:var(--ink);background:#f5f6f5ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.header-center{display:none}
.site-links{display:flex;gap:26px;align-items:center;margin-left:auto;margin-right:32px}
.site-links a{font-size:12px;font-weight:700}
.site-links a:hover{color:var(--red)}
.motion-control{font-size:11px;min-height:44px}
.eyebrow,.step-index,.stage-bottom,.product-caption>span,.machine-caption>span{font-family:var(--mono)}
.live-dot{background:var(--red);border-radius:0;width:21px;height:1px}
.intro,.machine-description,.product-caption p,.machine-caption p{color:#52606a}
.detail-link{background:var(--red);color:#fff;font-weight:700}
.detail-link:hover{background:#d92e26}
.circle-arrow{border-color:#9aa8ac}.enter:hover .circle-arrow{background:#dbe7e9}
.dark .stage{background:var(--navy);color:#fff}
.dark .header{background:#071e35ed;color:#fff;border-color:#ffffff25}
.dark .live-dot{background:var(--red)}
.process-panel h2 em,.step-index{color:#80d6ff}
.process-text p{color:#b4c8d3}
.progress-track>div{background:var(--red)}
.film-bottom b{color:#fff}
.accessible-summary{background:var(--red);color:#fff;border:0}
.accessible-summary>div p{color:#ffe6e1}
.restart{border-color:#ffffff55;color:#fff}
.site-footer{padding:35px 5.7vw;display:flex;align-items:center;justify-content:space-between;gap:25px;background:white;font:11px var(--mono);line-height:1.8}
.site-footer .brand>span{color:var(--red)}
.webgl-fallback{z-index:4;opacity:1}.webgl-fallback img{max-height:45vh;object-fit:contain}.webgl-fallback p{font-size:11px;text-align:center}
.embed-description{display:none}
button:focus-visible,a:focus-visible{outline:3px solid #0a5fff;outline-offset:4px}
@media(max-width:760px){.header{height:76px;padding:0 22px}.site-links{gap:12px;margin:0 12px 0 auto}.site-links a{font-size:10px}.site-links a:not(:first-child){display:none}.motion-label{display:none}.site-footer{flex-wrap:wrap;padding:30px 26px}.site-footer>*{flex-basis:40%}.story-panel{top:16%}}

/* Compact presentation in the homepage: no nested page scrolling. */
html.embedded,html.embedded body{height:100%;overflow:hidden;background:#edf1ed}
.embedded .journey{height:100%}
.embedded .stage{position:relative;height:100svh;min-height:0;background:#edf1ed;transition:background .3s}
.embedded .header{height:44px;top:8px;right:12px;left:auto;width:auto;padding:0;border:0;background:transparent;backdrop-filter:none;color:var(--ink);z-index:12}
.embedded .header .brand,.embedded .site-links,.embedded .header-center,.embedded .skip,.embedded .story-panel,.embedded .accessible-summary,.embedded .site-footer,.embedded .stage-bottom,.embedded .progress-track,.embedded .machine-caption,.embedded .real-film,.embedded .process-annotations,.embedded .film-top,.embedded .film-bottom,.embedded .film-side,.embedded .film-border{display:none}
.embedded .motion-label{display:none}
.embedded .motion-control{padding:8px}
.embedded .scene{left:0;top:0;width:100%;height:calc(100% - 82px)}
.embedded .product-film{left:14%;top:18px;width:72%;height:calc(100% - 112px);border-radius:2px;transform:none!important}
.embedded .product-film video{object-fit:cover}
.embedded .chapter-nav{left:18px;right:18px;bottom:12px;flex-direction:row;justify-content:center;gap:0;border-top:1px solid #bdc9c7;padding-top:8px}
.embedded .chapter-nav button{width:auto;min-height:40px;flex:1;justify-content:center;gap:8px;opacity:1;color:#52606a;font-size:10px}
.embedded .chapter-nav span{border:0;padding:0;color:#7e8c94;font-size:9px}
.embedded .chapter-nav b{display:block;opacity:1;font-weight:500;font-size:11px}
.embedded .chapter-nav button.active{color:var(--ink);background:#ffffffa8}
.embedded .chapter-nav button.active span{color:var(--red);border:0;padding:0}
.embedded .embed-description{display:block;position:absolute;left:16px;right:16px;bottom:69px;text-align:center;font:9px var(--mono);letter-spacing:.02em;color:#52606a;z-index:6;pointer-events:none}
.embedded .process-legend{left:0;right:0;bottom:91px;justify-content:center;gap:14px;font-size:9px}
.embedded .process-legend small{display:none}
.embedded .dark .stage{background:var(--navy)}
.embedded .dark .header,.embedded .dark .chapter-nav button,.embedded .dark .embed-description{color:#d9e7ee}
.embedded .dark .chapter-nav{border-color:#ffffff30}
.embedded .dark .chapter-nav button.active{background:#ffffff15;color:#fff}
.embedded .webgl-fallback{left:10%;right:10%;top:10%;width:80%;height:65%}
.embedded .webgl-fallback img{width:100%;height:85%;max-height:none;object-fit:contain}
.embedded .webgl-fallback p{display:none}
.embedded [hidden]{display:none!important}