:root{--ink:#24332d;--paper:#faf9f5;--accent:#bd5137;--line:#d8ddd5;--muted:#626960;--font:'DM Sans',sans-serif;--display:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:500}h1,h2{font-family:var(--display)}h1{font-size:clamp(3rem,6.1vw,6.3rem);letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.035em}h3{font-size:1.4rem}.wrap{width:min(1280px,90%);margin:auto}.review-bar{background:#151a19;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;gap:18px;font-size:14px}.review-bar a{color:#d8e4de}.version-links{display:flex;gap:6px;flex-wrap:wrap}.version-links a{padding:5px 12px;border:1px solid #535a56;border-radius:24px}.version-links a[aria-current=page]{background:#fff;color:#18211c}.brand{font-size:19px;font-weight:700;line-height:1.2;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.brand svg{width:34px;height:34px;flex:none}.brand small{display:block;font-size:12px;letter-spacing:.2em;font-weight:500;margin-top:4px;text-transform:uppercase}.site-nav{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 25px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-weight:600;font-size:15px;border-radius:0;min-height:52px}.button:hover{filter:brightness(1.18)}.button.light{background:transparent;color:inherit;border-color:currentColor}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:24px}.hero-text>p:not(.eyebrow){font-size:18px;max-width:490px;margin:28px 0;color:var(--muted)}.hero{position:relative}.hero-img{position:relative;overflow:hidden;background:#e3e4df}.image-caption{position:absolute;bottom:15px;left:18px;font-size:12px;color:#fff;text-shadow:0 1px 5px #000;background:#25352c90;padding:3px 9px}.intro-strip{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);font-size:14px}.intro-strip span:before{content:'✓';margin-right:10px}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading p{max-width:365px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.service-card{padding:30px 0;border-top:1px solid var(--line)}.service-card .number{font-size:13px;color:var(--muted);margin-bottom:38px;display:block}.service-card h3{margin-bottom:16px}.service-card p{color:var(--muted);margin-bottom:24px}.text-link{font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px}.process{background:#e9eee8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.step b{display:block;font-size:14px;margin-bottom:20px;color:var(--accent)}.step p{margin-top:15px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{color:var(--muted);padding-top:16px}.start-section{background:var(--ink);color:var(--paper);padding:65px 0}.start-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.start-layout p{margin-top:20px;max-width:440px;opacity:.8}.project-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-form label{font-size:14px}.project-form select{display:block;width:100%;margin-top:9px;padding:14px 12px;color:#24332d;background:#fff;border:0;border-radius:0}.project-form .button{background:var(--paper);color:var(--ink);grid-column:1/-1;border:0}.form-note{font-size:12px;grid-column:1/-1;opacity:.7;margin:0!important}.summary-result{grid-column:1/-1;padding:22px;background:#ffffff16}.summary-result:empty{display:none}.summary-result h3{font-size:20px}.summary-result p{font-size:15px;margin-top:10px}.footer{padding:36px 0;display:flex;justify-content:space-between;align-items:start;gap:30px;font-size:13px}.footer p{max-width:590px;color:var(--muted)}
/* 01: Architectural editorial */
.architectural{--ink:#253c33;--paper:#f8f8f4;--accent:#a04d32}.architectural .hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:610px;padding:20px 0 50px;gap:7%}.architectural .hero-text{padding-top:58px}.architectural h1 em{font-weight:500}.architectural .hero-img{min-height:610px}.architectural .hero-img:before{content:'01 / A NEW PERSPECTIVE';position:absolute;top:20px;left:20px;font-size:11px;letter-spacing:.16em;background:#fff;padding:8px 12px;z-index:1}.architectural .hero-text .small-line{font-size:12px;margin-top:25px;letter-spacing:.05em}.architectural .section-heading h2{max-width:600px}
/* 02: Warm, personal, home-focused */
.family{--ink:#4b2820;--paper:#fffaf3;--accent:#b6472c;--muted:#78655c;--line:#e7d6c8;--font:'DM Sans',sans-serif;--display:'Playfair Display',serif}.family .brand svg{color:var(--accent)}.family .button{border-radius:50px;background:var(--accent);border-color:var(--accent);color:#fff}.family .hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:35px 0 80px;align-items:center}.family .hero h1{font-size:clamp(3rem,5.8vw,6rem)}.family .hero-img{height:580px;border-radius:220px 220px 12px 12px;transform:rotate(2deg)}.family .hero-img img{transform:scale(1.06)}.family .hero-img .image-caption{left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center}.family .home-note{position:absolute;right:-20px;bottom:50px;z-index:2;background:#f5d2a8;padding:26px;box-shadow:0 8px 20px #4b28201a;max-width:190px;transform:rotate(-5deg);font-family:var(--display);font-size:24px;line-height:1.1}.family .hero-photo-wrap{position:relative;padding:12px 20px}.family .intro-strip{background:#f4e6d6;border:0;border-radius:12px;padding:22px 30px}.family .service-card{border:0;border-radius:12px;background:#f6eadb;padding:32px}.family .service-card:nth-child(2){background:#eedbd1}.family .service-card:nth-child(3){background:#efe8d7}.family .service-card .number{margin-bottom:25px}.family .process{background:#f3e3d2}.family .start-section{background:#4b2820}.family .start-section .button{background:#f5d2a8;color:#4b2820}.family .section-heading h2{max-width:650px}.family .eyebrow{color:#a7442e}
/* 03: Confident, direct, high contrast */
.direct{--ink:#142b44;--paper:#f5f7fa;--accent:#efcb4b;--muted:#586979;--line:#d5dde5;--font:'Manrope',sans-serif;--display:'Manrope',sans-serif}.direct .site-nav{padding-top:22px;padding-bottom:22px}.direct h1,.direct h2{font-weight:800;letter-spacing:-.055em}.direct .button{background:#efcb4b;color:#142b44;border-color:#efcb4b;border-radius:5px;font-weight:800}.direct .hero{background:#142b44;color:#fff;min-height:640px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;border-radius:10px}.direct .hero-text{padding:64px 25px 65px 55px;z-index:1}.direct .hero h1{font-size:clamp(3rem,5.4vw,5.6rem)}.direct .hero h1 span{color:#efcb4b}.direct .hero-text>p:not(.eyebrow){color:#c6d1dc}.direct .hero-img{height:100%;min-height:640px}.direct .hero-img img{object-position:60%}.direct .eyebrow{color:#8b6700}.direct .hero .eyebrow{color:#efcb4b}.direct .hero-tags{display:flex;gap:8px;margin-top:27px;flex-wrap:wrap;font-size:12px;color:#d9e4ed}.direct .hero-tags span{border:1px solid #ffffff50;padding:7px 12px;border-radius:4px}.direct .intro-strip{font-weight:600}.direct .service-card{padding:28px;background:#fff;border:1px solid #d5dde5;border-radius:8px}.direct .service-card h3{font-weight:800}.direct .number{background:#edf2f7;width:40px;height:40px;border-radius:5px;display:grid;place-items:center;margin-bottom:30px;color:#142b44;font-weight:800}.direct .process{background:#e8eef5}.direct .step b{color:#142b44}.direct .step h3{font-weight:700}.direct .start-section .button{background:#efcb4b;color:#142b44}.direct .project-form select{border-radius:4px}.direct .section-heading h2{max-width:700px}
/* Design chooser */
.chooser{--paper:#f2f4f5;--ink:#192727}.chooser .chooser-head{padding:70px 0 40px;max-width:860px}.chooser h1{font-family:'Manrope',sans-serif;font-weight:600;font-size:clamp(2.8rem,5vw,5rem)}.chooser .chooser-head p{font-size:18px;color:#5c6767;margin-top:24px;max-width:660px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:65px}.choice-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d8e0e0;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.choice-card:hover{transform:translateY(-6px);box-shadow:0 20px 35px #19272712}.choice-preview{height:300px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:30px 22px;background:#eff0e9;color:#253c33}.choice-preview b{font-family:'Playfair Display',serif;line-height:1.1;font-size:30px;font-weight:500;margin-top:25px}.choice-preview img{height:220px}.choice-card:nth-child(2) .choice-preview{background:#f6e7d4;color:#4b2820;gap:8px}.choice-card:nth-child(2) .choice-preview img{border-radius:100px 100px 3px 3px;transform:rotate(3deg)}.choice-card:nth-child(3) .choice-preview{background:#142b44;color:#efcb4b}.choice-card:nth-child(3) .choice-preview b{font-family:Manrope,sans-serif;font-weight:800;font-size:27px}.choice-body{padding:27px;display:flex;flex-direction:column;flex:1}.choice-body .eyebrow{margin-bottom:12px;color:#667272}.choice-body h2{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.04em;font-weight:600}.choice-body p{color:#647171;margin:17px 0 27px;font-size:15px}.choice-body .text-link{align-self:start;margin-top:auto}.choice-bottom{border-top:1px solid #cbd4d4;padding:30px 0 50px;display:flex;justify-content:space-between;gap:40px}.choice-bottom p{max-width:660px;color:#5c6868;font-size:14px}
@media(max-width:1000px){.nav-links a:not(.button){display:none}.architectural .hero{gap:5%;min-height:520px}.architectural .hero-img{min-height:520px}.architectural .hero-text{padding-top:25px}.family .hero{gap:25px}.family .hero-img{height:500px}.direct .hero-text{padding:45px 25px}.direct .hero,.direct .hero-img{min-height:570px}.choice-preview{padding:20px 14px;height:245px}.choice-preview b{font-size:24px}.choice-card:nth-child(3) .choice-preview b{font-size:21px}.choice-preview img{height:200px}.start-layout{gap:35px}.faq{gap:40px}}
@media(max-width:700px){.wrap{width:90%}.review-bar{align-items:flex-start;flex-direction:column;gap:8px;padding-top:10px;padding-bottom:10px}.review-bar>span{display:none}.version-links{width:100%;justify-content:space-between}.version-links a{font-size:12px;padding:5px 10px}.site-nav{padding:23px 0;gap:10px}.brand{font-size:16px;gap:8px}.brand small{font-size:10px}.brand svg{width:27px}.nav-links .button{font-size:12px;padding:10px 12px;min-height:42px;gap:8px}.architectural .hero,.family .hero,.direct .hero{grid-template-columns:1fr;gap:30px;padding-top:12px}.architectural .hero-text{padding-top:15px}.architectural .hero-img{min-height:360px;height:360px}.hero-text>p:not(.eyebrow){font-size:17px;margin:23px 0}.eyebrow{font-size:11px;margin-bottom:18px}h1{font-size:3.35rem}.family .hero{padding-bottom:40px}.family .hero h1,.direct .hero h1{font-size:3.35rem}.family .hero-photo-wrap{padding:0 25px 0 5px}.family .hero-img{height:410px}.family .home-note{right:0;font-size:21px;bottom:30px;max-width:160px;padding:21px}.direct .hero{padding-top:0;gap:0}.direct .hero-text{padding:35px 25px}.direct .hero-img{min-height:320px;height:320px}.intro-strip{flex-wrap:wrap;gap:10px;font-size:12px;padding:20px 0}.family .intro-strip{padding:20px}.section{padding:60px 0}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:20px}.service-grid,.steps,.faq,.start-layout,.choice-grid{grid-template-columns:1fr;gap:25px}.service-card .number{margin-bottom:20px}.steps{gap:32px;margin-top:35px}.step b{margin-bottom:10px}.faq{gap:35px}.project-form{grid-template-columns:1fr}.start-section{padding:50px 0}.footer{flex-direction:column;gap:22px}.chooser .chooser-head{padding-top:45px}.choice-preview{height:310px;padding:30px}.choice-preview b{font-size:37px}.choice-card:nth-child(3) .choice-preview b{font-size:32px}.choice-preview img{height:250px}.choice-bottom{flex-direction:column;gap:20px}.button{gap:22px}h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice-card{transition:none}}
/* Keep the comparison thumbnail aligned with the refined architectural page. */
.choice-card:first-child .choice-preview{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:16px;padding:22px;background:#f6f6f2}.choice-card:first-child .choice-preview b{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.06em;margin:0}.choice-card:first-child .choice-preview img{height:100%;min-height:0;object-position:center 55%}