:root{--navy:#173850;--blue:#2d668b;--orange:#b56c37;--paper:#f3f0e9;--line:#d9d6cd;--ink:#1f302f;--muted:#617071}
body{background:var(--paper);font-family:Arial,"Helvetica Neue",sans-serif}
.topline{background:#173850;letter-spacing:.02em}
.site-header{box-shadow:0 5px 22px #162e3520}
.nav{height:83px}
.logo{width:184px;height:70px}
.nav-action,.button{border-radius:2px;letter-spacing:.015em;box-shadow:none}
.button.blue{background:#245f82}
.hero{padding:22px 0 0;background:var(--paper)}
.hero-grid{background:#173850;min-height:430px}
.hero-copy{padding:55px 56px}
.hero-detail{background:#20445b;border-left:0;border-top:5px solid var(--orange)}
.hero h1,.page-hero h1,.section-heading h2,.service-content h2,.contact-box h2,.area h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}
.hero h1{max-width:740px}
.hero p{max-width:610px}
.eyebrow{color:#a9d5e5;letter-spacing:.18em;font-size:11px}
.section-heading .eyebrow,.service-content .eyebrow{color:#9e5b31}
.hero-detail strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:28px}
.proof{background:#e9e8e2}
.proof .wrap{padding:25px 0}
.proof-item{padding-left:16px;border-left:2px solid #b56c37}
.services{background:var(--paper)}
.service-list{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-link{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 30px;transition:background .16s}
.service-link:hover{transform:none;background:#faf8f3}
.service-link h3{font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:400}
.service-link .arrow{font-size:25px;font-weight:400}
.how,.estimate-section,.service-content{background:#fcfbf8}
.step b{color:#a65b2b}
.step h3{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:400}
.page-hero{background:#173850;border-bottom:5px solid #b56c37}
.credential{font-size:14px}
.form-card,.result-card{box-shadow:none;border:1px solid var(--line);background:#fff}
.result-card{background:#f1efe8;border-top:3px solid #b56c37}
.tag{background:#dce7e7;border-radius:2px;color:#264f61}
.result-price{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.field input,.field select,.field textarea{border-radius:2px}
.notice{background:#f4ece2;border-color:#b56c37;color:#594630}
.contact-panel,.area{background:#e9e8e2}
.contact-box{border-left:0;border-top:4px solid #b56c37;padding:34px;align-items:start}
.estimate-grid.waiting{grid-template-columns:minmax(0,720px)}
.result-card[hidden]{display:none}
.result-card{scroll-margin-top:105px}
.result-card .photo-sketch{margin:20px 0 18px}
.concept-diagram{border:1px solid var(--line);background:#f8f7f2;margin:18px 0}
.concept-diagram[hidden]{display:none}
.concept-scene{height:170px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#e5e4dc 0,#e5e4dc 1px,transparent 1px,transparent 44px),linear-gradient(#eeece5 64%,#d6d1c5 64%)}
.concept-scene:before{content:"";position:absolute;left:13%;right:13%;bottom:18px;height:3px;background:#a9aaa4}
.concept-shape{position:absolute;z-index:1}
.concept-bath .concept-shape{width:48%;height:95px;right:12%;bottom:20px;background:linear-gradient(90deg,#eef1eb 0 13%,#bec7c2 13% 16%,#e2e8e2 16% 85%,#c3cbc6 85%);border:4px solid #eef1eb;border-bottom:9px solid #a9b7b2;box-shadow:-34px 0 0 #f5f2e9}
.concept-air .concept-shape{width:40%;height:43px;right:15%;top:34px;background:#f3f4f0;border:2px solid #bac4c7;border-bottom:8px solid #6a8993;box-shadow:0 8px 10px #122f3424}
.concept-air .concept-shape:after{content:"";position:absolute;left:20%;right:20%;bottom:-35px;height:25px;border-radius:50%;border-bottom:2px solid #9fb7bd}
.concept-dig .concept-scene{background:linear-gradient(#c7d8d4 0 39%,#96a685 39% 49%,#8b7661 49%)}
.concept-dig .concept-shape{width:51%;height:74px;left:25%;top:48%;background:#655647;border:3px dashed #e9c99e;border-top:0;transform:skewX(-12deg)}
.concept-meta{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;font-size:12px;color:var(--muted)}
.concept-meta strong{color:var(--navy);font-weight:700}
.form-card .field.full>.button{width:100%;margin-top:6px}
.photo-field{border-top:1px solid var(--line);padding-top:17px}
.field-help{font-size:13px;color:var(--muted);margin:0}
.photo-thumbs{display:flex;flex-wrap:wrap;gap:10px}
.photo-thumb{width:115px;font-size:11px;color:var(--muted);overflow:hidden}
.photo-thumb img{display:block;width:115px;height:84px;object-fit:cover;border:1px solid var(--line)}
.photo-thumb span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px}
.photo-sketch{background:#f4f1e9;padding:18px;border:1px solid var(--line)}
.photo-sketch[hidden]{display:none}
.sketch-head{display:flex;justify-content:space-between;gap:18px;align-items:start}
.sketch-head strong{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:400}
.sketch-head p{font-size:13px;color:var(--muted);margin:4px 0 10px}
.sketch-download{border:1px solid #9aaeb7;background:#fff;color:var(--navy);padding:8px 11px;cursor:pointer;white-space:nowrap}
.photo-sketch canvas{display:block;width:auto;max-width:100%;height:auto;max-height:410px;background:#e2e0dc;cursor:crosshair}
.photo-sketch small{color:var(--muted)}
.sketch-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;margin:12px 0}
.sketch-options label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px}
.sketch-options select,.sketch-options input{width:100%}
@media(max-width:640px){.nav{height:70px}.logo{width:148px;height:60px}.hero-copy{padding:34px 24px}.hero-grid{min-height:0}.proof-item{padding-left:11px}.contact-box{padding:22px}.sketch-head,.sketch-options{display:flex;flex-direction:column}.sketch-options>div{width:100%}.photo-sketch canvas{max-height:300px}}
