@font-face{font-family:Barlow;src:url('/assets/barlow.b06746fd0116.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope.3a27259c5e75.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--lime:#b5d600;--ink:#142323;--muted:#5b6764;--paper:#edf0e8;--line:#d7dcd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f9faf5;color:var(--ink);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-underline-offset:6px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #91ab00;outline-offset:5px}::selection{background:var(--lime);color:#142323}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:99;background:white;padding:12px}.preview{background:#0e191a;color:#c8d4c6;padding:5px 5%;font-size:9px;letter-spacing:2px;text-align:right}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#142323;color:white;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:27px;letter-spacing:-1.3px;line-height:1}.brand img{object-fit:contain}.brand b{color:var(--lime);font-weight:700}nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:600}nav a{text-decoration:none}nav>a:not(.button):hover{color:var(--lime)}.button{background:var(--lime);color:#142323;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 28px;text-decoration:none;border:0;border-radius:0;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#d2ec42;transform:translateY(-2px)}.compact{min-height:45px;padding:12px 22px}.menu{display:none}.hero{position:relative;min-height:680px;height:min(760px,76vw);overflow:hidden;color:white;background:#142323}.hero-photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:55% 60%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,25,.88),rgba(8,25,26,.2) 76%),linear-gradient(0deg,rgba(9,24,25,.75),transparent 55%)}.hero-copy{position:relative;padding:55px 5% 68px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 26px}.hero h1,.magazine h1{font-family:Barlow,'Arial Narrow',sans-serif;font-size:clamp(76px,10.8vw,164px);font-weight:700;line-height:.93;letter-spacing:-2px;margin:32px 0 38px;max-width:1100px}.hero h1 span{color:var(--lime)}.hero-bottom{display:flex;gap:65px;align-items:end}.hero-bottom p{font-size:15px;line-height:1.8;margin:0;max-width:400px}.hero-bottom .button{margin-bottom:4px}.hero-caption{position:absolute;right:5%;bottom:52px;font-size:9px;letter-spacing:2px;padding-left:16px;border-left:2px solid var(--lime);line-height:1.8}.eligibility{padding:30px 5%;display:flex;gap:50px;align-items:center;background:var(--lime);font-size:11px}.eligibility>span{font-size:9px;letter-spacing:1px;max-width:200px}.eligibility p{margin:0}.eligibility b{font-size:25px;display:block;line-height:1.2;letter-spacing:-1px}.eligibility>a{margin-left:auto;font-weight:700}.blueprint{background:#142323;color:white;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:50px;padding:110px 8%}.blueprint h2{font-size:clamp(40px,5vw,70px);font-weight:500;line-height:1.07;letter-spacing:-3px;margin:0 0 28px}.blueprint p:not(.eyebrow){color:#adbdba;font-size:14px}.blueprint .text-link{color:var(--lime)}.blueprint-art{min-width:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:34px 34px;padding:20px 15px}.roof-plan{width:100%;display:block;overflow:visible}.roof-wall{fill:#263b3a;stroke:#78918b;stroke-width:1}.roof-base{fill:#263c3c;stroke:#c2d7cc;stroke-width:1.5}.panel{fill:#8cac1d;stroke:#d7ef8b;stroke-width:.7;transition:fill .2s}.panel:hover{fill:#deff58}.plan-label{text-align:center;font-size:9px;letter-spacing:1.5px;padding:25px 0 0;color:#d4e9cd}.plan-label small{display:block;letter-spacing:0;font-size:10px;color:#8da5a1;margin-top:8px}.section{max-width:1320px;margin:auto;padding:105px 5%}h2{font-size:clamp(34px,4.1vw,56px);line-height:1.08;letter-spacing:-2.3px;font-weight:500;margin:0 0 28px}h2 span{color:#6e8600}h3{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.6px;margin:0 0 14px}p{max-width:70ch}.section p{color:var(--muted)}.split,.process,.faq,.check{display:grid;grid-template-columns:1fr 1fr;gap:90px}.split{padding-top:120px;padding-bottom:120px}.split>div>p{font-size:14px;max-width:390px}.text-link{display:inline-block;font-size:12px;font-weight:700;margin-top:16px}.surface-options article{display:flex;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.surface-options article:first-child{padding-top:0}.surface-options p{font-size:13px}.surface-options a{font-size:12px;font-weight:700}.surface-icon{font-size:40px;color:#6d8300;line-height:1}.surface-options svg{width:40px;min-width:40px;height:40px;fill:none;stroke:#6d8300;stroke-width:1.5}.benefits{max-width:none;background:var(--paper);padding:90px 8%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-heading p{max-width:300px;font-size:13px}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:50px}.benefit-grid article{padding-top:26px;border-top:1px solid #8a9b86}.benefit-grid h3{font-size:18px}.benefit-grid p{font-size:13px}.process ol{padding:0 0 0 24px;margin:0}.process li{padding:0 0 30px 20px}.process li::marker{color:#6d8300}.process li p{font-size:13px}.process .button{margin-top:20px}.check-wrap{background:#b5d600}.check p{color:#344222}.check small{font-size:11px;color:#3a4b22;display:block;max-width:350px}.check h2{font-family:Barlow;font-size:72px;font-weight:700;text-transform:uppercase;letter-spacing:-1px}.check form{padding:30px;background:#142323;color:white}.check fieldset{border:0;margin:0 0 24px;padding:0;min-width:0}.check legend{font-size:14px;padding:0 0 20px}.radio-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.radio-options label{border:1px solid #6a8077;padding:12px;font-size:12px;cursor:pointer}.radio-options label:has(input:checked){border-color:var(--lime);color:var(--lime)}input[type=radio]{accent-color:var(--lime)}.field{font-size:12px}.field input{display:block;width:100%;min-width:0;padding:14px;margin:10px 0 22px;border:0;border-radius:0}.check .button{width:100%}#area-result{color:#d9e9cd;font-size:12px;margin-bottom:0}#area-result:empty{display:none}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:14px;font-weight:600;cursor:pointer}.faq details p{font-size:13px}.knowledge{padding-top:30px}.magazine-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.magazine-heading p:not(.eyebrow){font-size:13px}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 26px}.story{min-width:0}.story>a{display:flex;flex-direction:column;text-decoration:none;height:100%;border-bottom:1px solid #bac5b8;padding-bottom:25px}.story-image{aspect-ratio:1.5;overflow:hidden;background:#142323}.story-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.story:hover img{transform:scale(1.035)}.story-copy{padding-top:20px;display:flex;flex-direction:column;flex:1}.story small{font-size:8px;letter-spacing:1.3px;color:#687561}.story h3{font-size:19px;margin:15px 0 25px}.read{font-size:11px;font-weight:700;margin-top:auto;text-decoration:underline;text-underline-offset:5px}.magazine h1{font-size:clamp(60px,8vw,120px);margin:20px 0 45px}.magazine h1 span{color:#718b00}.searchbar{border-top:1px solid var(--line);padding:30px 0 45px}.searchbar label{display:block;margin-bottom:14px;font-weight:600}.searchbar input{width:min(100%,600px);padding:15px;border:1px solid #aab7a5;background:white;border-radius:0}.searchbar p{font-size:12px}.story[hidden]{display:none}.article-top{max-width:1050px;padding-bottom:45px}.article-top>a{font-size:12px}.article-top .eyebrow{margin-top:50px}.article-top h1{font-size:clamp(32px,4.4vw,60px);line-height:1.12;letter-spacing:-2px;font-weight:500}.article-note{font-size:11px!important;border-left:2px solid #849c00;padding-left:18px}.article-body{max-width:790px;margin:auto;padding:0 25px 70px;overflow-wrap:anywhere}.article-body h2{font-size:32px;margin-top:50px;letter-spacing:-1px}.article-body h3{font-size:24px;margin-top:35px}.article-body img{max-width:100%;height:auto}.article-body figure{margin:30px 0}.article-body table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:12px}.article-body td,.article-body th{padding:12px;border:1px solid var(--line)}.article-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.article-body a{color:#536e00}.article-end{text-align:center;padding:0 25px 80px}footer{background:#142323;color:white;padding:65px 5% 35px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}footer p{font-size:22px;line-height:1.4;margin:0;letter-spacing:-.6px}footer>div{display:flex;flex-direction:column;gap:10px;font-size:11px;align-items:start}footer small{grid-column:1/-1;border-top:1px solid #41504a;padding-top:25px;font-size:9px;color:#a6b8ac}
@media(min-width:1650px){.hero-copy{padding-left:80px}.hero{height:780px}.hero h1{font-size:170px}}
@media(max-width:1000px){nav{gap:18px;font-size:11px}.brand{font-size:24px}.hero-caption{display:none}.hero{height:650px;min-height:0}.hero h1{font-size:110px}.hero-bottom{gap:30px}.blueprint{padding:85px 6%;gap:20px}.split,.process,.check,.faq{gap:40px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eligibility{gap:30px}.eligibility>a{display:none}}
@media(max-width:700px){header{height:auto;min-height:85px;flex-wrap:wrap;padding:20px 6%}.brand{font-size:24px}.brand img{width:32px;height:32px}.menu{display:block;border:1px solid #83978b;color:white;background:transparent;padding:8px 15px;font-size:12px}nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-top:10px;gap:0;font-size:13px}nav.open{display:flex}nav>a{padding:13px 0}.preview{text-align:center;font-size:8px;letter-spacing:1px}.hero{height:650px}.hero-photo{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#102a2bd9,#102a2b45),linear-gradient(0deg,#102a2bd9,transparent 65%)}.hero-copy{padding:37px 6%}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:clamp(62px,14vw,98px);letter-spacing:-1px;line-height:.98;margin:38px 0 38px}.hero-bottom{display:block}.hero-bottom p{font-size:14px;line-height:1.9}.hero-bottom .button{margin-top:30px}.eligibility{padding:25px 6%;gap:30px;flex-wrap:wrap}.eligibility>span{max-width:none;width:100%;font-size:8px}.eligibility b{font-size:24px}.blueprint{grid-template-columns:1fr;padding:65px 6% 50px;gap:30px}.blueprint h2{font-size:48px;letter-spacing:-2px}.blueprint-art{padding:0 8px}.plan-label{font-size:8px;letter-spacing:.7px}.section{padding:65px 6%}.split,.process,.check,.faq{grid-template-columns:1fr;gap:35px}h2{font-size:38px;letter-spacing:-1.5px}.section p{font-size:14px}.surface-options article{gap:20px}.surface-options p{font-size:13px}.section-heading{display:block}.section-heading p{max-width:none}.benefit-grid{gap:25px 20px;margin-top:30px}.benefit-grid h3{font-size:16px}.benefit-grid p{font-size:12px}.check h2{font-size:60px}.check form{padding:24px 20px}.radio-options label{padding:10px 6px;font-size:11px}.faq summary{font-size:13px}.knowledge{padding-top:10px}.magazine-heading{display:block}.magazine-heading h2{font-size:42px}.stories{grid-template-columns:1fr;gap:35px}.story>a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding-bottom:25px}.story-image{aspect-ratio:1;height:120px}.story-copy{padding-top:0}.story h3{font-size:16px;margin:10px 0 15px}.story small{font-size:7px;letter-spacing:.5px}.magazine h1{font-size:64px;letter-spacing:-1px}.searchbar p{font-size:11px}.article-top h1{font-size:34px;letter-spacing:-1.2px}.article-top .eyebrow{font-size:8px}.article-body{font-size:14px;padding:0 6% 55px}.article-body h2{font-size:28px}.article-body h3{font-size:21px}footer{grid-template-columns:1fr;padding:45px 6% 30px;gap:30px}footer p{font-size:22px}footer>div{flex-direction:row;flex-wrap:wrap;gap:15px 25px}footer small{grid-column:auto}}
.story-placeholder{display:flex;align-items:center;height:100%;padding:10%;font:700 clamp(22px,3.5vw,55px)/.95 Barlow,sans-serif;color:var(--lime);letter-spacing:-.5px;background:repeating-linear-gradient(135deg,transparent 0 35px,#ffffff09 35px 36px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V3: architecture atelier. Existing article and non-sending form behaviour retained. */
.architecture-stage{mix-blend-mode:multiply}.architecture-stage>img{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 89%,transparent),linear-gradient(to right,transparent,#000 8%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 89%,transparent),linear-gradient(to right,transparent,#000 8%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.hero-baseline{z-index:3;background:#f0f1ec}.architectural-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:#f0f1ec;z-index:2;pointer-events:none}
:root{--ink:#1c2524;--paper:#f0f1ec;--lime:#b5d600;--muted:#65716b;--line:#d9dfd4}body{background:#f8f9f5}header{background:#f8f9f5;color:var(--ink);height:100px;padding:0 5%;border-bottom:1px solid #e0e4da}.preview{background:#e9ece3;color:#53614d;text-align:center;letter-spacing:1.5px}.brand{font-weight:600;letter-spacing:-1.2px}.brand b{color:#7e9900}nav{gap:35px}nav>a:not(.button):hover{color:#657d00}.button{border-radius:30px;background:#202c29;color:white;font-size:12px;padding:17px 27px;min-height:52px}.button:hover{background:#43533c;color:white}.button.compact{background:var(--lime);color:#202c29;border-radius:24px;min-height:43px;padding:11px 23px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600}.architectural-hero{position:relative;background:#f0f1ec;overflow:hidden;min-height:820px;padding:27px 5% 90px;isolation:isolate}.hero-edition{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#67725e;position:relative;z-index:2}.architecture-copy{position:relative;z-index:2;margin-top:75px;width:44%;pointer-events:none}.architecture-copy a{pointer-events:auto}.architecture-copy .eyebrow{display:flex;align-items:center;gap:8px}.architecture-copy .eyebrow i{height:6px;width:6px;border-radius:50%;background:#8da612;box-shadow:0 0 0 4px #dce5bc}.architecture-copy h1{font:500 clamp(56px,5.2vw,84px)/1.04 Manrope,sans-serif;letter-spacing:-4px;margin:28px 0 25px}.architecture-copy h1 em{font-style:normal;color:#647c26}.architecture-intro{max-width:330px;font-size:13px;color:#61705f;line-height:1.85;margin-bottom:28px}.hero-proof{display:flex;gap:16px;font-size:9px;color:#61705f;margin:18px 0}.hero-proof span{border-left:2px solid #99ae4d;padding-left:8px}.architecture-stage{margin:0;position:absolute;width:76%;right:-9%;top:92px;z-index:1;pointer-events:none}.architecture-stage>img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.architecture-stage figcaption{position:absolute;bottom:25px;left:24%;font-size:7px;letter-spacing:1.2px;color:#697363}.stage-tag{position:absolute;right:21%;top:20%;display:flex;gap:10px;align-items:center;background:#f8faf3e8;padding:14px 18px;border:1px solid #ffffffa0;box-shadow:0 10px 30px #23332412;backdrop-filter:blur(10px);font-size:9px;color:#5d6a51}.stage-tag strong{display:block;font-weight:600;font-size:14px;color:#26392b}.tag-dot{width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #b5d60020}.hero-baseline{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #bdc8b2;padding:22px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#607054;gap:25px}.hero-baseline>span:first-child{font-size:8px;letter-spacing:1.3px}.hero-baseline b{color:#293c22;font-weight:600}.principle{background:#202d29;color:white;padding:90px 8% 95px}.principle>.eyebrow{color:#a9bf7c}.principle-title{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:end}.principle-title h2{font-size:clamp(36px,4.2vw,60px);line-height:1.13;font-weight:400;letter-spacing:-2.6px;margin:10px 0}.principle-title h2 span{color:#afc39d}.principle-title>p{font-size:13px;color:#becbbe;max-width:350px;margin-bottom:12px}.principle-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:65px}.principle-rail>div{padding-top:25px;border-top:1px solid #6c826a}.rail-label{font-size:8px;letter-spacing:1.5px;color:#c6dd8b}.principle-rail h3{font-size:23px;font-weight:400;margin:16px 0}.principle-rail p{font-size:12px;color:#a9bdad;max-width:300px;line-height:1.9}.surface-studio{padding:100px 8% 0;max-width:1540px;margin:auto}.studio-heading{display:flex;justify-content:space-between;gap:50px;align-items:start;margin-bottom:45px}.studio-heading>.eyebrow{padding-top:10px}.studio-heading h2{max-width:600px;width:60%;font-size:52px;font-weight:400}.surface-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.surface-tile{border:1px solid #dbe1d1;background:#edf1e7;padding:20px 30px 30px;text-align:left;cursor:pointer;position:relative;border-radius:6px;color:#273a2b;transition:background .35s,border-color .35s}.surface-tile.active{background:#e0e8cd;border-color:#9aae6c}.surface-tile:hover{border-color:#6e8545}.surface-tile>svg{display:block;width:80%;max-width:400px;height:245px;margin:auto;transition:transform .4s}.surface-tile:hover>svg{transform:translateY(-5px)}.land{fill:#b8c89f;stroke:#93a67c;stroke-width:1}.wall{fill:#758d6a;stroke:#eff4e6;stroke-width:1}.top{fill:#263a35;stroke:#c5d9aa;stroke-width:1.5}.seam{fill:#38544a;stroke:#a7c17d;stroke-width:1}.field-lines{stroke:#d3e7af;stroke-width:8;fill:none}.tile-heading{font-size:24px;letter-spacing:-.9px;display:block}.tile-sub{display:block;font-size:11px;margin-top:8px;color:#68765d}.tile-size{position:absolute;bottom:36px;right:30px;border:1px solid #b4c99a;border-radius:20px;padding:6px 12px;font-size:10px;color:#4c6239}.surface-tile.active:after{content:'';position:absolute;right:26px;top:26px;width:9px;height:9px;border-radius:50%;background:#6e881e;box-shadow:0 0 0 5px #6e881e15}.surface-detail{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:40px 0 55px;border-bottom:1px solid #cdd6c3}.surface-detail .eyebrow{font-size:8px;margin-bottom:16px}.surface-detail h3{font-size:28px;font-weight:400;letter-spacing:-1px;line-height:1.25}.surface-detail p:not(.eyebrow){font-size:12px;color:#6a785e;margin:0;line-height:1.9}.surface-detail a{font-size:11px}.project-path{padding:95px 8% 105px;max-width:1540px;margin:auto}.path-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.path-intro .eyebrow{grid-column:1/-1}.path-intro h2{font-size:45px;letter-spacing:-1.8px;font-weight:400}.path-intro>p:not(.eyebrow){font-size:13px;max-width:350px;color:#64725e;align-self:end}.path-steps{list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.path-steps>li{border-top:1px solid #b7c6aa;padding:15px 0 0}.path-steps h3{font-size:18px;font-weight:500;margin:15px 0}.path-steps p{font-size:12px;color:#68785e;line-height:1.9;max-width:300px}.path-symbol{display:block;height:115px}.path-symbol>svg{height:115px;width:180px;margin-left:-20px}.path-icon{height:100px;width:120px;display:block;margin:15px 0 0;stroke:#748b59;stroke-width:1.4;fill:none}.check-wrap{background:#e5ecd7}.check h2{font-family:Manrope,sans-serif;font-size:52px;text-transform:none;font-weight:400;letter-spacing:-2px}.check form{background:#f7f9f2;color:#2b3b27;border:1px solid #c6d2b4;border-radius:6px;padding:35px}.check legend{font-size:13px}.radio-options label{border-color:#c3d0b2;border-radius:4px;color:#586e42}.radio-options label:has(input:checked){border-color:#849b47;background:#e2eccd;color:#34491c}.field input{border:1px solid #b5c6a2;border-radius:4px}.check .button{background:#263b2b;color:#f3f8ec}.check small{font-size:10px;color:#647257}.check p{color:#647257}#area-result{color:#4f6338}.faq{padding-top:90px;padding-bottom:85px}.faq h2{font-size:43px;font-weight:400}.faq summary{font-size:13px}.faq details p{font-size:12px}.magazine-heading h2{font-weight:400;font-size:45px}.knowledge{padding-bottom:100px}.story-image{border-radius:4px}.story h3{font-size:17px;line-height:1.5;font-weight:500}.story-placeholder{font-size:42px;padding:16%;font-family:Manrope;letter-spacing:-2px;font-weight:400}.magazine h1{font-family:Manrope;font-weight:400;font-size:clamp(50px,6vw,86px);letter-spacing:-4px;line-height:1.04}.magazine h1 span{color:#718843}.article-top h1{font-weight:400}.article-body{font-size:14px}.article-body h2{font-weight:400}footer{background:#202d29;padding:65px 8% 30px}footer .brand b{color:#b5d600}footer p{font-size:24px;font-weight:400;line-height:1.4}
@media(min-width:1600px){.architectural-hero{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.architecture-stage{width:1200px;right:max(-80px,calc((100vw - 1700px)/2))}.architecture-copy{width:600px}.architecture-copy h1{font-size:84px}.hero-baseline{left:max(5%,calc((100vw - 1440px)/2));right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){nav{gap:20px}.architectural-hero{min-height:760px}.architecture-copy{width:49%;margin-top:65px}.architecture-copy h1{font-size:63px;letter-spacing:-3px}.architecture-stage{width:80%;right:-18%;top:150px}.architecture-stage figcaption{left:14%;font-size:6px}.stage-tag{right:29%;top:13%}.principle-title{gap:35px}.principle-rail{gap:30px}.studio-heading h2{font-size:44px}.tile-size{position:static;display:inline-block;margin-top:20px}.surface-tile>svg{height:210px}.surface-detail{gap:40px}.hero-proof{font-size:8px;gap:12px}.hero-edition>span:last-child{font-size:7px}}
@media(max-width:700px){header{height:auto;min-height:82px;padding:20px 6%}.menu{color:#35492e;border-color:#c0cdb0;border-radius:22px;background:transparent}.preview{font-size:7px;letter-spacing:1px}.architectural-hero{padding:24px 6% 0;min-height:0}.hero-edition{font-size:7px;letter-spacing:1px}.hero-edition>span:last-child{display:none}.architecture-copy{margin-top:40px;width:100%}.architecture-copy .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:24px}.architecture-copy h1{font-size:clamp(46px,11.4vw,73px);letter-spacing:-2.8px;line-height:1.06;margin:18px 0 25px}.architecture-intro{font-size:12px;max-width:340px;margin:0 0 25px;line-height:1.9}.architecture-copy .button{font-size:11px;padding:15px 23px}.hero-proof{font-size:8px;gap:20px;margin:18px 0 0}.architecture-stage{position:relative;top:auto;right:auto;margin:20px -15% 0;width:130%;pointer-events:none}.architecture-stage figcaption{bottom:5px;left:20%;font-size:6px;letter-spacing:.6px}.stage-tag{right:17%;top:9%;padding:8px 11px;font-size:7px}.stage-tag strong{font-size:10px}.tag-dot{width:6px;height:6px}.hero-baseline{position:relative;left:auto;right:auto;bottom:auto;display:block;padding:22px 0;margin-top:15px;font-size:10px}.hero-baseline>span{display:block}.hero-baseline>span:first-child{font-size:7px;letter-spacing:1px;margin-bottom:10px}.principle{padding:65px 6%}.principle-title{grid-template-columns:1fr;gap:20px}.principle-title h2{font-size:37px;letter-spacing:-1.8px;line-height:1.16}.principle-title>p{font-size:12px;margin:0}.principle-rail{grid-template-columns:1fr;gap:25px;margin-top:40px}.principle-rail>div{display:grid;grid-template-columns:1fr 1.2fr;gap:10px 20px;padding-top:22px}.rail-label{grid-column:1/-1;font-size:7px}.principle-rail h3{font-size:21px;line-height:1.3;margin:8px 0}.principle-rail p{font-size:11px;margin:8px 0}.surface-studio{padding:65px 6% 0}.studio-heading{display:block;margin-bottom:25px}.studio-heading h2{font-size:38px;width:auto;letter-spacing:-1.8px}.surface-picker{gap:12px}.surface-tile{padding:14px 14px 20px}.surface-tile>svg{width:100%;height:130px}.tile-heading{font-size:20px;letter-spacing:-.8px}.tile-sub{font-size:9px;line-height:1.6;min-height:29px;margin-top:6px}.tile-size{font-size:8px;padding:5px 10px;margin-top:15px}.surface-tile.active:after{right:16px;top:17px;width:6px;height:6px;box-shadow:0 0 0 4px #6e881e15}.surface-detail{grid-template-columns:1fr;gap:18px;padding:28px 0 35px}.surface-detail h3{font-size:26px;margin-bottom:0}.surface-detail p:not(.eyebrow){font-size:12px}.surface-detail a{font-size:11px}.project-path{padding:65px 6%}.path-intro{grid-template-columns:1fr;gap:0}.path-intro h2{font-size:37px}.path-intro>p:not(.eyebrow){font-size:12px;margin:0}.path-steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.path-steps>li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 20px;padding:22px 0 0}.path-icon{grid-row:1/3;width:80px;height:70px;margin:0}.path-symbol{grid-row:1/3;height:70px;width:80px}.path-symbol>svg{width:110px;height:75px;margin-left:-15px}.path-steps h3{font-size:17px;margin:0 0 10px}.path-steps p{font-size:11px;grid-column:2;margin:0}.check h2{font-size:40px;letter-spacing:-1.8px}.check form{padding:25px 18px}.faq{padding-top:65px;padding-bottom:65px}.faq h2{font-size:36px}.magazine-heading h2{font-size:37px}.knowledge{padding-top:0;padding-bottom:65px}.story h3{font-size:15px;line-height:1.4}.story-placeholder{font-size:24px;letter-spacing:-1px}.magazine h1{font-size:48px;letter-spacing:-2.6px}.article-top h1{font-size:33px}.article-body{font-size:14px}footer{padding:45px 6% 30px}.brand{font-size:24px}.brand img{width:34px;height:34px}}
@media(min-width:701px) and (max-width:900px){.architectural-hero{min-height:0;padding-bottom:0}.architecture-copy{width:100%;margin-top:45px}.architecture-copy h1{font-size:66px}.architecture-intro{max-width:390px}.architecture-stage{position:relative;top:auto;right:auto;width:100%;margin:10px 0 0}.architecture-stage figcaption{bottom:15px;left:16%}.stage-tag{right:10%;top:12%}.hero-baseline{position:relative;left:auto;right:auto;margin-top:20px}.surface-detail{gap:30px}.studio-heading h2{font-size:38px}}
@media(prefers-reduced-motion:no-preference){.architecture-stage{animation:architecture-entrance .9s ease-out both}.architecture-copy{animation:copy-entrance .7s ease-out both}@keyframes architecture-entrance{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes copy-entrance{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.decision-cta{margin:0 auto 100px;padding:45px 5%;max-width:1176px;border-top:1px solid #b7c5a9;border-bottom:1px solid #b7c5a9;display:flex;align-items:center;gap:55px;justify-content:space-between}.decision-cta h2{font-size:40px;font-weight:400;letter-spacing:-1.5px}.decision-cta p:not(.eyebrow){font-size:12px;max-width:440px;color:#657456}.decision-cta .button{white-space:nowrap}.architecture-copy h1{font-size:clamp(42px,4.1vw,62px);letter-spacing:-2.8px;line-height:1.08;margin-bottom:20px}.hero-subheading{font-size:20px;line-height:1.45;font-weight:500;letter-spacing:-.6px;margin:0 0 18px;max-width:390px}.architecture-intro{max-width:335px}.architecture-copy{margin-top:58px;width:49%}.hero-secondary{display:inline-block;margin-top:20px;font-size:10px;color:#5d704d;pointer-events:auto}.hero-proof{margin-top:16px}.check-assurance{padding:0;list-style:none;margin:25px 0 30px}.check-assurance li{font-size:12px;color:#52683c;border-left:2px solid #9db45d;padding-left:13px;margin:12px 0}.demo-notice{border-top:1px solid #bfcea9;padding-top:20px}.funnel-progress{display:flex;list-style:none;gap:12px;margin:0 0 22px;padding:0}.funnel-progress li{font-size:10px;flex:1;border-top:3px solid #d9e2cc;padding-top:10px;color:#6b7a59}.funnel-progress li[aria-current]{border-color:#688a25;color:#354e21;font-weight:700}.funnel-status{font-size:10px!important;color:#6a7f4f!important;margin-bottom:25px}.check fieldset{margin:0 0 24px}.check fieldset[hidden],.funnel-back[hidden],.funnel-actions[hidden],#demo-complete[hidden]{display:none}.check .radio-options{margin-bottom:24px}.check #area-hint,.check #location-note,.check #contact-note{font-size:10px;color:#6b7a5c;max-width:none}.check .field input{margin-bottom:12px}.check .privacy-note{font-size:10px;margin-top:18px}.funnel-actions{display:flex;align-items:center;gap:15px;margin-top:24px}.funnel-back{border:0;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:#536945;padding:8px 3px}.check .funnel-actions>.button{flex:1;width:auto;font-size:11px}.check #area-result{font-size:11px}#funnel-summary{font-size:12px;line-height:1.9;border-left:2px solid #9daf7e;padding-left:12px}#demo-complete h3{font-size:24px;font-weight:400}#demo-complete p{font-size:12px}.funnel-reset{display:block;margin-top:25px;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:5px;font-size:11px;cursor:pointer;color:#536945}.mobile-submit{display:none}.mobile-submit[hidden]{display:none!important}
@media(max-width:700px){.decision-cta{display:block;margin:0 6% 60px;padding:30px 0}.decision-cta h2{font-size:33px}.decision-cta .button{font-size:11px;margin-top:20px;white-space:normal}}
@media(min-width:701px)and(max-width:1100px){.architecture-copy{width:54%}.architecture-copy h1{font-size:47px}.hero-subheading{font-size:18px;max-width:340px}.architecture-intro{max-width:300px}.architecture-stage{right:-22%;top:180px}.hero-secondary{font-size:9px}.architectural-hero{min-height:800px}}
@media(min-width:701px)and(max-width:900px){.architecture-copy{width:100%}.architecture-copy h1{font-size:58px}.architecture-stage{right:auto;top:auto}.architectural-hero{min-height:0}.hero-subheading{max-width:440px}.architecture-intro{max-width:400px}}
@media(max-width:700px){.architecture-copy{width:100%;margin-top:35px}.architecture-copy h1{font-size:clamp(30px,8.2vw,48px);letter-spacing:-1.7px;margin:18px 0 20px;line-height:1.12}.hero-subheading{font-size:17px;letter-spacing:-.45px;line-height:1.45;max-width:350px;margin-bottom:20px}.architecture-intro{font-size:12px;max-width:350px}.hero-secondary{font-size:9px;margin-top:18px}.hero-proof{gap:15px;font-size:7px}.architecture-stage{margin-top:25px}.principle-title h2{font-size:34px}.check h2{font-size:38px}.check-assurance li{font-size:11px}.check form{padding:25px 18px}.funnel-progress{gap:10px}.funnel-progress li{font-size:9px}.check .funnel-actions>.button{font-size:10px;padding-left:16px;padding-right:16px}.mobile-submit{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:5%;right:5%;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:53px;padding:12px 20px;border-radius:30px;background:#25392c;color:white;text-decoration:none;box-shadow:0 6px 30px #142b2630;border:1px solid #536b43;font-size:11px}.mobile-submit small{font-size:8px;color:#c1d5a9}.with-mobile-action{padding-bottom:75px}}

.preview{display:none}.lead-form{background:#edf1e6;padding:30px;border:1px solid #cbd6bd;border-radius:6px;margin:45px 0}.lead-form label{display:block;margin:18px 0 8px;font-size:13px}.lead-form input,.lead-form textarea,.lead-form select{display:block;width:100%;max-width:100%;padding:13px;background:white;color:#243427;border:1px solid #b8c8a8;border-radius:4px;font:inherit;margin-top:8px}.lead-form textarea{min-height:140px;resize:vertical}.lead-form .button{margin-top:20px}.lead-form [role=status]{font-size:12px}.form-privacy{font-size:11px!important;color:#5c6b51}.honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.check .field textarea{display:block;width:100%;min-height:90px;padding:12px;border:1px solid #b5c6a2;border-radius:4px;resize:vertical;margin:8px 0 15px;font:inherit}.article-body:after{content:'';display:block;clear:both}.more-services{padding-top:45px;border-top:1px solid #c3ceb7;margin-top:45px}.more-services h2{font-size:30px}.service-links{display:flex;gap:15px 28px;flex-wrap:wrap;font-size:12px}button[disabled]{cursor:wait;opacity:.65}.check .privacy-intro{font-size:10px;color:#647257;display:block;max-width:350px}

/* Primary action for either selected surface: keep link semantics and type selection. */
#surface-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;min-width:248px;max-width:100%;padding:16px 26px;margin-top:22px;border:1px solid #202c29;border-radius:999px;background:#202c29;color:#fff;font-size:13px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;transition:background .18s,color .18s,border-color .18s}
#surface-action::after{content:'';width:9px;height:9px;flex-shrink:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
#surface-action:hover{background:#b7d600;border-color:#b7d600;color:#202c29}
#surface-action:focus-visible{outline:2px solid #202c29;outline-offset:5px}
@media(max-width:600px){#surface-action{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){#surface-action{transition:none}}

/* Preserve the light architectural hero; replace pale-green panels with the brand's dark green. */
.surface-tile{background:#202d29;color:#f7f9f4;border-color:#40574b}
.surface-tile.active{background:#2d4237;border-color:#b5d600}
.surface-tile .tile-sub{color:#c8d5ca}
.surface-tile .tile-size{color:#e5eddf;border-color:#789173}
.surface-tile.active::after{background:#b5d600;box-shadow:0 0 0 5px #b5d60020}
.check-wrap{background:#202d29;color:#f7f9f4}
.check h2,.check h3,.check legend,.check .field,.check label,.check #funnel-summary{color:#f7f9f4}
.check p,.check small,.check .eyebrow,.check-assurance li,.check .privacy-intro,.check #area-hint,.check #location-note,.check #contact-note,.check #area-result{color:#c8d5ca}
.check form{background:#293c33;color:#f7f9f4;border-color:#56705b}
.check .field input,.check .field textarea{background:#f8faf5;color:#202d29;border-color:#9cab92}
.check .radio-options label{color:#dce8d8;border-color:#6f886a;background:#293c33}
.check .radio-options label:has(input:checked){background:#3a513f;color:#fff;border-color:#b5d600}
.check .button{background:#b5d600;color:#1c2921}
.check .button:hover{background:#d1e75e;color:#1c2921}
.check .funnel-back,.check .funnel-reset,.check .privacy-note a{color:#e3eddb}
.check .funnel-progress li{color:#c8d5ca}
.check .funnel-progress li[aria-current]{color:#d7ed91;border-color:#b5d600}
.check #demo-complete h3,.check #demo-complete p{color:#f7f9f4}
.lead-form{background:#202d29;color:#f7f9f4;border-color:#56705b}
.lead-form h2,.lead-form label,.lead-form [role=status]{color:#f7f9f4}
.lead-form .form-privacy,.lead-form .form-privacy a{color:#c8d5ca}
.lead-form .button{background:#b5d600;color:#1c2921}
.lead-form .button:hover{background:#d1e75e;color:#1c2921}
.review-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0}
.review-actions .text-link{margin:0;color:#314630}
.check #funnel-status{color:#c8d5ca!important}

/* SEO content extension: same established reading and surface system. */
.seo-related{max-width:1100px;margin:48px auto;padding:32px 5%;background:#202d29;color:#f0f1ec}.seo-related h2{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 20px}.seo-related p{margin:0;line-height:2.2}.seo-related a{color:#f0f1ec;text-decoration-thickness:1px}.seo-related a:hover{color:#c5e842}.article-body h3{font-size:1.25rem;line-height:1.4;margin:2rem 0 .7rem}.article-body .button{color:#fff;white-space:normal;text-align:center;max-width:100%;line-height:1.45}.article-body li+li{margin-top:.5rem}.article-body ol{padding-left:1.6rem}

.partner-request{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;margin:20px 0}.partner-request input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;margin:3px 0 0;padding:0;accent-color:#b5d600}.partner-request span{min-width:0}.partner-request a{color:inherit}

/* Explicit mediation request, not newsletter or general advertising consent. */
.partner-request{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;margin:20px 0}.partner-request input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;margin:3px 0 0;padding:0;accent-color:#b5d600}.partner-request span{min-width:0}.partner-request a{color:inherit}

/* Avoid non-essential entrance/blur work on small screens. */
@media(max-width:700px){.architecture-stage,.architecture-copy{animation:none!important}.stage-tag{backdrop-filter:none}}

/* Kevin: dark, readable sticky navigation; keep the light hero unchanged. */
html{scroll-padding-top:125px}header{position:sticky;top:0;z-index:1000;background:#202d29;color:#f7f9f4;border-bottom:1px solid #41584b}header .brand{color:#fff}header .brand b{color:#b5d600}header .brand img{filter:brightness(1.25)}header nav>a:not(.button):hover{color:#c5e842}header .menu{color:#fff;border-color:#90a58e;background:transparent}header nav{max-height:calc(100dvh - 120px);overflow-y:auto}header .button{background:#b5d600;color:#142323}footer .footer-agency{text-align:center;grid-column:1/-1}footer .footer-credit:hover{color:#fff!important}

/* Keep the keyboard skip link above the sticky header. */
.skip:focus{position:fixed;top:8px;left:8px;z-index:1100}