@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#eeeae2;--ink:#272d27;--muted:#6e7267;--accent:#8b6744;--line:#c8c8ba;--green:#39483c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font:14px/1.65 'DM Sans',Arial,sans-serif;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;line-height:1.04;letter-spacing:-.055em}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #a27b41;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:15px;z-index:100}.skip:focus{top:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.demo-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:7px 3.5%;background:#dcded2;font-size:9px;letter-spacing:.08em}.demo-strip button{border:0;background:none;font-size:9px}header{position:sticky;top:0;z-index:20;height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4%;background:#eeeae2f5;backdrop-filter:blur(20px);border-bottom:1px solid #cccbbe}.brand{display:flex;gap:15px;align-items:center}.brand svg{width:36px;fill:none;stroke:currentColor;stroke-width:1.8}.brand>span{font-size:38px;font-weight:600;letter-spacing:-.06em;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:.22em;font-weight:500;margin-top:7px}nav{display:flex;gap:30px;font-size:11px}nav a{padding:8px 0;border-bottom:1px solid transparent;transition:border-color .3s}nav a:hover{border-color:#7f876c}.nav-cta{font-size:11px;display:flex;gap:35px;align-items:center;padding:13px 18px;border:1px solid #9a9f8c}.nav-cta span{font-size:20px}#menu{display:none}.hero-title{position:relative;padding:55px 5% 45px}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:550;margin-bottom:24px;color:#7d7968}h1{font-size:clamp(78px,10.8vw,178px);line-height:.94;font-weight:450;letter-spacing:-.065em}h1>span{color:#818773}h1 sup{font-size:26px;vertical-align:top;display:inline-block;margin:12px 0 0 14px}.hero-aside{position:absolute;right:6%;bottom:50px;display:flex;align-items:end;gap:40px;font-size:12px;color:#646a5e}.circle{display:grid;place-items:center;width:61px;height:61px;border:1px solid #a5ab96;border-radius:50%;font-size:28px;transition:transform .5s,background .5s}.circle:hover{transform:rotate(20deg);background:#dce0d1}.hero-image{height:650px;position:relative;overflow:hidden;background:#6b7160}.hero-image>img{position:absolute;inset:-7% 0;height:114%;object-position:center 56%}.image-gradient{position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#132219a6)}.hero-image-caption{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#fff9ed;font-size:10px;letter-spacing:.08em}.vertical-label{position:absolute;left:25px;top:40%;writing-mode:vertical-rl;transform:rotate(180deg);color:white;font-size:9px;letter-spacing:.2em}.hero-baseline{display:flex;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);font-size:10px;color:#717765}.section{padding:110px 6%}.section-label{display:flex;gap:25px;align-items:center;font-size:9px;letter-spacing:.14em;margin-bottom:50px}.section-label>span{border:1px solid #aeb39d;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;letter-spacing:0}.intro-main{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}h2{font-size:clamp(48px,5.3vw,86px)}h2>span{color:#868c77}.intro-copy{padding-top:10px}.intro-copy .lead{font-size:21px;line-height:1.55;color:#343e31;margin-bottom:27px}.intro-copy>p{color:var(--muted);font-size:13px;line-height:1.95;max-width:460px}.text-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aaaf9a;padding:20px 0;margin-top:28px;font-size:12px}.text-link span{font-size:25px}.design-values{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:70px;padding-top:25px;font-size:9px;letter-spacing:.12em;color:#747b68}.projects{background:#e0e2d7}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-heading p{font-size:12px;color:#69735e;line-height:1.8}.project-filters{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.project-filters button{border:1px solid #abb49d;background:none;font-size:10px;padding:10px 17px;border-radius:25px}.project-filters button[aria-pressed=true]{background:#3d4c3b;color:#f4f2e6;border-color:#3d4c3b}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.project-card:nth-child(2){padding-top:100px}.project-card.wide{grid-column:1/-1}.project-photo{display:block;position:relative;width:100%;padding:0;border:0;overflow:hidden;height:420px;text-align:left;background:#78826d;color:white}.project-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#182a1ec4);pointer-events:none}.project-photo img{height:100%;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.project-photo:hover img{transform:scale(1.05)}.wide .project-photo{height:570px}.project-tag{position:absolute;left:24px;top:24px;background:#e9eddfed;color:#42503b;padding:9px 13px;font-size:8px;letter-spacing:.11em}.photo-action{position:absolute;bottom:22px;left:25px;right:25px;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:11px}.photo-action b{display:grid;place-items:center;width:43px;height:43px;border:1px solid #e7ecdc99;border-radius:50%;font-size:23px;font-weight:400}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:23px 0 12px}.project-meta h3{font-size:30px}.project-meta>span{font-size:11px;color:#839074}.project-card>p{font-size:12px;color:#6d775f;max-width:550px}.project-spec{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding-top:14px;border-top:1px solid #b8c0aa;font-size:9px;color:#6d775f}.disclaimer{font-size:10px;line-height:1.8;max-width:720px;color:#6e7564;margin-top:40px}.material-section{display:grid;grid-template-columns:1fr 1fr;background:#29372f;color:#f3f0e6}.material-picture{position:relative;min-height:760px;overflow:hidden}.material-picture img{height:100%;position:absolute;inset:0;object-position:55%;transition:opacity .4s}.material-picture:after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#15241ac9)}.material-picture>span{position:absolute;left:40px;bottom:35px;z-index:1;font-size:9px;letter-spacing:.12em}.material-content{padding:85px 12%}.material-content h2{font-size:clamp(39px,3.6vw,58px);margin-bottom:30px}.material-content h2 span{color:#b5bc9f}.material-content .eyebrow{color:#bac3a9}.material-content>p:not(.eyebrow){font-size:12px;color:#bbc3b2;line-height:1.95}.material-tabs{display:flex;gap:20px;margin:35px 0;border-bottom:1px solid #64705d;padding-bottom:25px}.material-tabs button{display:flex;align-items:center;flex-direction:column;gap:12px;flex:1;border:0;background:none;color:#d4d9c9;font-size:10px;opacity:.65}.material-tabs button[aria-selected=true]{opacity:1}.swatch{display:block;width:44px;height:44px;border-radius:50%;border:3px solid #29372f;outline:1px solid transparent}.material-tabs button[aria-selected=true] .swatch{outline-color:#cfb98b}.oak{background:repeating-linear-gradient(95deg,#ac845b 0 3px,#b58d64 3px 5px,#947149 5px 6px)}.black{background:linear-gradient(115deg,#192321,#515b54,#25302a)}.wood{background:linear-gradient(90deg,#b38b5c 50%,#242e28 50%)}#material-panel h3{font-size:26px;margin-bottom:18px;letter-spacing:-.035em}#material-panel p{font-size:12px;color:#bbc3b2;line-height:1.9}#material-note{display:block;margin-top:25px;color:#c2c9b5;font-size:8px;letter-spacing:.12em}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process-grid article{border-top:1px solid #bbc0af;padding-top:24px}.process-grid article>span{font-size:45px;color:#9ba58d;letter-spacing:-.05em}.process-grid h3{font-size:25px;margin:35px 0 20px}.process-grid p{font-size:12px;color:#6c7661;line-height:1.9}.configuration{background:#e7e1d5}.config-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.config-visual{position:sticky;top:125px;min-width:0;background:#f0ebe1;padding:25px;border:1px solid #d5cbb9}.config-visual-label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:.12em}.config-visual-label>span:last-child{background:#dfd9c9;padding:7px 11px;font-size:12px;letter-spacing:0}#canopy-preview{width:100%;display:block;overflow:visible;margin:30px 0 5px}#canopy-preview text{font:13px 'DM Sans',Arial,sans-serif;fill:#756f5e}#structure{transform-origin:320px 260px;transition:transform .35s ease}#roof-top,.frame{transition:fill .4s}.config-visual>p{font-size:9px;line-height:1.8;color:#7f7a6b}.config-summary{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d3cbb9;margin-top:22px;padding-top:18px;font-size:10px;color:#5d6655}fieldset{border:0;padding:0;margin:0 0 35px}legend{font-size:17px;letter-spacing:-.025em;margin-bottom:20px;width:100%;border-bottom:1px solid #c6beac;padding:0 0 15px}legend span{font-size:10px;color:#938971;margin-right:13px}label{display:block;font-size:10px;color:#626854}input,select,textarea{width:100%;color:#303a2d;border:1px solid #c5bfaf;background:#f5f0e5;border-radius:0;padding:12px;margin:7px 0 0}textarea{resize:vertical;min-height:90px}input[type=range]{accent-color:#5c6b4d;padding:0;border:0;background:none;height:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.range-label{margin-top:20px}.range-label output{float:right;color:#39482f}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-grid label{border:1px solid #c5bfaf;padding:15px 10px;display:flex;align-items:center;gap:10px;cursor:pointer}.option-grid label:has(input:checked){background:#d9dfcc;border-color:#a1ae8d}.option-grid input{width:16px;height:16px;accent-color:#526444;margin:0;flex:none}textarea+.form-grid{margin-top:18px}fieldset>label+.form-grid{margin-top:18px}.solid{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#3b4c39;color:#f5f1e7;border:0;padding:18px 23px;font-size:12px;width:100%;transition:background .3s}.solid:hover{background:#526545}.solid span{font-size:23px}.form-note{font-size:9px;line-height:1.8;color:#817a68;margin-top:15px}#brief-result{background:#dce5d0;padding:20px;margin-top:20px;font-size:12px}#brief-download{display:block;text-decoration:underline;margin-top:10px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.faq h2{font-size:clamp(45px,4vw,65px)}details{border-top:1px solid #bdc2ae}details:last-child{border-bottom:1px solid #bdc2ae}summary{list-style:none;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:22px;transition:transform .3s}details[open] summary span{transform:rotate(45deg)}details p{padding:0 35px 25px 0;color:#6e7862;font-size:12px;line-height:1.9}.closing{position:relative;min-height:600px;height:80svh;max-height:850px;overflow:hidden}.closing>img{position:absolute;inset:-5% 0;height:110%}.closing-shade{position:absolute;inset:0;background:linear-gradient(0deg,#14271ade,#14271a10)}.closing-copy{position:absolute;bottom:13%;left:6%;right:6%;color:white}.closing h2{font-size:clamp(47px,6vw,95px)}.closing h2 span{color:#d1dabf}.closing .eyebrow{color:#e5ead9}.closing .solid{max-width:350px;margin-top:35px;background:#eee8da;color:#354230}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#253129;color:#e7eadf;padding:55px 6%}footer p,footer>a:last-child{font-size:10px;color:#bcc6af}dialog{padding:0;border:0;width:min(1000px,94vw);max-height:92svh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#112318c9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:18px;right:18px;z-index:1;background:#f5f0e6;border:0;padding:12px 18px;font-size:11px}#project-image{height:420px}.dialog-copy{padding:40px 50px}.dialog-copy h2{font-size:45px;margin-bottom:25px}.dialog-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#697460}dl{display:grid;grid-template-columns:1fr 2fr;gap:13px;font-size:11px;border-block:1px solid var(--line);padding:22px 0;margin:25px 0}dt{color:#859075}dd{margin:0}.dialog-copy .solid{margin-top:30px}.modal-open{overflow:hidden}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.section{padding-inline:max(6%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){header{gap:20px}nav{gap:18px}.hero-aside{gap:20px;font-size:10px}.hero-image{height:540px}.section{padding:85px 5%}.intro-main{gap:8%}.project-photo{height:350px}.material-content{padding:60px 9%}.material-picture{min-height:720px}.process-grid{gap:25px}.process-grid h3{font-size:22px}.config-layout{gap:5%}}
@media(max-width:800px){header{height:80px;padding:0 5%}.brand>span{font-size:32px}.brand svg{width:30px}.nav-cta{margin-left:auto;font-size:10px;padding:8px 12px;gap:12px}#menu{display:flex;align-items:center;gap:8px;background:none;border:0;font-size:11px}#menu span{font-size:20px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:#eeeae2;padding:20px 5%;border-bottom:1px solid #bcc3ad;box-shadow:0 20px 30px #22332017}nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-title{padding:40px 5% 30px}h1{font-size:clamp(72px,12vw,110px)}.hero-aside{position:static;justify-content:space-between;margin-top:30px;font-size:12px}.hero-image{height:490px}.hero-baseline{font-size:8px;gap:20px}.hero-baseline span:last-child{display:none}.intro-main{grid-template-columns:1fr;gap:30px}.intro h2 br:nth-child(2){display:none}.intro-copy>p{max-width:none}.intro-copy .lead{max-width:550px}.design-values{gap:20px;font-size:8px}.section-heading{display:block}.section-heading>div,.section-heading>p{margin-top:27px}.project-card:nth-child(2){padding-top:60px}.project-meta h3{font-size:23px}.project-spec{display:block}.project-spec span{display:block}.wide .project-photo{height:430px}.material-section{grid-template-columns:1fr}.material-picture{height:460px;min-height:0}.material-content{padding:55px 7%}.material-content h2{font-size:48px}.material-content>p{max-width:600px}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.config-layout{grid-template-columns:1fr;gap:40px}.config-visual{position:static;padding:20px}#canopy-preview{max-height:400px;margin:10px auto}.faq{grid-template-columns:1fr;gap:40px}.faq h2 br:nth-child(2){display:none}footer{flex-wrap:wrap}.closing{min-height:550px}}
@media(max-width:520px){html{scroll-padding-top:90px}.demo-strip{font-size:7px;padding:8px 4%}.demo-strip button{font-size:7px}.demo-strip>span{max-width:115px;text-align:center}.nav-cta{display:none}#menu{margin-left:auto}.hero-title{padding-top:35px}.hero-title .eyebrow{font-size:7px;letter-spacing:.13em}h1{font-size:clamp(64px,14vw,90px)}h1 sup{font-size:15px;margin-left:8px}.circle{width:48px;height:48px;font-size:24px}.hero-image{height:430px}.hero-image>img{object-position:52%}.hero-image-caption{font-size:8px;gap:15px;bottom:20px}.hero-image-caption a{max-width:130px;text-align:right}.vertical-label{left:13px;font-size:7px}.section{padding:65px 6%}.section-label{margin-bottom:35px;font-size:8px;gap:15px}h2{font-size:45px}.intro-copy .lead{font-size:18px}.design-values{flex-wrap:wrap;margin-top:40px;gap:20px}.section-heading{margin-bottom:35px}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:nth-child(2){padding-top:0}.project-photo,.wide .project-photo{height:350px}.project-tag{left:18px;top:18px;font-size:7px}.photo-action{left:18px;right:18px}.project-meta h3{font-size:28px}.project-spec{display:flex;font-size:8px}.material-picture{height:380px}.material-content{padding:45px 6%}.material-content h2{font-size:42px}.process-grid{gap:30px 22px}.process-grid h3{font-size:23px;margin-top:24px}.process-grid p{font-size:11px}.process-grid article>span{font-size:36px}.form-grid{gap:12px}select{font-size:11px;padding:11px 8px}.option-grid label{font-size:9px;padding:13px 8px;gap:7px}.config-summary{font-size:9px}.faq h2{font-size:43px}summary{font-size:12px;gap:15px}.closing{height:620px}.closing>img{object-position:60%}.closing h2{font-size:45px}.closing-copy{bottom:12%}.closing .solid{max-width:100%}footer{display:block;padding:45px 6%}footer p{margin:25px 0}#project-image{height:280px}.dialog-copy{padding:28px}.dialog-copy h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}