body{margin:0;background:#171721;color:#ededf3;font-family:'DM Sans',sans-serif}::selection{background:#5266eb;color:white}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid #ededf3;outline-offset:6px}header{padding:30px 5vw;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:35px;letter-spacing:-.03em;text-decoration:none}.wordmark span{color:#c3c3cc}nav{display:flex;gap:35px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{padding:45px 5vw 0}.hero-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:55px}h1{font-size:clamp(44px,5.8vw,84px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0}.hero-title p{font-size:17px;line-height:1.6;color:#c3c3cc;margin:0;max-width:350px}.hero figure{margin:0}.hero img{width:100%;height:520px;object-fit:cover;object-position:center 60%;filter:saturate(.55)}figcaption{display:flex;justify-content:space-between;padding:20px 0;color:#c3c3cc;font-size:14px}.studio{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;padding:105px 8vw}h2{font-size:clamp(34px,3.7vw,54px);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0}.studio p{font-size:20px;line-height:1.6;max-width:490px;margin:0 0 22px}.studio p+p{font-size:16px;color:#c3c3cc}.work{padding:70px 5vw 95px;background:#1e1e2a}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-title p{font-size:13px;color:#c3c3cc}.study-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:start}.study-main img{width:100%;height:410px;object-fit:cover;object-position:65% 55%}.study-small{margin-top:135px}.study-grid article>div:not(.plan){display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:20px}.study-grid h3{font-size:24px;font-weight:400;margin:0}.study-grid span{font-size:12px;color:#c3c3cc}.study-grid p{font-size:16px;line-height:1.6;color:#c3c3cc;max-width:470px}.plan{height:290px;background:#272735;position:relative;border:1px solid #70707d;margin:0 0 22px;padding:35px}.plan:before{content:'';position:absolute;inset:35px;border:2px solid #c3c3cc}.plan-court{position:absolute;inset:35px 35px 95px 45%;border:1px solid #c3c3cc;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.12em}.plan-living{position:absolute;bottom:57px;left:50px}.plan-studio{position:absolute;top:65px;left:50px;writing-mode:vertical-lr}.process{padding:105px 8vw;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw}.process article{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid #454550}.process h3{font-size:23px;font-weight:400;margin:0 0 12px}.process p{font-size:17px;line-height:1.6;color:#c3c3cc;margin:0;max-width:460px}.conversation{padding:80px 8vw;background:#1e1e2a;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw}.conversation p{font-size:20px;line-height:1.5;margin:0 0 24px;max-width:390px}button{border:0;border-radius:32px;background:#5266eb;color:white;font:400 16px 'DM Sans';padding:17px 25px;cursor:pointer}button:hover{background:#4053d1}.conversation small{display:block;color:#c3c3cc;font-size:12px;margin-top:17px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 5vw}footer p,footer>a:last-child{font-size:13px;color:#c3c3cc}@media(max-width:700px){header{padding:24px}.wordmark{font-size:29px}nav{gap:20px;font-size:13px}nav a:last-child{display:none}.hero{padding:38px 24px 0}.hero-title{display:block;padding-bottom:30px}h1{font-size:12.2vw}.hero-title p{margin-top:25px;font-size:16px}.hero img{height:340px}figcaption{font-size:11px;gap:20px}.studio,.process,.conversation{padding:60px 24px;grid-template-columns:1fr;gap:28px}.studio p{font-size:18px}.work{padding:55px 24px}.section-title{display:block;margin-bottom:30px}.section-title p{margin-top:18px}.study-grid{grid-template-columns:1fr;gap:38px}.study-main img{height:310px}.study-small{margin-top:0}.study-grid article>div:not(.plan){display:block}.study-grid h3{margin-bottom:7px}.plan{height:255px}.process article:last-child{margin-bottom:0}.conversation h2{font-size:40px}footer{padding:35px 24px;flex-wrap:wrap}footer p{margin:0}footer>a:last-child{width:100%}}
/* Material archive and useful project-start disclosures. */
.project-detail{border-top:1px solid #70707d;margin-top:24px;padding-top:18px}.project-detail summary{font-size:15px;cursor:pointer}.project-detail dl{margin:22px 0 0}.project-detail dl>div{display:grid;grid-template-columns:95px 1fr;gap:20px;margin-bottom:20px}.project-detail dt{font-size:12px;color:#c3c3cc}.project-detail dd{margin:0;font-size:15px;line-height:1.6}.project-detail>p{font-size:12px!important}.material-study{padding:90px 5vw;background:#171721}.material-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin:0 3vw 50px}.material-heading p{font-size:19px;line-height:1.6;max-width:470px;margin:0;color:#c3c3cc}.material-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.material-layout figure{margin:0;min-width:0}.material-layout img{width:100%;height:570px;object-fit:cover;object-position:73% 50%}.material-layout figcaption{font-size:12px;line-height:1.5}.material-notes{display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:10px 3vw 25px 0}.material-notes article{display:grid;grid-template-columns:76px 1fr;gap:25px;align-items:start}.material-swatch{width:76px;height:96px;display:block;border:1px solid #70707d}.timber{background:#272735}.glazing{background:#c3c3cc}.interior{background:#ededf3}.material-notes h3{font-size:25px;font-weight:400;margin:0 0 15px}.material-notes p{font-size:16px;line-height:1.6;color:#c3c3cc;max-width:380px;margin:0}.project-start{padding:80px 8vw;background:#272735;display:grid;grid-template-columns:1fr 1.15fr;gap:8vw}.project-start h2{font-size:clamp(35px,4.2vw,59px)}.project-paths details{padding:24px 0;border-top:1px solid #70707d}.project-paths summary{font-size:21px;line-height:1.4;cursor:pointer}.project-paths details[open] summary{margin-bottom:20px}.project-paths p{font-size:17px;line-height:1.65;color:#c3c3cc;margin:0}.project-paths h3{font-size:15px;font-weight:500;margin:25px 0 15px}.project-paths ul{margin:0;padding-left:20px;color:#c3c3cc;font-size:15px;line-height:1.7}.project-paths li+li{margin-top:8px}.process .process-output{font-size:13px;line-height:1.6;margin-top:18px;color:#c3c3cc}summary:focus-visible{outline:2px solid #ededf3;outline-offset:5px}html{scrollbar-color:#70707d #171721}
@media(max-width:700px){.material-study{padding:60px 24px}.material-heading{grid-template-columns:1fr;gap:24px;margin:0 0 30px}.material-heading p{font-size:17px}.material-layout{grid-template-columns:1fr;gap:30px}.material-layout img{height:365px}.material-notes{padding:0;gap:32px}.material-notes article{grid-template-columns:55px 1fr;gap:20px}.material-swatch{width:55px;height:80px}.material-notes h3{font-size:23px}.material-notes p{font-size:15px}.project-start{grid-template-columns:1fr;gap:32px;padding:55px 24px}.project-start h2{font-size:40px}.project-paths summary{font-size:19px}.project-paths p{font-size:16px}.project-detail dl>div{grid-template-columns:1fr;gap:8px}}
/* Parent review batch: isolate the material detail, not a repeated whole house. */
.material-crop{height:570px;overflow:hidden}.material-crop img{height:100%;width:100%;object-fit:cover;object-position:75% 65%;transform:scale(1.85);transform-origin:80% 65%}
@media(max-width:700px){.material-crop{height:365px}.material-crop img{height:100%;transform:scale(1.7)}}