@font-face{font-family:Commissioner;src:url('/assets/type/commissioner-regular.woff2') format('woff2');font-display:swap}@font-face{font-family:Barlow;src:url('/assets/type/barlow-condensed-semibold.woff2') format('woff2');font-display:swap}
:root{--ink:#253a32;--muted:#677168;--paper:#f6f3eb;--line:#dcded3;--green:#344d3f;--cream:#ece8da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Commissioner,Arial,sans-serif}body,button,input,select,textarea{font-family:Commissioner,Arial,sans-serif}a{color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button,input,select,textarea{font-size:inherit}button:disabled{cursor:wait;opacity:.5}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Barlow,Arial,sans-serif;font-weight:600;line-height:1.03;letter-spacing:-.015em}h1{font-size:clamp(54px,5.2vw,88px)}h2{font-size:clamp(32px,3vw,46px)}h3{font-size:30px}h1 em,h2 em,.brand-promise em{font:italic .88em/1.12 Georgia,serif}a,button{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ae8551;outline-offset:4px} [hidden]{display:none!important}.site-header{height:86px;max-width:1640px;margin:auto;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header img{width:75px;height:auto}.brand-promise{font-size:18px;text-decoration:none;letter-spacing:.01em}.quiet-link,.text-button,.quiet-button{font-size:13px;text-decoration:none;color:var(--ink);background:none;border:0;padding:10px 0}.text-button{text-decoration:underline;text-underline-offset:4px;text-align:left;line-height:1.6}.chapters{display:flex;justify-content:center;gap:clamp(20px,5vw,80px);padding:16px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapters a{text-decoration:none;font-size:12px;letter-spacing:.015em;color:#6d766d;position:relative}.chapters span{font-size:10px;margin-right:7px;opacity:.75}.chapters a[aria-current=step]{color:var(--ink);font-weight:bold}.chapters a[aria-current=step]:after{content:'';height:2px;background:var(--ink);position:absolute;left:0;right:0;bottom:-17px}.chapters a[data-complete=true]:before{content:'✓';margin-right:5px;color:#55765a}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:.17em;text-transform:uppercase}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:14px 25px;text-decoration:none;border:1px solid var(--green);font-size:13px;line-height:1.4;font-weight:600;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#263e32}.secondary{background:transparent;color:var(--ink)}.fine-print{font-size:11px;color:var(--muted);line-height:1.7}.story-page{animation:arrive .4s ease both}.welcome{max-width:1640px;margin:auto;display:grid;grid-template-columns:1.13fr 1fr;min-height:calc(100svh - 140px)}.welcome-image{overflow:hidden;position:relative;min-height:520px}.welcome-image img{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-copy{padding:clamp(36px,5vw,76px);align-self:center}.welcome-copy h1{margin:18px 0 24px}.welcome-copy>p:not(.eyebrow):not(.fine-print):not(.resume-note){max-width:480px;color:var(--muted);font-size:15px}.home-facts{display:flex;gap:22px;padding:26px 0;color:var(--muted);font-size:12px}.home-facts strong{font-weight:600;color:var(--ink);font-size:20px}.home-facts span+span{border-left:1px solid var(--line);padding-left:22px}.welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:0 0 22px}.price{font-family:Barlow,sans-serif;font-size:28px;line-height:1.1}.price small{font-family:Commissioner,sans-serif;display:block;font-size:11px;margin-top:5px}.resume-note{border-left:2px solid #7e9678;padding-left:14px;font-size:12px;margin-top:18px}.chapter-heading{text-align:center;padding:38px 20px 25px}.chapter-heading h1{font-size:clamp(48px,4vw,66px);margin:12px 0}.chapter-heading>p:last-child{font-size:14px;color:var(--muted)}.exterior{max-width:1540px;margin:auto;padding:0 4vw 28px}.exterior-visual{position:relative;background:#d8e2de;min-height:220px}.exterior-visual #exterior-scene{width:100%;aspect-ratio:2/1;overflow:hidden}.scene-wide{position:absolute;top:14px;right:16px;background:#faf8f0ed;padding:8px 14px;font-size:11px;border-radius:2px}.scene-caption{display:flex;align-items:center;justify-content:space-between;color:#fff;background:#263b31e8;padding:12px 19px;font-size:10px;letter-spacing:.13em}.scene-caption span{letter-spacing:0;opacity:.8}.exterior-decisions{padding:25px 0 0;display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:20px 44px;align-items:center}.decision-copy h2{font-size:36px;margin:6px 0 8px}.decision-copy>p:last-child{font-size:12px;color:var(--muted);max-width:320px}.exterior-options{border:0;padding:0;margin:0;min-width:0}.exterior-options #exterior-option-list{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.exterior-option{flex:1;min-width:95px;max-width:240px;padding:13px 10px;border:1px solid #d7dace;background:#fbfaf5;color:var(--ink);text-align:center;font-size:12px;line-height:1.5;border-radius:3px;position:relative}.exterior-option[aria-pressed=true]{border:2px solid var(--green);padding:12px 9px;background:#eff1e8}.exterior-option[aria-pressed=true]:after{content:'✓';position:absolute;top:5px;right:7px;font-size:10px}.exterior-option small{display:block;font-size:10px;color:#687264;line-height:1.5;margin:6px auto 0;max-width:155px}.option-swatch{display:block;width:40px;height:40px;margin:3px auto 10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.option-icon{height:34px;width:56px;display:block;margin:4px auto 10px;border:1px solid #566557}.option-icon.siding-board-batten{background:repeating-linear-gradient(90deg,#b5baaa 0 12px,#7f8b75 13px 16px)}.option-icon.siding-lap{background:repeating-linear-gradient(0deg,#b5baaa 0 9px,#7f8b75 10px 11px)}.option-icon.siding-sierra-8{background:repeating-linear-gradient(90deg,#b5baaa 0 8px,#657460 9px 10px)}.decision-nav{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;gap:15px}.decision-dots{display:flex;gap:4px;align-items:center}.decision-dots button{width:24px;height:28px;padding:8px 4px;border:0;background:none}.decision-dots button:after{content:'';display:block;background:#c5cbbd;width:100%;height:3px}.decision-dots button[aria-current=step]:after{background:var(--green)}.chapter-footnote{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.chapter-footnote p{font-size:10px;color:var(--muted);max-width:590px}.chapter-footnote button{font-size:11px;flex-shrink:0;padding:0}.room-intro{max-width:1500px;margin:auto;padding:4vw;display:grid;grid-template-columns:1.3fr .85fr;gap:5vw;align-items:center;min-height:calc(100svh - 140px)}.room-intro figure{align-self:center}.room-intro figure img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}.room-intro figcaption{font-size:10px;color:var(--muted);margin-top:12px}.room-intro-copy h1{margin:18px 0 24px;font-size:clamp(54px,5.2vw,84px)}.room-intro-copy>p:not(.eyebrow):not(.fine-print){font-size:15px;color:var(--muted);max-width:410px}.room-intro-copy .button{display:flex;width:max-content;max-width:100%;margin:22px 0 8px}.room-intro-copy .text-button,.room-intro-copy .quiet-link{display:block}.room-intro-copy .fine-print{margin-top:20px;max-width:400px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#63805f;display:block;margin-top:18px}.review{max-width:1300px;padding:0 5vw 55px;margin:auto}.review-hero{max-width:900px;margin:10px auto 25px;aspect-ratio:2/1;background:#dbe0d5;overflow:hidden}.summary-top{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.summary-top p{font-size:12px;margin-top:6px}.summary-top strong{font-family:Barlow,sans-serif;font-size:28px;white-space:nowrap}.summary-top small{font:11px Commissioner,sans-serif}.selection-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 0}.room-summary header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.room-summary header a{font-size:11px}.room-summary>p{font-size:12px;color:#8c592b;margin:14px 0}.room-summary dl{margin:13px 0}.room-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;line-height:1.5}.room-summary dt{color:var(--muted)}.room-summary dd{margin:0;text-align:right}.review-next{border-top:1px solid var(--line);padding:30px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px}.review-next p{max-width:480px;color:var(--muted);font-size:14px}.summary-note{font-size:10px;color:var(--muted);text-align:center;max-width:700px;margin:auto}.incomplete-notice{background:#eae7d9;padding:25px;text-align:center;margin-bottom:24px}.incomplete-notice h2{font-size:30px}.incomplete-notice p{font-size:13px;margin:12px 0}.contact{max-width:1250px;margin:auto;padding:60px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.contact-intro .eyebrow{margin-top:38px}.contact-intro h1{margin:15px 0 25px}.contact-intro>p:last-of-type{color:var(--muted);max-width:390px}.next-expectations{margin-top:40px}.next-expectations p{display:flex;gap:18px;font-size:12px;color:var(--muted);padding:18px 0;border-top:1px solid var(--line)}.next-expectations b{font:24px Barlow,sans-serif;color:#a1aa95}.contact-panel{background:#fdfbf6;border:1px solid var(--line);padding:32px}.contact fieldset{border:0;padding:0;margin:0;min-width:0}.contact legend{font:32px Barlow,sans-serif;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.contact label{display:block;font-size:11px;font-weight:bold;margin-bottom:18px}.optional{font-size:10px;font-weight:normal;color:var(--muted);margin-left:4px}.contact input:not([type=checkbox]),.contact select,.contact textarea{display:block;background:#fff;border:1px solid #cdd3c7;width:100%;min-width:0;padding:12px;margin-top:7px;font-size:14px;border-radius:0;color:var(--ink)}.contact textarea{resize:vertical}.contact .consent{display:flex;align-items:flex-start;gap:10px;font-weight:normal;font-size:11px;line-height:1.65}.consent input{flex-shrink:0;width:18px;height:18px;margin:3px 0;accent-color:var(--green)}.privacy-note,.required-note{font-size:10px;color:var(--muted);line-height:1.6;margin:14px 0}.submit{width:100%}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.feedback:empty,.save-status:empty{display:none}.feedback,.save-status{font-size:12px;margin:15px 0;padding:14px;background:#e7ecdf}.feedback.error,.save-status.error{background:#f4e8dc;color:#7b351f}.feedback.success{padding:28px;background:#e6eddf}.feedback.success h2,.feedback.success h3{font-size:38px;margin-bottom:20px}.feedback.success p{margin:15px 0;font-size:13px;overflow-wrap:anywhere}.save-status{max-width:1100px;margin:10px auto;padding:15px 25px}footer{max-width:1500px;margin:auto;border-top:1px solid var(--line);padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;color:var(--muted);font-size:10px}footer span{font-weight:bold;letter-spacing:.08em;white-space:nowrap}footer p{max-width:420px}footer a{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:15px;top:-80px;background:white;z-index:100;padding:12px}.skip-link:focus{top:15px}.no-script{padding:30px;background:#f3e5d7;text-align:center}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.welcome-image{min-height:640px}.exterior-visual{max-width:1200px;margin:auto}.exterior-decisions,.chapter-footnote{max-width:1200px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.welcome{grid-template-columns:1fr}.welcome-image{min-height:0;max-height:none;aspect-ratio:2/1;grid-row:1}.welcome-image img{object-fit:contain}.welcome-copy{padding:34px 7vw}.welcome-copy h1{font-size:62px}.welcome-copy>p:not(.eyebrow):not(.fine-print){max-width:580px}.room-intro{grid-template-columns:1fr 1fr;gap:4vw}.room-intro h1{font-size:54px}.contact{gap:5vw}.contact-panel{padding:22px}.form-grid{grid-template-columns:1fr}.exterior-decisions{gap:20px}.chapter-footnote{display:block}.chapter-footnote button{margin-top:10px}.selection-summary{gap:20px}.room-summary dl div{display:block}.room-summary dd{text-align:left;font-size:12px;margin-top:2px}footer{flex-wrap:wrap}}
@media(max-width:650px){.site-header{height:70px;padding:10px 5%;gap:10px}.site-header img{width:60px}.brand-promise{font-size:16px}.site-header>.quiet-link{font-size:10px}.chapters{padding:13px 10px;gap:0;justify-content:space-around}.chapters a{font-size:10px}.chapters span{display:none}.chapters a[aria-current=step]:after{bottom:-14px}.chapters a[data-complete=true]:before{margin-right:2px}.welcome-copy{padding:30px 6vw 35px}.welcome-copy h1{font-size:56px;margin:14px 0 20px}.welcome-copy>p:not(.eyebrow):not(.fine-print):not(.resume-note){font-size:13px}.welcome-image{aspect-ratio:1.65}.welcome-image img{object-fit:cover}.home-facts{gap:16px;padding:22px 0;font-size:10px}.home-facts strong{font-size:18px}.home-facts span+span{padding-left:16px}.welcome-actions{gap:17px}.welcome-actions .button{padding:14px 19px;gap:25px}.price{font-size:25px}.price small{font-size:10px}.chapter-heading{padding:28px 12px 20px}.chapter-heading h1{font-size:46px}.chapter-heading>p:last-child{font-size:12px}.exterior{padding:0 0 25px}.exterior-visual{min-height:0}.exterior-visual #exterior-scene{aspect-ratio:1.65}.scene-wide{top:10px;right:10px;font-size:9px;padding:6px 10px}.scene-caption{padding:10px 16px;font-size:8px}.exterior-decisions{display:block;padding:24px 5vw 0}.decision-copy h2{font-size:36px}.decision-copy>p:last-child{max-width:100%;font-size:12px}.exterior-options{margin:20px 0}.exterior-options #exterior-option-list{gap:8px}.exterior-option{min-width:85px;padding:11px 8px;font-size:11px}.exterior-option[aria-pressed=true]{padding:10px 7px}.exterior-option small{font-size:9px}.option-swatch{width:33px;height:33px}.decision-dots{gap:0}.decision-dots button{width:16px;padding:9px 3px}.decision-nav{gap:8px;padding-top:14px}.decision-nav .button{min-height:46px;padding:12px 17px;font-size:12px;gap:16px}.decision-nav>.quiet-button{font-size:12px}.chapter-footnote{margin:20px 5vw 0}.chapter-footnote p{font-size:9px}.chapter-footnote button{font-size:10px}.exterior>.feedback{margin:15px 5vw}.room-intro{display:flex;flex-direction:column;padding:0;gap:0;align-items:stretch}.room-intro figure img{aspect-ratio:1.65;object-fit:cover}.room-intro figure figcaption{padding:0 6vw;font-size:9px}.room-intro-copy{padding:30px 6vw}.room-intro-copy h1{font-size:55px;margin:15px 0 20px}.room-intro-copy>p:not(.eyebrow):not(.fine-print){font-size:13px}.room-intro-copy .button{width:100%}.room-intro-copy .text-button{font-size:11px}.review{padding:0 5vw 35px}.review-hero{margin:5px -5vw 15px;aspect-ratio:1.65}.summary-top{padding:18px 0;align-items:flex-start}.summary-top p{font-size:10px}.summary-top strong{font-size:25px}.summary-top small{display:block;font-size:10px}.selection-summary{grid-template-columns:1fr;gap:25px;padding:25px 0}.room-summary dl div{display:flex;padding:5px 0;font-size:11px}.room-summary dd{text-align:right;font-size:11px;margin:0}.room-summary header{padding-bottom:10px}.room-summary dl{margin-bottom:0}.room-summary h3{font-size:28px}.review-next p{font-size:12px}.review-next .button{width:100%}.contact{display:block;padding:25px 5vw}.contact-intro .eyebrow{margin-top:28px}.contact-intro h1{font-size:55px}.contact-intro>p:last-of-type{font-size:13px}.next-expectations{margin:20px 0 25px}.next-expectations p{font-size:11px;padding:12px 0}.contact-panel{padding:24px 18px}.contact legend{font-size:29px}.contact label{font-size:11px}.contact input:not([type=checkbox]),.contact select,.contact textarea{font-size:16px}footer{padding:24px 5%;gap:14px;display:block}footer p{margin:12px 0;font-size:9px}footer a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.chapters,footer,.review-next,.summary-note,.scene-wide,.save-status,.skip-link,.incomplete-notice,.room-summary a{display:none!important}.story-page{display:none!important}.story-page.review{display:block!important}.selection-summary{display:grid;grid-template-columns:repeat(3,1fr)}.review-hero{max-width:600px}.review .chapter-heading{padding:10px}.review h1{font-size:36px}.room-summary dl div{font-size:10px}.room-summary dd{font-size:10px}.review{padding:0}body{background:white}}

#exterior-scene .exterior-scene__stage,#review-exterior .exterior-scene__stage{border-radius:0;height:100%;aspect-ratio:auto}#exterior-scene .exterior-scene,#review-exterior .exterior-scene{height:100%}#exterior-scene .exterior-scene__caption,#review-exterior .exterior-scene__caption{display:none}

@media(min-width:1001px){.welcome{display:block;position:relative;min-height:0}.welcome-image{min-height:0;height:clamp(330px,43vw,570px);aspect-ratio:auto}.welcome-image img{object-fit:cover;object-position:center 55%}.welcome-copy{max-width:1450px;margin:auto;padding:32px 5vw 40px;display:grid;grid-template-columns:1.1fr 1fr;column-gap:6vw}.welcome-copy>.eyebrow{grid-column:1}.welcome-copy h1{grid-column:1;grid-row:2/6;font-size:66px;margin:15px 0}.welcome-copy>p:not(.eyebrow):not(.fine-print):not(.resume-note){grid-column:2;grid-row:1/3;align-self:end}.welcome-copy .home-facts,.welcome-copy .welcome-actions,.welcome-copy .fine-print{grid-column:2}.welcome-copy .home-facts{padding:18px 0}.welcome-copy .welcome-actions{margin-bottom:15px}.welcome-copy .resume-note{grid-column:1/-1}.welcome-copy .fine-print{max-width:540px}}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
@media(min-width:1001px){.exterior .chapter-heading{padding:22px 20px 18px}.exterior .chapter-heading h1{font-size:50px;margin:8px 0}.exterior-visual #exterior-scene{height:min(40svh,440px);aspect-ratio:auto}.exterior-visual .exterior-scene__canvas,.exterior-visual .exterior-scene__reference{object-fit:cover}.exterior-decisions{padding-top:20px}}
@media(max-width:650px){.exterior-visual{position:sticky;top:0;z-index:2}}

/* Supplied door references remain visible alongside the colorable house view. */
.exterior-options #exterior-option-list[data-field=doorStyle]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
[data-field=doorStyle] .exterior-option{min-width:0;max-width:none;padding:10px 6px;font-size:10px}
[data-field=doorStyle] .exterior-option[aria-pressed=true]{padding:9px 5px}
.option-door-reference{display:block;width:100px;height:100px;max-width:100%;object-fit:contain;margin:0 auto 10px;background:white}
[data-field=doorStyle] .exterior-option small{font-size:9px}
@media(max-width:1100px){.exterior-options #exterior-option-list[data-field=doorStyle]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){[data-field=doorStyle] .exterior-option{font-size:10px}.option-door-reference{height:96px;width:96px}}

.choice-tier{display:block;width:max-content;max-width:100%;margin:8px auto 0;padding:3px 7px;border-radius:3px;font-size:9px;line-height:1.4;background:#e5eadf;color:#34513d}.choice-tier.tier-upgrade{background:#eee6d8;color:#795c35}.choice-tier.tier-no-cost-option{background:#e2ece8;color:#34564c}

.option-door-crop{--door-height:108px;display:block;width:100%;height:var(--door-height);margin:0 auto 12px;background:#fff}.option-door-leaf{display:block;height:100%;width:calc(var(--door-height) * var(--door-ratio));position:relative;overflow:hidden;margin:auto}.option-door-leaf .option-door-reference{position:absolute;display:block;max-width:none;object-fit:fill;margin:0;background:transparent}@media(max-width:650px){.option-door-crop{--door-height:98px}}
