@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#e8e5dc;background:#060707;--mint:#72d2bd;--amber:#dda654;--line:rgba(218,228,222,.14);--muted:#81908a}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#060707}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:1px solid var(--mint);outline-offset:4px}.eyebrow{color:var(--mint);font:9px/1.5 DM Mono;letter-spacing:.17em}.brand{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;font:10px DM Mono;letter-spacing:.14em}.brand>i{width:7px;height:7px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 10px var(--mint)}.brand b{font-weight:400;color:#52605a;margin-left:5px}.brand em{font-style:normal;color:var(--mint);border-left:1px solid var(--line);padding-left:10px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 18px;background:#49827521;border:1px solid rgba(114,210,189,.4);font-size:12px;cursor:pointer}.secondary{padding:12px 3px;background:none;border:0;border-bottom:1px solid #46534d;color:#89958f;font-size:11px;cursor:pointer}.landing{position:relative;min-height:100vh;overflow:hidden;padding:34px 5vw;background:radial-gradient(circle at 76% 48%,rgba(44,97,85,.13),transparent 32%),#060707}.landing header{position:relative;z-index:2}.hero{position:relative;z-index:2;width:min(760px,63vw);margin:clamp(110px,17vh,180px) 0 0 7vw}.hero h1{font-weight:300;font-size:clamp(55px,6.6vw,104px);line-height:.92;letter-spacing:-.06em;margin:25px 0}.hero h1 em{font-style:normal;color:#82908a}.hero>p:not(.eyebrow){max-width:520px;color:#98a39e;font-size:clamp(14px,1.2vw,18px);line-height:1.7}.hero .primary{margin:20px 20px 0 0}.hero small{display:block;color:#58655f;font:8px DM Mono;letter-spacing:.11em;text-transform:uppercase;margin-top:20px}.landing footer{position:absolute;left:5vw;bottom:32px;color:#56625c;font:8px DM Mono;letter-spacing:.08em}.iris{position:absolute;right:-7%;top:5%;width:min(62vw,850px);aspect-ratio:1;border:1px solid rgba(114,210,189,.08);border-radius:50%}.iris i{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1px solid rgba(114,210,189,.07);border-radius:50%}.iris i:nth-child(2){top:31%;right:31%;bottom:31%;left:31%}.iris i:nth-child(3){top:45%;right:45%;bottom:45%;left:45%;background:#72d2bd0a;box-shadow:0 0 90px #72d2bd26}.iris b{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(114,210,189,.13),transparent)}.experience{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#060707}.demo{position:absolute;top:0;right:0;bottom:0;left:0}.top{position:absolute;z-index:4;left:0;right:0;top:0;height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw}.top button{border:0;background:none;color:#76847e;font:8px DM Mono;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.grain{position:absolute;pointer-events:none;top:-100%;right:-100%;bottom:-100%;left:-100%;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.story{position:absolute;z-index:3;left:6.5vw;bottom:13vh;width:min(590px,47vw);animation:in .6s ease both}.story>span{color:var(--amber);font:9px DM Mono;letter-spacing:.14em}.story h2{font-size:clamp(38px,4.5vw,68px);line-height:1;letter-spacing:-.05em;font-weight:300;margin:18px 0 13px}.story p{color:#95a19b;font-size:13px;line-height:1.65}.story small{display:block;color:#65716b;font:9px/1.6 DM Mono;letter-spacing:.04em}.story button{margin-top:17px;padding:0 0 6px;border:0;border-bottom:1px solid rgba(114,210,189,.45);background:none;color:var(--mint);font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.story-nav{position:absolute;z-index:4;left:50%;bottom:5.5vh;transform:translate(-50%);display:flex;gap:12px;align-items:center}.story-nav button{width:30px;height:30px;background:#060908d9;border:1px solid var(--line);cursor:pointer}.story-nav button:disabled{opacity:.2}.story-nav i{color:#59655f;font:8px DM Mono;font-style:normal}.progress{position:absolute;z-index:3;left:6.5vw;right:6.5vw;bottom:5.5vh;height:1px;background:linear-gradient(to right,var(--mint) var(--p),rgba(255,255,255,.12) var(--p))}@keyframes in{0%{opacity:0;transform:translateY(14px)}}.fovea{--fx:50%;--fy:50%;background:linear-gradient(#101b1a,#090c0c)}.scene-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(#122221 0,#122221 55%,#101713 55%)}.peripheral{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(7px) saturate(.55);opacity:.62}.focused{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(78px at var(--fx) var(--fy))}.focus-ring{position:absolute;left:var(--fx);top:var(--fy);width:156px;height:156px;border:1px solid rgba(114,210,189,.15);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.fovea>p{position:absolute;right:3vw;top:92px;color:#5e6b65;font:8px DM Mono;letter-spacing:.13em}.sun{position:absolute;right:14%;top:16%;width:75px;height:75px;border-radius:50%;background:#d4a65e;box-shadow:0 0 80px #d4a65e38}.mountain{position:absolute;bottom:28%;width:48%;height:42%;background:#263833;clip-path:polygon(0 100%,45% 0,100% 100%)}.mountain.one{left:2%}.mountain.two{right:-3%;height:34%;opacity:.7}.tree{position:absolute;bottom:19%;font-size:82px;color:#182a24}.t1{left:18%}.t2{left:31%;font-size:58px}.t3{right:18%;font-size:100px}.bird{position:absolute;left:60%;top:23%;font-size:34px}.house{position:absolute;right:34%;bottom:18%;font-size:110px;color:#9b8361}.word{position:absolute;font:10px DM Mono;letter-spacing:.2em}.w1{left:13%;top:38%}.w2{right:20%;top:52%}.w3{left:54%;bottom:12%}.blindspot{background:#0a0d0c}.blind-field{position:absolute;top:72px;right:0;bottom:0;left:0;background:radial-gradient(circle at 40% 50%,rgba(114,210,189,.04),transparent 40%)}.fixation{position:absolute;left:34%;top:47%;font:300 34px DM Mono;color:#e7e4d9}.vanishing{position:absolute;top:49%;width:13px;height:13px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px var(--amber)}.blindspot.pattern .blind-field{background:repeating-linear-gradient(0deg,#0a0d0c 0,#0a0d0c 8px,#17201d,#17201d 10px)}.blind-instructions{position:absolute;z-index:2;right:4vw;bottom:12vh;width:250px;padding:18px;border:1px solid var(--line);background:#060a09d1}.blind-instructions strong,.blind-instructions span{display:block}.blind-instructions strong{font:9px DM Mono;letter-spacing:.13em}.blind-instructions span{color:#77837d;font-size:10px;line-height:1.5;margin:8px 0 15px}.blind-instructions label{display:grid;gap:8px;color:#65716b;font:8px DM Mono;text-transform:uppercase}.blind-instructions input{width:100%}.blind-instructions button,.context button,.change-copy button{margin-top:14px;border:0;border-bottom:1px solid #47534e;background:none;padding:0 0 5px;color:var(--mint);font:8px DM Mono;text-transform:uppercase;cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;background:#43504a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:7px;height:7px;border-radius:50%;background:var(--mint)}.context{display:grid;place-items:center;background:#090b0b}.contexts{display:flex;width:min(760px,72vw);height:min(440px,50vh)}.surround{flex:1;display:grid;place-items:center;transition:.5s ease}.surround.dark{background:#18211f}.surround.light{background:#d6d0c2}.surround i{width:100px;height:100px;background:#82958d}.context.removed .surround{background:#0b0d0c}.context-readout{position:absolute;top:16vh;left:50%;transform:translate(-50%);display:flex;gap:90px;color:#69756f;font:8px DM Mono}.context-readout b{color:#9ea9a3;font-weight:400}.context>button{position:absolute;bottom:10vh}.change{background:#080a0a}.change-scene{position:absolute;left:8vw;right:34vw;top:13vh;bottom:12vh;background:linear-gradient(#10201f 0,#10201f 65%,#171914 65%);transition:opacity .05s}.change-scene.blank{opacity:0}.moon{position:absolute;right:12%;top:12%;width:50px;height:50px;border-radius:50%;background:#d7c98e}.ground{position:absolute;left:0;right:0;bottom:0;height:35%;background:#111811}.building{position:absolute;left:24%;bottom:20%;width:170px;height:220px;background:#222b28}.building b{position:absolute;width:25px;height:36px;background:#c99b52;top:35px}.building b:nth-child(1){left:25px}.building b:nth-child(2){left:72px}.building b:nth-child(3){right:25px}.changed .building b:nth-child(1){background:#111614}.revealed .building b:nth-child(1){outline:2px solid var(--amber);outline-offset:7px}.tower{position:absolute;right:20%;bottom:20%;width:45px;height:290px;background:#1c2824}.change-copy{position:absolute;right:4vw;top:38%;width:250px}.change-copy strong,.change-copy span{display:block}.change-copy strong{font:10px DM Mono;letter-spacing:.13em}.change-copy span{color:#78847e;font-size:10px;line-height:1.6;margin-top:10px}.modes{position:absolute;z-index:4;left:3vw;top:105px;display:flex;flex-direction:column}.modes button{width:185px;padding:12px;text-align:left;border:1px solid var(--line);background:#050807b3;color:#69756f;text-transform:uppercase;font:8px DM Mono;cursor:pointer}.modes button+button{border-top:0}.modes span{color:#49534e;margin-right:10px}.modes button.active{color:#e4e2d8;background:#72d2bd1a;box-shadow:inset 2px 0 var(--mint)}.lab-question{position:absolute;z-index:3;left:3vw;bottom:5vh}.lab-question h2{max-width:570px;font-size:clamp(28px,3.5vw,50px);font-weight:300;letter-spacing:-.04em;margin:8px 0}.scrim{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:#010303ba;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.info{position:relative;width:min(580px,100%);height:100%;overflow:auto;padding:7vh 7%;background:#09100e;border-left:1px solid var(--line)}.close{position:absolute;right:28px;top:20px;border:0;background:none;font-size:27px;color:#78847e;cursor:pointer}.info h2{font-size:clamp(38px,4vw,58px);font-weight:300;line-height:1;letter-spacing:-.05em}.info>p:not(.eyebrow){color:#929d97;font-size:12px;line-height:1.7}.info dl div{display:grid;grid-template-columns:95px 1fr;border-top:1px solid var(--line);padding:14px 0}.info dt{color:var(--mint);font:8px DM Mono;text-transform:uppercase}.info dd{margin:0;color:#818d87;font-size:10px;line-height:1.6}.info h3{font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase}.info>a{display:block;color:#84918a;border-top:1px solid var(--line);padding:10px 0;font-size:10px;text-decoration:none}.info .primary{margin-top:18px}@media(max-width:760px){.landing{padding:24px 22px 90px;overflow-y:auto}.hero{width:auto;margin:15vh 0 0}.hero h1{font-size:clamp(50px,14.5vw,70px)}.hero .primary{display:flex;margin-right:0}.hero .secondary{display:block;margin-top:8px}.landing footer{position:relative;left:auto;bottom:auto;margin-top:100px}.iris{width:110vw;right:-60%;top:8%}.top{height:62px;padding:0 18px}.top button{font-size:0}.top button:after{content:"?";font-size:14px}.story{left:22px;bottom:14vh;width:calc(100% - 44px)}.story h2{font-size:37px;max-width:95%}.story p{font-size:11px}.story small{font-size:8px}.progress{left:22px;right:22px}.fovea>p{top:77px}.blind-field{top:62px;right:0;bottom:0;left:0}.fixation{left:25%}.blind-instructions{right:15px;bottom:11vh;width:210px}.contexts{width:88vw;height:44vh}.surround i{width:62px;height:62px}.context-readout{top:18vh;gap:24px}.change-scene{left:16px;right:16px;top:20vh;bottom:29vh}.change-copy{left:22px;right:22px;top:auto;bottom:7vh;width:auto}.modes{left:18px;right:18px;top:78px;flex-direction:row;overflow-x:auto;scrollbar-width:none}.modes::-webkit-scrollbar{display:none}.modes button{min-width:145px;width:auto;white-space:nowrap}.modes button+button{border-top:1px solid var(--line);border-left:0}.lab-question{left:20px;bottom:3vh}.lab-question h2{font-size:29px}.experience.lab .blind-instructions{bottom:17vh}.experience.lab .context>button{bottom:16vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.grain{display:none}}