body{background:var(--graphite);color:var(--chalk)}.nav{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.nav nav{display:flex;align-items:center;gap:35px;font-size:12px}.nav a{text-decoration:none}.nav-cta{padding:12px 0 12px 22px;border-left:1px solid var(--line)}.nav-cta span{margin-left:25px}.hero{position:relative;min-height:720px;display:grid;grid-template-columns:44% 56%;padding:0 5%}.hero-copy{padding-top:100px;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:clamp(60px,6.7vw,106px);line-height:1.03;font-weight:450;letter-spacing:-.065em;margin:33px 0 28px}.hero-copy p{font-size:18px;max-width:365px;color:var(--stone);margin:0 0 34px}.sculpture{position:relative;min-width:0;height:690px;margin-right:-6%;margin-left:-8%;align-self:center}canvas{width:100%;height:100%;display:block}.poster{width:100%;position:absolute;inset:0}.intro{padding:110px 5% 100px;background:var(--chalk);color:var(--graphite);display:grid;grid-template-columns:25% 75%;gap:0}.intro h2,.section-top h2,.principle h2,.opportunity h2{font-size:clamp(36px,4.1vw,60px);line-height:1.15;letter-spacing:-.045em;font-weight:450;margin:0}.intro>div>p{max-width:650px;color:#535e60;font-size:17px;margin:28px 0 48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #b8bcb7;padding-top:30px}.steps h3{font-size:17px;font-weight:550;margin:24px 0 12px;letter-spacing:-.03em}.steps p{font-size:13px;color:#535e60}.steps .mono{font-size:10px}.possibilities{padding:100px 5%;}.section-top{display:grid;grid-template-columns:25% 75%;margin-bottom:70px}.usecases{display:grid;grid-template-columns:repeat(3,1fr)}.usecases article{padding:0 36px;border-left:1px solid var(--line)}.usecases article:first-child{padding-left:0;border:0}.usecases h3{font-size:36px;font-weight:450;letter-spacing:-.045em;line-height:1.15;margin:36px 0 20px}.usecases p{font-size:15px;color:var(--stone);max-width:290px}.example{border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.example .mono{font-size:10px;color:var(--sage)}.example p{font-size:12px}.principle{padding:100px 15%;text-align:center;background:var(--carbon);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle .eyebrow{margin-bottom:35px;color:var(--sage)}.principle p{max-width:580px;margin:30px auto 0;color:var(--stone)}.opportunity{padding:110px 5%;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.opportunity h2{font-size:48px;margin-top:30px}.opportunity p{color:var(--stone);max-width:460px}.opportunity .button{margin-top:18px}footer{margin:0 5%;padding:35px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer .mono{font-size:10px}footer a{text-decoration:none}footer .logo{width:190px}@media(min-width:1500px){.hero{min-height:840px}.sculpture{height:800px}.hero-copy{padding-top:150px}}@media(max-width:900px){.nav nav{gap:20px}.nav nav>a:not(.nav-cta):not(.lang){display:none}.hero{min-height:0;grid-template-columns:1fr;padding-top:45px;padding-bottom:20px}.hero-copy{padding-top:10px}.hero-copy p{max-width:450px}.sculpture{margin:-15px -5% 0;height:580px}.hero-copy h1{font-size:76px}.intro,.section-top{grid-template-columns:1fr;gap:35px}.steps{gap:24px}.opportunity{gap:35px}.opportunity h2{font-size:38px}.usecases article{padding:0 22px}}@media(max-width:600px){.nav{height:80px}.nav .logo{width:180px}.nav-cta{font-size:10px;padding-left:12px}.nav-cta span{display:none}.hero{padding-top:35px}.hero-copy h1{font-size:60px;margin-top:26px}.hero-copy p{font-size:17px;max-width:340px}.sculpture{height:460px;margin-top:15px}.intro,.possibilities,.principle,.opportunity{padding:65px 6%}.steps,.usecases,.opportunity{grid-template-columns:1fr}.steps article{border-bottom:1px solid #c7c5bc;padding-bottom:15px}.usecases article,.usecases article:first-child{padding:35px 0;border-left:0;border-top:1px solid var(--line)}.usecases h3{margin-top:22px}.usecases p{max-width:100%}.example{margin-top:20px}.section-top{margin-bottom:40px}.principle{text-align:left}.opportunity h2{font-size:38px}.opportunity{gap:15px}footer{flex-wrap:wrap;gap:25px}footer>.mono{display:none}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(46px,15vw,60px)}}@media(max-width:360px){.nav .logo{width:150px}.nav{gap:10px}.nav-cta{padding-left:10px}}



.nav .lang{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--stone);padding:6px 0}.nav .lang:hover{color:var(--chalk)}