*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f8f7f3;color:#262822;font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #677453;outline-offset:6px}header,main,footer{max-width:1600px;margin:auto;padding-left:5.2%;padding-right:5.2%}header{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid #d5d6ce}.identity{font-size:20px;letter-spacing:-.6px}.identity span{display:block;font-size:10px;letter-spacing:.7px;margin-top:7px;color:#74766d}nav{display:flex;gap:38px;font-size:12px}nav sup{font-size:8px;color:#85877f;margin-left:3px}.intro{padding:58px 0 54px}.eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#73776c}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(72px,8.5vw,132px);line-height:.99;letter-spacing:-6px;margin:39px 0 37px}h1 i,.about h2 i{font-weight:400;color:#68745c}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end}.intro-bottom p{color:#6a6e63;line-height:1.7;margin:0;font-size:13px}.intro-bottom a{font-size:11px;border-bottom:1px solid #b6b9ad;padding-bottom:10px;min-width:165px}.intro-bottom a span{float:right}.section-label{border-top:1px solid #bfc2b6;padding-top:18px;margin-bottom:28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.5px;color:#666c5e}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:60px 35px}.project{grid-column:span 5;display:block}.project.wide{grid-column:span 7}.project.offset{padding-top:95px}.media{height:380px;background:#e4e3da;position:relative;overflow:hidden}.wide .media{height:470px}.media-note{position:absolute;bottom:18px;left:20px;font-size:8px;letter-spacing:1.4px;color:#5f6558}.open{position:absolute;top:15px;right:18px;font-size:21px}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:17px}.project h2{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:0}.project-meta span{font-size:9px;color:#72766a}.project p{font-size:11px;color:#777b70;line-height:1.6}.study-one{background:linear-gradient(155deg,#e6e4dc,#d2d3c6)}.drawing{position:absolute;width:67%;height:57%;top:20%;left:17%;transform:skewY(-17deg)}.slab{position:absolute;height:15%;width:85%;background:linear-gradient(90deg,#c0c4b4 0 12%,#ecece3 12% 90%,#b4baa6 90%);border-top:2px solid #f5f4ec;box-shadow:15px 18px 13px #757d6333;transform:skewX(25deg)}.s1{top:0;left:8%}.s2{top:20%;left:6%}.s3{top:40%;left:4%}.s4{top:60%;left:2%}.s5{top:80%}.ground{position:absolute;top:100%;left:-10%;width:118%;height:1px;background:#8e957d}.study-two{background:#e9e6de}.plan{position:absolute;inset:18% 17%;border:1px solid #a4a493;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:17px;transform:rotate(-8deg)}.plan b{border:1px solid #939987;background:repeating-linear-gradient(90deg,transparent 0 17px,#bfc3b4 18px 19px)}.study-three{background:#dadacb}.model{position:absolute;inset:20% 25%;display:flex;gap:10px;transform:skewY(18deg)}.model i{width:30%;background:linear-gradient(90deg,#f0eee0,#b9bca7);box-shadow:20px 15px 18px #747c5d33}.model i:nth-child(2){margin-top:28%;margin-bottom:-20%}.study-four{background:#e8e8df}.section-drawing{position:absolute;inset:25% 12%;border-bottom:2px solid #7a826d;background:repeating-linear-gradient(90deg,transparent 0 15%,#8f9682 15% 15.5%,transparent 15.5% 22%);clip-path:polygon(0 35%,20% 35%,20% 0,60% 0,60% 20%,100% 20%,100% 100%,0 100%);border-top:2px solid #8f9682}.project .media{transition:filter .3s}.project:hover .media{filter:brightness(.96)}.placeholder-note{font-size:10px;color:#85897d;margin:28px 0 80px}.about{padding-bottom:85px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:22px}.about h2{font:normal 56px/1.1 Georgia,serif;letter-spacing:-2px;margin:0}.about-grid p{max-width:480px;color:#656d5c;line-height:1.8;margin-top:0}dl{display:grid;grid-template-columns:110px 1fr;gap:22px 10px;margin:35px 0;font-size:12px;line-height:1.7}dt{color:#7c8274}dd{margin:0}.pending{color:#7d8275;font-size:11px;border-bottom:1px solid #c3c6bb;padding-bottom:5px}#contact{padding-bottom:80px}#contact>p{font-size:12px;color:#72786b;margin-top:45px}#contact h2{font:normal clamp(24px,4vw,56px) Georgia,serif;margin:17px 0 30px;letter-spacing:-1px}#contact h2 span{color:#68745c}footer{border-top:1px solid #d4d7cc;padding-top:22px;padding-bottom:28px;display:flex;justify-content:space-between;color:#777f6d;font-size:10px}.case-top{padding:45px 0}.case-top>a{font-size:11px}.case-top h1{font-size:80px;margin:40px 0 24px}.case-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin:55px 0}.case-grid h2{font:normal 40px Georgia,serif;margin:0}.case-grid p{line-height:1.9;color:#68715d}.case-media{height:480px;display:grid;place-content:center;background:#e2e4d9;text-align:center;color:#758064;font-size:11px;letter-spacing:1px}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-pair .case-media{height:340px}figcaption{font-size:10px;color:#7b8370;margin:12px 0 45px}figure{margin:0}.next{display:block;font:normal 36px Georgia,serif;padding:45px 0 65px;border-top:1px solid #c5cabc}
@media(max-width:700px){header,main,footer{padding-left:6%;padding-right:6%}header{height:92px}.identity{font-size:17px}.identity span{font-size:8px}nav{gap:18px;font-size:10px}nav sup{display:none}.intro{padding:35px 0 40px}.eyebrow{font-size:8px;letter-spacing:.6px}.eyebrow span{max-width:110px;text-align:right}h1{font-size:64px;letter-spacing:-3px;margin:36px 0 28px}.intro-bottom{align-items:flex-start;gap:25px;flex-direction:column}.intro-bottom p{font-size:12px}.desktop{display:none}.intro-bottom a{min-width:160px}.section-label{font-size:9px}.section-label span:last-child{font-size:8px}.projects{display:block}.project,.project.offset{padding-top:0;margin-bottom:35px}.media,.wide .media{height:330px}.project h2{font-size:22px}.project-meta span{font-size:8px}.placeholder-note{line-height:1.7;margin-bottom:55px}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:43px}.about{padding-bottom:55px}.about-grid p{font-size:13px}footer{gap:20px;flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){display:none}.case-top h1{font-size:48px;letter-spacing:-2px}.case-grid{grid-template-columns:1fr;gap:15px;margin:35px 0}.case-media{height:300px}.case-pair{grid-template-columns:1fr;gap:0}.case-pair .case-media{height:260px}}