.hero{padding-top:110px}.hero-copy{gap:26px;display:grid}.hero h1{font:900 clamp(54px,8.6vw,150px)/.92 var(--sans);text-transform:uppercase;letter-spacing:-.005em;max-width:11em;font-stretch:62%}.hero h1 .it{vertical-align:-.02em;font-size:1.12em;line-height:.6}.hero-sub{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hero-sub p{max-width:30em;color:var(--muted);font-size:19px}.stage{max-width:1180px;padding:0 var(--pad);perspective:1600px;margin:64px auto 0;position:relative}.keeper{right:calc(var(--pad) + 2%);font:400 34px/1 var(--hand);color:var(--red);position:absolute;top:-46px;transform:rotate(-3deg)}.app{z-index:2;color:#e8e6e1;transform-origin:50% 0;height:min(640px,76vh);transform:rotateX(var(--tilt,14deg)) scale(var(--scale,.92));will-change:transform;outline:3px solid var(--red);outline-offset:12px;box-shadow:0 0 0 12px var(--film),0 30px 80px #1414134d;background:#17181c;flex-direction:column;display:flex;position:relative;overflow:hidden}.frame-edge{max-width:1180px;padding:0 calc(var(--pad) + 4px);color:var(--muted);text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;gap:12px;margin:26px auto 0;font-size:11px;display:flex}.app-bar{font:13px var(--mono);color:#a8a6a0;background:#1f2025;border-bottom:1px solid #2a2b31;align-items:center;gap:14px;padding:12px 16px;display:flex}.lights{gap:7px;display:flex}.lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.app-title{color:#d8d6d0;margin:0 auto}.app-branch{border:1px solid #33343b;padding:3px 8px;font-size:11px}.app-body{flex:1;grid-template-columns:220px 1fr;min-height:0;display:grid}.app-side{background:#1a1b20;border-right:1px solid #2a2b31;flex-direction:column;padding:16px 12px;display:flex}.side-h{color:#7d7b76;text-transform:uppercase;letter-spacing:.1em;margin:0 8px 10px;font-size:11px}.app-side ul{gap:2px;list-style:none;display:grid}.app-side li{color:#b9b7b1;align-items:center;gap:9px;padding:8px 10px;font-size:14px;display:flex}.app-side li.on{color:#fff;background:#2a2b31}.st{background:#5c5b57;border-radius:50%;width:7px;height:7px}.st.done{background:#2fbf71}.st.busy{background:#ff5145}.side-foot{color:#7d7b76;margin-top:auto;padding:0 8px;font-size:11px}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex}.chat{flex-direction:column;flex:1;justify-content:flex-end;gap:14px;padding:24px clamp(14px,3vw,34px) 10px;display:flex;overflow:hidden;mask-image:linear-gradient(#0000,#000 18%)}.msg{max-width:86%;animation:pop .45s var(--ease) both;font-size:15px;line-height:1.55}@keyframes pop{0%{opacity:0;transform:translateY(10px)}}.msg.you{background:#2b2c33;align-self:flex-end;align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.msg.you svg{color:#ff5145;flex:none;margin-top:3px}.msg.ai .who,.msg.cx .who{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f0a37f;margin-bottom:4px;display:block}.msg.cx .who{color:#7cc4e8}.tools{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tool{font:12px var(--mono);color:#c9c7c1;animation:pop .35s var(--ease) both;background:#23242a;border:1px solid #33343b;padding:4px 9px}.tool b{color:#f0a37f;margin-right:6px;font-weight:500}.tool em{color:#2fbf71;margin-left:6px;font-style:normal}.diff{font:12px/1.6 var(--mono);animation:pop .35s var(--ease) both;background:#121316;border:1px solid #2a2b31;margin-top:8px;padding:8px 12px}.diff .add{color:#2fbf71}.diff .del{color:#ff7b72}.status{font:12px var(--mono);color:#8a8882;align-self:center;animation:.4s both pop}.composer{background:#22232a;border:1px solid #33343b;align-items:center;gap:12px;margin:8px clamp(12px,2.4vw,26px) 18px;padding:12px 12px 12px 16px;transition:border-color .3s,box-shadow .3s;display:flex}.composer.rec{border-color:#ff5145;box-shadow:0 0 0 4px #ff514526}.comp{color:#f3f1ec;flex:1;min-height:24px;font-size:15px}.comp .ph{color:#76746f}.comp .w-in{animation:.25s both pop;display:inline}.comp .wrong{color:#8c8a85;text-decoration:line-through #ff5145}.comp .fixed{color:#ffb3a8;background:#ff514533;padding:0 3px;animation:.3s both pop}.mic{color:#c9c7c1;background:#2b2c33;flex:none;align-items:center;gap:8px;height:36px;padding:0 10px;transition:background .3s,color .3s;display:flex}.composer.rec .mic{color:#fff;background:#ff5145}button.mic{cursor:pointer}button.mic:hover:not(:disabled){color:#fff;background:#3a3b43}button.mic:disabled{cursor:default}.mic .try{font:12px var(--mono)}.composer.rec .mic .try{display:none}.wave{align-items:center;gap:2px;display:none}.composer.rec .wave{display:flex}.wave i{background:currentColor;width:3px;height:14px;animation:.9s ease-in-out infinite wave}.wave i:nth-child(2){animation-delay:.12s}.wave i:nth-child(3){animation-delay:.24s}.wave i:nth-child(4){animation-delay:.36s}.wave i:nth-child(5){animation-delay:.48s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.mic-note{text-align:center;max-width:640px;color:var(--muted);padding:0 var(--pad);margin:14px auto 0;font-size:12px;line-height:1.5}.manifesto{padding:clamp(120px,18vh,220px) 0 clamp(60px,10vh,120px)}.m-wrap{gap:30px;display:grid}.m-text{font:700 clamp(30px,4.2vw,66px)/1.08 var(--sans);letter-spacing:-.01em;max-width:19em;font-stretch:74%}.m-text .mw{opacity:.12;filter:blur(1.5px);transition:opacity .4s,filter .6s}.m-text .mw.lit{opacity:1;filter:none}.m-text em{color:var(--red);font-style:normal}.m-text em.mark svg{width:104%;height:28%;inset:auto -2% -18%}.sec-head{justify-items:start;gap:22px;margin-bottom:46px;display:grid}.sec-head h2,.desk-intro h2{font:900 clamp(44px,6.4vw,104px)/.88 var(--sans);text-transform:uppercase;font-stretch:62%}.sec-head h2 .it,.desk-intro h2 .it{font-size:1.2em}.work{padding-top:clamp(70px,10vh,120px);padding-bottom:clamp(70px,10vh,120px)}.spot{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(24px,4vw,60px);display:grid}.spot-text{gap:22px;max-width:36em;font-size:19px;display:grid}.spot-text a{color:var(--red)}.spot-img{background:var(--film);margin:0;padding:14px 14px 40px;position:relative;transform:rotate(1.2deg)}.spot-img:before,.spot-img:after{content:"";background:var(--holes);opacity:.7;height:5px;position:absolute;left:10px;right:10px}.spot-img:before{top:3px}.spot-img:after{bottom:26px}.spot-img img{aspect-ratio:9/11;object-fit:cover;width:100%;height:auto}.spot-img figcaption{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--edge);position:absolute;bottom:8px;left:14px}.stats{background:var(--sheet);box-shadow:0 1px 0 var(--line);grid-template-columns:repeat(3,1fr);gap:0;margin:64px 0;display:grid}.stats>div{border-right:1px dashed var(--line);padding:30px 26px}.stats>div:last-child{border-right:0}.stats b{font:900 clamp(48px,5.4vw,88px)/1 var(--sans);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M12 30C10 10 60 3 86 10c16 5 12 30-14 35C42 50 6 44 4 28 3 18 22 9 46 8' fill='none' stroke='%23d42a1e' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;margin-bottom:10px;padding:4px 18px;font-stretch:62%;display:inline-block}.stats>div>span{color:var(--muted);font-size:15px;display:block}.rows{border-top:2px solid var(--ink);list-style:none}.rows li{border-bottom:1px solid var(--line)}.row{grid-template-columns:110px minmax(160px,1fr) minmax(0,2fr);align-items:baseline;gap:20px;padding:26px 4px;display:grid}.r-name{font:800 clamp(28px,3vw,44px)/1 var(--sans);text-transform:uppercase;font-stretch:70%}.r-desc{color:var(--muted)}.desk{position:relative}.desk-sticky{align-items:center;height:calc(100vh - 52px);display:flex;position:sticky;top:52px;overflow:hidden}.desk-track{padding:0 var(--pad);will-change:transform;align-items:center;gap:0;display:flex}.desk-intro{flex:none;justify-items:start;gap:22px;width:min(500px,80vw);margin-right:clamp(30px,5vw,70px);display:grid}.desk-intro p:last-child{color:var(--muted);max-width:28em}.ph{background:var(--film);flex:none;height:clamp(340px,62vh,560px);margin:0;padding:38px 10px 40px;position:relative}.ph:before,.ph:after{content:"";background:repeating-linear-gradient(90deg,transparent 0 10px,var(--table) 10px 22px,transparent 22px 32px);height:9px;position:absolute;left:0;right:0}.ph:before{top:20px}.ph:after{bottom:14px}.ph-in{background:#2a2a27;height:100%;overflow:hidden}.ph.wide .ph-in{aspect-ratio:4/3}.ph.tall .ph-in{aspect-ratio:9/11}.ph-in img{object-fit:cover;width:116%;max-width:none;height:100%;transform:translateX(var(--px,0));will-change:transform}.ph figcaption{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--edge);justify-content:space-between;gap:10px;height:12px;padding-top:2px;line-height:12px;display:flex;position:absolute;top:4px;left:12px;right:12px;overflow:hidden}.ph figcaption span:last-child{text-transform:none;letter-spacing:.02em;color:#fff}.ph+.ph{border-left:2px solid #000}.notes{padding-top:clamp(70px,10vh,120px);padding-bottom:clamp(90px,12vh,140px)}.note-rows{border-top:2px solid var(--ink);margin-bottom:40px;list-style:none}.note-rows li{border-bottom:1px solid var(--line)}.note-row{transition:background .25s,padding .3s var(--ease);grid-template-columns:140px 1fr 40px;align-items:baseline;gap:20px;padding:24px 4px;display:grid}.note-row:hover{background:var(--sheet);padding-left:16px}.note-row:hover .n-title{color:var(--red)}.n-title{font:700 clamp(22px,2.2vw,32px)/1.15 var(--sans);font-stretch:85%}.r-go{justify-self:end;font-size:22px}.still .app{transform:none}.still .m-text .mw{opacity:1;filter:none}.still .desk-sticky{height:auto;padding:40px 0;position:relative;top:0;overflow-x:auto}.still .desk-track{transform:none!important}@media (width<=980px){.app-body{grid-template-columns:1fr}.app-side{display:none}.app{height:540px}.spot{grid-template-columns:1fr}.row{grid-template-columns:80px 1fr;row-gap:6px}.r-desc{grid-column:2}}@media (width<=640px){.hero{padding-top:92px}.stage{margin-top:72px}.app{outline-offset:8px;height:500px;box-shadow:0 0 0 8px var(--film),0 20px 50px #14141340}.keeper{font-size:28px;top:-48px}.frame-edge span:nth-child(3){display:none}.msg{font-size:14px}.stats{grid-template-columns:1fr}.stats>div{border-right:0;border-bottom:1px dashed var(--line)}.desk-sticky{scroll-snap-type:x mandatory;height:auto;scroll-padding-left:var(--pad);padding:24px 0;position:relative;top:0;overflow-x:auto}.desk-track{align-items:flex-start;transform:none!important}.ph,.desk-intro{scroll-snap-align:start}.ph{height:360px}.note-row{grid-template-columns:1fr 30px}.note-row .mono{grid-column:1/3}}