:root{--paper:#f4f1e9;--ink:#17241f;--sage:#dce2d4;--muted:#6c7168;--line:#d8d5ca;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.concept-note{padding:9px 6vw;background:var(--ink);color:#e9e6dc;text-align:center;font-size:10px;letter-spacing:.03em}.concept-note span{color:#e2a873;font:9px Menlo,monospace;letter-spacing:.1em;margin-right:13px}.site-header{height:88px;border-bottom:1px solid var(--line);padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.wordmark{font:700 17px var(--sans);letter-spacing:.07em;line-height:1.1}.wordmark i{font:italic 400 19px var(--serif);letter-spacing:0}.wordmark small{display:block;font:8px Menlo,monospace;letter-spacing:.1em;color:var(--muted);margin-top:6px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px}.site-header nav a:hover,footer>a:hover{color:#a75f32}.nav-contact{border:1px solid var(--ink);padding:10px 15px}.menu-toggle{display:none}.hero{max-width:1440px;margin:auto;padding:70px 6vw 78px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;min-height:590px}.hero-copy{padding:20px 0}.eyebrow{font:9px/1.6 Menlo,monospace;letter-spacing:.11em;color:#707768}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.hero-copy .eyebrow span{width:7px;height:7px;border-radius:50%;background:#c86d3c}.hero h1,.section-heading h2,.intro h2,.approach h2,.contact h2{font:400 clamp(48px,6vw,82px)/.99 var(--serif);letter-spacing:-.055em;margin:28px 0 21px}.hero h1 em,.intro h2 em,.section-heading h2 em,.approach h2 em,.contact h2 em{color:#727b68;font-weight:400}.hero-copy>p:not(.eyebrow){color:#656b61;max-width:400px;font-size:14px;line-height:1.85}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:var(--paper);padding:14px 17px;font-size:11px;margin-top:17px}.button b{font-size:16px;font-weight:400}.hero-index{border-top:1px solid var(--line);margin-top:53px;padding-top:12px;display:flex;justify-content:space-between;color:#838779;font:8px Menlo,monospace;letter-spacing:.08em}.hero-image{margin:0;position:relative;background:var(--sage);min-width:0}.hero-image img{display:block;width:100%;height:435px;object-fit:cover}.hero-image figcaption,.project-caption{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;color:#6c7168;font:8px Menlo,monospace;letter-spacing:.07em}.intro{background:#eeece4;padding:110px 12vw;display:grid;grid-template-columns:.65fr 1fr;gap:6vw}.intro h2,.section-heading h2,.approach h2{font-size:clamp(42px,5vw,64px);margin:0 0 20px}.intro>div{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}.intro>div>p{font-size:13px;color:#62695f;line-height:1.9}.projects{max-width:1200px;margin:auto;padding:120px 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading .eyebrow{margin:0 0 17px}.section-heading>p{max-width:360px;color:#666d62;font-size:13px}.feature-project{display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:auto 1fr;column-gap:30px}.feature-project>img{display:block;width:100%;height:410px;object-fit:cover;grid-row:1/3}.project-caption{grid-column:2;align-self:start;padding:0 0 12px;border-bottom:1px solid var(--line)}.project-caption span:last-child{text-align:right}.project-description{grid-column:2;align-self:center;padding:25px 0}.project-description h3,.steps h3{font:400 24px var(--serif);letter-spacing:-.03em;margin:0 0 10px}.project-description p,.steps p{font-size:12px;color:#656b61;line-height:1.8}.project-description>span{font:8px Menlo,monospace;color:#85897d;letter-spacing:.06em}.approach{background:#eeece4;padding:100px 12vw}.approach>.eyebrow{margin:0 0 16px}.approach h2{margin-bottom:44px}.steps{border-top:1px solid #d2d0c5}.steps article{display:grid;grid-template-columns:65px 1fr;border-bottom:1px solid #d2d0c5;padding:19px 0;gap:20px}.steps article>span{font:11px Menlo,monospace;color:#868c7d;padding-top:5px}.steps h3{font-size:19px;margin:0}.steps p{margin:5px 0 0}.contact{padding:100px 12vw;background:var(--ink);color:var(--paper)}.contact .eyebrow{color:#c0c7b8}.contact h2{font-size:clamp(44px,5vw,68px);max-width:760px}.contact h2 em{color:#dce2d4}.contact>p:not(.eyebrow){color:#b8c0b6;font-size:13px}.button-light{background:#e2a873;color:var(--ink)}footer{padding:28px 6vw;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>a:not(.wordmark),footer>span{font-size:10px;color:#6e756a}.menu-toggle{background:none;border:0;color:var(--ink)}@media(max-width:760px){.site-header{height:72px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;z-index:3;top:130px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 6vw 22px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px 0}.site-header nav .nav-contact{padding:12px;margin-top:8px}.hero{padding:54px 6vw 55px;grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(50px,13vw,72px)}.hero-index{margin-top:32px}.hero-image img{height:min(70vw,390px)}.intro{padding:72px 7vw;grid-template-columns:1fr;gap:22px}.intro>div{grid-template-columns:1fr;gap:5px}.projects{padding:78px 6vw}.section-heading{display:block}.section-heading>p{margin-top:12px}.feature-project{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:0}.feature-project>img{height:min(75vw,390px);grid-row:auto}.project-caption{grid-column:auto;margin-top:10px}.project-description{grid-column:auto;padding:19px 0 0}.approach{padding:75px 7vw}.steps article{grid-template-columns:35px 1fr;gap:12px}.contact{padding:75px 7vw}.contact h2{font-size:clamp(43px,11vw,60px)}footer{padding:24px 6vw;align-items:flex-start;flex-direction:column;gap:18px}.concept-note{font-size:9px}.concept-note span{display:block;margin:0 0 3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.project-list{display:grid;gap:38px}.project-list article{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;border-bottom:1px solid #d8d5ca;padding-bottom:28px}.project-list img{width:100%;height:340px;object-fit:cover}.project-list span,.project-list small{font:8px Menlo,monospace;letter-spacing:.08em;color:#72796e}.project-list h2{font:400 clamp(25px,3.4vw,42px) Georgia,serif}.project-list p{font-size:13px;color:#62695f;line-height:1.8}.demo-contacts{display:flex;flex-wrap:wrap;gap:26px 50px;margin-top:30px}.demo-contacts strong{font-size:17px}.menu-toggle{display:none}@media(max-width:760px){.site-header{position:relative}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);z-index:6;flex-direction:column;align-items:stretch;padding:16px 6vw}.site-header nav.open{display:flex}.site-header nav a{padding:10px 0}.project-list article{grid-template-columns:1fr}.project-list img{height:65vw}}

.concept-note a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
