:root{--ink:#151719;--paper:#f5f6f7;--muted:#b0b3ba;--blue:#2659ed;--line:#373a3e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:white;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6a90ff;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.07}::selection{background:#2659ed;color:#fff}.skip{position:absolute;left:20px;top:-80px;background:#fff;color:#000;padding:12px;z-index:10}.skip:focus{top:10px}.header{min-height:104px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:31px;line-height:1;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}.brand-dot{font-size:13px;color:#517cff;margin-left:4px;vertical-align:top;display:inline-block;padding-top:1px}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a:hover{color:#a5bbff}.nav-cta{border:1px solid #65686c;padding:12px 18px;display:flex;gap:24px}.hero{padding:64px 5% 0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;overflow:hidden}.eyebrow{font-family:monospace;font-size:13px;letter-spacing:1.4px;font-weight:500}.hero h1{font-size:clamp(58px,6.4vw,103px);letter-spacing:-.055em;line-height:1.01;margin:32px 0 26px;position:relative;z-index:1}.hero h1 span{color:#6e94ff}.intro{color:#c3c5c9;max-width:500px;font-size:18px}.button{display:inline-flex;gap:36px;align-items:center;background:var(--blue);font-size:15px;padding:17px 23px;margin:30px 0 45px}.button:hover{background:#3c6bf5}.hero-art{align-self:center;margin-left:-15px;min-width:0}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}.hero-art figcaption{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;gap:15px;font-family:monospace;font-size:12px;color:#aeb3bd}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;font-size:12px;letter-spacing:1.4px;font-family:monospace}.hero-bottom a{font-size:14px;letter-spacing:0}.hero-bottom a span{margin-left:24px}.light{background:var(--paper);color:var(--ink)}.solutions{padding:86px 5% 80px}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:25px 50px;padding-bottom:58px}.section-top>.eyebrow{grid-column:1/-1;color:#5d626c}.section-top h2,.process h2,.project h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.045em}.section-intro{max-width:450px;align-self:end;color:#555b65;font-size:18px}.offer{border-top:1px solid #cdd0d4;padding:34px 0;display:grid;grid-template-columns:60px 1fr 1.4fr 36px;gap:28px}.offer:last-child{border-bottom:1px solid #cdd0d4}.number{font-family:monospace;font-size:14px;color:#6a7079;padding-top:7px}.offer h3{font-size:30px;letter-spacing:-1px;line-height:1.15}.offer p{max-width:570px;color:#535963}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}.tags li{font-size:13px;border:1px solid #cbd0d8;padding:5px 11px}.offer-mark{font-size:28px;line-height:1}.process{padding:94px 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.process-head h2{margin:29px 0}.process-head h2 span{color:#848b96}.process-head>p:last-child{color:#b0b5be;max-width:380px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.steps li:first-child{padding-top:0;border-top:0}.steps li>span{font-family:monospace;font-size:14px;color:#819ffc;padding-top:4px}.steps h3{font-size:23px;margin-bottom:12px;line-height:1.2}.steps p{color:#b0b5be}.project{background:var(--blue);padding:80px 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.project h2{margin:28px 0}.project p{color:#e1e8ff}.brief{align-self:center;border-top:1px solid #7c9af5;padding-top:24px}.brief h3{font-size:23px;line-height:1.3}.brief ul{list-style:none;margin:25px 0;padding:0}.brief li{display:flex;gap:20px;margin:16px 0}.brief li span{font:13px monospace;line-height:2;color:#c3d3ff}.brief>p{font-size:14px;border-top:1px solid #7c9af5;padding-top:20px}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:14px;color:#aeb3bd}footer>span{font-family:monospace;font-size:13px;color:#aeb3bd}
@media(min-width:1600px){.header,.hero,.solutions,.process,.project,footer{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}.header{margin:0}}
@media(max-width:1000px){.hero{padding-top:45px}.hero h1{font-size:clamp(55px,7vw,75px)}.hero-art figcaption{flex-direction:column;gap:4px}.offer{grid-template-columns:35px 1fr 1.3fr;gap:20px}.offer-mark{display:none}.offer h3{font-size:25px}.process,.project{gap:40px}.hero .eyebrow{font-size:12px;letter-spacing:.5px}nav{gap:22px}}
@media(max-width:700px){.header{min-height:84px;gap:10px}.brand{font-size:27px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 12px;gap:12px;font-size:13px}.hero{grid-template-columns:1fr;padding-top:34px;gap:0}.hero h1{font-size:clamp(55px,12vw,82px);margin-top:24px}.intro{font-size:16px}.button{margin-bottom:20px}.hero-art{margin:0 0 30px}.hero-art img{aspect-ratio:1.5}.hero-art figcaption{flex-direction:row;font-size:11px}.hero-bottom{font-size:10px;letter-spacing:.5px;align-items:center}.hero-bottom a{font-size:12px}.hero-bottom a span{margin-left:8px}.solutions{padding-top:54px;padding-bottom:50px}.section-top{grid-template-columns:1fr;gap:24px;padding-bottom:36px}.section-intro{font-size:16px}.offer{grid-template-columns:25px 1fr;gap:15px;padding:26px 0}.offer>div{grid-column:2}.offer h3{font-size:28px}.offer h3 br{display:none}.tags li{font-size:12px}.process,.project{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:35px}.process h2 br:nth-child(2){display:none}.process-head>p:last-child{max-width:none}.steps li{gap:20px}.steps h3{font-size:22px}.project h2{font-size:46px}footer{flex-wrap:wrap;padding-top:35px;padding-bottom:35px}footer p{order:3;flex-basis:100%}footer>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v2: scroll position indicator */
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;pointer-events:none;background:rgba(125,145,190,.16)}
.scroll-progress[hidden]{display:none}
.scroll-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--blue),#6e94ff);box-shadow:0 0 8px rgba(81,124,255,.4)}

/* v3: replacing chapter headers */
.chapter-dock{position:fixed;top:3px;left:0;right:0;height:0;z-index:90;pointer-events:none}
.chapter-dock-label{position:absolute;top:0;left:0;right:0;padding:15px 5%;font-family:monospace;font-size:13px;line-height:1.55;letter-spacing:1.4px;font-weight:500;border-bottom:1px solid rgba(128,140,160,.22);box-shadow:0 5px 14px rgba(0,0,0,.06);overflow-wrap:anywhere}
.chapter-dock-label[hidden]{display:none}