@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18221e;--lime:#d9f28c}*{box-sizing:border-box}html{scrollbar-width:none;scroll-behavior:smooth}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{margin:0;background:#a3adb8;color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--lime)}.nav{position:absolute;z-index:20;left:0;top:0;width:100%;padding:26px 5%;display:flex;align-items:center;justify-content:space-between}.brand{font:800 28px Manrope,sans-serif;letter-spacing:-1.8px}.nav nav{display:flex;gap:34px;font-size:12px}.nav-demo{font-size:12px;border:1px solid #263d3444;border-radius:50px;padding:14px 23px;background:#ffffff22;backdrop-filter:blur(10px)}.chapter{position:relative}.film{height:430vh}.stage{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden;isolation:isolate}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#a3adb8cc,transparent 68%);pointer-events:none}.film-title,.film-caption{position:absolute;left:6%;top:29%;max-width:620px;will-change:transform,opacity}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;margin:0 0 27px}.film h1{font:500 clamp(58px,7.3vw,110px)/1.02 Manrope,sans-serif;letter-spacing:-.075em;margin:0 0 30px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.lede,.film-caption>p:last-child{font-size:15px;line-height:1.7;color:#34413d}.film-caption{opacity:0;top:35%}h2{font:500 clamp(43px,5.2vw,78px)/1.06 Manrope,sans-serif;letter-spacing:-.065em;margin:0 0 25px}.stage-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.14em;font-weight:600;z-index:5}.details{height:270vh;background:#17251f;color:#f1f3e9}.details .stage{background:radial-gradient(ellipse at 65% 60%,#3a4e3e,#17251f 68%)}.giant-word{position:absolute;top:5%;left:3%;font:600 20vw/1 Manrope,sans-serif;letter-spacing:-.08em;color:#ffffff05;white-space:nowrap;will-change:transform}.copy{position:absolute;left:6%;top:20%;z-index:3;max-width:510px;pointer-events:none}.copy a{pointer-events:auto}.copy p:not(.eyebrow){font-size:15px;line-height:1.8;opacity:.65}.details em{color:var(--lime)}.object-label{position:absolute;right:10%;font-size:9px;letter-spacing:.15em;color:#cdddbe;opacity:0}.label-a{top:27%}.label-b{bottom:25%;right:21%}.load-note{position:absolute;right:20%;top:60%;font-size:12px;opacity:.6}.visit{height:240vh;background:#d8dfca}.visit .copy{top:19%;max-width:500px}.visit-ring{position:absolute;width:65vw;height:65vw;border:1px solid #8b9d7c33;border-radius:50%;right:-5%;top:0}.visit-ring:after{content:'';position:absolute;inset:8%;border:1px solid #8b9d7c33;border-radius:50%}.visit-word{position:absolute;bottom:9%;left:4%;font:600 14vw/.9 Manrope,sans-serif;letter-spacing:-.075em;color:#50634412;z-index:-1;white-space:nowrap}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #7a8c70;padding-bottom:10px;margin-top:20px}.demo{position:relative;height:110svh;min-height:620px;overflow:hidden;background:#29352b;color:#f4f5eb}.demo-image{position:absolute;inset:-12% 0;will-change:transform}.demo-image img{width:100%;height:100%;object-fit:cover}.demo-mask{position:absolute;inset:0;background:#101c1780}.demo-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.demo h2{font-size:clamp(50px,6.7vw,100px)}.demo h2 em{color:#dff1b3}.enter{display:flex;gap:60px;align-items:center;background:var(--lime);color:var(--ink);border-radius:50px;padding:20px 27px;font-size:14px;margin-top:15px;transition:transform .25s}.enter:hover{transform:scale(1.04)}.demo-copy>p:last-child{font-size:11px;opacity:.65;margin-top:22px}footer{padding:38px 5%;background:#17251f;color:#eef0e7;display:flex;align-items:center;justify-content:space-between;gap:20px}footer span,footer>a:last-child{font-size:9px;letter-spacing:.1em;color:#a8b79c}a:focus-visible{outline:2px solid #b4d76c;outline-offset:7px}@media(max-width:700px){.nav{padding:22px 6%}.nav nav{display:none}.brand{font-size:24px}.nav-demo{padding:12px 16px;font-size:10px}.film{height:340vh}.film-title{top:20%;left:7%}.film h1{font-size:58px}.film-title .lede{font-size:13px}.film-shade{background:linear-gradient(#a3adb8bb,transparent 70%)}.film-caption{top:16%;left:7%;max-width:320px}.copy,.visit .copy{top:10%;left:7%;right:7%;max-width:390px}.copy h2{font-size:43px}.copy p:not(.eyebrow){font-size:13px}.eyebrow{font-size:8px;margin-bottom:22px}.details canvas,.visit canvas{top:23%;height:75%}.stage-bottom{font-size:7px;bottom:24px}.stage-bottom span:last-child{max-width:140px;text-align:right}.giant-word{top:45%;font-size:27vw}.object-label{display:none}.visit-word{bottom:12%;font-size:20vw}.visit-ring{width:110vw;height:110vw;top:30%;right:-20%}.details{height:230vh}.visit{height:210vh}.text-link{margin-top:6px}footer span{display:none}.load-note{top:70%;right:30%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enter{transition:none}}