@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#242824;background:#f7f3ed;--accent:#8f4a34;--muted:#62665f;--line:#ddd5ca;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:18px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#ead0bf;color:#242824}.container{max-width:1200px;width:calc(100% - 80px);margin:auto}.demo-banner{padding:10px 20px;text-align:center;font-size:12px;background:#e8e0d5;color:#44453d}header{position:sticky;top:0;z-index:10;background:#f7f3edf2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:29px;font-weight:700;letter-spacing:.06em;line-height:1.1;display:inline-flex;flex-direction:column}.brand span{font-size:9px;letter-spacing:.29em;margin-top:6px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;min-height:54px;background:var(--accent);color:white;font-size:14px;font-weight:600;border:1px solid var(--accent);border-radius:8px;transition:background .2s,border-color .2s}.button:hover{background:#763b29;border-color:#763b29}.button.outline{background:transparent;border-color:#c5bbae;color:#242824}.button.outline:hover{background:#e9e0d5}.button.small{min-height:44px;padding:9px 25px}.button:disabled{cursor:default;opacity:.45}.menu-button{display:none}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center;padding:65px 0 62px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--muted);display:block}h1{font-size:clamp(44px,4.65vw,66px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:24px 0 28px}h1 em{font-style:normal;color:var(--accent)}p{color:var(--muted);margin:0 0 24px}.hero-copy p{max-width:480px;font-size:16px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.smallprint{font-size:12px!important;line-height:1.6}.hero-copy .smallprint{margin-top:22px}.hero-image{margin:0;min-width:0}.hero-image img{width:100%;height:550px;object-fit:cover;border-radius:14px;display:block}.hero-image figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:9px;color:var(--muted)}.design-strip{display:flex;justify-content:space-between;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.15em;color:var(--muted)}section{padding:96px 0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading>p{font-size:15px;max-width:350px;margin:0}h2{font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.2;letter-spacing:-.045em;margin:18px 0 0}h3{font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.35;margin:20px 0 15px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.services article{padding:32px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,transform .2s}.index{font-size:13px;color:var(--accent)}.services h3{margin-top:38px}.services p{font-size:14px;flex:1}.text-button{padding:7px 0;background:none;border:none;border-bottom:1px solid var(--accent);color:var(--accent);font-size:14px;font-weight:600}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-button{width:100%;padding:0;border:0;display:block;position:relative;border-radius:12px;overflow:hidden;background:#e8e0d5}.gallery-button img{display:block;width:100%;height:320px;object-fit:cover;transition:transform .3s}.image-label{position:absolute;bottom:14px;left:14px;background:#f7f3edf0;color:#242824;padding:6px 10px;border-radius:5px;font-size:10px}.gallery h3{font-size:21px}.gallery p{font-size:14px;margin-bottom:12px}.gallery .smallprint{color:var(--muted)}.calculator-band{background:#ede5da}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.calculator-intro p{max-width:380px;font-size:16px;margin-top:25px}.calc-symbol{font-size:140px;line-height:1;color:#c4b4a2;letter-spacing:-.1em;display:block;margin-top:42px}.calculator-card{padding:35px;background:white;border:1px solid var(--line);border-radius:14px}label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.area-row{display:flex;align-items:center;gap:20px}.area-row span{font-size:12px;color:var(--muted)}input[type=number]{width:140px;border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:25px;background:#faf8f5;color:#242824}input[type=range]{accent-color:var(--accent);width:100%;margin:22px 0 26px;cursor:pointer}select{width:100%;min-width:0;padding:13px 14px;color:#242824;background:#faf8f5;border:1px solid var(--line);border-radius:8px;font-size:14px}.calc-result{margin:28px 0;border-top:1px solid var(--line);padding-top:22px}.calc-result>span{font-size:12px;color:var(--muted)}output{display:block;font-size:38px;line-height:1.3;letter-spacing:-.04em;margin:9px 0 16px;min-height:50px}.calc-result p{margin:0}.error{font-size:13px;color:#973a26;margin-top:-14px}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.stages article{border-top:1px solid var(--line);padding-top:22px}.stages h3{font-size:20px;min-height:54px}.stages p{font-size:14px}.faq-layout{display:grid;grid-template-columns:.7fr 1fr;gap:60px}.faq details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:22px 35px 22px 0;font-size:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:15px;color:var(--accent);font-size:26px}details[open] summary:after{content:'−'}details p{font-size:14px;padding-right:30px}.summary-card{border:1px solid var(--line);border-radius:14px;padding:44px;background:white;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.summary-card h2{font-size:34px;margin-bottom:24px}.summary-card p{font-size:14px}.summary-card>div:last-child{align-self:center}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}dt{color:var(--muted)}dd{margin:0;text-align:right}.completion{padding:18px;background:#f2ede6;margin:20px 0 0;border-left:2px solid var(--accent);color:#242824!important}.author{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:45px 0 70px}.author h2{font-size:32px;margin-bottom:20px}.author p{font-size:14px;max-width:520px}.author .button{flex-shrink:0}footer{border-top:1px solid var(--line);padding:38px 0;background:#eee7dd}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:start}.footer-top p{font-size:12px;margin:0}.footer-top>div{display:flex;flex-direction:column;gap:10px;font-size:12px}.skip{position:absolute;top:-100px;left:15px;z-index:100;background:var(--accent);color:white;padding:12px}.skip:focus{top:10px}.mobile-nav{display:none}dialog{border:0;border-radius:12px;background:#f7f3ed;color:#242824;width:min(1000px,calc(100% - 40px));max-height:90vh;padding:20px}dialog::backdrop{background:#242824cc;backdrop-filter:blur(8px)}dialog img{width:100%;max-height:65vh;object-fit:contain;display:block}.dialog-close{display:block;margin:0 0 15px auto;background:none;border:1px solid var(--line);border-radius:6px;padding:8px 18px;font-size:13px;color:#242824}.dialog-caption h2{font-size:24px;margin:16px 0 10px}.dialog-caption p{font-size:12px;margin:0}.no-js{font-size:14px;border:1px solid var(--line);padding:15px}.entered{animation:appear .7s cubic-bezier(.2,.6,.3,1) both}@keyframes appear{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.services article:hover{transform:translateY(-4px);border-color:#a47861}.gallery-button:hover img{transform:scale(1.025)}}
@media(max-width:1000px){.hero{gap:35px}.hero-image img{height:520px}.services article{padding:25px}.calculator-layout{gap:50px}.gallery-button img{height:250px}.stages{gap:20px}.summary-card{gap:30px}}@media(max-width:700px){body{font-size:16px}.container{width:calc(100% - 40px)}.demo-banner{font-size:11px;padding:10px 20px;line-height:1.6}.header{height:74px}.brand{font-size:25px}.header nav,.header-cta{display:none}.menu-button{display:block;background:none;border:1px solid var(--line);padding:8px 14px;border-radius:7px;font-size:14px;color:#242824}.mobile-nav{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.mobile-nav>div{overflow:hidden}.mobile-nav.open{grid-template-rows:1fr}.mobile-nav a{display:block;font-size:16px;border-top:1px solid var(--line);padding:14px 0}.hero{grid-template-columns:1fr;padding:38px 0 35px;gap:25px}h1{font-size:38px;line-height:1.15}.eyebrow{font-size:10px}.hero-copy p{font-size:16px}.button{padding:13px 18px;font-size:13px}.buttons{gap:10px}.hero-image img{height:380px}.hero-image figcaption{font-size:8px;gap:10px}.design-strip{font-size:9px;letter-spacing:.08em;gap:15px}.design-strip span:last-child{display:none}section{padding:56px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;font-size:14px}.services,.gallery,.calculator-layout,.faq-layout,.summary-card{grid-template-columns:1fr}.services article{padding:28px}.services h3{margin-top:28px}.gallery{gap:35px}.gallery-button img{height:280px}.calculator-layout{gap:30px}.calculator-intro h2 br:last-of-type{display:none}.calc-symbol{display:none}.calculator-card{padding:25px}.calculator-intro p{font-size:14px}.area-row{gap:15px}.area-row span{font-size:11px}output{font-size:34px}.stages{grid-template-columns:1fr 1fr;gap:28px 20px}.stages h3{font-size:17px;min-height:48px}.stages p{font-size:13px}.faq-layout{gap:20px}.summary-card{padding:26px;gap:25px}.summary-card h2{font-size:30px}.author{flex-direction:column;align-items:flex-start;gap:20px;padding:25px 0 50px}.author h2{font-size:30px}.footer-top{flex-direction:column;gap:25px}dialog{padding:15px}.dialog-caption h2{font-size:20px}dl div{font-size:13px}dd{max-width:55%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.services article:hover,.gallery-button:hover img{transform:none}}

.calculator-intro,.calculator-card{min-width:0}.hero-image figcaption{font-size:12px;flex-wrap:wrap}.image-label{font-size:12px}.eyebrow{font-size:12px}.demo-banner{font-size:12px}.hero-copy>*{animation:appear .7s ease-out both}.hero-copy h1{animation-delay:60ms}.hero-copy>p{animation-delay:100ms}.hero-copy .buttons{animation-delay:150ms}.hero-image{animation:appear .8s ease-out both;animation-delay:180ms}@media(max-width:700px){.calculator-intro h2{font-size:28px}.hero-image figcaption{font-size:12px;gap:8px}.eyebrow{font-size:11px}}
