*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:"Google Sans",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #2275e4;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:40px 5%;max-width:1800px;margin:auto}.name{font-size:22px;letter-spacing:-.8px}nav{display:flex;gap:32px;font-size:16px}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.intro{padding:54px 5% 64px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:4px;color:#777;margin:0 0 25px}h1{font-size:clamp(40px,4.7vw,76px);font-weight:500;line-height:1.09;letter-spacing:-.055em;margin:0;max-width:950px}h1 span{color:#858585}.intro-aside{max-width:235px;color:#737373;font-size:16px;line-height:1.5;padding-bottom:5px}.intro-aside p{margin:0 0 24px}.intro-aside a{text-decoration:underline;text-underline-offset:5px}.projects{padding:0 3%;display:grid;gap:12px}.project{position:relative;min-height:370px;height:33vw;max-height:560px;display:block;overflow:hidden;background:var(--color);color:white}.project img{position:absolute;width:66%;height:100%;right:0;object-fit:cover;object-position:var(--position,center);transition:transform .7s}.project:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--color) 0%,var(--color) 26%,transparent 73%)}.project:hover img{transform:scale(1.025)}.project-copy{position:relative;z-index:1;padding:38px 4%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.number{font-size:12px;opacity:.55;letter-spacing:1px;margin-bottom:auto}.project h2{font-size:clamp(34px,4.7vw,68px);font-weight:500;letter-spacing:-.05em;margin:0 0 16px;line-height:1}.project p{font-size:clamp(16px,1.7vw,23px);line-height:1.3;max-width:380px;margin:0 0 34px}.tags{font-size:15px;color:#ffffffbd;line-height:1.7;word-spacing:3px}footer{max-width:1800px;margin:auto;padding:100px 5% 50px;display:flex;justify-content:space-between;align-items:center;font-size:15px}footer small{display:block;color:#777;font-size:12px;margin-top:10px}main{max-width:1800px;margin:auto}.detail{padding:60px 5% 0}.detail-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;margin-bottom:55px}.detail-top h1{margin:18px 0 25px}.detail-top p{max-width:520px;font-size:21px;line-height:1.45;color:#666}.back,.next{text-decoration:underline;text-underline-offset:6px;font-size:16px}.detail .tags{color:#666}.full-project{display:block;width:100%;height:auto;background:#eee}.project-navigation{display:flex;justify-content:space-between;padding-top:45px}.info{padding:70px 5% 50px;min-height:60vh}.info h1{max-width:1100px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:90px}.info h2{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:400;color:#777;margin-bottom:25px}.info p{font-size:22px;line-height:1.5;max-width:600px}.capabilities{font-size:clamp(25px,3vw,42px);line-height:1.5;letter-spacing:-1px}@media(min-width:1500px){.project{min-height:470px}}@media(max-width:700px){header{padding:28px 6%}.name{font-size:19px}nav{gap:24px}.intro{padding:44px 6% 40px;display:block}.intro-aside{max-width:280px;margin-top:28px;font-size:15px}.intro-aside p{margin-bottom:12px}h1{font-size:42px}.projects{padding:0 4%;gap:10px}.project{height:420px;min-height:0}.project img{width:100%;object-position:var(--position,center)}.project:after{background:linear-gradient(0deg,var(--color) 0%,transparent 90%),linear-gradient(90deg,var(--color),transparent)}.project-copy{padding:26px 7%}.project h2{font-size:42px}.project p{font-size:17px;max-width:290px;margin-bottom:22px}.tags{font-size:14px}.detail{padding:35px 5% 0}.detail-top{display:block;margin-bottom:35px}.detail-top h1{font-size:46px}.detail-top p{font-size:18px}.detail-top .back{display:inline-block;margin-bottom:15px}.info{padding:50px 6%}.info-grid{grid-template-columns:1fr;gap:25px;margin-top:45px}.info p{font-size:19px}footer{padding:70px 6% 35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img{transition:none}}