/* Adapted from the approved outputs/property-landing design, 2026-09-05. */
@font-face{font-family:Lora;src:url('/assets/property/fonts/lora.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Poppins;src:url('/assets/property/fonts/poppins.woff2') format('woff2');font-display:swap;font-weight:500}
:root{--paper:#f0efe7;--ink:#243c30;--forest:#1b2d25;--muted:#677062;--line:#cdd1c3;--lime:#dcebc1;--serif:Lora,Georgia,serif;--sans:Poppins,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a9be73;outline-offset:5px}::selection{background:#a8bf81;color:#182920}h1,h2,h3,p,figure{margin:0}.wrap{width:min(1280px,calc(100% - 120px));margin-inline:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:500;line-height:1.8;display:block}
/* The photograph is the landscape of the page. */
.header{position:absolute;top:0;left:0;width:100%;z-index:10;color:#f5f5e9}.header-inner{height:108px;border-bottom:1px solid #e9f0df30;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;letter-spacing:3px}.brand-sub{display:block;font-size:8px;letter-spacing:4.1px}.header nav{display:flex;align-items:center;gap:38px;font-size:11px}.header nav>a:not(.nav-cta){transition:opacity .2s}.header nav>a:not(.nav-cta):hover{opacity:.7}.nav-cta{display:flex;align-items:center;gap:30px;border:1px solid #ffffff60;border-radius:30px;padding:13px 20px;transition:background .2s}.nav-cta:hover{background:#ffffff18}.nav-cta span{font-size:19px;line-height:1}
.hero{position:relative;min-height:860px;isolation:isolate;overflow:hidden;background:var(--forest);color:#f6f6ec}.hero-landscape{position:absolute;inset:0 0 0 20%;z-index:-3;mask-image:linear-gradient(90deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%)}.hero-landscape img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:saturate(.72) brightness(.81)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#1b2d25 0%,#1b2d25f0 18%,#1b2d259c 39%,#1b2d2520 67%,#1b2d2510),linear-gradient(0deg,#1b2d25 0%,#1b2d25ad 10%,transparent 43%),linear-gradient(180deg,#11211970,transparent 30%)}.hero-axis{position:absolute;top:0;bottom:0;left:calc(50% + 210px);width:1px;background:#e3ebd408;z-index:-1}.hero-inner{position:relative;padding-top:210px;padding-bottom:123px;min-height:860px}.hero-copy{position:relative;z-index:2;width:740px;max-width:75%}.hero-copy .eyebrow{color:#d1dcc6;font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.live-dot{width:5px;height:5px;background:#dcebc1;border-radius:50%;box-shadow:0 0 0 5px #dcebc110}h1{font:400 clamp(68px,7.05vw,102px)/1.08 var(--serif);letter-spacing:-5.6px;margin:28px 0 28px}h1 em{color:#d9e3c3;font-weight:400}.lede{font-size:13px;line-height:1.95;color:#e1e7d9;margin-bottom:31px;max-width:420px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:55px;padding:7px 8px 7px 23px;border-radius:35px;font-size:11px;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s}.button-light{background:var(--lime);color:#203528;box-shadow:0 10px 25px #0b170e1a}.button-light:hover{background:#ebf4d9;transform:translateY(-3px);box-shadow:0 14px 26px #0b170e30}.button-arrow{display:grid;place-items:center;width:39px;height:39px;border:1px solid #31452740;border-radius:50%;font-size:20px;transition:transform .25s}.button:hover .button-arrow{transform:rotate(45deg)}.privacy{margin-top:19px;font-size:9px;color:#c6d1bd;display:flex;align-items:center;gap:8px}.privacy svg{fill:none;stroke:currentColor;stroke-width:1}
.house-marker{position:absolute;right:1.5%;top:57%;display:flex;align-items:center;text-align:left;gap:18px;padding:0;background:none;border:0;z-index:3;color:#fffdf0}.marker-cross{position:relative;display:grid;place-items:center;width:41px;height:41px;border:1px solid #fff9;border-radius:50%;font:200 22px var(--sans);background:#29382b30;backdrop-filter:blur(5px);box-shadow:0 0 0 8px #ffffff09;transition:background .25s,transform .25s}.house-marker:hover .marker-cross{background:#dcebc1;color:#213829;transform:rotate(90deg)}.marker-text{display:grid;gap:5px;border-left:1px solid #f7f7e970;padding-left:17px;text-shadow:0 2px 10px #0f1d12}.marker-text>span{font-size:7px;letter-spacing:1.4px}.marker-text strong{font:400 33px var(--serif);letter-spacing:-.7px}.marker-text small{font-size:7px;color:#e3e8d9}.hero-foot{position:absolute;left:0;right:0;bottom:84px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.6px;color:#c0cbb5}.hero-foot>a{font-size:10px;letter-spacing:0;display:flex;align-items:center;gap:15px}.hero-foot>a span{font-size:18px}.hero-foot>span:last-child{display:flex;align-items:center;gap:15px}.tiny-star{font-size:20px;color:#dcebc1}
/* A quiet, continuous ledge between the photograph and the content. */
.state-section{position:relative;z-index:4;margin-top:-45px;background:#e9eddf;border:1px solid #f4f7ea;padding:32px 35px;display:grid;grid-template-columns:245px 1fr 90px;gap:32px;align-items:center;box-shadow:0 16px 40px -28px #152a2660;scroll-margin-top:30px}.state-intro .eyebrow{font-size:8px;letter-spacing:1.4px;color:#67745d}.state-intro h2{font:400 29px/1.3 var(--serif);letter-spacing:-1px;margin:8px 0 5px}.state-intro p{font-size:9px;color:#64715d}.state-picker{padding-left:28px;border-left:1px solid #cbd3c1}.states{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.states button{height:45px;border:1px solid transparent;border-radius:50%;aspect-ratio:1;max-width:49px;width:100%;padding:0;background:none;color:var(--ink);font-size:10px;transition:background .2s,color .2s,border-color .2s}.states button:hover{border-color:#a6b296;background:#e0e6d6}.states button[aria-pressed=true]{background:var(--ink);color:#f3f5e9}.state-action{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:8px;color:#64715d}.state-action>span:last-child{font-size:7px}.state-go{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0}.state-go>span:first-child{font-size:7px;letter-spacing:1.4px}.circle-arrow{width:49px;height:49px;display:grid;place-items:center;border:1px solid #829174;border-radius:50%;font-size:23px;transition:background .2s,color .2s,transform .2s}.state-go:hover .circle-arrow{background:var(--ink);color:var(--paper);transform:translate(2px,-2px)}
.perspective{padding-top:105px;padding-bottom:108px}.section-kicker{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px}.section-kicker .eyebrow{font-size:8px;letter-spacing:1.7px}.section-no{font-size:9px;color:var(--muted);letter-spacing:1px}.perspective-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin:37px 0 44px}h2{font:400 56px/1.17 var(--serif);letter-spacing:-2.4px}h2 em{color:#728261;font-weight:400}.perspective-intro>p{font-size:12px;line-height:1.95;color:var(--muted);max-width:340px;justify-self:end;padding-bottom:6px}.cost-chapters{border-top:1px solid var(--line)}.cost-chapters article{display:grid;grid-template-columns:65px 1.2fr 1fr 44px;align-items:center;gap:35px;padding:29px 0;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.cost-chapters article:hover{padding-inline:12px;background:#e3e7d880}.chapter-number{font:400 24px var(--serif);color:#839273;align-self:start;margin-top:2px}.chapter-title h3{font:400 29px/1.3 var(--serif);letter-spacing:-.9px;margin-bottom:9px}.chapter-title .eyebrow{font-size:7px;letter-spacing:1.5px;color:#64735b}.cost-chapters article>p{font-size:11px;line-height:1.9;color:var(--muted);max-width:340px}.cost-chapters article>a{border:1px solid #bdc6b0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px;transition:background .2s,color .2s}.cost-chapters article>a:hover{background:var(--ink);color:var(--paper)}
/* Courtyard materials dissolve into the paper surface. */
.working-section{position:relative;isolation:isolate;background:#e5e8dc;min-height:760px;overflow:hidden}.courtyard{position:absolute;inset:0 42% 0 0;z-index:-2}.courtyard img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 50%;filter:saturate(.65)}.courtyard-shade{position:absolute;inset:0;background:linear-gradient(90deg,#27362508 0%,#e5e8dc08 50%,#e5e8dccc 88%,#e5e8dc 100%),linear-gradient(0deg,#1b2d2560,transparent 40%)}.image-note{position:absolute;bottom:43px;left:max(60px,calc((100vw - 1280px)/2));color:#f3f4e9;font-size:7px;letter-spacing:1.5px}.working-inner{display:flex;justify-content:flex-end;padding-top:83px;padding-bottom:83px}.working-copy{width:48%;padding-left:30px}.working-copy>.eyebrow{font-size:8px;letter-spacing:1.5px;color:#586950;margin-bottom:22px}.working-copy h2{font-size:54px;line-height:1.18;margin-bottom:24px}.working-copy>p{font-size:11px;line-height:1.95;color:#61705a;max-width:410px}.working-demo{margin-top:28px;background:#f6f6edba;border:1px solid #f9faf2;box-shadow:0 12px 28px -24px #33432933;padding:24px 27px;backdrop-filter:blur(15px)}.demo-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.35px;color:#64765a;padding-bottom:22px;border-bottom:1px solid #d1d8c5}.demo-label>span:last-child{font-size:6px;letter-spacing:1px}summary{cursor:pointer;display:flex;align-items:center;gap:13px;list-style:none;padding-top:21px;font-size:10px}summary::-webkit-details-marker{display:none}summary strong{font:400 31px var(--serif);margin-left:auto;letter-spacing:-1px}.plus{font-size:21px;line-height:1;transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.formula{border-left:1px solid #a7b790;margin:23px 0 6px 4px;padding:1px 0 1px 15px}.formula>span{font-size:7px;letter-spacing:1px;color:#59694e}.formula p{font-size:11px;margin:10px 0}.formula small{font-size:7px;line-height:1.8;color:#64735b;display:block}.text-button{border:0;border-top:1px solid #d1d8c5;background:none;width:100%;padding:17px 0 0;margin-top:21px;display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:20px;color:var(--ink)}.text-button span{font-size:19px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:57px;padding-bottom:57px}.principles>div{display:flex;align-items:flex-start;gap:20px}.principle-icon{font:30px var(--serif);color:#7d8c68;min-width:22px;line-height:1}.principles p{display:grid;gap:8px}.principles strong{font-size:11px;font-weight:500}.principles p span{font-size:9px;line-height:1.9;color:var(--muted);max-width:280px}
.closing{position:relative;overflow:hidden;isolation:isolate;background:var(--forest);color:#f3f5e8}.closing:after{content:"";width:680px;height:680px;position:absolute;top:65px;right:-60px;border:1px solid #dcebc11c;border-radius:50%;box-shadow:0 0 0 120px #dcebc105,0 0 0 240px #dcebc103;z-index:-1}.closing-grain{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 90% 100%,#495a3740,transparent 65%)}.closing-inner{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:end;padding-top:80px;padding-bottom:82px}.closing .eyebrow{font-size:8px;color:#c8d4ba;margin-bottom:26px}.closing h2{font-size:95px;line-height:1.03;letter-spacing:-5px}.closing h2 em{color:#d4e1bd}.closing-action{justify-self:end;padding-bottom:10px}.closing-action p{font-size:13px;line-height:1.85;color:#d0dbc3;margin-bottom:26px}.closing-action>span{font-size:6px;letter-spacing:1.4px;color:#c5d0b8;display:block;margin-top:20px}footer{background:var(--forest);color:#d7e0cc}.footer-inner{border-top:1px solid #c5d4b330;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:34px;padding-bottom:34px}.footer-inner .brand{font-size:11px;letter-spacing:2px;gap:9px}.footer-inner .brand-sub{font-size:6px;letter-spacing:2.65px}.footer-inner>p{font-size:9px;line-height:1.9;color:#b6c4aa}.back-top{font-size:9px}.footer-bottom{border-top:1px solid #c5d4b315;display:flex;justify-content:space-between;gap:20px;font-size:7px;color:#aeba9f;padding-top:16px;padding-bottom:22px}
.skip{position:fixed;top:10px;left:10px;z-index:30;transform:translateY(-200%);background:var(--lime);color:var(--ink);padding:12px}.skip:focus{transform:none}dialog{width:min(520px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:4px;padding:36px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#13261fce;backdrop-filter:blur(9px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:var(--ink)}dialog h2{font-size:32px;letter-spacing:-1px;margin:16px 0}dialog>p{font-size:11px;line-height:1.8;color:var(--muted)}dialog label{display:flex;justify-content:space-between;margin:16px 0 7px;font-size:11px}dialog label span{font-size:9px;color:var(--muted)}dialog input{width:100%;background:#fffdf7;border:1px solid #a6b09d;border-radius:2px;padding:12px;color:var(--ink);font-size:18px}dialog .button{width:100%;margin-top:20px;padding-right:22px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#40583f}.dialog-note{display:block;font-size:9px;line-height:1.8;color:var(--muted);margin-top:12px}.preview-result{padding:18px;background:#e2e7d7;display:grid;gap:9px}.preview-result>span{font-size:11px}.preview-result strong{font:30px var(--serif)}.preview-result small{font-size:9px}#input-error{color:#a3361a;font-size:10px;margin:10px 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero,.hero-inner{min-height:950px}.hero-inner{padding-top:240px}.hero-landscape{left:18%}.house-marker{right:0;top:61%}}
@media(max-width:1150px){.wrap{width:calc(100% - 80px)}.hero,.hero-inner{min-height:820px}.hero-inner{padding-top:210px}.hero-copy{max-width:80%}h1{font-size:82px;letter-spacing:-4.5px}.house-marker{right:0;top:68%}.marker-text strong{font-size:28px}.state-section{grid-template-columns:190px 1fr 65px;gap:20px;padding:28px}.state-intro h2{font-size:25px}.state-picker{padding-left:20px}.state-action>span:last-child{display:none}.states{gap:2px}.states button{font-size:9px;height:auto;min-height:37px}.state-go>span:first-child{font-size:6px}.perspective-intro{gap:40px}h2{font-size:47px}.cost-chapters article{grid-template-columns:40px 1fr 1fr 36px;gap:24px}.chapter-title h3{font-size:25px}.working-copy{width:50%;padding-left:25px}.working-copy h2{font-size:44px}.working-demo{padding:21px}.working-inner{padding-block:70px}.courtyard{right:40%}.image-note{left:40px}.principles{gap:26px}.principles>div{gap:13px}.closing h2{font-size:82px}}
@media(max-width:900px) and (min-width:701px){.wrap{width:calc(100% - 64px)}.header-inner{height:95px}.header nav{gap:22px;font-size:10px}.nav-cta{gap:20px;padding:11px 14px}.brand{font-size:13px}.brand-sub{font-size:7px;letter-spacing:3px}.hero-inner{padding-top:194px}.hero-copy{max-width:90%}h1{font-size:75px}.hero-landscape{left:14%}.hero-shade{background:linear-gradient(90deg,#1b2d25 0%,#1b2d25cc 30%,#1b2d2530 80%),linear-gradient(0deg,#1b2d25 0%,#1b2d2560 28%,transparent 55%)}.house-marker{right:0;top:70%}.marker-text>span{font-size:6px}.marker-text small{font-size:6px}.state-section{grid-template-columns:170px 1fr 60px;gap:17px;padding:26px 24px}.state-picker{padding-left:16px}.states{grid-template-columns:repeat(4,1fr);gap:5px 10px}.states button{height:34px;width:34px;min-height:0;font-size:9px}.state-intro h2{font-size:23px}.state-intro p{font-size:8px}.perspective{padding-block:80px}.perspective-intro{grid-template-columns:1.4fr 1fr;gap:30px}.perspective-intro h2{font-size:41px}.perspective-intro>p{font-size:11px}.cost-chapters article{grid-template-columns:30px 1fr 1fr 32px;gap:20px}.chapter-title h3{font-size:22px}.cost-chapters article>p{font-size:10px}.cost-chapters article>a{width:32px;height:32px}.working-copy{width:53%;padding-left:18px}.working-copy h2{font-size:38px}.working-copy>.eyebrow{font-size:7px}.working-demo{padding:18px 15px}summary strong{font-size:26px}summary{font-size:9px;gap:8px}.formula p{font-size:9px}.working-section{min-height:710px}.image-note{left:32px;font-size:6px}.principles{gap:22px}.principles>div{display:block}.principle-icon{display:block;margin-bottom:12px}.principles strong{font-size:10px}.principles p span{font-size:8px}.closing h2{font-size:71px}.closing-action p{font-size:11px}.closing .eyebrow{font-size:7px}.closing-inner{gap:20px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header-inner{height:85px}.brand{font-size:12px;gap:7px;letter-spacing:2.2px}.brand-sub{font-size:6px;letter-spacing:3.25px}.brand svg{width:25px}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:9px;padding:10px 13px;gap:17px}.nav-cta span{font-size:16px}.hero,.hero-inner{min-height:900px}.hero-inner{padding-top:147px;padding-bottom:360px}.hero-copy{max-width:100%;width:100%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:clamp(43px,11.7vw,77px);letter-spacing:-2.6px;line-height:1.12;margin:25px 0 22px}.lede{font-size:11px;line-height:1.95;max-width:340px;margin-bottom:24px}.lede br{display:none}.button{font-size:10px;min-height:52px;padding-left:20px;gap:30px}.button-arrow{width:36px;height:36px;font-size:19px}.privacy{font-size:8px;margin-top:16px}.hero-landscape{inset:240px -65px 0 -130px;mask-image:linear-gradient(0deg,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,#000 70%,transparent 100%)}.hero-landscape img{object-position:57% 55%;filter:saturate(.67) brightness(.72)}.hero-shade{background:linear-gradient(180deg,#1b2d25 0%,#1b2d25 20%,#1b2d25d9 34%,#1b2d2540 62%,#1b2d250a 76%,#1b2d25 99%),linear-gradient(90deg,#1b2d2545,transparent 70%)}.hero-axis{display:none}.house-marker{right:10px;top:auto;bottom:160px;gap:12px}.marker-cross{width:34px;height:34px;font-size:20px}.marker-text{padding-left:13px;gap:4px}.marker-text>span{font-size:6px;letter-spacing:1px}.marker-text strong{font-size:27px}.marker-text small{font-size:6px}.hero-foot{bottom:75px;font-size:6px;letter-spacing:1px}.hero-foot>a{display:none}.hero-foot>span:last-child{gap:8px;font-size:5px}.tiny-star{font-size:16px}.state-section{margin-top:-29px;padding:27px 24px;grid-template-columns:1fr 50px;gap:22px 15px}.state-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 10px}.state-intro .eyebrow{grid-column:1/-1;font-size:7px}.state-intro h2{font-size:26px;margin:8px 0 0}.state-intro p{font-size:8px;text-align:right;line-height:1.7}.state-picker{border-left:0;padding-left:0}.states{grid-template-columns:repeat(4,1fr);gap:9px 7px}.states button{height:39px;width:39px;min-height:0;font-size:9px}.state-action{font-size:7px;margin-top:15px}.state-go{padding-bottom:20px}.state-go>span:first-child{font-size:6px;letter-spacing:1px}.circle-arrow{width:42px;height:42px;font-size:22px}.perspective{padding-block:65px}.section-kicker{padding-bottom:17px}.section-kicker .eyebrow{font-size:7px}.section-no{font-size:8px}.perspective-intro{grid-template-columns:1fr;gap:21px;margin:27px 0 30px}.perspective-intro h2{font-size:39px;letter-spacing:-1.7px}.perspective-intro>p{font-size:11px;max-width:100%;justify-self:start;padding:0}.cost-chapters article{grid-template-columns:28px 1fr 34px;gap:0 13px;padding:25px 0}.cost-chapters article:hover{padding-inline:0;background:none}.chapter-number{font-size:20px;margin-top:4px;grid-row:1/3}.chapter-title h3{font-size:25px;letter-spacing:-.6px;margin-bottom:6px}.chapter-title .eyebrow{font-size:6px;letter-spacing:1.1px}.cost-chapters article>p{grid-column:2;grid-row:2;font-size:10px;margin-top:13px;max-width:100%}.cost-chapters article>a{grid-column:3;grid-row:1/3;width:32px;height:32px;font-size:19px;align-self:start;margin-top:5px}.working-section{min-height:0;padding-top:345px}.courtyard{inset:0 0 auto;height:450px}.courtyard img{object-position:50% 42%;filter:saturate(.7)}.courtyard-shade{background:linear-gradient(0deg,#e5e8dc 0%,#e5e8dcaa 14%,#e5e8dc00 45%)}.image-note{top:27px;bottom:auto;left:20px;font-size:6px;text-shadow:0 2px 10px #142615}.working-inner{padding-block:0 46px}.working-copy{width:100%;padding-left:0}.working-copy>.eyebrow{font-size:7px;margin-bottom:18px}.working-copy h2{font-size:43px;letter-spacing:-1.5px;margin-bottom:19px}.working-copy>p{font-size:11px;max-width:100%}.working-demo{margin-top:24px;padding:23px 21px;background:#f6f6edbd}.demo-label{font-size:6px;letter-spacing:1px}.demo-label>span:last-child{font-size:6px}summary{font-size:10px}summary strong{font-size:29px}.formula p{font-size:11px}.formula small{font-size:7px}.principles{grid-template-columns:1fr;padding-block:38px;gap:26px}.principles>div{gap:20px}.principles strong{font-size:11px}.principles p span{font-size:9px;max-width:100%}.closing-inner{grid-template-columns:1fr;gap:31px;padding-block:53px 51px}.closing .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:23px}.closing h2{font-size:73px;line-height:1.04;letter-spacing:-3.5px}.closing-action{justify-self:start;padding-bottom:0}.closing-action p{font-size:11px;margin-bottom:23px}.closing-action>span{font-size:6px;letter-spacing:1px}.closing:after{width:400px;height:400px;top:160px;right:-240px}.footer-inner{flex-wrap:wrap;gap:23px;padding-block:27px}.footer-inner>p{order:3;width:100%;font-size:8px}.footer-inner .brand{font-size:10px}.back-top{font-size:8px}.footer-bottom{display:block;font-size:6px;line-height:1.9}.footer-bottom>span{display:block;margin-top:3px}dialog{padding:31px 24px}dialog h2{font-size:28px}}
@media(max-width:360px){.hero-copy .eyebrow{font-size:6px;letter-spacing:.75px}.brand{font-size:10px}.brand-sub{font-size:5px;letter-spacing:2.9px}.header .nav-cta{padding:9px 11px;gap:10px;font-size:8px}.state-section{padding:25px 19px;gap:20px 10px}.state-intro{grid-template-columns:1fr;gap:6px}.state-intro p{text-align:left}.states{gap:8px 2px}.states button{width:34px;height:34px;font-size:8px}.perspective-intro h2{font-size:35px}.working-copy h2{font-size:37px}summary strong{font-size:25px}.working-demo{padding:22px 17px}.formula p{font-size:10px}.closing h2{font-size:65px}}
@media(prefers-reduced-motion:no-preference){.hero-landscape img{animation:landscape-in 1.5s cubic-bezier(.2,.6,.2,1) both}.hero-copy{animation:copy-in .85s .12s both}.house-marker{animation:copy-in .9s .5s both}.hero-foot{animation:copy-in .8s .4s both}@keyframes landscape-in{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes copy-in{from{transform:translateY(12px)}to{transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(min-width:701px){.courtyard{mask-image:linear-gradient(90deg,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 100%)}.courtyard-shade{background:linear-gradient(0deg,#1b2d2560,transparent 40%)}}

/* Final spacing, legibility and interaction details. */
:root{--muted:#5e695b}
.header nav>a:not(.nav-cta){text-underline-offset:6px;text-decoration-thickness:1px}
.header nav>a:not(.nav-cta):hover{opacity:1;text-decoration:underline;text-decoration-color:#d4e1bd80}
h1,h2,h3{text-wrap:balance}
.lede,.perspective-intro>p,.cost-chapters article>p,.working-copy>p{text-wrap:pretty}
.hero-copy .privacy{font-size:10px;color:#d1dcc8}
.marker-text{gap:6px;text-shadow:0 1px 3px #15281f,0 2px 14px #15281f}
.marker-text>span{font-size:8px;letter-spacing:1.25px}
.marker-text small{font-size:8px;line-height:1.6;color:#f0f2e8}
.marker-text strong,summary strong,.preview-result strong{font-variant-numeric:lining-nums tabular-nums}
.state-section{box-shadow:0 1px 0 #ffffff50 inset,0 4px 10px -7px #14271a18,0 23px 38px -28px #152a2645}
.states{justify-items:center}
.states button{width:44px;height:44px;max-width:none;min-height:44px;flex-shrink:0;font-size:11px;line-height:1}
.state-go{min-height:72px;justify-content:center}
.state-go>span:first-child{font-size:8px;letter-spacing:.65px;white-space:nowrap}
.state-action{font-size:9px;line-height:1.6}
.state-action>span:last-child{font-size:8px}
.state-intro p{font-size:10px;line-height:1.7}
.cost-chapters article{transition:background .2s}
.cost-chapters article:hover{padding-inline:0;background:#e6e9dd80}
.cost-chapters article>a{width:44px;height:44px;transition:background .2s,color .2s,transform .2s}
.cost-chapters article>a:hover{transform:translate(2px,-2px)}
.chapter-title .eyebrow{font-size:8px;letter-spacing:1.3px}
.cost-chapters article>p,.working-copy>p{font-size:12px;line-height:1.9}
.working-copy{padding-bottom:0}
.working-demo{border-color:#ffffffa0;box-shadow:0 1px 1px #34452606,0 18px 32px -26px #33432940}
.demo-label{font-size:8px;letter-spacing:1.1px}
.demo-label>span:last-child{font-size:7px}
summary{min-height:59px;font-size:11px}
.plus{width:17px;flex:0 0 17px;text-align:center;font-family:var(--sans);font-size:21px}
.plus:before{content:'+'}details[open] .plus{transform:none}details[open] .plus:before{content:'−'}
.formula>span{font-size:8px}.formula p{font-size:12px}.formula small{font-size:9px;line-height:1.8}
.text-button{min-height:43px;font-size:11px}
.principles strong{font-size:12px}.principles p span{font-size:10px;line-height:1.8}
.footer-inner>p{font-size:10px}.footer-bottom{font-size:8px;line-height:1.8}
.button:active{transform:translateY(0);box-shadow:none}
dialog{border:1px solid #f7faee;border-radius:8px;padding:40px;box-shadow:0 30px 100px #06150b66}
.close{right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:27px;line-height:1;transition:background .2s}
.close:hover{background:#dce3d2}dialog>.eyebrow{padding-right:30px;font-size:8px}dialog h2{line-height:1.2;margin:20px 0 18px}dialog h2:focus{outline:none}
dialog>p{font-size:12px;line-height:1.8}dialog label{font-size:12px;margin-top:19px}dialog input{border-color:#b2bea6;border-radius:4px;font-size:21px;font-variant-numeric:tabular-nums;min-height:53px;transition:border-color .2s,background .2s}dialog input:hover{border-color:#708360}dialog input:focus-visible{outline:2px solid #768b5e;outline-offset:2px;background:#fffefa}dialog input[aria-invalid=true]{border-color:#af5235;background:#fff9f3}
#input-error{font-size:11px;line-height:1.65}#input-error:empty{margin-block:16px}.preview-result{padding:20px;border-radius:4px;background:linear-gradient(135deg,#e2e8d8,#e8eddf);border:1px solid #d4deca}.preview-result>span{font-size:11px}.preview-result strong{font-size:36px}.preview-result small{font-size:10px;line-height:1.7}.dialog-note{font-size:10px;line-height:1.8;margin-top:14px}
@media(max-width:1150px) and (min-width:901px){.state-section{grid-template-columns:190px minmax(0,1fr) 70px;gap:16px;padding:28px 24px}.state-picker{padding-left:15px}.states{gap:0}.states button{width:40px;height:44px;border-radius:50%;font-size:10px}.state-action{font-size:8px}}
@media(max-width:900px) and (min-width:701px){.cost-chapters article{grid-template-columns:30px 1fr 1fr 44px}.cost-chapters article>p{font-size:11px}.state-section{grid-template-columns:165px minmax(0,1fr) 65px;gap:15px;padding-inline:24px}.states{gap:4px}.states button{width:40px;height:40px;min-height:40px;font-size:10px}.state-intro p{font-size:9px}.state-action{font-size:8px}.working-copy>p{font-size:11px}.working-demo{padding:20px 18px}.demo-label{font-size:7px}.demo-label>span:last-child{font-size:6px}summary{font-size:10px;gap:10px}summary strong{font-size:26px}.formula p{font-size:10px}.formula small{font-size:8px}.formula>span{font-size:7px}.text-button{font-size:10px}.marker-text>span{font-size:7px}.marker-text small{font-size:7px}.principles strong{font-size:11px}.principles p span{font-size:9px}}
@media(max-width:700px){.hero-copy .privacy{font-size:9px}.marker-text>span{font-size:7px;letter-spacing:.85px}.marker-text small{font-size:7px}.hero-foot>span{font-size:7px;letter-spacing:.75px}.hero-foot>span:last-child{font-size:6px}.state-section{padding:25px 22px;grid-template-columns:minmax(0,1fr) 54px;gap:20px 14px}.state-intro{display:block}.state-intro h2{margin:7px 0 4px;font-size:28px}.state-intro p{text-align:left;font-size:10px}.states{gap:6px}.states button{width:40px;height:44px;min-height:44px;font-size:10px}.state-action{font-size:8px}.state-go{padding:0 0 18px}.state-go>span:first-child{font-size:7px}.circle-arrow{width:44px;height:44px}.cost-chapters article{grid-template-columns:26px 1fr 44px;gap:0 12px}.cost-chapters article>p{font-size:11px;line-height:1.85}.chapter-title .eyebrow{font-size:7px;letter-spacing:1px}.working-copy>p{font-size:12px}.working-demo{padding:23px}.demo-label{font-size:7px}.demo-label>span:last-child{font-size:6px}.formula>span{font-size:7px}.formula p{font-size:11px}.formula small{font-size:9px}.principles strong{font-size:12px}.principles p span{font-size:10px}.closing h2{font-size:clamp(63px,17vw,79px)}.footer-inner>p{font-size:9px}.footer-bottom{font-size:8px}dialog{padding:31px 24px}dialog h2{font-size:29px}.dialog-note{font-size:9px}.close{right:6px;top:6px}}
@media(max-width:360px){.state-section{padding-inline:18px;gap:20px 10px}.states{gap:3px}.states button{width:33px;height:44px;font-size:9px}.state-go>span:first-child{font-size:6px}.state-action{font-size:7px}.working-demo{padding:21px 17px}.chapter-title h3{font-size:23px}.chapter-title .eyebrow{font-size:6px}.formula p{font-size:10px}.demo-label{font-size:6px}.hero-foot>span{font-size:6px}.hero-foot>span:last-child{font-size:5px}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:dialog-in .22s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.marker-text strong{font-variant-numeric:lining-nums proportional-nums}
dialog input[type=number]{appearance:textfield;-moz-appearance:textfield}dialog input::-webkit-inner-spin-button,dialog input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}