:root{--ink:#20221f;--paper:#efeee9;--sand:#c9b99d;--clay:#9b6147;--line:rgba(32,34,31,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{align-items:center;display:flex;justify-content:space-between;padding:26px 4.5%;position:absolute;top:0;width:100%;z-index:4}.logo{font-size:20px;font-weight:600;letter-spacing:.09em}.logo span{color:var(--clay)}.menu{align-items:center;display:flex;gap:29px;font-size:13px}.menu a{transition:opacity .2s}.menu a:hover{opacity:.55}.menu-contact{border:1px solid var(--ink);border-radius:99px;padding:10px 15px}.menu-button{background:none;border:0;color:var(--ink);display:none;font:inherit}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;position:relative}.hero-copy{align-self:end;padding:0 10% 13%}.eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em;margin:0 0 22px;text-transform:uppercase}.hero h1,.section h2{font-family:"Playfair Display",serif;font-size:clamp(48px,6.6vw,98px);font-weight:500;letter-spacing:-.055em;line-height:.97;margin:0}.hero h1 em,.contact h2 em{font-weight:500}.hero-text{font-size:16px;line-height:1.55;max-width:340px;margin:32px 0}.text-link{border-bottom:1px solid var(--ink);font-size:13px;padding-bottom:7px}.text-link span{color:var(--clay);font-size:18px;margin-left:10px}.hero-art{background:#d6d1c5;overflow:hidden;position:relative}.hero-art p{bottom:8%;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.16em;line-height:1.6;position:absolute;right:9%;text-align:right}.sun{background:#d68f59;border-radius:50%;height:15vw;left:17%;position:absolute;top:17%;width:15vw}.wall{position:absolute}.wall-one{background:#beb6a6;height:62%;right:0;top:0;width:51%}.wall-two{background:#8c877b;bottom:0;height:54%;left:0;width:55%}.arch{border:clamp(20px,3.3vw,54px) solid #ddd8cd;border-bottom:0;border-radius:300px 300px 0 0;bottom:0;height:63%;left:30%;position:absolute;width:40%}.hero-index{bottom:5%;font:10px "DM Mono",monospace;left:4.5%;position:absolute}.section{padding:150px 9%}.projects{background:#f7f6f2}.section-intro{display:grid;grid-template-columns:1.3fr .8fr;gap:10%;margin-bottom:90px}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2{font-size:clamp(42px,5.5vw,76px)}.section-intro p:last-child{align-self:end;line-height:1.6;margin:0;max-width:330px}.project-grid{display:grid;gap:42px;grid-template-columns:1.15fr .85fr}.project-large{grid-row:span 2}.project-image{height:360px;overflow:hidden;position:relative}.project-large .project-image{height:750px}.project-image:before{content:"";inset:0;position:absolute}.project-image span{bottom:20px;color:#fff;font:11px "DM Mono",monospace;position:absolute;right:20px;z-index:1}.image-residence{background:linear-gradient(140deg,#c9ab84 0 35%,#674633 35% 58%,#a8704a 58%)}.image-residence:before{background:linear-gradient(90deg,transparent 0 49%,rgba(33,23,18,.5) 49% 54%,transparent 54%),linear-gradient(0deg,rgba(55,36,23,.28),transparent 45%)}.image-interiors{background:linear-gradient(130deg,#7b6251 0 32%,#d7c7aa 32% 64%,#453b35 64%)}.image-commercial{background:linear-gradient(130deg,#b89d78 0 38%,#e3ddd1 38% 59%,#795745 59%)}.project-meta{align-items:baseline;display:flex;justify-content:space-between;padding-top:14px}.project-meta h3{font:500 22px "Playfair Display",serif;margin:0}.project-meta p,.project-note{color:#64655f;font:11px "DM Mono",monospace;margin:0}.project-note{margin-top:42px}.statement{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.7fr 1.3fr;min-height:670px}.statement h2{font-size:clamp(44px,5.6vw,78px);max-width:900px}.statement div>p{font-size:17px;line-height:1.6;margin:45px 0;max-width:470px}.outline-link{border:1px solid var(--paper);border-radius:99px;display:inline-block;font-size:13px;padding:13px 17px}.outline-link span{margin-left:18px}.process{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:165px}.process h2{font-size:clamp(42px,5vw,70px)}.process ol{list-style:none;margin:70px 0 0;padding:0}.process li{border-top:1px solid var(--line);display:grid;gap:30px;grid-template-columns:45px 1fr;padding:24px 0}.process li:last-child{border-bottom:1px solid var(--line)}.process li>span{color:var(--clay);font:11px "DM Mono",monospace;padding-top:7px}.process h3{font:500 30px "Playfair Display",serif;margin:0}.process li p{color:#686963;font-size:14px;line-height:1.55;margin:8px 0 0;max-width:330px}.contact{background:var(--sand);min-height:560px;padding-top:125px}.contact h2{font-size:clamp(64px,9.5vw,145px)}.contact-email{border-bottom:1px solid var(--ink);display:inline-block;font-size:clamp(18px,2.2vw,30px);margin-top:55px;padding-bottom:8px}.contact-email span{color:var(--clay);margin-left:12px}.contact-note{font:11px "DM Mono",monospace;margin-top:24px}footer{align-items:center;background:var(--ink);color:#cfcec7;display:flex;font:10px "DM Mono",monospace;justify-content:space-between;padding:25px 4.5%}footer a{text-decoration:underline}.reveal{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:700px){.site-header{padding:22px 7%}.menu-button{display:block;font-size:12px}.menu{background:var(--paper);display:none;flex-direction:column;gap:20px;left:0;padding:28px;position:absolute;top:66px;width:100%}.menu.open{display:flex}.hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{min-height:61svh;padding:150px 9% 64px}.hero-art{height:60svh}.sun{height:34vw;width:34vw}.hero-index{bottom:61svh;left:7%}.section{padding:90px 7%}.section-intro,.statement,.process{display:block}.section-intro{margin-bottom:54px}.section-intro p:last-child{margin-top:25px}.project-grid{display:block}.project{margin-bottom:40px}.project-large .project-image,.project-image{height:430px}.project-meta{display:block}.project-meta p{margin-top:6px}.statement{min-height:0}.statement .eyebrow{margin-bottom:70px}.process ol{margin-top:55px}.contact{min-height:480px}.contact-email{font-size:18px}.hero h1,.section h2{letter-spacing:-.045em}footer{align-items:flex-start;flex-direction:column;gap:12px;padding:24px 7%}}