@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#11212d;--blue:#0d4fbc;--cyan:#4de0ea;--line:#d1dbe3;--muted:#4c606f;--paper:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid #ffb437;outline-offset:6px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.review{background:var(--ink);color:white;padding:10px 5%;font-size:12px;letter-spacing:.13em;display:flex;justify-content:space-between}.review span{letter-spacing:.02em;color:#c3d0dc}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.05em;text-decoration:none}.wordmark span{font-weight:400;margin-left:7px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--blue)}main{max-width:1500px;margin:auto}.hero{padding:90px 5% 100px;display:grid;grid-template-columns:3fr 1fr;gap:8%;align-items:end}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;line-height:1.7;margin:0 0 25px}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.15;letter-spacing:-.035em;margin:0}h1{font-size:clamp(48px,7.3vw,106px);font-weight:500}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:21px;line-height:1.65;max-width:680px;margin:32px 0}.button{display:inline-flex;background:var(--blue);color:white;text-decoration:none;padding:15px 22px;gap:45px;align-items:center;font-size:15px}.hero-note{border-top:3px solid var(--blue);padding-top:25px;color:var(--muted)}.hero-note .eyebrow{color:var(--ink)}.location{font-size:14px;margin-top:40px}.work{padding:65px 5% 80px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:35px;align-items:start;margin-bottom:55px}h2{font-size:clamp(34px,4vw,54px);font-weight:500}.section-head>p:last-child{margin:0;color:var(--muted)}.case{padding:40px;background:white;border:1px solid var(--line)}.featured{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;background:var(--ink);color:white;border:0}.number{font-family:Manrope,sans-serif;font-size:45px;line-height:1;display:block;margin-bottom:32px;font-weight:400;color:var(--blue)}.featured .number{color:var(--cyan)}.case .eyebrow,.brand-copy .eyebrow{margin-bottom:18px}.case h3,.brand-case h3{font-size:32px;line-height:1.22;font-weight:500}.case h4{font-size:15px;letter-spacing:0;margin-top:28px}.case p{color:var(--muted)}.featured p{color:#c8d4df}.case-title h3{font-size:40px}.case .status,.status{font-size:14px;line-height:1.65;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;color:var(--muted)}.featured .status{border-color:#455764;color:#c8d4df}.workflow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;gap:8px;font-size:14px}.workflow span{border-top:2px solid var(--cyan);padding-top:10px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.brand-case{margin-top:55px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.brand-image img{display:block;width:100%;height:auto}.brand-copy p{color:var(--muted)}.brand-copy .eyebrow{color:var(--ink)}.approach{padding:75px 5%;background:#e5edf5}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.principles span{color:var(--blue);font-size:14px}.principles h3{font-size:23px;margin:20px 0}.principles p{color:var(--muted)}.experience{padding:80px 5%}.experience h2{margin-bottom:40px}.experience-row{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding:24px 0;gap:30px;align-items:start}.experience-row h3{font-size:21px}.experience-row p{margin:0;color:var(--muted)}footer{background:var(--ink);color:white;padding:45px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}footer p{font-size:14px;margin:0;color:#c8d4df}footer a{justify-self:end;font-size:15px}footer small{grid-column:1/-1;color:#c8d4df;font-size:12px;border-top:1px solid #455764;padding-top:20px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap;gap:15px}.hero{padding:55px 6%;grid-template-columns:1fr}.hero-note{margin-top:45px}.hero-note .location{margin-top:20px}.section-head{grid-template-columns:1fr;gap:15px}.section-head .eyebrow{margin-bottom:0}.featured,.case-grid,.brand-case,.principles{grid-template-columns:1fr}.case{padding:28px}.case-title h3{font-size:32px}.case-body{margin-top:15px}.principles{gap:20px}.experience-row{grid-template-columns:1fr;gap:15px}footer{grid-template-columns:1fr}footer a{justify-self:start}.review span{display:none}.intro{font-size:19px}h1{font-size:clamp(44px,10vw,75px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}