*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f5f6f8;color:#18263a;font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #2868ed;outline-offset:6px}.wrap{width:88%;max-width:1220px;margin:auto}nav{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #dce1e8}.brand{text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-1.7px;display:inline-flex;align-items:baseline}.brand span{color:#2868ed}.brand i{display:inline-block;width:6px;height:6px;background:#2868ed;margin-left:5px}nav .links{display:flex;gap:32px;font-size:13px}nav .links a{text-decoration:none}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#69778a}.line{display:inline-block;width:25px;height:2px;background:#2868ed;vertical-align:middle;margin-right:10px}.studio-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding:85px 0 95px}.studio-hero h1{font-size:clamp(40px,4.8vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.13;margin:26px 0}.studio-hero p{font-size:16px;line-height:1.85;color:#637084;max-width:450px}.button{display:inline-flex;gap:35px;align-items:center;background:#18263a;color:white;padding:16px 21px;text-decoration:none;font-size:13px;border-radius:4px;margin-top:23px;transition:background .2s}.button:hover{background:#2868ed}.brand-art{height:390px;background:#e8edf4;position:relative;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff55 1px,transparent 1px),linear-gradient(90deg,#ffffff55 1px,transparent 1px);background-size:38px 38px}.four{position:absolute;font-size:350px;line-height:1;font-weight:900;letter-spacing:-25px;color:#2868ed;top:8px;left:23%;transform:rotate(-8deg);text-shadow:18px 16px 0 #d4ddec}.art-label{position:absolute;bottom:25px;left:24px;font-size:10px;letter-spacing:2px;font-weight:bold}.art-coordinate{position:absolute;top:24px;left:24px;font-size:9px;letter-spacing:1px;color:#647895}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #dce1e8;padding:60px 0 70px}h2{font-size:31px;font-weight:500;letter-spacing:-1.2px;line-height:1.3;margin:20px 0}.intro-copy p{color:#637084;line-height:1.85;font-size:15px;margin-top:5px}.principles{display:flex;gap:25px;font-size:12px;font-weight:bold;padding-top:20px}.principles span{border-top:2px solid #2868ed;padding-top:12px}.projects{padding:50px 0 80px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-top h2{margin-bottom:0}.muted{font-size:12px;color:#69778a}.project{display:block;text-decoration:none;background:white;border:1px solid #e2e6ec;border-radius:6px;overflow:hidden}.project-image{height:330px;background:#b7dedb;position:relative;overflow:hidden}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .6s}.project:hover .project-image img{transform:scale(1.025)}.project-status{position:absolute;left:25px;top:24px;background:white;padding:9px 12px;font-size:9px;letter-spacing:1px;border-radius:3px}.project-info{display:flex;justify-content:space-between;align-items:center;padding:30px 35px}.project h3{font-size:26px;margin:12px 0;font-weight:500;letter-spacing:-.8px}.project p{font-size:14px;color:#637084;margin:0;line-height:1.7}.project-link{font-size:13px;white-space:nowrap}.project-link span{margin-left:30px;color:#2868ed}.contact{border-top:1px solid #dce1e8;padding:50px 0 70px;display:flex;justify-content:space-between;align-items:center}.contact-link{font-size:18px;text-decoration:none;border-bottom:1px solid #18263a;padding-bottom:9px}.contact-link span{margin-left:45px}footer{border-top:1px solid #dce1e8;padding:28px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#69778a}footer div{display:flex;gap:25px}.document{max-width:760px;padding:60px 0 85px}.document h1{font-size:55px;letter-spacing:-2px;font-weight:500}.document h2{font-size:23px;margin-top:35px}.document p,.document li{font-size:15px;color:#637084;line-height:1.85}.document a{color:#2868ed}.document .button{color:white}details{padding:20px 0;border-bottom:1px solid #dce1e8}summary{font-size:17px;cursor:pointer}@media(max-width:700px){nav{padding:23px 0}nav .links{gap:16px;font-size:11px}.brand{font-size:23px}.studio-hero{grid-template-columns:1fr;gap:38px;padding:48px 0}.studio-hero h1{letter-spacing:-2px}.brand-art{height:300px}.four{font-size:280px;left:27%}.intro{grid-template-columns:1fr;gap:20px;padding:40px 0}.projects{padding-top:30px}.section-top{align-items:flex-start;gap:15px}.section-top h2{font-size:27px}.section-top>.muted{display:none}.project-image{height:260px}.project-info{align-items:flex-start;flex-direction:column;gap:25px;padding:25px}.contact{align-items:flex-start;flex-direction:column;gap:20px;padding:40px 0}.contact h2{font-size:28px}footer{flex-wrap:wrap;gap:22px}.document{padding-top:30px}.document h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}