@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#222b2b;--sub:#5e6a68;--forest:#344c43;--gold:#b78c4c;--cream:#f7f5ef;--line:#e5e8e3;--white:#fff;--shadow:0 16px 50px rgba(23,46,37,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.65}h1,h2,h3,h4,.brand{font-family:Manrope,Arial,sans-serif;line-height:1.22}h1{font-size:clamp(2.8rem,5.4vw,5.6rem);letter-spacing:-.055em;margin:0 0 22px;font-weight:800}h2{font-size:clamp(2rem,3vw,3.25rem);letter-spacing:-.045em;margin:0 0 18px}h3{font-size:1.32rem;letter-spacing:-.025em}p{color:var(--sub);margin:0 0 20px}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1190px,calc(100% - 44px));margin-inline:auto}.eyebrow{color:var(--gold);font-size:.79rem;text-transform:uppercase;letter-spacing:.17em;font-weight:800;margin-bottom:13px}.topbar{background:var(--forest);color:#eaf0eb;font-size:.77rem;padding:7px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:15px}.site-header{background:white;position:sticky;z-index:20;top:0;box-shadow:0 1px 0 var(--line)}.nav{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-mark{width:43px;height:43px;border:2px solid var(--forest);border-radius:4px;display:grid;place-items:center;color:var(--forest);font-size:1.5rem;font-weight:800;line-height:1}.brand{font-weight:800;letter-spacing:-.045em;line-height:1.03;font-size:1.08rem}.brand small{display:block;letter-spacing:.21em;font-size:.54rem;margin-top:6px;color:var(--gold)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.88rem;font-weight:700;color:#41514a}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--forest);color:white!important;border:1px solid var(--forest);padding:15px 23px;border-radius:3px;font-size:.85rem;font-weight:800;letter-spacing:.015em;cursor:pointer;transition:.2s}.btn:hover{background:#253a31;transform:translateY(-2px)}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.gold:hover{background:#99723b}.btn.outline{background:transparent;border-color:#b6c4bd;color:var(--forest)!important}.btn.outline:hover{background:#eff4f0}.btn.white{background:white;color:var(--forest)!important;border-color:white}.menu-btn{display:none;font-size:1.6rem;border:0;background:none;cursor:pointer}.hero{position:relative;min-height:650px;background:linear-gradient(90deg,rgba(20,37,31,.82) 0%,rgba(20,37,31,.48) 53%,rgba(20,37,31,.1) 100%),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=1800&q=85') center/cover;color:white;display:flex;align-items:center}.hero-inner{padding:100px 0;max-width:740px}.hero h1{color:white}.hero p{color:#edf1ed;font-size:1.08rem;max-width:530px}.hero .eyebrow{color:#dfbb81}.actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:28px}.hero-micro{margin-top:50px;display:flex;gap:27px;flex-wrap:wrap;font-size:.86rem;color:#ecf0ed;font-weight:600}.hero-micro span:before{content:'✓';color:#e2bd7f;margin-right:9px}.section{padding:96px 0}.soft{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head p{max-width:570px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.service-card{border:1px solid var(--line);background:white;overflow:hidden;transition:.2s}.service-card:hover,.project-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.service-card img{height:230px;width:100%;object-fit:cover}.service-content{padding:27px}.service-card h3{margin:0 0 9px}.service-card p{font-size:.9rem}.text-link{color:var(--forest);font-size:.84rem;font-weight:800;border-bottom:1px solid var(--gold);padding-bottom:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.split-image{width:100%;height:540px;object-fit:cover}.check-list{padding:0;list-style:none;margin:22px 0 30px}.check-list li{padding:9px 0;border-bottom:1px solid var(--line);font-weight:600}.check-list li:before{content:'✓';margin-right:12px;color:var(--gold)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:white;overflow:hidden;transition:.2s;cursor:pointer;text-align:left;border:0;padding:0;color:inherit}.project-card img{height:245px;width:100%;object-fit:cover}.project-card .meta{padding:22px 2px}.project-card h3{margin:4px 0}.project-card .category{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:800}.stats{background:var(--forest);color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:41px 0;gap:20px}.stat-num{font-size:2.1rem;font-weight:800;font-family:Manrope}.stats p{color:#d4dfd7;font-size:.83rem;margin:0}.cta{background:var(--forest);color:white;padding:68px 0}.cta .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{max-width:650px;margin-bottom:6px}.cta p{color:#dfebe2;margin:0}.footer{background:#182720;color:#dbe4dd;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:55px}.footer h4{color:white;margin:0 0 18px}.footer p,.footer a{color:#b9c9bd;font-size:.87rem}.footer a{display:block;margin-bottom:11px}.footer .brand{color:white}.footer .brand small{color:#deb777}.footer-bottom{border-top:1px solid #34483b;margin-top:47px;padding-top:20px;font-size:.77rem;color:#95aa9b}.page-hero{background:var(--cream);padding:83px 0 76px}.page-hero h1{font-size:clamp(2.7rem,4vw,4.3rem);color:var(--forest)}.page-hero p{max-width:690px;font-size:1.05rem}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.filter{background:white;border:1px solid var(--line);padding:10px 19px;font-weight:700;cursor:pointer;border-radius:2px;color:var(--forest)}.filter.active,.filter:hover{background:var(--forest);color:white}.project-card[hidden]{display:none}.service-detail{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:55px;padding:42px 0;border-bottom:1px solid var(--line)}.service-detail:nth-child(even) img{order:2}.service-detail img{width:100%;height:370px;object-fit:cover}.service-detail h2{font-size:2.1rem}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.contact-box{background:var(--cream);padding:38px}.contact-form{display:grid;gap:18px}.field{display:grid;gap:7px}.field label{font-size:.83rem;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #cdd5cf;padding:13px 14px;border-radius:2px;background:white;color:var(--ink)}.field textarea{min-height:145px;resize:vertical}.row-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note{font-size:.78rem;color:#677970}.notice{background:#fff9e7;border-left:3px solid #cca35d;padding:14px 19px;font-size:.86rem;margin-top:18px;color:#6b5942}.modal{border:0;max-width:790px;width:calc(100% - 32px);padding:0;box-shadow:0 25px 95px #0005}.modal::backdrop{background:#14221cbb}.modal img{width:100%;height:410px;object-fit:cover}.modal-body{padding:30px}.modal-close{position:absolute;top:12px;right:12px;border:0;background:white;padding:7px 14px;cursor:pointer;font-size:1.3rem}.qr-card{display:flex;gap:32px;align-items:center;max-width:700px;padding:30px;background:white;border:1px solid var(--line)}.qr-card img{width:190px}.qr-card p{margin-bottom:8px}@media(max-width:1000px){.nav-links{gap:17px}.nav-links a{font-size:.8rem}.nav>.btn{display:none}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}@media(max-width:760px){.topbar .wrap span:last-child{display:none}.nav{min-height:70px}.menu-btn{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:white;flex-direction:column;align-items:stretch;padding:22px;box-shadow:0 12px 18px #0002}.nav-links.open{display:flex}.hero{min-height:590px;background-position:61% center}.hero-inner{padding:77px 0}.hero h1{font-size:clamp(2.6rem,11vw,4rem)}.hero-micro{gap:10px 20px}.section{padding:67px 0}.section-head{display:block}.services-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.split,.contact-grid,.service-detail{grid-template-columns:1fr;gap:29px}.split-image{height:360px}.service-detail:nth-child(even) img{order:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta .wrap{display:block}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}}@media(max-width:500px){.wrap{width:min(100% - 32px,1190px)}.services-grid,.project-grid,.row-fields{grid-template-columns:1fr}.service-card img,.project-card img{height:230px}.section-head h2{font-size:2.2rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div{grid-column:1/-1}.qr-card{flex-direction:column;align-items:flex-start}.hero-micro{font-size:.79rem}.stats-grid{gap:26px}}

.logo-house{display:block;width:52px;height:52px;flex:none}
@media(max-width:500px){.logo-house{width:44px;height:44px}}


/* Original approved mockup — homepage */
.reference-home{color:#202529;background:white}
.reference-home .topbar{display:none}
.reference-home .site-header{position:relative;background:white}
.reference-home .nav{min-height:76px}
.reference-home .nav>.btn{background:#a87332;border-color:#a87332;text-transform:uppercase}
.reference-home .brand{color:#171b1b}
.reference-home .brand small{font-size:.78rem;letter-spacing:.012em;margin-top:0;color:#986327}
.reference-home .brand{font-size:1.05rem}
.reference-hero{min-height:510px;position:relative;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(22,18,15,.72) 0%,rgba(22,18,15,.35) 42%,transparent 74%),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=1800&q=90') center/cover}
.reference-hero-inner{width:min(1190px,calc(100% - 88px));margin:auto;padding:54px 0}
.reference-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.25rem,5.7vw,5.8rem);letter-spacing:-.04em;line-height:1.04;margin:0 0 18px;color:white}
.reference-hero p{color:white;font-size:1.06rem;line-height:1.65;margin:0 0 20px}
.reference-quote{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 32px;background:#f7c55c;color:#171717;font-size:.86rem;font-weight:800;border-radius:4px;border:1px solid #d69e31}
.reference-quote:hover{background:#ffda83}
.reference-services{padding:28px 0 26px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.reference-services a{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;font-weight:700;line-height:1.25;font-size:.88rem;color:#171a1a}
.reference-services a:hover{color:#97651e}
.reference-services .service-icon{font-family:Arial,sans-serif;font-size:3rem;line-height:1.2;color:#303332;height:60px}
.reference-projects{padding:22px 0 38px}
.reference-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.reference-title h2{font-family:Arial,sans-serif;font-size:1.65rem;letter-spacing:-.03em;margin:0}
.reference-title a{font-size:.76rem;font-weight:800;color:#a27231}
.reference-title a span{font-size:1.3rem;margin-left:12px}
.reference-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.reference-project-grid a{display:flex;flex-direction:column;line-height:1.4}
.reference-project-grid img{width:100%;aspect-ratio:1.43;object-fit:cover;margin-bottom:10px}
.reference-project-grid b{font-size:.89rem;color:#181818}
.reference-project-grid span{font-size:.79rem;color:#606060}
.reference-why{background:#202b30;color:white;text-align:center;padding:31px 0 34px}
.reference-why h2{font-family:Arial,sans-serif;font-size:1.35rem;letter-spacing:0;margin:0 0 24px;color:white}
.reference-reasons{display:grid;grid-template-columns:repeat(4,1fr)}
.reference-reasons>div{padding:0 15px;border-right:1px solid #455056}
.reference-reasons>div:last-child{border:0}
.reference-reasons>div>span{display:block;color:#d5a443;font-family:Arial,sans-serif;font-size:2.9rem;height:61px;line-height:1}
.reference-reasons b{display:block;font-size:.91rem;color:white}
.reference-reasons p{font-size:.78rem;color:#eee;line-height:1.5;margin:9px 0 0}
@media(max-width:760px){.reference-hero{min-height:480px}.reference-hero-inner{width:calc(100% - 38px)}.reference-services{grid-template-columns:repeat(3,1fr);row-gap:25px}.reference-project-grid{grid-template-columns:1fr 1fr}.reference-reasons{grid-template-columns:1fr 1fr;row-gap:25px}.reference-reasons>div:nth-child(2){border:0}}
@media(max-width:500px){.reference-hero{min-height:435px}.reference-hero h1{font-size:3.15rem}.reference-hero p{font-size:.87rem}.reference-services{grid-template-columns:repeat(2,1fr)}.reference-project-grid{grid-template-columns:1fr}.reference-title h2{font-size:1.3rem}.reference-title a{font-size:.63rem}.reference-reasons b{font-size:.79rem}.reference-reasons p{font-size:.68rem}}


/* Brand text sizing and weight correction */
.brand small,
.reference-home .brand small {
  display: block;
  font-family: Manrope, Arial, sans-serif;
  font-size: 1em;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.08;
  margin-top: 1px;
  color: #a87332;
  text-shadow: .32px 0 currentColor, -.32px 0 currentColor;
}
.footer .brand small {
  color: #deb777;
}


/* Local business and Google feedback integration */
.business-contact{background:#fff;border:1px solid var(--line);padding:24px;margin:22px 0}
.business-contact h3{margin:0 0 12px}
.business-contact p{margin:0 0 12px}
.business-contact a{color:#97651e;font-weight:700}
.google-feedback{background:#f7f5ef;padding:62px 0}
.google-feedback-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.google-feedback h2{font-size:clamp(1.7rem,3vw,2.5rem);max-width:650px}
.google-feedback p{margin-bottom:0;max-width:610px}
.google-feedback-actions{display:flex;gap:12px;flex-wrap:wrap}
.external-gallery-note{background:#f7f5ef;border:1px solid #dfd9cb;padding:24px;margin:12px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.external-gallery-note strong{font-size:1.15rem}
.external-gallery-note p{margin:5px 0 0}
.external-gallery-note .btn{flex-shrink:0}
.reviews-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center}
.review-aside{background:#f7f5ef;padding:38px}
.review-aside h3{margin:0 0 15px}
@media(max-width:760px){.google-feedback-inner,.external-gallery-note{display:block}.google-feedback-actions,.external-gallery-note .btn{margin-top:20px}.reviews-layout{grid-template-columns:1fr;gap:25px}}


/* Public contact details available on every page */
.contact-strip{background:#f7f5ef;border-bottom:1px solid #e5e1d7;color:#3a4642;font-size:.78rem}
.contact-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.contact-strip-links{display:flex;gap:22px;align-items:center}
.contact-strip a{font-weight:800;color:#805a28}
.contact-strip a:hover{text-decoration:underline}
@media(max-width:760px){.contact-strip-inner{flex-wrap:wrap;gap:4px}.contact-strip-links{gap:16px;flex-wrap:wrap}}

/* Real-project portfolio gallery */
.portfolio-main{padding-top:64px}
.portfolio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:35px}
.portfolio-heading h2{margin:0}
.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.gallery-filter{border:1px solid #d7dfd7;color:#344c43;background:#fff;cursor:pointer;font-weight:700;font-size:.83rem;padding:10px 16px;border-radius:3px}
.gallery-filter:hover,.gallery-filter.active{background:#344c43;color:white;border-color:#344c43}
.gallery-count{font-size:.82rem;margin:16px 0}
.real-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.real-photo-card{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #e5e8e3;padding:0;cursor:pointer}
.real-photo-card:hover,.real-photo-card:focus-visible{box-shadow:0 16px 50px rgba(23,46,37,.11);transform:translateY(-3px)}
.real-photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.real-photo-caption{padding:14px 17px;display:flex;flex-direction:column;gap:2px}
.real-photo-caption small{font-weight:800;text-transform:uppercase;color:#a87332;letter-spacing:.08em}
.real-photo-caption strong{font-size:1rem;color:#222b2b}
.gallery-empty[hidden]{display:none}
.gallery-empty{padding:55px 30px;text-align:center;background:#f7f5ef;border:1px solid #e5e8e3}
.gallery-empty h3{font-size:1.45rem}
.gallery-empty p{max-width:600px;margin:0 auto 20px}
.gallery-empty .actions{justify-content:center}
.gallery-empty-icon{font-size:3rem;color:#b78c4c}
.photo-lightbox{border:0;padding:0;width:min(1100px,94vw);max-height:95vh;box-shadow:0 18px 70px #0005}
.photo-lightbox::backdrop{background:rgba(0,0,0,.8)}
.photo-lightbox img{width:100%;max-height:77vh;object-fit:contain;background:#101817}
.photo-lightbox-caption{padding:16px 24px}
.photo-lightbox-caption h3{margin:0}
.photo-lightbox-caption p{margin:3px 0 0}
.photo-lightbox-close{position:absolute;top:12px;right:12px;background:white;border:0;border-radius:3px;padding:4px 16px;font-size:1.6rem;cursor:pointer}
@media(max-width:760px){.portfolio-heading{display:block}.portfolio-heading .btn{margin-top:16px}.real-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:500px){.real-gallery{grid-template-columns:1fr}.gallery-empty{padding:30px 16px}}

/* Google-style category chips */
.portfolio-real .gallery-filters{margin:10px 0 24px;gap:9px;align-items:center}.portfolio-real .gallery-filter{border-radius:999px;padding:12px 22px;font-size:.92rem;line-height:1.2}.portfolio-real .gallery-filter.active{background:#344c43;color:#fff;border-color:#344c43}


/* Portfolio Google Maps-style compact photo thumbnails, 2026-11-02 */
.portfolio-real .portfolio-main{padding-top:32px}
.portfolio-real .portfolio-heading{margin-bottom:20px}
.portfolio-real .gallery-filters{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding:2px 0 12px;margin-bottom:12px}
.portfolio-real .gallery-filter{flex:0 0 auto;white-space:nowrap;min-height:48px;padding:10px 17px;border-radius:999px;background:#fff;border:1px solid #cfd4d5;color:#30343a;font-weight:650;font-size:.94rem}
.portfolio-real .gallery-filter.active{background:#e1e9f4;border-color:#7c9bcc;color:#253e62;box-shadow:inset 0 0 0 1px #7c9bcc}
.portfolio-real .gallery-count{margin:8px 0 16px;font-size:.8rem;color:#626b6d}
.portfolio-real .real-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.portfolio-real .real-photo-card{overflow:hidden;border:0;border-radius:14px;aspect-ratio:4/3;min-width:0;display:block;position:relative;background:#f4f4f4;box-shadow:none;transform:none}
.portfolio-real .real-photo-card img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .16s ease}
.portfolio-real .real-photo-card:hover img,.portfolio-real .real-photo-card:focus-visible img{transform:scale(1.035)}
.portfolio-real .real-photo-caption{position:absolute;left:0;right:0;bottom:0;padding:20px 9px 8px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:white;opacity:0;transition:opacity .2s}
.portfolio-real .real-photo-card:hover .real-photo-caption,.portfolio-real .real-photo-card:focus-visible .real-photo-caption{opacity:1}
.portfolio-real .real-photo-caption small{display:none}
.portfolio-real .real-photo-caption strong{color:white;font-size:.78rem}
@media(max-width:1000px){.portfolio-real .real-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-real .real-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.portfolio-real .real-photo-card{aspect-ratio:1/1}.portfolio-real .gallery-filter{font-size:.86rem;padding:9px 14px}}
@media(max-width:370px){.portfolio-real .gallery-filter{font-size:.81rem;padding:8px 11px}}

/* Compact real project portfolio page fix */
.portfolio-real .page-hero{padding:36px 0 29px}
.portfolio-real .page-hero h1{font-size:clamp(2rem,3.6vw,3.4rem);margin-bottom:12px}
.portfolio-real .page-hero p{margin-bottom:0}
.portfolio-real .portfolio-main{padding-top:30px;padding-bottom:48px}
.portfolio-real .portfolio-heading{margin-bottom:20px}
.portfolio-real .real-gallery{min-height:0;align-content:start}
.portfolio-real .gallery-count{margin:12px 0 17px}
@media(max-width:700px){.portfolio-real .page-hero{padding:27px 0 24px}.portfolio-real .portfolio-main{padding:24px 0 35px}}



/* Google Maps gallery, complete categorized media integration */
.portfolio-real .portfolio-main { padding-top:34px; padding-bottom:54px; }
.portfolio-real .portfolio-heading { margin-bottom:20px; }
.portfolio-real .gallery-filters {
  display:flex; gap:13px; overflow-x:auto; flex-wrap:nowrap;
  margin:4px 0 10px; padding:5px 4px 14px;
  scrollbar-width:thin; scroll-snap-type:x proximity;
}
.portfolio-real .gallery-filter,
.portfolio-real .gallery-filter:hover,
.portfolio-real .gallery-filter.active {
  position:relative; display:block; flex:0 0 190px; width:190px; height:184px;
  min-height:0; padding:0; margin:0; border:3px solid transparent;
  border-radius:15px; overflow:hidden; background:#e7eae9;
  text-align:left; box-shadow:none; transform:none; scroll-snap-align:start;
}
.portfolio-real .gallery-filter.active {
  border-color:#067d8b; box-shadow:0 0 0 2px rgba(6,125,139,.22);
}
.portfolio-real .gallery-filter-thumb {
  display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .22s ease;
}
.portfolio-real .gallery-filter:hover .gallery-filter-thumb { transform:scale(1.04); }
.portfolio-real .gallery-filter::after {
  content:""; position:absolute; inset:30% 0 0; pointer-events:none;
  background:linear-gradient(transparent,rgba(0,0,0,.75));
}
.portfolio-real .gallery-filter-name {
  position:absolute; z-index:1; left:14px; bottom:14px;
  color:#fff; font-size:1.23rem; font-weight:800; line-height:1.2;
  text-shadow:0 1px 4px #0009;
}
.portfolio-real .real-gallery { display:block; columns:4; column-gap:14px; width:100%; }
.portfolio-real .real-photo-card {
  display:inline-block; vertical-align:top; position:relative; width:100%;
  min-width:0; height:auto; aspect-ratio:auto; margin:0 0 14px;
  break-inside:avoid; -webkit-column-break-inside:avoid;
  padding:0; border:0; border-radius:12px; overflow:hidden;
  background:#f1f2ef; box-shadow:none; transform:none;
}
.portfolio-real .real-photo-card img {
  display:block; width:100%; height:auto; max-height:none;
  aspect-ratio:auto; object-fit:contain; transition:transform .2s ease;
}
.portfolio-real .real-photo-card:hover img {transform:scale(1.025)}
.portfolio-real .gallery-count {font-size:.87rem; margin:8px 0 20px;}
.portfolio-real .google-gallery-source {
  font-size:.8rem; color:#6b7872; margin:18px 0 0;
}
.portfolio-real .google-gallery-source a {
  color:#95671f; text-decoration:underline; text-underline-offset:3px;
}
@media(max-width:1100px) {
  .portfolio-real .real-gallery { columns:3; }
}
@media(max-width:700px) {
  .portfolio-real .gallery-filter,
  .portfolio-real .gallery-filter:hover,
  .portfolio-real .gallery-filter.active {
    flex-basis:135px; width:135px; height:155px; border-radius:13px;
  }
  .portfolio-real .gallery-filter-name {font-size:1.03rem;left:10px;bottom:10px;}
  .portfolio-real .real-gallery {columns:2;column-gap:8px;}
  .portfolio-real .real-photo-card {margin-bottom:8px;border-radius:9px;}
  .portfolio-real .portfolio-main {padding-top:23px;}
}

/* AZOVMENA-INSPIRED COMPACT MOBILE NAVIGATION 2026-11-03 */
.mobile-nav-toolbar{display:none}
@media(max-width:760px){
  .site-header{position:relative;z-index:60}
  .site-header .nav{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:11px;min-height:0;padding-top:12px;padding-bottom:10px}
  .site-header .logo{align-self:flex-start}
  .site-header .mobile-nav-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:4px;border:1px solid #dce4df;border-radius:9px;background:#f3f5f1}
  .site-header .mobile-home{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:7px 16px;border-radius:6px;background:var(--forest);color:#fff;font-weight:750;font-size:15px;line-height:1.2}
  .site-header .mobile-home:focus-visible,.site-header .menu-btn:focus-visible,.site-header .nav-links a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
  .site-header .menu-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:39px;padding:7px 13px;border:1px solid #d1d9d2;border-radius:6px;background:#fff;color:var(--forest);font-size:14px;font-weight:800;line-height:1.2;cursor:pointer}
  .site-header .menu-btn[aria-expanded="true"]{background:#e9eee9;border-color:#b9c9be}
  .site-header .nav-links{display:none;position:absolute;top:calc(100% - 5px);right:0;left:auto;width:calc(50% - 4px);max-width:250px;min-width:0;margin:0;padding:5px;z-index:100;flex-direction:column;align-items:stretch;gap:0;border:1px solid #cbd8cf;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(20,37,31,.21);max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
  .site-header .nav-links.open{display:flex}
  .site-header .nav-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:41px;width:100%;padding:9px 10px;border-bottom:1px solid #e7ece7;border-radius:0;color:#344c43;font-size:14px;font-weight:700;line-height:1.3;text-align:left}
  .site-header .nav-links a:last-child{border-bottom:0}
  .site-header .nav-links a[href="index.html"]{display:none}
  .site-header .nav-links a::after{content:'›';flex:none;font-size:22px;font-weight:400;line-height:1}
  .site-header .nav-links a.active{background:#eff3ee;color:#805a28;border-radius:6px;border-bottom-color:transparent}
  .site-header .nav-links a:hover{background:#f3f5f1}
}

/* Compact mobile reviews page 2026-11-03 */
@media (max-width:760px) {
  .reviews-page .page-hero{padding:26px 0 24px}
  .reviews-page .page-hero .eyebrow{font-size:.68rem;letter-spacing:.14em;margin-bottom:6px}
  .reviews-page .page-hero h1{font-size:clamp(1.9rem,7.8vw,2.35rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 10px}
  .reviews-page .page-hero p{font-size:.9rem;line-height:1.5;margin:0;max-width:590px}
  .reviews-page main>.section{padding:28px 0 32px}
  .reviews-page .reviews-layout{gap:18px}
  .reviews-page .reviews-layout h2{font-size:clamp(1.45rem,5.5vw,1.8rem);line-height:1.2;margin:0 0 10px}
  .reviews-page .reviews-layout .eyebrow{font-size:.69rem;letter-spacing:.12em;margin-bottom:7px}
  .reviews-page .reviews-layout p{font-size:.91rem;line-height:1.5;margin-bottom:12px}
  .reviews-page .reviews-layout .actions{margin-top:14px;gap:9px}
  .reviews-page .reviews-layout .actions .btn{padding:10px 13px;font-size:.77rem;letter-spacing:0;min-height:41px}
  .reviews-page .review-aside{padding:19px 19px 17px}
  .reviews-page .review-aside h3{font-size:1.15rem;margin-bottom:8px}
  .reviews-page .review-aside p{margin-bottom:10px}
}
@media (max-width:500px) {
  .reviews-page .reviews-layout .actions{display:grid;grid-template-columns:1fr}
  .reviews-page .reviews-layout .actions .btn{width:100%;justify-content:center}
}

/* Uniform header dimensions all pages 2026-11-03 */
/* Match the approved 76px homepage header across desktop pages, preserving
   the same compact Home / Menu toolbar on mobile. */
@media(min-width:761px){
  .site-header .nav {min-height:76px}
}
.site-header .brand {font-size:1.05rem;color:#171b1b}
.site-header .brand small {font-size:.78rem;letter-spacing:.012em;margin-top:0;color:#986327}


/* Compact interior hero headers, 2026-11-03 */
/* Keep homepage and Portfolio untouched; shrink only the four secondary-page banners. */
body.compact-interior-hero .page-hero{padding:29px 0 26px}
body.compact-interior-hero .page-hero .eyebrow{
  margin:0 0 6px;font-size:.68rem;letter-spacing:.12em;line-height:1.35
}
body.compact-interior-hero .page-hero h1{
  font-size:clamp(1.55rem,2.2vw,1.8rem);line-height:1.15;
  letter-spacing:-.035em;margin:0 0 8px;font-weight:800
}
body.compact-interior-hero .page-hero p{
  font-size:.91rem;line-height:1.5;max-width:690px;margin:0
}
@media(max-width:760px){
  body.compact-interior-hero .page-hero{padding:19px 0 18px}
  body.compact-interior-hero .page-hero .eyebrow{font-size:.64rem;margin-bottom:5px}
  body.compact-interior-hero .page-hero h1{font-size:1.35rem;line-height:1.16;margin-bottom:7px}
  body.compact-interior-hero .page-hero p{font-size:.85rem;line-height:1.46}
}


/* Services first-photo spacing fix 2026-11-03 */
/* The original section padding (96px) plus first card padding (42px) created
   a blank 138px gap after the compact Services heading. */
body.services-page main > .section {padding-top:26px}
body.services-page #service-details > .service-detail:first-child {padding-top:0}
@media(max-width:760px){
  body.services-page main > .section {padding-top:18px}
}


/* Interior hero headings size adjustment 2026-11-03 */
/* A moderate increase from the overly-small setting, retaining compact padding. */
body.compact-interior-hero .page-hero h1 {
  font-size:clamp(1.85rem,2.7vw,2.2rem);
  line-height:1.16;
}
body.compact-interior-hero .page-hero .eyebrow {
  font-size:.76rem;
}
body.compact-interior-hero .page-hero p {
  font-size:.96rem;
}
@media(max-width:760px) {
  body.compact-interior-hero .page-hero h1 {
    font-size:1.65rem;
    line-height:1.16;
  }
  body.compact-interior-hero .page-hero .eyebrow {
    font-size:.71rem;
  }
  body.compact-interior-hero .page-hero p {
    font-size:.9rem;
  }
}


/* Balanced interior hero heading size 2026-11-03 */
/* A 16-18% increase from the previous medium headings.
   Keep the compact banners and service-photo spacing. */
body.compact-interior-hero .page-hero h1 {
  font-size:clamp(2.15rem,3.15vw,2.55rem);
}
@media(max-width:760px) {
  body.compact-interior-hero .page-hero h1 {
    font-size:1.93rem;
  }
}


/* Tightened content sections on Contact, About and Reviews 2026-11-03 */
/* Page-specific overrides, preserving existing headings and other pages. */
body.contact-page main > .section,
body.about-page main > .section,
body.reviews-page main > .section {
  padding-top:34px;
  padding-bottom:44px;
}
body.contact-page .contact-grid,
body.reviews-page .reviews-layout {
  column-gap:34px;
}
body.about-page .split {
  gap:36px;
}
body.contact-page .contact-box {
  padding:27px;
}
body.reviews-page .review-aside {
  padding:27px;
}
@media(max-width:760px) {
  body.contact-page main > .section,
  body.about-page main > .section,
  body.reviews-page main > .section {
    padding-top:19px;
    padding-bottom:29px;
  }
  body.contact-page .contact-grid,
  body.reviews-page .reviews-layout,
  body.about-page .split {
    gap:17px;
  }
  body.contact-page .contact-box {
    padding:21px;
  }
  body.reviews-page .review-aside {
    padding:19px;
  }
}


/* Contact page business hours schedule 2026-11-03 */
body.contact-page .business-hours {
  background:#fff;
  margin:24px 0 25px;
  padding:19px 19px 13px;
  border:1px solid #e2e7df;
  border-radius:11px;
  box-shadow:0 3px 12px rgba(27,55,40,.045);
}
body.contact-page .business-hours-head {
  display:flex;align-items:center;gap:11px;
  padding-bottom:11px;border-bottom:1px solid #e5eae3;
}
body.contact-page .business-hours-icon {
  display:inline-flex;align-items:center;justify-content:center;
  width:39px;height:39px;flex:none;border-radius:9px;
  color:#344c43;background:#eaf0e9;font-size:23px;font-weight:700;
}
body.contact-page .business-hours-head .eyebrow {
  margin:0 0 3px;font-size:.65rem;letter-spacing:.11em;
}
body.contact-page .business-hours-head h3 {
  margin:0;color:#2d4539;font-size:1.15rem;line-height:1.25;
}
body.contact-page .business-hours-table {
  border-collapse:collapse;border-spacing:0;width:100%;margin-top:5px;
  font-size:.88rem;line-height:1.4;
}
body.contact-page .business-hours-table th,
body.contact-page .business-hours-table td {
  padding:10px 2px;border-bottom:1px solid #eff1ed;
}
body.contact-page .business-hours-table th {
  text-align:left;font-weight:700;color:#42524a;
}
body.contact-page .business-hours-table td {
  text-align:right;white-space:nowrap;font-weight:750;color:#263e32;
}
body.contact-page .business-hours-table tr:last-child th,
body.contact-page .business-hours-table tr:last-child td {border-bottom:0}
body.contact-page .business-hours-table .closed td {color:#936c45}
body.contact-page .business-hours-note {
  margin:8px 0 0;padding-top:8px;border-top:1px solid #e5eae3;
  font-size:.73rem;color:#728078;
}
@media(max-width:760px) {
  body.contact-page .business-hours {padding:15px 15px 11px;margin:19px 0 21px}
  body.contact-page .business-hours-table {font-size:.87rem}
  body.contact-page .business-hours-table th,
  body.contact-page .business-hours-table td {padding:9px 2px}
}


/* Align Business Hours bottom with contact card 2026-11-03 */
/* Desktop: fill the space currently left by the card's 25px bottom margin;
   both columns now end on the same baseline with equal section padding. */
@media(min-width:761px) {
  body.contact-page .contact-grid > div:last-child {
    display:flex;
    flex-direction:column;
  }
  body.contact-page .business-hours {
    flex-grow:1;
    margin-bottom:0;
    padding-bottom:38px;
  }
}


/* Desktop navigation readability 2026-11-03 */
/* Keep the existing 76px header, active gold accent, and mobile Home / Menu toolbar. */
@media (min-width:1160px) {
  .site-header .nav-links { gap:18px; }
  .site-header .nav-links a { font-size:16px; font-weight:700; }
}
@media (min-width:761px) and (max-width:1159px) {
  .site-header .nav-links { gap:14px; }
  .site-header .nav-links a { font-size:14px; font-weight:700; }
}


/* Stable centered desktop navigation 2026-11-03 */
/* Three balanced columns prevent the menu shifting when the homepage's
   quote button has slightly different text styling. */
@media (min-width:1001px) {
  .site-header .nav {
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
    align-items:center;
    column-gap:10px;
  }
  .site-header .nav > .logo {justify-self:start}
  .site-header .nav > .nav-links {justify-self:center}
  .site-header .nav > .btn {
    justify-self:end;
    width:200px;
    min-width:200px;
    white-space:nowrap;
  }
}
@media (min-width:1160px) {
  .site-header .nav-links {gap:24px}
}
@media (min-width:761px) and (max-width:1159px) {
  .site-header .nav-links {gap:18px}
}


/* Compact homepage service icons on mobile 2026-11-03 */
@media(max-width:760px){
  .reference-home .reference-services{padding-top:20px;padding-bottom:19px;row-gap:15px}
  .reference-home .reference-services a{gap:5px}
  .reference-home .reference-services .service-icon{
    font-size:2rem;
    line-height:1.15;
    height:38px;
  }
}