@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f6f0;--ink:#292f26;--muted:#717467;--line:#dcded3;--green:#394936;--accent:#c7d5a6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b06d38;outline-offset:5px}.wrap{width:min(1280px,90%);margin-inline:auto}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.demo-bar{background:#e8ebdf;font-size:10px;letter-spacing:1.1px;padding:9px 5%;display:flex;align-items:center;gap:9px}.demo-dot{width:6px;height:6px;border-radius:50%;background:#688154}.demo-right{margin-left:auto;letter-spacing:.2px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,Arial,sans-serif;font-size:43px;line-height:1;font-weight:800;letter-spacing:-3px}.logo span{font-size:12px;vertical-align:top;display:inline-block;margin:5px 0 0 5px;letter-spacing:0}.header nav{display:flex;gap:38px;margin-left:auto;margin-right:70px;font-size:13px}.header nav a:last-child{border-bottom:1px solid var(--ink);padding-bottom:4px}.header nav a:hover{color:#6e7a58}.languages{display:flex;gap:6px;align-items:center;font-size:11px}.languages button{border:0;background:transparent;padding:8px 3px;cursor:pointer;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--ink);font-weight:bold;text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:46% 54%;padding-top:48px;padding-bottom:65px;align-items:center}.hero-copy{padding:20px 40px 0 0}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:600;margin:0 0 25px}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-3px;line-height:1.12}h1{font-size:clamp(44px,5.3vw,76px);margin:0 0 25px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#667651}.hero-description{max-width:300px;color:var(--muted);font-size:15px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 21px;border:0;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--green);color:white}.dark:hover{background:#263622}.light{background:var(--accent);color:var(--ink)}.hero-foot{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.7px;margin-top:51px}.line{width:42px;height:1px;background:#8b917e}.hero-image{margin:0;position:relative;background:#ddd8c9}.hero-image>img{display:block;width:100%;height:530px;object-fit:cover}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;background:#263024bb;color:#fff;display:flex;justify-content:space-between;gap:12px;padding:17px 21px;font-size:9px;letter-spacing:.8px}.image-tag{position:absolute;right:24px;top:23px;width:105px;height:105px;display:grid;place-content:center;background:var(--paper);border-radius:50%;text-align:center;font:italic 18px/1.25 Georgia,serif;transform:rotate(9deg)}.intro{display:grid;grid-template-columns:40% 60%;padding:73px 0 40px;border-top:1px solid var(--line)}.intro .eyebrow{padding-top:10px;max-width:230px}h2{font-size:clamp(33px,3.3vw,48px);margin:0 0 23px}.intro p:not(.eyebrow){max-width:530px;color:var(--muted);line-height:1.8}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding-bottom:80px}.services article{border-top:1px solid var(--line);padding-top:22px}.number{font-size:11px;color:var(--muted)}h3{font-size:19px;letter-spacing:-.4px;font-weight:500;margin:17px 0 10px}.services p{font-size:13px;color:var(--muted);max-width:300px}.work-section{background:#eaece2;padding:75px 0 82px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:30px}.section-heading h2{margin:0}.section-note{font-size:11px;color:var(--muted);max-width:210px}.project-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:24px}.project-art,.material-art,.plan-art{height:285px;overflow:hidden;position:relative}.project-art img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.03)}.project-info{display:flex;justify-content:space-between;align-items:center}.project-info h3{font-size:17px;margin:18px 0 4px}.project-info p{font-size:11px;color:var(--muted);margin:0}.project-info>span{font-size:22px}.material-art{background:linear-gradient(105deg,#b59e85,#e1d3b9)}.arch{position:absolute;left:15%;top:26px;width:65%;height:240px;border-radius:100px 100px 0 0;background:linear-gradient(120deg,#8b785e,#b29b7f);box-shadow:inset 12px 4px 18px #73604b55}.pedestal{position:absolute;width:60%;height:90px;bottom:0;left:25%;background:linear-gradient(100deg,#e4d7bd,#c3b394);box-shadow:-18px 12px 25px #53442a55}.vase{position:absolute;bottom:80px;left:42%;width:63px;height:100px;background:linear-gradient(90deg,#6b715b,#9b9f86,#747962);border-radius:30% 30% 40% 40%;clip-path:polygon(28% 0,72% 0,70% 18%,96% 43%,100% 80%,85% 100%,15% 100%,0 80%,4% 43%,30% 18%)}.material-caption{position:absolute;left:14px;bottom:10px;font-size:8px;letter-spacing:1px;color:#3e3a2e}.plan-art{background:#465140;color:#d1d7c0;display:flex;flex-direction:column;justify-content:center}.plan-art svg{width:100%}.plan-art span{font-size:8px;letter-spacing:1px;margin:0 14px 13px}.process{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:95px 0}.process ol{padding:0;margin:0;list-style:none}.process li{display:flex;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.process li>span{font-size:11px;color:var(--muted);padding-top:4px}.process h3{margin:0 0 8px;font-size:18px}.process li p{font-size:13px;color:var(--muted);margin:0;max-width:390px}.contact-section{background:#303d2e;color:#f2f2e7;padding:78px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{font-size:clamp(38px,4vw,58px)}.contact-grid h2 em{color:#c7d5a6}.contact-grid p:not(.eyebrow){font-size:14px;color:#d0d6c7}.contact-grid p.contact-demo{font-size:11px;max-width:310px;line-height:1.8;margin-top:34px;color:#bac5b4}form{display:flex;flex-direction:column;gap:9px}form label{font-size:11px;letter-spacing:.4px}input,select,textarea{width:100%;background:#ffffff08;border:1px solid #75806b;color:#f3f5ec;border-radius:0;padding:10px 12px;font-size:13px;margin-bottom:10px}select option{background:#303d2e;color:#fff}input::placeholder,textarea::placeholder{color:#b4bfad}textarea{resize:vertical}form .button{align-self:start;min-width:240px;margin-top:5px}.form-result{white-space:pre-wrap;font-size:13px;background:#ffffff0c;border-left:2px solid var(--accent);padding:14px;margin-top:15px;overflow-wrap:anywhere}.footer{min-height:120px;display:flex;align-items:center;gap:40px}.footer .logo{font-size:34px}.footer p{font-size:10px;color:var(--muted)}.footer>a:last-child{margin-left:auto;font-size:11px}@media(min-width:1500px){.hero-image>img{height:580px}}@media(max-width:950px){.header nav{margin-right:30px;gap:20px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-right:20px}.hero-image>img{height:470px}h1{font-size:49px;letter-spacing:-2px}.hero-foot{margin-top:30px}.hero-image figcaption span:last-child{display:none}.image-tag{width:85px;height:85px;font-size:15px}.contact-grid{gap:50px}.project-grid{gap:16px}.project-art,.material-art,.plan-art{height:220px}.intro{grid-template-columns:35% 65%}.eyebrow{font-size:9px}}@media(max-width:650px){.wrap{width:88%}.demo-bar{padding:8px 6%;font-size:8px}.demo-right{display:none}.header{height:83px;flex-wrap:wrap}.logo{font-size:35px}.header nav{gap:17px;margin:0 0 0 auto;font-size:11px}.header nav a:nth-child(2){display:none}.languages{margin-left:20px}.hero{display:flex;flex-direction:column;padding-top:37px;padding-bottom:42px;gap:32px}.hero-copy{width:100%;padding:0}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:20px}h1{font-size:53px;margin-bottom:20px}.hero-description{max-width:310px;font-size:14px}.hero-foot{display:none}.hero-image{width:100%}.hero-image>img{height:365px}.hero-image figcaption{padding:13px;font-size:8px}.intro{display:block;padding:40px 0 26px}.intro .eyebrow{max-width:none;padding:0;margin-bottom:20px}h2{font-size:35px;letter-spacing:-1.6px}.intro p:not(.eyebrow){font-size:14px}.services{grid-template-columns:1fr;gap:20px;padding-bottom:44px}.services article{padding-top:15px}.services h3{margin:7px 0}.services p{max-width:none;margin:0}.work-section{padding:44px 0}.section-heading{display:block}.section-note{max-width:none;margin-top:15px}.project-grid{grid-template-columns:1fr;gap:27px}.project-art,.material-art,.plan-art{height:290px}.material-art .arch{left:25%;width:50%}.project-info h3{margin-top:11px}.process{grid-template-columns:1fr;gap:20px;padding:46px 0}.process .eyebrow{margin-bottom:17px}.contact-section{padding:46px 0}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-grid h2{font-size:43px}.contact-grid p.contact-demo{max-width:none;margin-top:20px}.footer{gap:20px;flex-wrap:wrap;padding:30px 0}.footer p{order:3;flex-basis:100%;margin:0}.footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Photographic references for the conceptual projects. */
.project-art img{display:block}.photo-quiet-home img{object-position:center 67%}.photo-reconnect img{object-position:center 59%}.concept-label{position:absolute;left:12px;bottom:12px;padding:5px 9px;background:#f7f6f0ed;color:#303d2e;font-size:9px;letter-spacing:.5px;pointer-events:none}