.statement{padding:130px var(--g) 140px;position:relative;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:40px}.statement>.eyebrow{grid-column:1/-1}.statement h2{font-size:clamp(36px,4.7vw,75px);line-height:1.25;letter-spacing:-.065em;font-weight:530;grid-column:1/-1}.statement h2 span{color:#9e99a4}.statement>p{font-size:14px;line-height:1.8;margin-left:50%;grid-column:1/-1}.statement>a{grid-column:2;font-size:12px;justify-self:start}.diagnostic{height:340svh}.diagnostic-stage{background:#e0d7ea}.diagnostic-heading{position:absolute;top:25%;left:var(--g);width:32%}.diagnostic-heading h2{font-size:clamp(34px,4.3vw,66px);font-weight:560;letter-spacing:-.065em;line-height:1.15;margin:25px 0}.diagnostic-heading h2 em{color:#673de6}.diagnostic-heading>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#62586e}.diagnostic-heading .line-action{margin-top:40px;width:85%}.diagnostic-lab{position:absolute;top:23%;right:var(--g);width:54%;perspective:1000px;transform-origin:50% 50%}.lab-bar,.lab-foot{background:#f0ede7;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font:8px monospace}.lab-bar{border-bottom:1px solid #211d2920}.lab-bar>span:first-child{display:flex;gap:4px}.lab-bar i{display:block;width:4px;height:4px;background:#aaa;border-radius:50%}.lab-bar b{font-weight:400;font-size:8px}.lab-surface{position:relative;height:37vh;min-height:290px;background:#d8d6d3;overflow:hidden;--compare:65%}.old-site{position:absolute;inset:0;background:#eeece7;padding:25px;color:#777}.old-brand{font-size:14px;font-weight:750}.old-nav{position:absolute;top:29px;right:25px;font-size:6px}.old-box{margin-top:35px;background:#d1d0cd;padding:30px 20px;height:56%}.old-box b{font-size:23px;line-height:1.3;color:#777}.old-box p{font-size:8px;margin-top:12px}.old-blocks{display:flex;gap:15px;margin-top:18px}.old-blocks i{height:40px;background:#dedbd7;flex:1}.scan-overlay{position:absolute;inset:0;z-index:4;pointer-events:none;clip-path:inset(0 0 100%)}.scan-rule{height:2px;background:#673de6;box-shadow:0 -35px 45px 10px #673de64a;position:absolute;top:0;left:0;width:100%}.scan-tag{position:absolute;border:1px solid #673de6;color:#673de6;padding:12px;font-size:10px;background:#e8ddf344}.tag-one{left:6%;top:22%;width:42%;height:39%}.tag-two{right:4%;top:3%;width:37%;height:15%}.tag-three{right:5%;bottom:7%;width:40%;height:20%}.wire-site{position:absolute;inset:0;background:#211d29;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:15% 1fr 24%;padding:22px;gap:12px;clip-path:inset(0 100% 0 0);z-index:5}.wire-site i{border:1px solid #b09bd7;background:repeating-linear-gradient(135deg,transparent 0 8px,#b09bd712 8px 9px)}.wire-site i:nth-child(1){grid-column:1/-1}.wire-site i:nth-child(2){grid-column:1/3}.new-site{position:absolute;inset:0;background:#673de6;color:#f0ede7;clip-path:circle(0% at 73% 54%);z-index:6;padding:25px;overflow:hidden}.new-brand{font-size:16px;font-weight:750;letter-spacing:-.05em}.new-brand span{font-size:7px;vertical-align:top;margin-left:4px}.new-nav{position:absolute;top:30px;right:25px;font:6px monospace}.new-site>strong{font-size:2.9vw;line-height:1.18;font-weight:550;letter-spacing:-.06em;position:absolute;top:30%;z-index:2}.new-orbit{position:absolute;width:40%;height:74%;right:4%;top:16%;perspective:600px}.new-orbit i{position:absolute;inset:0;border:26px solid #bcabec;border-radius:50%;transform:rotateY(58deg) rotateZ(35deg);box-shadow:inset 5px 0 10px #48307550}.new-orbit i:nth-child(2){transform:rotateY(58deg) rotateZ(-35deg);border-color:#e9c9b8}.new-orbit i:nth-child(3){transform:rotateX(58deg) rotateZ(35deg);border-color:#f0ede7}.new-site>small{position:absolute;bottom:18%;font-size:8px}.new-cta{position:absolute;bottom:8%;font:8px monospace}.lab-foot{padding:15px 18px;font-size:8px}.compare-control{display:flex;align-items:center;gap:15px;font-size:10px;padding:17px 0;visibility:hidden}.compare-control input{accent-color:#673de6;padding:0;flex:1;max-width:200px;cursor:ew-resize}.compare-control>span{font-size:9px;opacity:.6}.compare-line{position:absolute;z-index:7;top:0;bottom:0;left:var(--compare);border-left:1px solid white;display:none;pointer-events:none}.compare-line span{position:absolute;top:48%;left:-14px;background:white;color:#673de6;border-radius:50%;height:28px;width:28px;display:grid;place-items:center}.diagnostic-stage[data-step="3"] .compare-line{display:block}.diagnostic-stage[data-step="3"] .compare-control{visibility:visible}.diagnostic-stage[data-step="3"] .new-site{clip-path:inset(0 calc(100% - var(--compare)) 0 0)!important}.diagnostic-stage[data-step="3"] .wire-site,.diagnostic-stage[data-step="3"] .scan-overlay{visibility:hidden}.diagnostic-bottom{position:absolute;bottom:9%;left:var(--g);right:var(--g);display:flex;align-items:center;gap:35px;border-top:1px solid #211d2933;padding-top:25px}.diagnostic-number{font-size:75px;line-height:1;font-weight:500;letter-spacing:-.075em;color:var(--purple)}.diagnostic-bottom h3{font-size:18px;font-weight:550;margin-bottom:10px}.diagnostic-bottom p{font-size:12px;color:#766982}.diagnostic-bottom .tabs{margin-left:auto}.work-intro{position:relative;padding:110px var(--g);background:var(--ink);color:var(--paper)}.work-intro h2{font-size:9.5vw;letter-spacing:-.075em;line-height:1.04;font-weight:520;margin-top:60px}.work-intro h2 em{color:var(--lavender)}.work-intro sup{font:16px monospace;vertical-align:top;display:inline-block;margin:20px 0 0 35px}.work-intro p{position:absolute;right:var(--g);bottom:120px;font-size:14px;line-height:1.9}.work-intro-arrow{position:absolute;right:var(--g);top:110px;font-size:90px;font-weight:200}.work{height:400svh;background:var(--ink)}.work-stage{background:var(--ink);color:var(--paper)}.work-stage .scene-meta{z-index:10}.projects{position:absolute;inset:0;perspective:1300px}.project-panel{position:absolute;inset:0;background:#292531;overflow:hidden;transform-origin:50% 100%}.project-panel:nth-child(2){background:#192934;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.project-panel:nth-child(3){background:#40342c;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.project-word{position:absolute;top:19%;left:-1%;font-size:17.7vw;font-weight:750;letter-spacing:-.085em;line-height:.9;color:transparent;-webkit-text-stroke:1px #ffffff3a;white-space:nowrap;pointer-events:none}.project-visual{position:absolute;top:26%;bottom:20%;left:29%;right:var(--g);overflow:hidden;padding:0;perspective:1200px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .7s;background:#131218}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:filter .4s}.project-visual:hover{clip-path:polygon(2% 0,100% 3%,98% 100%,0 97%)}.project-visual:hover img{filter:saturate(1.15)}.project-image-tag{position:absolute;right:18px;top:18px;color:white;background:#211d29b0;font:8px monospace;padding:9px;clip-path:inset(0 100% 0 0);transition:clip-path .4s}.project-visual:hover .project-image-tag{clip-path:inset(0)}.project-caption{position:absolute;left:var(--g);bottom:21%;z-index:4;max-width:60%;pointer-events:none;text-shadow:0 2px 25px #0005}.project-caption h2{font-size:clamp(34px,4.8vw,76px);letter-spacing:-.06em;font-weight:580;margin:20px 0 16px}.project-caption p{font-size:13px;color:#ddd}.project-caption .eyebrow{font-size:8px}.project-open{position:absolute;right:var(--g);bottom:10%;font-size:42px;border:1px solid #ffffff55;border-radius:50%;width:72px;height:72px;z-index:5;transition:background .4s,transform .4s}.project-open:hover{background:var(--purple);transform:rotate(45deg)}.work-foot{position:absolute;bottom:6%;left:var(--g);right:var(--g);display:flex;align-items:center;gap:35px;z-index:9}.work-foot>a{font-size:10px;margin-left:auto}.work-tabs{margin-left:10%;gap:15px}.work-tabs button{min-width:45px}.work-foot>.eyebrow{font-size:8px}.reduced .diagnostic,.reduced .work{height:auto}.reduced .diagnostic-stage{min-height:850px}.reduced .work-stage{height:auto;min-height:0;padding-top:150px}.reduced .projects{position:relative}.reduced .project-panel{position:relative;height:780px;clip-path:none!important}.reduced .work-foot{position:relative;bottom:auto;left:auto;right:auto;padding:35px var(--g)}.reduced .project-panel .project-visual{clip-path:none!important}
@media(max-width:1000px){.diagnostic-heading h2{font-size:4.4vw}.diagnostic-heading>p:not(.eyebrow){font-size:11px}.diagnostic-bottom{gap:20px}.diagnostic-bottom h3{font-size:15px}.diagnostic-bottom .tabs{gap:15px}.lab-surface{min-height:280px}.lab-bar b{font-size:6px}.lab-status{font-size:6px}.project-caption h2{font-size:5vw}}
@media(max-width:700px){.statement{padding:85px var(--g);gap:28px;display:block}.statement h2{font-size:8vw;margin:25px 0}.statement>p{margin:0;font-size:12px}.statement>a{font-size:10px;display:inline-block;margin-top:25px}.statement>.eyebrow{font-size:8px}.diagnostic{height:250svh}.diagnostic-stage{min-height:780px}.diagnostic-heading{top:18%;width:88%}.diagnostic-heading .eyebrow{display:none}.diagnostic-heading h2{font-size:9vw;line-height:1.2;margin:0}.diagnostic-heading h2 br{display:none}.diagnostic-heading>p:not(.eyebrow){font-size:11px;margin-top:15px}.diagnostic-heading .line-action{display:none}.diagnostic-lab{width:88%;top:38%;right:6%}.lab-surface{height:29vh;min-height:220px}.old-site,.new-site{padding:17px}.old-brand,.new-brand{font-size:10px}.old-nav,.new-nav{font-size:5px;right:16px;top:20px}.old-box{margin-top:22px;padding:20px 15px}.old-box b{font-size:17px}.old-box p{font-size:6px}.old-blocks{gap:7px;margin-top:12px}.old-blocks i{height:26px}.new-site>strong{font-size:6vw}.new-site>small{font-size:6px}.new-orbit i{border-width:14px}.lab-bar{padding:10px;font-size:6px}.lab-bar b{font-size:6px}.lab-foot{font-size:6px;padding:10px}.scan-tag{font-size:7px;padding:8px}.compare-control{font-size:8px;gap:8px;padding:10px 0}.compare-control>span{font-size:7px}.compare-control input{max-width:120px}.diagnostic-bottom{bottom:4%;display:grid;grid-template-columns:40px 1fr;gap:10px;padding-top:15px}.diagnostic-number{font-size:40px}.diagnostic-bottom h3{font-size:14px;margin-bottom:5px}.diagnostic-bottom p{font-size:10px;line-height:1.5}.diagnostic-bottom .tabs{grid-column:1/-1;margin:4px 0 0;gap:22px}.work-intro{padding:70px var(--g) 130px}.work-intro h2{font-size:16vw;margin-top:35px}.work-intro sup{font-size:10px;margin:12px 0 0 20px}.work-intro p{font-size:11px;bottom:40px;right:6%;left:6%}.work-intro-arrow{font-size:50px;top:70px}.work-intro>.eyebrow{font-size:8px}.work{height:auto}.work-stage{position:relative;height:auto;min-height:0;padding-top:120px}.projects{position:relative}.project-panel{position:relative;height:650px;clip-path:none!important}.project-word{top:7%;font-size:18vw}.project-visual{left:6%;right:6%;top:15%;height:48%;bottom:auto}.project-caption{bottom:15%;left:6%;max-width:88%}.project-caption h2{font-size:9vw;margin:15px 0 10px}.project-caption p{font-size:11px}.project-open{bottom:5%;right:6%;width:44px;height:44px;font-size:24px}.work-foot{position:relative;left:auto;right:auto;bottom:auto;padding:25px var(--g);gap:10px}.work-foot .work-tabs{display:none}.work-foot>a{font-size:9px}.work-foot>.eyebrow{font-size:7px}.reduced .diagnostic-stage{min-height:820px}.reduced .project-panel{height:650px}}