.studio{padding:100px 6vw;background:#eae4d8;border-top:1px solid #143d3220}.studio-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end;margin-bottom:40px}.studio-heading h2{font:400 clamp(40px,4.6vw,72px)/1.05 Georgia,serif;letter-spacing:-2px}.studio-heading h2 em{color:#92784e}.studio-heading>p{font-size:13px;line-height:1.9;color:#667060;max-width:420px;margin:0 0 5px}.studio-main{margin:0;position:relative}.studio-main>a{display:block;overflow:hidden}.studio-main img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.studio-main>a:hover img{transform:scale(1.025)}.studio-main figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.7;color:#69715f;padding:15px 0;border-bottom:1px solid #143d3220}.studio-main figcaption span:first-child{letter-spacing:1.5px;color:#143d32}.studio-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:35px 0 45px}.studio-zones>div>span{font-size:8px;letter-spacing:2px;color:#92784e}.studio-zones h3{font:400 26px/1.1 Georgia,serif;letter-spacing:-.6px;margin:15px 0}.studio-zones p{font-size:12px;line-height:1.8;color:#667060}.studio-projects{border-top:1px solid #143d3230;padding-top:25px}.studio-projects summary{cursor:pointer;font-size:11px;letter-spacing:.5px;padding:10px 0}.studio-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:25px}.studio-project-grid figure{margin:0}.studio-project-grid img{width:100%;height:auto;display:block}.studio-project-grid figcaption{font-size:9px;line-height:1.7;color:#69715f;padding-top:12px}.studio a:focus-visible{outline:3px solid #92784e;outline-offset:5px}@media(max-width:800px){.studio{padding:70px 7vw}.studio-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.studio-heading h2{font-size:44px}.studio-heading>p{font-size:12px}.studio-main img{aspect-ratio:1.15}.studio-main figcaption{flex-direction:column;gap:4px;font-size:8px}.studio-zones{grid-template-columns:1fr;gap:15px;padding:25px 0}.studio-zones h3{font-size:24px}.studio-project-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.studio-main img{transition:none}.studio-main>a:hover img{transform:none}}
