/*
Theme Name: Woodlight Homes - Sunset HD Fly-In (Mobile Fit)
Theme URI: https://www.woodlighthomes.com/
Author: Woodlight Homes LLC
Description: Complete 22-view Woodlight Homes theme with sunset countryside and real-interior video opening, full navigation, original logo and signatures, photo and film journal, 33 manufacturer logos, and WPForms integration.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: woodlight-homes
License: Proprietary - Woodlight Homes LLC
*/
:root{--black:#0d1111;--charcoal:#14191a;--ink:#111717;--mist:#f2f4f2;--paper:#fff;--silver:#8a9291;--line:#d9dedd;--sage:#b8c1ba;--bronze:#bba69d;--font:Arial,Helvetica,-apple-system,BlinkMacSystemFont,sans-serif;--max:1460px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:#fdfdfd;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a,input{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #94beff;outline-offset:3px}.wrap{width:min(var(--max),calc(100% - 136px));margin:auto}.section-anchor{scroll-margin-top:88px}.skip-link{position:absolute;left:15px;top:-100px;background:white;color:black;padding:14px;z-index:1000}.skip-link:focus{top:5px}
.prototype-ribbon{height:28px;background:#d7d8d5;color:#2d3532;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:2.2px;font-weight:700;gap:14px}.prototype-ribbon span{width:20px;height:1px;background:#83908a}
.site-header{position:sticky;top:0;z-index:20;width:100%;height:82px;background:rgba(12,15,15,.97);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 clamp(22px,5.2vw,100px);gap:42px;color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}.brand{flex:0 0 174px;display:flex;align-items:center}.brand img{width:157px;max-height:76px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,35px);margin:auto}.main-nav a{font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap;color:#c6cbca;transition:color .2s}.main-nav a:hover{color:#fff}.nav-cta{font-size:10px;font-weight:800;letter-spacing:1.2px;border:1px solid rgba(255,255,255,.5);padding:16px 22px;white-space:nowrap;display:flex;gap:18px;align-items:center}.nav-cta:hover{background:white;color:black}.menu-toggle{display:none}.mobile-nav[hidden]{display:none!important}
.eyebrow{font-size:10px;letter-spacing:2.25px;font-weight:800;margin:0 0 30px;display:flex;align-items:center;gap:14px;line-height:1.6}.eyebrow-bright{color:#f4f4f0}.eyebrow.muted{color:#727b78}.dot{width:7px;height:7px;border-radius:50%;background:#d5e1d8;display:inline-flex;box-shadow:0 0 14px rgba(213,225,216,.8)}.micro-rule{display:inline-block;width:30px;height:1px;background:#a5aca8;vertical-align:middle}.micro-rule.white{background:#d7deda}.btn{border-radius:2px;padding:17px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-width:248px;font-size:11px;letter-spacing:1.4px;font-weight:800;transition:all .22s ease}.btn:hover{transform:translateY(-3px)}.btn-light{color:#111;background:#f9fbf8;border:1px solid #f9fbf8}.btn-outline-light{color:white;border:1px solid rgba(255,255,255,.9);background:rgba(0,0,0,.16)}.btn-outline-light:hover{background:rgba(255,255,255,.12)}.btn-dark{background:#121717;color:#fff;border:1px solid #121717;min-width:270px}.text-link{font-size:11px;font-weight:800;letter-spacing:1.35px;display:inline-flex;align-items:center;gap:25px;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:10px}.text-link span{font-size:18px}.text-link:hover{opacity:.65}.light-link{color:#f1f4f0}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;font-weight:800}h1 em{font-style:normal;font-weight:400;color:#edf0ec}h2 span{font-weight:400;color:#757e7a}.hero{height:min(900px,calc(100svh - 110px));min-height:670px;position:relative;background:#1a2120;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('assets/hero-dusk.webp') center center / cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,14,.78),rgba(12,15,15,.28) 55%,rgba(10,15,13,.06)),linear-gradient(0deg,rgba(5,9,8,.84) 0%,rgba(0,0,0,0) 45%)}.hero-content{position:absolute;left:max(calc((100% - var(--max))/2),68px);bottom:clamp(122px,16vh,184px);width:min(920px,calc(100% - 140px));z-index:2}.hero h1{font-size:clamp(56px,6.5vw,105px);line-height:1.035;letter-spacing:-.057em;margin:0 0 31px}.hero-description{font-size:clamp(16px,1.33vw,21px);line-height:1.6;color:#d7ddd9;width:min(650px,100%);font-weight:400;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{position:absolute;left:5%;right:5%;bottom:0;border-top:1px solid rgba(255,255,255,.35);height:66px;display:flex;align-items:center;justify-content:space-between;color:#d4d9d6;font-size:10px;font-weight:700;letter-spacing:1.45px;gap:15px}.hero-bottom a{display:flex;gap:20px;align-items:center}.hero-bottom a:hover{color:#fff}
.intro{padding:138px 0 0;background:#fff}.intro h2{font-size:clamp(55px,7.4vw,122px);line-height:1.04;margin:0 0 46px;letter-spacing:-.065em}.intro-grid{display:flex;gap:65px;align-items:end;justify-content:space-between;margin-bottom:100px}.intro-grid p{font-size:clamp(18px,1.6vw,26px);line-height:1.5;max-width:760px;color:#515d58;margin:0}.intro-grid a{min-width:max-content}.service-strip{border-top:1px solid #dadfdd;border-bottom:1px solid #dadfdd;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:25px 0;color:#66716b;font-size:10px;letter-spacing:1.5px;font-weight:800;text-align:center}.service-strip span:not(:last-child){border-right:1px solid #dfe3e1}
.building{height:770px;position:relative;background:#182324;color:#fff}.building-image{position:absolute;inset:0;background:url('assets/home-no-car.webp') center 42% / cover no-repeat}.building-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,14,.82),rgba(7,18,18,.6) 39%,transparent 83%)}.building-content{position:relative;z-index:1;top:23%;}.building h2{font-size:clamp(54px,6vw,95px);line-height:1.03;margin-bottom:25px}.building h2 span{color:#f5f5f3;font-weight:400}.building-content>p:not(.eyebrow){max-width:535px;line-height:1.65;font-size:18px;color:#e0e7e2;margin-bottom:30px}.corner-label{position:absolute;bottom:30px;right:5%;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#f3f4f0}
.remodel{background:#fbfcfb;padding:125px 0 135px}.two-col-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:55px}.two-col-heading>div:first-child{flex:1 1 65%}.two-col-heading>div:last-child{flex:1 1 35%}.two-col-heading h2{font-size:clamp(51px,5.5vw,89px);line-height:1.055;margin:0}.two-col-heading .section-description,.section-description{font-size:19px;line-height:1.65;color:#59645f;max-width:485px}.compare-shell{border:1px solid #e0e5e1;background:#fff;box-shadow:0 24px 55px rgba(10,20,14,.08)}.compare{position:relative;aspect-ratio:2.25;overflow:hidden;background:#d9dfdb}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-before-box{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;pointer-events:none;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:3}.compare-line span{display:grid;place-items:center;color:#1e2322;background:#fff;width:52px;height:52px;box-shadow:0 2px 15px rgba(0,0,0,.25);font-size:24px;border-radius:50%;white-space:nowrap}.compare-tag{position:absolute;top:29px;padding:10px 14px;background:rgba(10,15,12,.85);color:white;font-size:10px;letter-spacing:1.4px;font-weight:800;z-index:4}.compare-tag.before{left:28px}.compare-tag.after{right:28px}.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5}.compare-info{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-info>div{display:flex;align-items:center;gap:25px}.compare-info b,.compare-info>span{font-size:10px;letter-spacing:1px}.compare-info>div span{font-size:13px;color:#747f79}.compare-mini{color:#9da5a0}
.cost-section{background:#15201f;color:#f7f9f7;padding:145px 0}.cost-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(60px,7vw,130px)}.cost-copy h2{font-size:clamp(48px,5.7vw,91px);line-height:1.05;margin:0 0 30px}.cost-copy h2 span{color:#b7c3b9}.cost-copy>p:not(.eyebrow){color:#b8c2bc;font-size:19px;line-height:1.7;max-width:545px}.cost-detail-chip{display:inline-flex;gap:22px;align-items:center;margin:25px 0 20px;font-size:11px;letter-spacing:1.5px;font-weight:800;border-top:1px solid #74837c;border-bottom:1px solid #74837c;padding:20px 0}.cost-copy p.cost-disclaimer{font-size:12px;line-height:1.5;color:#95a19c;margin:0}.glass-planning{background:#f6f8f5;color:#141919;box-shadow:0 32px 90px rgba(0,0,0,.22);border:1px solid #e5e9e5;border-radius:6px;overflow:hidden}.glass-top{padding:33px 35px 24px;display:flex;justify-content:space-between;gap:25px;align-items:start}.panel-kicker,.panel-subtitle{color:#73807a;font-size:9px;letter-spacing:1.8px;font-weight:800}.glass-top h3{font-size:26px;letter-spacing:-1.1px;margin:12px 0 0;line-height:1.15}.live-disc{display:flex;align-items:center;gap:7px;color:#536862;font-size:9px;letter-spacing:1px;font-weight:800;white-space:nowrap;margin-top:6px}.live-disc i{width:7px;height:7px;background:#5e9676;border-radius:50%}.planning-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e3e7e3;border-bottom:1px solid #dce1dd}.tab{background:#eff2ee;border:0;color:#84918a;font-size:10px;letter-spacing:1px;font-weight:800;padding:19px 6px;transition:background .2s}.tab.selected{background:#fff;color:#16201d;box-shadow:inset 0 -2px #172b23}.planning-panel{padding:26px 35px 31px;min-height:340px}.planning-panel[hidden]{display:none!important}.panel-subtitle{margin-bottom:21px}.plan-line{display:grid;grid-template-columns:24px 1fr 124px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #e1e6e1}.line-number{font-size:11px;color:#9aa4a0}.line-name{font-size:15px;font-weight:700;letter-spacing:-.2px}.plan-line small{color:#8b9792;font-size:9px;letter-spacing:.5px;white-space:nowrap;text-align:right}.plan-total{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:26px}.plan-total span{font-size:10px;letter-spacing:1.2px;font-weight:800}.plan-total b{font-size:10px;letter-spacing:.2px;color:#566d64;text-align:right}.material-th,.material-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;align-items:center}.material-th{color:#83918b;font-size:9px;font-weight:800;letter-spacing:.5px;padding:16px 0 12px;border-bottom:1px solid #d4dcd5}.material-row{font-size:12px;padding:18px 0;border-bottom:1px solid #e2e7e2}.material-row b{font-weight:800;color:#34554a}.material-note{font-size:11px;line-height:1.5;color:#74837b;margin:24px 0 0}.panel-bottom{display:flex;justify-content:space-between;align-items:center;background:#eaf0eb;padding:18px 35px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#617167}.asterisk{font-size:19px;color:#8ba99a}
.management{background:#f7f8f6;padding:140px 0 0}.mg-heading{display:grid;grid-template-columns:1.7fr .7fr;gap:75px;align-items:end;margin-bottom:70px}.mg-heading h2{font-size:clamp(43px,5.6vw,87px);line-height:1.08;margin:0}.mg-heading h2 span{font-weight:400;color:#69726d}.mg-heading>p{max-width:425px;color:#62716a;font-size:18px;line-height:1.65;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9e0da}.service-grid>div{padding:40px 32px 47px;border-bottom:1px solid #d9e0da;min-height:200px}.service-grid>div:not(:nth-child(3n)){border-right:1px solid #d9e0da}.service-grid span{font-size:11px;font-weight:800;color:#96a39b}.service-grid h3{font-size:23px;font-weight:700;letter-spacing:-.8px;margin:28px 0 12px}.service-grid p{font-size:14px;line-height:1.6;color:#65736d;max-width:360px}.community-callout{display:grid;grid-template-columns:1fr 1fr;min-height:510px;margin-top:115px;background:#101c1b;color:white}.community-photo{background:url('assets/hero-dusk.webp') center / cover no-repeat;min-height:400px}.community-text{padding:70px clamp(48px,8vw,150px) 70px 78px;display:flex;flex-direction:column;justify-content:center}.community-text img{width:175px;margin-bottom:34px}.community-text p{font-size:clamp(20px,2vw,32px);line-height:1.3;letter-spacing:-.7px;font-weight:600;max-width:570px}.community-text .text-link{align-self:flex-start;margin-top:30px}
.process-section{padding:140px 0;background:#fff}.process-top h2{font-size:clamp(42px,5vw,78px);line-height:1.08;margin:0 0 80px}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dce2dd}.process-steps>div{padding:30px 21px 0 0}.process-steps b{color:#728078;font-size:13px}.process-steps h3{font-size:20px;margin:45px 0 12px;letter-spacing:-.7px}.process-steps p{color:#758078;font-size:13px;line-height:1.65;max-width:210px}
.plans{background:#f7f9f7;padding:137px 0}.plans .two-col-heading{align-items:end;margin-bottom:42px}.small-note{font-size:12px;color:#82918a;line-height:1.5}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.filter-bar button{padding:13px 20px;background:transparent;color:#7d8983;border:1px solid #d9dfda;font-size:10px;letter-spacing:1.1px;font-weight:800}.filter-bar button.active{background:#161f1b;border-color:#161f1b;color:white}.plan-cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.plan-card{background:#fff;box-shadow:0 3px 15px rgba(13,25,18,.04);min-width:0}.plan-card[hidden]{display:none!important}.plan-img{height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.plan-img img{width:100%;height:100%;object-fit:contain}.plan-large .plan-img img{padding:25px}.plan-card-info{border-top:1px solid #e7ebe7;display:flex;justify-content:space-between;gap:10px;padding:25px 24px}.plan-card-info b{font-size:12px;font-weight:800;letter-spacing:.7px}.plan-card-info div span{display:block;font-size:12px;color:#85918a;margin-top:9px;line-height:1.5}.plan-card-info>span{font-size:21px}
.portfolio{background:#fff;padding:140px 0}.portfolio .two-col-heading{align-items:end}.portfolio .two-col-heading h2{font-size:clamp(46px,5.3vw,83px)}.portfolio-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px}.portfolio-card{margin:0;position:relative;min-width:0;height:500px;background:#eaeceb;overflow:hidden}.portfolio-card img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.portfolio-card:hover img{transform:scale(1.035)}.portfolio-card figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,rgba(3,10,6,.83),transparent);color:#fff;padding:90px 23px 24px}.portfolio-card figcaption b{font-size:12px;letter-spacing:1px;display:block}.portfolio-card figcaption span{font-size:13px;color:#e4ede7;display:block;margin-top:8px}.quote{text-align:center;max-width:820px;margin:125px auto 0}.quote>span{font-family:Georgia,serif;font-size:90px;line-height:60px;color:#acbcb1}.quote blockquote{font-size:clamp(28px,3.1vw,48px);font-weight:500;line-height:1.18;letter-spacing:-1.7px;margin:0 auto 26px}.quote p{font-size:10px;letter-spacing:1.3px;color:#839188;font-weight:700}
.story{background:#18211f;color:white;padding:135px 0}.story-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end}.story h2{font-size:clamp(46px,5.1vw,83px);line-height:1.08;margin:0}.story h2 span{color:#bdc8bf}.story-copy p{font-size:19px;line-height:1.65;color:#e0e4df}.story-copy .story-note{font-size:12px;color:#9ba89f}.story-copy .text-link{margin-top:15px}.contact{background:#edf1ed;padding:145px 0}.contact h2{font-size:clamp(55px,8.1vw,128px);line-height:1.02;margin-bottom:24px}.contact>div>p:not(.eyebrow){font-size:19px;max-width:620px;color:#627167;line-height:1.7;margin-bottom:42px}.contact p.contact-meta{font-size:10px!important;letter-spacing:1.5px!important;margin:30px 0 0!important}.contact-meta span{margin:0 13px}.footer{background:#0d1312;color:#fff;padding:30px 0}.footer-inner{display:flex;align-items:center;gap:70px}.footer img{width:150px}.footer-inner>div{flex:1}.footer p{font-size:11px;font-weight:800;letter-spacing:1.3px;margin:0 0 8px}.footer span{font-size:12px;color:#9faea4;line-height:1.6}.footer small{color:#8b9a91;font-size:9px;letter-spacing:1px;text-align:right}
@media (max-width:1350px){.wrap{width:calc(100% - 104px)}.site-header{gap:18px;padding:0 44px}.main-nav{gap:16px}.main-nav a{font-size:10px}.brand{flex-basis:145px}.brand img{width:140px}.nav-cta{padding:15px 13px}.hero-content{left:52px}.cost-layout{gap:50px}}
@media (max-width:1040px){html{scroll-padding-top:78px}.site-header{height:72px;padding:0 28px;justify-content:space-between}.brand{flex:0 0 135px}.brand img{width:130px}.main-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:48px;height:44px;color:#fff;background:transparent;border:1px solid #505b56}.menu-toggle span{display:block;width:20px;height:2px;background:#fff;transition:transform .2s}.menu-toggle.opened span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.opened span:nth-child(2){opacity:0}.menu-toggle.opened span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-nav:not([hidden]){position:fixed;top:100px;right:0;left:0;z-index:30;display:flex;flex-direction:column;background:#111717;color:#fff;padding:10px 24px 25px;box-shadow:0 20px 30px rgba(0,0,0,.2);max-height:calc(100svh - 110px);overflow:auto}.mobile-nav a{font-size:13px;padding:15px 6px;border-bottom:1px solid #34403a}.wrap{width:calc(100% - 70px)}.hero-content{left:35px;width:calc(100% - 70px)}.hero h1{font-size:clamp(54px,7.7vw,86px)}.intro{padding-top:95px}.intro-grid{margin-bottom:75px}.building{height:690px}.building-content{top:22%}.two-col-heading{gap:30px}.two-col-heading h2{font-size:clamp(50px,6.5vw,80px)}.cost-layout{grid-template-columns:1fr;gap:45px}.cost-copy h2{max-width:780px}.glass-planning{max-width:700px;width:100%}.mg-heading{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid>div:nth-child(3n){border-right:1px solid #d9e0da}.service-grid>div:nth-child(2n){border-right:none}.community-text{padding:58px 46px}.community-callout{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:repeat(3,1fr);gap:15px}.plan-cards{grid-template-columns:1fr 1fr}.plan-large{grid-column:span 2}.portfolio-grid{grid-template-columns:1fr 1fr}.port-wide{grid-column:span 2}.portfolio-card{height:380px}.port-wide{height:550px}.footer-inner{gap:25px}.footer small{max-width:220px}}
@media (max-width:650px){:root{--max:100%}.wrap{width:calc(100% - 40px)}.prototype-ribbon{height:24px;font-size:8px;letter-spacing:1.3px;gap:10px}.site-header{height:68px;padding:0 20px}.brand{flex-basis:140px}.brand img{width:139px;max-height:61px}.mobile-nav:not([hidden]){top:92px}.hero{height:calc(100svh - 92px);min-height:620px;max-height:900px}.hero-media{background-position:51% center;filter:brightness(.89)}.hero-shade{background:linear-gradient(0deg,rgba(4,10,8,.88),rgba(4,8,6,.25) 89%),linear-gradient(90deg,rgba(10,16,12,.4),transparent)}.hero-content{left:20px;width:calc(100% - 40px);bottom:108px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:25px}.hero h1{font-size:clamp(42px,10.3vw,70px);letter-spacing:-.061em;line-height:1.07;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.55;margin-bottom:24px}.hero-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch}.btn{min-width:0;padding:16px 20px;width:100%;font-size:10px}.hero-bottom{left:20px;right:20px;height:48px;font-size:8px;letter-spacing:.6px}.hero-bottom>span:nth-child(2){display:none}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:23px}.intro{padding:86px 0 0}.intro h2{font-size:clamp(47px,12.4vw,74px);line-height:1.05;margin-bottom:30px}.intro-grid{display:block;margin-bottom:70px}.intro-grid p{font-size:17px;margin-bottom:28px}.service-strip{grid-template-columns:1fr 1fr;row-gap:24px;letter-spacing:.8px;padding:25px 0;font-size:9px}.service-strip span:nth-child(2){border-right:0}.building{height:660px}.building-image{background-position:56% center}.building-overlay{background:linear-gradient(90deg,rgba(4,13,12,.86),rgba(4,13,12,.26)),linear-gradient(0deg,rgba(4,13,12,.6),transparent)}.building-content{top:22%;}.building h2{font-size:clamp(44px,11vw,67px)}.building-content>p:not(.eyebrow){font-size:15px}.building .btn{width:auto;min-width:265px}.corner-label{font-size:8px;right:20px}.remodel{padding:88px 0 95px}.two-col-heading{display:block;margin-bottom:34px}.two-col-heading h2{font-size:clamp(42px,11.4vw,66px);margin-bottom:30px}.section-description,.two-col-heading .section-description{font-size:16px;line-height:1.6}.compare{aspect-ratio:1.04}.compare img{object-fit:cover}.compare-tag{top:12px;padding:9px;font-size:8px}.compare-tag.before{left:12px}.compare-tag.after{right:12px}.compare-line span{width:42px;height:42px;font-size:19px}.compare-info{padding:16px;display:block}.compare-info>div{display:block}.compare-info b{display:block;margin-bottom:8px}.compare-info>div span{font-size:11px}.compare-mini{display:none}.cost-section{padding:90px 0}.cost-copy h2{font-size:clamp(42px,11vw,62px)}.cost-copy>p:not(.eyebrow){font-size:16px}.glass-top{padding:22px 18px 19px}.glass-top h3{font-size:20px}.live-disc{font-size:8px}.tab{font-size:8px;letter-spacing:.2px;padding:17px 5px}.planning-panel{padding:18px;min-height:360px}.plan-line{grid-template-columns:15px 1fr;gap:12px;padding:14px 0}.line-name{font-size:13px}.plan-line small{grid-column:2;text-align:left;font-size:8px;margin-top:-7px}.plan-total{display:block}.plan-total span,.plan-total b{display:block;text-align:left;margin:0 0 8px}.material-th,.material-row{grid-template-columns:1.15fr .95fr 1fr;font-size:10px;gap:5px}.material-th{font-size:8px}.panel-bottom{padding:16px 18px;font-size:8px}.management{padding:95px 0 0}.mg-heading{gap:24px;margin-bottom:40px}.mg-heading h2{font-size:clamp(40px,10vw,60px)}.mg-heading>p{font-size:15px}.service-grid{grid-template-columns:1fr}.service-grid>div{min-height:0;padding:26px 7px}.service-grid>div:nth-child(n){border-right:0}.service-grid h3{font-size:22px;margin:14px 0 8px}.service-grid p{font-size:13px;margin:0}.community-callout{grid-template-columns:1fr;margin-top:85px}.community-photo{min-height:300px}.community-text{padding:46px 24px 55px}.community-text img{width:150px;margin-bottom:25px}.community-text p{font-size:23px}.process-section{padding:94px 0}.process-top h2{font-size:clamp(39px,10vw,58px);margin-bottom:40px}.process-steps{grid-template-columns:1fr 1fr;gap:0}.process-steps>div{padding:24px 15px 15px 0;border-bottom:1px solid #e1e5e1}.process-steps h3{font-size:17px;margin:20px 0 7px}.process-steps p{font-size:12px}.plans{padding:95px 0}.filter-bar{gap:7px}.filter-bar button{padding:10px;font-size:9px}.plan-cards{grid-template-columns:1fr;gap:14px}.plan-large{grid-column:auto}.plan-img{height:230px}.plan-large .plan-img img{padding:16px}.plan-card-info{padding:18px}.plan-card-info b{font-size:11px}.portfolio{padding:95px 0}.portfolio-grid{grid-template-columns:1fr;gap:13px}.port-wide{grid-column:auto;height:360px}.portfolio-card{height:355px}.quote{margin-top:85px}.quote blockquote{font-size:30px}.story{padding:85px 0}.story-inner{grid-template-columns:1fr;gap:25px}.story h2{font-size:clamp(43px,10vw,62px)}.story-copy p{font-size:16px}.contact{padding:98px 0}.contact h2{font-size:clamp(47px,11vw,72px)}.contact>div>p:not(.eyebrow){font-size:16px}.contact .btn{width:100%}.contact p.contact-meta{font-size:9px!important;line-height:1.8;overflow-wrap:anywhere}.footer-inner{display:block}.footer img{margin-bottom:25px}.footer-inner>div{margin-bottom:22px}.footer small{font-size:8px;max-width:none;text-align:left;display:block}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Photo-linked homeowner planning example */
.planning-project-banner{position:relative;height:148px;overflow:hidden;background:#dfe6df}
.planning-project-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:brightness(.69)}
.planning-project-banner>div{position:absolute;left:28px;bottom:21px;color:white;display:flex;flex-direction:column;gap:7px}
.planning-project-banner span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#e3eae4}
.planning-project-banner b{font-size:17px;letter-spacing:-.3px}
@media(max-width:650px){.planning-project-banner{height:116px}.planning-project-banner>div{left:18px;bottom:15px}.planning-project-banner b{font-size:15px}.planning-project-banner span{font-size:8px}}
@media(max-width:360px){.contact h2{font-size:39px;overflow-wrap:break-word}}

/* Woodlight Homes / future-forward multi-page review experience */
[hidden]{display:none!important}
:root{--future-green:#18221f;--paper:#f5f6f3;--teal-grey:#66756b;--line:#dce2dc}
body{overflow-x:hidden}
button, input,select,textarea{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8fb2a5;outline-offset:3px}
.menu-group-title{padding:23px 7px 5px;color:#94b09e;font-size:10px;letter-spacing:1.85px;font-weight:800}
.mobile-nav a{display:block}
.footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;width:100%;justify-content:flex-end}
.footer-nav a{font-size:9px;color:#c8d2c8;letter-spacing:1.1px;font-weight:700;white-space:nowrap}
.footer-inner>div.footer-nav{flex:0 1 260px}
.route-view{min-height:80vh;background:#fefefe;animation:route-in .26s ease}
@keyframes route-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
.route-hero{height:620px;position:relative;background:#18201e;color:#fff;overflow:hidden;display:flex;align-items:end}
.route-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.89) contrast(1.02)}
.route-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,14,13,.84),rgba(9,14,13,.38) 57%,rgba(9,14,13,.04)),linear-gradient(0deg,rgba(9,14,13,.75),transparent 56%)}
.route-hero-plain{height:420px;background:linear-gradient(130deg,#101917,#27392e)}
.route-hero-plain .route-hero-shade{background:radial-gradient(ellipse at 82% 45%,rgba(179,205,179,.18),transparent 48%)}
.route-hero-content{z-index:1;position:relative;padding-bottom:55px}
.route-hero-content h1{font-size:clamp(49px,6.4vw,101px);line-height:1.015;letter-spacing:-.063em;margin:0 0 25px;max-width:1100px}
.route-hero-content h1 em{color:#e0e5df;font-weight:350;font-style:normal}
.route-hero-content>p:not(.eyebrow){font-size:clamp(15px,1.45vw,20px);line-height:1.65;color:#e0e6e0;max-width:720px;margin-bottom:50px}
.route-hero-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:19px;border-top:1px solid rgba(255,255,255,.3);font-size:10px;letter-spacing:1.45px;font-weight:800;color:#d9e3db}
.route-section{padding:105px 0}
.route-section:nth-child(odd){background:#f6f7f5}
.route-intro{max-width:1120px;margin:0 0 55px}
.route-intro h2{font-size:clamp(44px,5.5vw,83px);line-height:1.07;margin:0 0 20px;letter-spacing:-.056em}
.route-intro h2 span,.route-split-title h2 span{font-weight:400;color:#849089}
.route-intro>p:not(.eyebrow){font-size:clamp(16px,1.55vw,21px);line-height:1.7;color:#59645d;max-width:780px}
.feature-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe4df;border:1px solid #dfe4df}
.feature-tiles.columns-3{grid-template-columns:repeat(3,1fr)}
.feature-tile{background:#fff;padding:33px 29px 45px;min-height:230px}
.feature-tile>span{font-size:11px;color:#7f8e84;letter-spacing:1px;font-weight:800}
.feature-tile h3{font-size:25px;letter-spacing:-.04em;line-height:1.15;margin:36px 0 14px}
.feature-tile p{color:#667268;font-size:14px;line-height:1.67;max-width:400px;margin:0}
.editorial-panel{display:grid;grid-template-columns:1.15fr .85fr;min-height:480px;background:#e9eeea;box-shadow:0 8px 30px rgba(15,30,20,.045);overflow:hidden}
.editorial-panel.image-right{grid-template-columns:.85fr 1.15fr}
.editorial-panel.image-right .editorial-photo{order:2}
.editorial-photo{background:#d0dcd1;min-height:440px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.editorial-photo>img{height:100%;width:100%;object-fit:cover}
.editorial-photo>img[src$="elevation-reference.webp"],.editorial-photo>img[src$="materials-planning-reference.webp"]{object-fit:contain;padding:10px;background:#e9ebe8}
.editorial-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(35px,5vw,85px)}
.editorial-copy h3{font-size:clamp(34px,3.5vw,58px);line-height:1.06;margin-bottom:25px;letter-spacing:-.055em}
.editorial-copy p:not(.eyebrow){font-size:17px;line-height:1.7;color:#58635c;max-width:485px;margin-bottom:28px}
.route-cta{background:#19231f;color:#fff;padding:100px 0 110px}
.route-cta h2{font-size:clamp(46px,6vw,92px);line-height:1.06;max-width:1100px;margin-bottom:24px}
.route-cta p:not(.eyebrow){max-width:700px;font-size:18px;color:#c4d1c6;line-height:1.7;margin-bottom:35px}
.community-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:#f1f4ef;padding:55px}
.community-panel>div{padding:25px}
.community-panel>div>img{width:255px;margin:0 0 37px;mix-blend-mode:multiply}
.community-panel h2{font-size:clamp(37px,4vw,63px);line-height:1.07;margin:15px 0 23px}
.community-panel p:not(.eyebrow){color:#536258;font-size:16px;line-height:1.7;max-width:650px}
.community-panel>img{height:470px;width:100%;object-fit:cover;background:#fff}
.route-split-title{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin:0 0 35px}
.route-split-title h2{font-size:clamp(42px,5vw,70px);line-height:1.05}
.route-split-title>p{font-size:17px;line-height:1.7;color:#65716a}
.cost-feature-photo{height:420px;position:relative;overflow:hidden;background:#233629;margin-top:40px}
.cost-feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.85)}
.cost-feature-photo>div{position:absolute;left:60px;bottom:44px;color:white}
.cost-feature-photo h3{font-size:54px;line-height:1.02;letter-spacing:-.055em;margin:0 0 12px}
.cost-feature-photo p:not(.eyebrow){font-size:16px;margin:0;color:#e5ece4}
.estimate-panel{background:#fff;border:1px solid #dee3dd;box-shadow:0 20px 60px rgba(18,32,25,.07);padding:35px 45px}
.estimate-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;border-bottom:1px solid #e1e6df}
.estimate-header p{font-size:10px;letter-spacing:1.65px;font-weight:800;color:#69766e;margin:0}
.estimate-header button{border:1px solid #d5ded4;background:#f4f7f3;padding:10px 15px;font-size:10px;letter-spacing:1px;font-weight:800}
.cost-input-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 0;border-bottom:1px solid #e6ebe5}
.cost-input-row label{min-width:0;flex:1}
.cost-input-row label b{font-size:16px;display:block;margin-bottom:6px}
.cost-input-row label small{font-size:12px;color:#7a887e}
.money-control{display:flex;align-items:center;border:1px solid #cfd8cf;min-width:205px;width:205px}
.money-control span{background:#eff3ef;padding:12px;font-weight:700;color:#738275}
.money-control input{border:0;padding:13px 12px;width:100%;min-width:0;background:#fff;color:#202b24;font-size:16px;text-align:right}
.estimate-total{background:#192721;color:white;margin-top:30px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.estimate-total span{font-size:12px;letter-spacing:1px;font-weight:800}
.estimate-total small{font-size:11px;color:#adbeb0;display:block;margin-top:7px}
.estimate-total output{font-size:38px;font-weight:800;letter-spacing:-.07em}
.measure-table-wrap{overflow-x:auto}
.measure-table{width:100%;border-collapse:collapse;background:#fff;min-width:600px;font-variant-numeric:tabular-nums}
.measure-table th{color:#eaf1eb;background:#21302a;font-size:11px;letter-spacing:1px;padding:18px;text-align:left}
.measure-table td{padding:22px 18px;border-bottom:1px solid #e4e9e4;color:#354238;font-size:15px}
.measure-table tbody tr:nth-child(even){background:#f5f8f5}
.measure-table-wrap .small-note{line-height:1.7;padding:18px 0}
.route-filter{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 35px}
.route-filter button{border:1px solid #d2dbd3;background:transparent;padding:14px 19px;letter-spacing:1.1px;font-weight:800;color:#637068;font-size:10px}
.route-filter button.active{color:white;background:#1d2922;border-color:#1d2922}
.route-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.route-plan-card{background:#fff;border:1px solid #e5e9e3;overflow:hidden}
.route-plan-card[hidden]{display:none!important}
.route-plan-media{height:330px;background:#f2f4f2;display:flex;align-items:center;justify-content:center;padding:23px}
.route-plan-media img{width:100%;height:100%;object-fit:contain}
.route-plan-card>div:last-child{padding:22px 26px 26px}
.route-plan-card h3{font-size:22px;margin:0 0 9px}
.route-plan-card p{color:#7c887d;font-size:13px;line-height:1.6;margin:0}
.picture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.gallery-item{background:#dee4dd;border:0;padding:0;position:relative;display:block;overflow:hidden;min-height:280px;height:320px;text-align:left}
.gallery-item[hidden]{display:none!important}
.gallery-item img{height:100%;width:100%;object-fit:cover;transition:transform .35s ease}
.gallery-item:hover img{transform:scale(1.045)}
.gallery-caption{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#fff;padding:50px 21px 19px;font-size:13px;font-weight:700;text-shadow:0 1px 8px #222}
.gallery-caption b{font-size:22px}
.photo-modal{width:min(94vw,1200px);max-height:94vh;position:fixed;border:0;background:#0b100d;color:white;padding:32px;box-shadow:0 25px 100px #0008}
.photo-modal::backdrop{background:#0b100dee}
.photo-modal img{width:100%;max-height:76vh;object-fit:contain;margin:auto}
.photo-modal>button{background:white;color:#18231c;position:absolute;right:10px;top:9px;width:38px;height:38px;border:0;font-size:19px;z-index:2}
.photo-modal p{text-align:center;color:#d7dfd7;font-size:13px;margin:14px 0 0}
.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.people-grid article{background:white;border:1px solid #e5e9e4;padding:22px 22px 35px}
.profile-placeholder{background:linear-gradient(145deg,#ced8cf,#e7ede5);height:310px;display:grid;place-content:center;text-align:center;margin-bottom:30px;color:#344238}
.profile-placeholder span{font-weight:300;font-size:85px;line-height:1;letter-spacing:-.1em}
.profile-placeholder p{font-size:10px;letter-spacing:1.3px;margin-top:25px;color:#68776a}
.people-grid article h3{font-size:32px;margin:0 0 12px}
.people-grid article>p:not(.eyebrow){font-size:15px;color:#657068;line-height:1.7}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.testimonial-grid blockquote{background:#fff;padding:35px 38px;margin:0;border:1px solid #e3e9e3;display:flex;flex-direction:column}
.testimonial-grid blockquote>span{font-size:80px;line-height:.7;color:#a6b9a7;font-family:Georgia,serif;margin-bottom:20px}
.testimonial-grid blockquote p{font-size:16px;line-height:1.73;color:#374339;flex:1}
.testimonial-grid blockquote footer{font-size:11px;letter-spacing:1.1px;font-weight:800;color:#516758;margin-top:20px}
.faqs-list{max-width:1020px;margin:0 auto}
.faq-row{border-bottom:1px solid #ccd6cd;background:#fff}
.faq-row:first-child{border-top:1px solid #ccd6cd}
.faq-row summary{list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px 20px;font-size:18px;font-weight:700;cursor:pointer}
.faq-row summary::-webkit-details-marker{display:none}
.faq-row summary span{color:#7a9680;font-size:25px;transition:transform .2s}
.faq-row[open] summary span{transform:rotate(45deg)}
.faq-row p{color:#526359;font-size:15px;line-height:1.72;max-width:820px;margin:0;padding:0 25px 28px}
.faqs-list+.small-note{max-width:1020px;margin:25px auto}
.faqs-list+.small-note a{text-decoration:underline}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.insight-card{background:white;padding:30px;min-height:270px;border:1px solid #e4e9e4;display:flex;flex-direction:column}
.insight-card small{font-size:10px;color:#7c9384;letter-spacing:1.15px;font-weight:800}
.insight-card h3{font-size:25px;margin:23px 0 15px;letter-spacing:-.05em}
.insight-card p{font-size:14px;line-height:1.7;color:#68776b;flex:1}
.insight-card span{font-size:10px;letter-spacing:1px;color:#85998b;font-weight:800;margin-top:20px}
.vendor-placeholder{background:#101915;color:#fff;text-align:center;padding:95px 55px}
.vendor-placeholder>span{font-size:10px;letter-spacing:2px;color:#a0b2a7}
.vendor-placeholder h2{font-size:clamp(38px,5vw,72px);line-height:1.08;margin:30px 0 20px}
.vendor-placeholder>p{color:#a8b9aa;line-height:1.7;max-width:700px;margin:0 auto 60px}
.vendor-ghosts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vendor-ghosts>div{border:1px dashed #567160;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;font-weight:300;letter-spacing:2px;color:#aac0ad}
.vendor-ghosts small{display:block;color:#7d9784;font-size:8px;letter-spacing:1px;margin-top:15px}
.partner-inquiry{display:flex;align-items:center;gap:40px;justify-content:space-between;background:#edf1eb;padding:40px 50px}
.partner-inquiry h2{font-size:34px;margin:0 0 12px}
.partner-inquiry p{font-size:15px;color:#677468;max-width:600px;line-height:1.6;margin:0}
.contact-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.contact-detail-grid p{line-height:1.85}
.contact-detail-grid a[href^="mailto:"]{text-decoration:underline}
.contact-actions{display:flex;flex-direction:column;gap:14px;padding-top:25px}
.contact-actions>a{display:block;padding:25px 28px;border:1px solid #dce3db;transition:background .2s;background:white}
.contact-actions>a:hover{background:#eef4ed}
.contact-actions a>b,.contact-actions a>span{display:block}
.contact-actions a>b{font-size:15px;letter-spacing:.5px;margin-bottom:9px}
.contact-actions a>span{font-size:12px;color:#7a897c}
.quote-wrapper{display:grid;grid-template-columns:1.6fr .7fr;gap:40px;align-items:start}
.quote-wrapper form{background:white;border:1px solid #dfe7de;padding:35px}
.quote-wrapper aside{background:#eff3ee;padding:30px}
.quote-wrapper aside h3{font-size:29px;margin-bottom:15px}
.quote-wrapper aside p{font-size:15px;line-height:1.8;color:#56675a}
.quote-wrapper aside img{margin:25px 0;width:100%;object-fit:cover}
.quote-wrapper form label{display:block;font-size:13px;font-weight:700;letter-spacing:.1px;line-height:1.5}
.quote-wrapper form label>span,.quote-wrapper form .agree>span{color:#ad5445}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.quote-wrapper input:not([type="checkbox"]),.quote-wrapper select,.quote-wrapper textarea{width:100%;background:#f9fbf8;border:1px solid #d8e1d7;padding:13px;font-size:14px;margin:8px 0 22px;color:#263329;border-radius:0}
.quote-wrapper fieldset{margin:6px 0 23px;padding:21px;border:1px solid #dfe6df}
.quote-wrapper legend{font-size:13px;font-weight:800}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check-grid label{font-weight:500!important;font-size:13px!important}
.check-grid input{accent-color:#243a2a}
.quote-wrapper .agree{display:flex;align-items:flex-start;gap:10px;margin:23px 0;font-weight:500}
.quote-wrapper .agree input{margin-top:3px;flex:0 0 auto}
.prototype-note{background:#e9f0e8;color:#3b5945;padding:17px 20px;border-left:3px solid #6c9880;font-size:12px;line-height:1.65}
.form-feedback{font-size:13px;color:#3d644c;margin:20px 0 0}
.policy-content{background:white;border:1px solid #e2e7e1;padding:50px;max-width:1070px}
.policy-content h3{font-size:24px;letter-spacing:-.035em;margin-top:36px;margin-bottom:11px}
.policy-content p{color:#59665e;line-height:1.8;font-size:15px;max-width:880px}
.policy-content p a{text-decoration:underline}
.legal-logo{max-width:340px;margin-bottom:40px}
@media(max-width:1300px){.footer-nav{justify-content:flex-start}.footer-inner{flex-wrap:wrap}.footer-inner>div.footer-nav{flex-basis:100%}}
@media(max-width:1040px){.route-hero{height:565px}.route-hero-content h1{font-size:clamp(50px,7vw,76px)}.feature-tiles{grid-template-columns:1fr 1fr}.feature-tiles.columns-3{grid-template-columns:1fr 1fr}.route-split-title{grid-template-columns:1fr;gap:10px}.editorial-panel{grid-template-columns:1fr 1fr}.community-panel{padding:28px}.community-panel>div{padding:15px}.community-panel>img{height:350px}.picture-grid{grid-template-columns:1fr 1fr}.insights-grid{grid-template-columns:1fr 1fr}.quote-wrapper{grid-template-columns:1.4fr .7fr;gap:25px}}
@media(max-width:650px){.route-hero{height:calc(82svh - 88px);min-height:545px;max-height:740px}.route-hero-plain{min-height:350px;height:390px}.route-hero-content{padding-bottom:35px}.route-hero-content h1{font-size:clamp(43px,11vw,67px);line-height:1.07;overflow-wrap:break-word}.route-hero-content>p:not(.eyebrow){font-size:14px;margin-bottom:25px}.route-hero-bottom{font-size:8px;letter-spacing:.5px}.route-section{padding:75px 0}.route-intro{margin-bottom:35px}.route-intro h2{font-size:clamp(40px,11vw,58px)}.route-intro>p:not(.eyebrow){font-size:16px}.feature-tiles,.feature-tiles.columns-3{grid-template-columns:1fr}.feature-tile{min-height:0;padding:25px 24px 28px}.feature-tile h3{font-size:23px;margin:15px 0 8px}.editorial-panel,.editorial-panel.image-right{grid-template-columns:1fr}.editorial-panel.image-right .editorial-photo{order:0}.editorial-photo{min-height:275px;height:320px}.editorial-copy{padding:35px 28px}.editorial-copy h3{font-size:36px}.editorial-copy p:not(.eyebrow){font-size:15px}.route-cta{padding:80px 0}.route-cta h2{font-size:45px}.route-cta p:not(.eyebrow){font-size:16px}.community-panel{display:block;padding:20px}.community-panel>div{padding:10px}.community-panel h2{font-size:39px}.community-panel>div>img{max-width:200px}.community-panel>img{height:250px;margin-top:25px}.route-split-title h2{font-size:44px}.route-split-title>p{font-size:15px}.cost-feature-photo{height:290px}.cost-feature-photo>div{left:21px;bottom:24px;right:15px}.cost-feature-photo h3{font-size:38px}.cost-feature-photo p:not(.eyebrow){font-size:13px}.estimate-panel{padding:22px 18px}.cost-input-row{display:block}.cost-input-row label b{font-size:15px}.money-control{margin-top:10px;width:100%;min-width:0}.estimate-total{display:block;padding:24px 18px}.estimate-total output{margin-top:15px;display:block;font-size:35px}.measure-table th{padding:13px;font-size:10px}.measure-table td{font-size:13px;padding:15px}.route-filter{gap:7px}.route-filter button{font-size:9px;padding:10px}.route-plan-grid{grid-template-columns:1fr}.route-plan-media{height:250px}.picture-grid{grid-template-columns:1fr 1fr;gap:7px}.gallery-item{height:210px;min-height:0}.gallery-caption{font-size:10px;padding:40px 9px 12px}.people-grid{grid-template-columns:1fr}.profile-placeholder{height:260px}.testimonial-grid{grid-template-columns:1fr}.testimonial-grid blockquote{padding:26px}.testimonial-grid blockquote p{font-size:15px}.faq-row summary{font-size:15px;padding:20px 13px}.faq-row p{font-size:14px;padding:0 13px 20px}.insights-grid{grid-template-columns:1fr}.insight-card{min-height:0}.vendor-placeholder{padding:55px 18px}.vendor-placeholder h2{font-size:39px}.vendor-ghosts{grid-template-columns:1fr 1fr;gap:7px}.vendor-ghosts>div{font-size:15px;height:85px;min-height:0}.partner-inquiry{display:block;padding:26px}.partner-inquiry h2{font-size:28px}.partner-inquiry .btn{margin-top:23px}.contact-detail-grid{grid-template-columns:1fr;gap:15px}.quote-wrapper{grid-template-columns:1fr}.quote-wrapper form{padding:20px 15px}.quote-wrapper aside{order:2}.form-row{grid-template-columns:1fr;gap:0}.check-grid{grid-template-columns:1fr}.policy-content{padding:23px}.policy-content h3{font-size:21px}.policy-content p{font-size:14px}.footer-nav{gap:13px}.footer-nav a{font-size:9px}.photo-modal{padding:28px 8px 15px}.photo-modal p{font-size:11px}}

/* WordPress staging: owner-approved preview ribbon removed */
.prototype-ribbon {display:none !important;}
.site-header{top:0!important;}

/* Mobile menu aligns with header after hiding the private label. */
@media (max-width:650px) {.mobile-nav:not([hidden]) {top:68px!important} .hero {height:calc(100svh - 68px);}}

/* Manufacturer showcase: usable on color and grayscale displays */
.wh-vendor-library{background:#fbfbfa;color:#111;padding-top:72px;padding-bottom:95px}
.wh-vendor-library h2{margin:12px 0 16px;font-size:clamp(32px,5vw,64px);line-height:1.04;letter-spacing:-.04em}
.wh-vendor-library h2 span{color:#777}
.wh-vendor-disclaimer{max-width:900px;line-height:1.7;color:#575d5b;margin-bottom:45px;font-size:14px}
.wh-vendor-category{margin:42px 0 0}
.wh-vendor-category h3{font-size:15px;text-transform:uppercase;letter-spacing:.13em;padding-bottom:14px;border-bottom:1px solid #d8dad7;margin-bottom:17px}
.wh-vendor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wh-vendor-card{background:white;border:1px solid #e4e5e2;min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;gap:12px}
.wh-vendor-card img{display:block;width:100%;height:75px;object-fit:contain;filter:grayscale(100%)}
.wh-vendor-card span{font-size:11px;text-transform:uppercase;color:#666;letter-spacing:.07em;text-align:center}
.wh-vendor-card:hover img{filter:none}
.wh-home-vendors{padding:72px 0;background:#fff;color:#111}
.wh-home-vendors h2{font-size:clamp(25px,3.8vw,48px);letter-spacing:-.035em;margin:15px 0 24px}
.wh-home-vendor-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:25px 0}
.wh-home-vendor-strip img{height:70px;width:100%;object-fit:contain;filter:grayscale(100%);padding:8px}
@media(max-width:800px){.wh-vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-home-vendor-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.wh-vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-vendor-card{min-height:130px;padding:12px}.wh-vendor-card img{height:55px}}

/* Navigation integrity: author display rules must never override hidden routes. */
[data-route-view][hidden], [data-plan-kind][hidden], [data-gallery-item][hidden], [data-plan][hidden] {display:none!important;}

/* 2026.10 - Manufacturer gallery: true full-width block and large, legible logos. */
.route-view .wh-vendor-library{display:block;width:100%;max-width:none;clear:both;padding:95px 0 110px;background:#f7f8f7}
.route-view .wh-vendor-library>.wrap{width:min(1320px,calc(100% - 88px));max-width:1320px;margin-inline:auto}
.wh-vendor-library h2{max-width:920px;font-size:clamp(42px,5.2vw,76px);line-height:1.06}
.wh-vendor-disclaimer{font-size:15px;max-width:900px;margin-bottom:58px}
.wh-vendor-category{margin:52px 0 0;clear:both}
.wh-vendor-category h3{font-size:16px;margin:0 0 22px;padding:0 0 16px}
.wh-vendor-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px;width:100%}
.wh-vendor-card{min-width:0;min-height:225px;padding:25px 20px 21px;gap:18px;border:1px solid #dce0db;box-shadow:0 2px 12px rgba(15,25,20,.035);border-radius:3px}
.wh-vendor-card img{height:122px!important;width:100%;max-width:250px;object-fit:contain;filter:none!important}
.wh-vendor-card span{font-size:13px!important;letter-spacing:.045em;line-height:1.4;color:#28302a;font-weight:600;white-space:normal;overflow-wrap:normal;word-break:normal}
.wh-home-vendor-strip img{height:100px;filter:none!important}
@media(max-width:1020px){.wh-vendor-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.route-view .wh-vendor-library>.wrap{width:calc(100% - 60px)}}
@media(max-width:700px){.wh-vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px}.wh-vendor-card{min-height:175px;padding:18px 12px}.wh-vendor-card img{height:90px!important}.wh-vendor-card span{font-size:11px!important}.route-view .wh-vendor-library>.wrap{width:calc(100% - 34px)}.route-view .wh-vendor-library{padding:65px 0 75px}}
@media(max-width:370px){.wh-vendor-grid{grid-template-columns:1fr!important}.wh-vendor-card img{height:110px!important}}

/* Complete manufacturer gallery, 2026 */
.wh-vendor-library {background:#f5f6f5 !important;}
.wh-vendor-library .wrap {max-width:1440px !important;width:calc(100% - 72px) !important;margin:auto !important;}
.wh-vendor-library .wh-vendor-grid-all {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:24px !important;}
.wh-vendor-library .wh-vendor-card {min-height:260px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:20px !important;padding:30px !important;background:#fff !important;border:1px solid #ddd !important;}
.wh-vendor-library .wh-vendor-card img {display:block !important;width:100% !important;max-width:285px !important;height:118px !important;max-height:118px !important;object-fit:contain !important;filter:none !important;opacity:1 !important;}
.wh-vendor-library .wh-vendor-card span {text-align:center !important;font-size:13px !important;letter-spacing:.09em !important;line-height:1.4 !important;white-space:normal !important;}
.wh-vendor-library .wh-vendor-category {margin-top:58px !important;}
.wh-vendor-library .wh-vendor-category h3 {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.wh-vendor-count {font-size:11px;letter-spacing:.1em;font-weight:600;color:#777;}
@media(max-width:850px){.wh-vendor-library .wh-vendor-grid-all{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}.wh-vendor-library .wh-vendor-card{min-height:220px !important}.wh-vendor-library .wrap{width:calc(100% - 38px) !important}}
@media(max-width:510px){.wh-vendor-library .wh-vendor-grid-all{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}.wh-vendor-library .wh-vendor-card{padding:15px 9px !important;min-height:165px !important;gap:12px !important}.wh-vendor-library .wh-vendor-card img{height:75px !important;max-height:75px !important}.wh-vendor-library .wh-vendor-card span{font-size:10px !important}.wh-vendor-library .wrap{width:calc(100% - 24px) !important}}

/* Woodlight main navigation: the Homebuilding label and WH logo both open /home. */
.main-nav{gap:clamp(10px,1.55vw,25px);height:100%;align-items:center}
.main-nav .nav-group{position:relative;display:flex;align-items:center;gap:2px;height:100%;min-width:0}
.main-nav .nav-group-link{display:inline-flex;align-items:center;height:100%;font-size:10px;letter-spacing:.03em}
.nav-dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#d9dfdc;font-size:18px;padding:8px 5px;cursor:pointer}
.nav-dropdown{position:absolute;top:calc(100% - 1px);left:-15px;width:245px;padding:12px 0;background:#151c1a;border:1px solid #3c4541;box-shadow:0 18px 35px rgba(0,0,0,.27);visibility:hidden;opacity:0;transform:translateY(7px);transition:opacity .16s,transform .16s,visibility .16s;z-index:60;pointer-events:none}
.main-nav .nav-dropdown a{display:block;height:auto;white-space:normal;padding:13px 18px;font-size:11px;line-height:1.25;color:#e4e7e5}
.main-nav .nav-dropdown a:hover,.main-nav .nav-dropdown a:focus-visible{background:#29352f;color:#fff}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-group.menu-open .nav-dropdown{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.main-nav .nav-group>a[aria-current="page"]{color:#fff}
@media(max-width:1170px){.site-header{gap:18px;padding-left:25px;padding-right:25px}.main-nav{gap:9px}.main-nav .nav-group-link{font-size:9px}.nav-cta{padding:12px 14px;gap:8px}.brand{flex-basis:146px}.brand img{width:144px}}
@media(max-width:1040px){.main-nav{display:none}}
/* Manufacturer wall stays full width, large and legible, with no vendor-count badges. */
.wh-vendor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wh-vendor-card{min-height:205px;padding:25px;gap:16px}
.wh-vendor-card img{width:100%;height:110px;max-width:270px;object-fit:contain;filter:none}
.wh-vendor-card span{font-size:12px;line-height:1.4;letter-spacing:.03em}
@media(max-width:780px){.wh-vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wh-vendor-card{min-height:165px;padding:16px}.wh-vendor-card img{height:90px}}
@media(max-width:430px){.wh-vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wh-vendor-card{padding:10px;min-height:142px}.wh-vendor-card img{height:75px}.wh-vendor-card span{font-size:10px}}

/* COMPLETE WOODLIGHT HOMES RELEASE / October 2026 */
[hidden]{display:none!important}
.building-image{background-image:url('assets/home-no-car.webp');background-position:center 48%}
/* Readable top-level nav with keyboard and touchscreen submenu controls. */
.main-nav{gap:clamp(7px,1.05vw,18px)}
.nav-dropdown{min-width:245px}
.nav-dropdown a{white-space:normal!important}
.nav-group{isolation:isolate}
.nav-group:focus-within{z-index:45}
.nav-dropdown-toggle{min-width:26px;min-height:42px}
/* Each manufacturer card has a large logo; no totals, badges, or counters. */
.wh-vendor-section{width:100%;max-width:none}
.wh-vendor-grid,.wh-vendor-grid-all{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}
.wh-vendor-card{min-height:225px;padding:28px 22px 21px;gap:19px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}
.wh-vendor-card img{display:block;width:100%;height:132px;max-width:290px;object-fit:contain;filter:none}
.wh-vendor-card span{font-size:12px;letter-spacing:.045em;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere}
.wh-vendor-count,.vendor-count,.brand-count,.category-count{display:none!important}
.mobile-nav[hidden]{display:none!important}
.mobile-nav .mobile-nav-inner{width:100%;padding:10px 0 38px}
.mobile-nav details{border-bottom:1px solid #37423e}
.mobile-nav summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 8px;cursor:pointer;font-size:13px;letter-spacing:.1em;font-weight:750}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary span{font-size:18px;color:#a0bbaa}
.mobile-nav details[open] summary span{transform:rotate(45deg)}
.mobile-nav .mobile-submenu{background:#1b2522;padding:3px 16px 13px}
.mobile-nav .mobile-submenu a{display:block;color:#dde6de;font-size:13px;padding:13px 4px;border-bottom:1px solid #37423e}
.mobile-nav .mobile-submenu a:last-child{border-bottom:0}
.mobile-nav .mobile-nav-home,.mobile-nav .mobile-quote-link{font-weight:750;letter-spacing:.09em;color:#fff;padding:18px 8px;display:flex;justify-content:space-between}
.mobile-nav .mobile-quote-link{background:#e8eee9;color:#142019;margin:20px 0 0;padding:16px}
@media(max-width:1040px){.mobile-nav:not([hidden]){top:72px;max-height:calc(100svh - 72px);padding:0 28px}}
@media(max-width:650px){.mobile-nav:not([hidden]){top:68px;max-height:calc(100svh - 68px);padding:0 20px}}
@media(max-width:780px){.wh-vendor-grid,.wh-vendor-grid-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wh-vendor-card{min-height:185px;padding:19px}.wh-vendor-card img{height:105px;max-width:230px}}
@media(max-width:430px){.wh-vendor-grid,.wh-vendor-grid-all{gap:9px}.wh-vendor-card{min-height:152px;padding:12px;gap:12px}.wh-vendor-card img{height:87px}.wh-vendor-card span{font-size:10px}}
/* Existing WordPress form styling when WPForms has an approved form available. */
.wh-wpforms-container{width:100%;max-width:760px;padding:25px;background:#fff;border:1px solid #dfe4df}
.wh-wpforms-container .wpforms-container{width:100%}
.wh-form-fallback{padding:40px 25px;background:#f5f7f4;border:1px solid #dce1dc}
.wh-form-fallback h3{font-size:25px;margin:0 0 18px}
.wh-form-fallback p{font-size:16px;line-height:1.6}
.wh-form-fallback .btn{display:inline-flex;width:auto}
@media(max-width:650px){.wh-wpforms-container{padding:10px}.wh-form-fallback{padding:20px}}


/* WOODLIGHT HOMES | Modern full-view homepage + logo-triggered megamenu */
/* Keep the original composite WH WOODLIGHT HOMES logo asset intact. */
.site-header{height:78px;gap:clamp(13px,2.1vw,30px);padding-inline:clamp(22px,4.2vw,76px);background:#101515;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.site-header .brand{flex:0 0 146px;height:100%;z-index:75;display:flex;align-items:center}
.site-header .brand img{width:143px;height:auto;max-height:59px;object-fit:contain;opacity:.98;transition:opacity .2s ease,transform .2s ease}
.site-header .brand:hover img,.site-header .brand:focus-visible img{opacity:1;transform:translateY(-1px)}
.main-nav{gap:clamp(8px,1.2vw,21px)}
.main-nav .nav-group-link{font-size:10px;letter-spacing:.075em;font-weight:750}
.nav-cta{font-size:10px;padding:15px 19px;border-color:rgba(255,255,255,.5)}
/* Full-width cinematic hero: shows more architecture, sky and landscaping. */
.hero{height:clamp(700px,calc(100svh - 78px),900px);min-height:700px;background:#1b2623}
.hero-media{background-image:url('assets/hero-full-view.webp')!important;background-position:center center!important;background-size:cover!important;transform:none!important;filter:none!important}
.hero-shade{background:linear-gradient(90deg,rgba(8,13,12,.74) 0%,rgba(9,14,12,.53) 33%,rgba(9,14,12,.17) 67%,rgba(9,14,12,.03) 100%),linear-gradient(0deg,rgba(6,9,7,.79) 0%,transparent 39%,rgba(9,13,13,.06) 100%)}
.hero-content{bottom:clamp(120px,16vh,165px);width:min(1100px,calc(100% - 104px));left:max(calc((100% - var(--max))/2),clamp(35px,4.2vw,76px))}
.hero h1{font-size:clamp(61px,6.1vw,104px);line-height:1.01;letter-spacing:-.062em;max-width:1100px;text-wrap:balance}
.hero .hero-description{max-width:660px}
.hero-bottom{left:4.2%;right:4.2%;font-size:11px}
/* Hidden until hovering the ORIGINAL logo or focusing the site-wide menu. */
.wh-mega-menu{position:absolute;top:calc(100% - 1px);left:0;right:0;background:#121917;color:#eff2ee;box-shadow:0 24px 58px rgba(0,0,0,.42);border-top:1px solid rgba(255,255,255,.13);z-index:65;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .16s ease,transform .16s ease,visibility .16s;max-height:calc(100vh - 78px);overflow:auto}
.site-header.mega-open .wh-mega-menu,.wh-mega-menu:focus-within{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.wh-mega-inner{width:min(1570px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(220px,1.15fr) repeat(4,minmax(135px,1fr));gap:clamp(18px,3vw,52px);padding:48px 0 55px}
.wh-mega-feature{padding:0 33px 0 0;border-right:1px solid rgba(255,255,255,.15)}
.wh-mega-kicker{color:#9ca9a0;display:block;font-size:10px;letter-spacing:.17em;font-weight:800;margin-bottom:24px}
.wh-mega-feature strong{font-size:clamp(31px,3.3vw,52px);line-height:.99;letter-spacing:-.055em;display:block;font-weight:800}
.wh-mega-feature strong em{font-weight:300;font-style:normal;color:#b3bfb7}
.wh-mega-feature p{font-size:13px;line-height:1.65;color:#b8c2ba;max-width:240px;margin:20px 0 19px}
.wh-mega-home{font-weight:800;letter-spacing:.11em;font-size:10px;padding-block:12px;border-bottom:1px solid rgba(255,255,255,.3);display:inline-flex;gap:24px}
.wh-mega-col h3{font-size:11px!important;font-weight:800!important;letter-spacing:.13em!important;color:#a5b6a7!important;margin:0 0 20px!important;line-height:1.35}
.wh-mega-col h3.wh-mega-secondary-heading{margin-top:32px!important;margin-bottom:15px!important}
.wh-mega-col a{display:block;font-size:13px;line-height:1.4;color:#e8ede8;text-decoration:none;padding:7px 0;transition:transform .18s,color .18s}
.wh-mega-col a:hover,.wh-mega-col a:focus-visible{color:#fff;transform:translateX(4px);text-decoration:underline;text-underline-offset:5px}
/* No numerical counters beside ANY vendor category heading. */
.wh-vendor-count,.vendor-count,.brand-count,.category-count,.wh-vendor-category h3>small{display:none!important}
.wh-vendor-category h3:after{content:none!important;display:none!important}
/* Keep original logo modest in size across smaller screens. */
@media(max-width:1170px){.site-header{padding-inline:25px;gap:12px}.site-header .brand{flex-basis:122px}.site-header .brand img{width:121px}.main-nav{gap:7px}.main-nav .nav-group-link{font-size:9px}.wh-mega-inner{width:calc(100% - 50px);gap:17px;grid-template-columns:220px repeat(4,minmax(0,1fr))}}
@media(max-width:1040px){.site-header{height:72px}.wh-mega-menu{display:none!important}.site-header .brand{flex:0 0 135px}.site-header .brand img{width:133px;max-height:56px}.hero{height:calc(100svh - 72px);min-height:620px}.hero h1{font-size:clamp(56px,7vw,88px)}}
@media(max-width:650px){.site-header{height:68px}.hero{height:calc(100svh - 68px);min-height:620px}.hero-media{background-size:cover!important;background-position:56% center!important}.hero-content{left:20px;width:calc(100% - 40px);bottom:128px}.hero h1{font-size:clamp(46px,10.6vw,63px);line-height:1.035;letter-spacing:-.055em}.hero-description{max-width:370px}.hero-bottom{left:20px;right:20px}.site-header .brand img{width:130px;max-height:55px}}
@media(prefers-reduced-motion:reduce){.wh-mega-menu,.site-header .brand img,.wh-mega-col a{transition:none!important}}


/* OCTOBER 2026 | FINAL SITE CONSOLIDATION */
/* No numerical counts or small count indicators in the logo wall. */
.wh-vendor-count,.vendor-count,.brand-count,.category-count,.wh-vendor-category h3 small{display:none!important}
.wh-vendor-category h3:after{display:none!important;content:none!important}
/* All galleries remain visually compact; images enlarge only when selected. */
.wh-snapshot-top{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.wh-snapshot-top h2{font-size:clamp(36px,4.3vw,67px);letter-spacing:-.057em;line-height:1.07;margin:0 0 14px}
.wh-snapshot-top h2 em{font-style:normal;font-weight:350;color:#87958d}
.wh-snapshot-top p:not(.eyebrow){color:#66716a;max-width:680px;line-height:1.65}
.wh-project-snapshot{padding:110px 0;background:#f3f5f3}
.wh-snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.wh-snapshot-grid figure{margin:0;overflow:hidden;background:#e0e6df;position:relative}
.wh-snapshot-grid img{width:100%;height:clamp(210px,22vw,340px);object-fit:cover}
.wh-snapshot-grid figcaption{font-size:12px;color:#3d4940;padding:17px 18px;font-weight:700;background:#fff;letter-spacing:.035em}
.wh-photo-story{background:#f6f7f5}
.wh-signature-grid article.wh-signature-card{padding:32px 34px 28px;min-height:310px;border:1px solid #e1e6e1;background:linear-gradient(155deg,#fff,#f2f5f0)}
.wh-profile-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#839186}
.wh-identity-emblem{margin:24px 0 8px;font-family:Georgia,serif;font-size:75px;font-weight:400;line-height:1;color:#bdc9bf}
.wh-signature-grid article h3{font-size:clamp(26px,2.7vw,40px);margin:0 0 10px;letter-spacing:-.04em}
.wh-signature-grid article .wh-role{font-size:14px;color:#667468;margin:0 0 16px;line-height:1.5}
.wh-signature{height:63px!important;max-width:min(330px,100%);width:auto;object-fit:contain;object-position:left center;margin-top:9px}
.wh-journal-hero .route-hero-image{object-position:center 36%}
.wh-journal-section{background:#f7f8f6}
.wh-journal-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:29px}
.wh-journal-tabs button{background:#fff;border:1px solid #cbd5cc;padding:15px 19px;font-weight:800;font-size:11px;letter-spacing:.06em;color:#414e44}
.wh-journal-tabs button.active{background:#18241d;color:white;border-color:#18241d}
.wh-journal-gallery[hidden]{display:none!important}
.wh-small-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.wh-small-photo-grid .wh-journal-item{min-height:0;height:235px;background:#dfe3dc}
.wh-small-photo-grid .wh-journal-item img{width:100%;height:100%;object-fit:cover}
.wh-small-photo-grid .gallery-caption{font-size:11px;font-weight:700;padding:44px 14px 12px}
.wh-archive-note{font-size:14px;line-height:1.7;color:#6a766e;max-width:900px;margin:0 0 24px}
.wh-films{background:#fff}
.wh-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wh-film-card{background:#f2f4f0;border:1px solid #dfe5dd;overflow:hidden}
.wh-film-card video{display:block;width:100%;height:245px;object-fit:contain;background:#111;aspect-ratio:16/10}
.wh-film-card>div{font-size:12px;color:#38463d;padding:17px 20px;letter-spacing:.08em;font-weight:800}
.wh-journal-actions{display:flex;flex-wrap:wrap;gap:12px}
.wh-gallery-journal-link{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0 70px}
.wh-gallery-journal-link p{font-size:17px;color:#59665c;max-width:550px;line-height:1.6}
.wh-archive-promo{background:#f4f6f3}
@media(max-width:1050px){.wh-small-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wh-project-snapshot{padding:75px 0}.wh-snapshot-top{display:block}.wh-snapshot-top .text-link,.wh-snapshot-top .btn{margin-top:19px}.wh-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wh-snapshot-grid figure:last-child{grid-column:span 2}.wh-snapshot-grid figure:last-child img{height:260px}.wh-snapshot-grid img{height:220px}.wh-small-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wh-small-photo-grid .wh-journal-item{height:185px}.wh-film-grid{grid-template-columns:1fr}.wh-film-card video{height:265px}.wh-gallery-journal-link{display:block}}
@media(max-width:420px){.wh-snapshot-grid{grid-template-columns:1fr}.wh-snapshot-grid figure:last-child{grid-column:auto}.wh-snapshot-grid img{height:245px}.wh-small-photo-grid .wh-journal-item{height:157px}.wh-journal-tabs button{padding:12px 13px;font-size:10px}.wh-signature-grid article.wh-signature-card{padding:22px}.wh-signature{height:48px!important}}


/* WOODLIGHT HOMES | COUNTRYSIDE / REAL INTERIORS CINEMATIC OPENING */
.wh-flyin[hidden],.wh-flyin-replay[hidden]{display:none!important}
body.wh-flyin-locked{overflow:hidden!important}
.wh-flyin{position:fixed;inset:0;z-index:999999;background:#101716;color:#fff;overflow:hidden;isolation:isolate;font-family:Arial,Helvetica,sans-serif}
.wh-flyin>*{box-sizing:border-box}
.wh-flyin-stage,.wh-flyin-layer,.wh-flyin-scene{position:absolute;inset:0}
.wh-flyin-stage{overflow:hidden;background:#111b1d}
.wh-flyin-scene{overflow:hidden;opacity:0;will-change:opacity,transform}
.wh-flyin-scene img{width:100%;height:100%;object-fit:cover;max-width:none;filter:saturate(.84);transform-origin:65% 54%;will-change:transform}
.wh-flyin-city img{object-position:53% 50%;filter:saturate(.84) brightness(.86)}
.wh-flyin-approach img{object-position:62% 50%;filter:brightness(.8) saturate(.95)}
.wh-flyin-inside img{object-position:50% 50%;filter:brightness(.76) saturate(.9)}
.wh-flyin-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(4,10,11,.64),transparent 64%),linear-gradient(0deg,rgba(4,10,11,.58),transparent 47%),radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.24) 100%)}
.wh-flyin-video{position:absolute;inset:0;display:none;width:100%;height:100%;object-fit:cover;background:#080d0d;z-index:2}
.wh-flyin.use-video .wh-flyin-video{display:block}
.wh-flyin.use-video .wh-flyin-scene{display:none}
.wh-flyin-controls{position:absolute;z-index:10;top:max(24px,env(safe-area-inset-top));right:max(30px,env(safe-area-inset-right));display:flex;gap:12px;align-items:center}
.wh-flyin-skip{border:1px solid rgba(255,255,255,.62);background:rgba(12,21,22,.46);backdrop-filter:blur(8px);color:#fff;padding:15px 19px;font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.wh-flyin-skip:hover,.wh-flyin-skip:focus-visible{background:#fff;color:#111}
.wh-flyin-info{position:absolute;z-index:7;left:clamp(24px,5vw,93px);right:clamp(24px,5vw,93px);top:clamp(28px,6vh,70px);display:flex;align-items:center;gap:20px;letter-spacing:.24em;font-size:11px;font-weight:800;color:rgba(255,255,255,.92)}
.wh-flyin-info:after{content:'';height:1px;max-width:300px;flex:1;background:rgba(255,255,255,.28)}
.wh-flyin-copy{position:absolute;z-index:6;left:clamp(24px,5.5vw,100px);bottom:clamp(84px,15vh,170px);right:clamp(24px,5vw,93px);max-width:1050px}
.wh-flyin-chapter{position:absolute;bottom:0;left:0;opacity:0;transform:translateY(13px);font-weight:800;font-size:clamp(38px,6.5vw,103px);line-height:1;letter-spacing:-.064em;max-width:1000px;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.wh-flyin-chapter em{font-weight:300;font-style:normal;color:#dfe3df}
.wh-flyin-signature{position:absolute;z-index:8;display:flex;flex-direction:column;align-items:flex-start;left:clamp(24px,5.5vw,100px);bottom:clamp(105px,16vh,190px);opacity:0;transform:translateY(10px);max-width:650px}
.wh-flyin-signature img{width:clamp(230px,36vw,470px);max-height:220px;object-fit:contain;object-position:left bottom}
.wh-flyin-signature p{font-size:11px;font-weight:800;letter-spacing:.25em;color:#dfe7df;margin:16px 0 0;text-transform:uppercase}
.wh-flyin-footer{position:absolute;z-index:11;left:clamp(24px,5.5vw,100px);right:clamp(24px,5vw,93px);bottom:max(27px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:25px;color:#cbd4cf}
.wh-flyin-footer span{font-size:10px;letter-spacing:.19em;font-weight:700;white-space:nowrap}
.wh-flyin-track{flex:1;height:2px;background:rgba(255,255,255,.28);max-width:610px;overflow:hidden}
.wh-flyin-track i{display:block;width:0;height:100%;background:#f5f7f4;transform-origin:left}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-city{animation:whFlyCity 9.3s linear both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-city img{animation:whFlyCityZoom 9.3s ease-in both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-approach{animation:whFlyHouse 9.3s ease-in-out both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-approach img{animation:whFlyHouseZoom 9.3s linear both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-inside{animation:whFlyInside 9.3s linear both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-inside img{animation:whFlyInsideZoom 9.3s ease-in-out both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-chapter.city{animation:whFlyCityText 9.3s both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-chapter.house{animation:whFlyHouseText 9.3s both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-chapter.inside{animation:whFlyInsideText 9.3s both}
.wh-flyin.is-playing:not(.use-video) .wh-flyin-signature{animation:whFlyLogo 9.3s both}
.wh-flyin.is-playing .wh-flyin-track i{animation:whFlyProgress 9.3s linear forwards}
.wh-flyin.use-video .wh-flyin-track i{animation-duration:14s}
@keyframes whFlyCity{0%,4%{opacity:1}30%{opacity:1}41%,100%{opacity:0}}
@keyframes whFlyCityZoom{0%{transform:scale(1.02) translate3d(0,0,0)}38%,100%{transform:scale(1.36) translate3d(-1%,4%,0)}}
@keyframes whFlyHouse{0%,32%{opacity:0}40%,68%{opacity:1}75%,100%{opacity:0}}
@keyframes whFlyHouseZoom{0%,33%{transform:scale(1.05) translate3d(-2%,2%,0)}75%,100%{transform:scale(1.45) translate3d(-8%,2%,0)}}
@keyframes whFlyInside{0%,68%{opacity:0}76%,100%{opacity:1}}
@keyframes whFlyInsideZoom{0%,68%{transform:scale(1.33) translate3d(2%,0,0)}100%{transform:scale(1.02) translate3d(0,0,0)}}
@keyframes whFlyCityText{0%,5%{opacity:0;transform:translateY(14px)}11%,27%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(-9px)}}
@keyframes whFlyHouseText{0%,38%{opacity:0;transform:translateY(13px)}44%,65%{opacity:1;transform:translateY(0)}73%,100%{opacity:0;transform:translateY(-9px)}}
@keyframes whFlyInsideText{0%,75%{opacity:0;transform:translateY(12px)}79%,87%{opacity:1;transform:translateY(0)}93%,100%{opacity:0}}
@keyframes whFlyLogo{0%,86%{opacity:0;transform:translateY(12px)}93%,100%{opacity:1;transform:translateY(0)}}
@keyframes whFlyProgress{0%{width:0}100%{width:100%}}
.wh-flyin-replay{background:transparent;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit;padding:0}
@media(max-width:650px){.wh-flyin-info{font-size:9px;letter-spacing:.17em;top:70px}.wh-flyin-controls{top:18px;right:18px}.wh-flyin-skip{padding:12px;font-size:10px}.wh-flyin-chapter{font-size:clamp(33px,10vw,58px)}.wh-flyin-copy,.wh-flyin-signature{left:24px;bottom:160px}.wh-flyin-footer{left:24px;right:24px;gap:15px}.wh-flyin-footer span{font-size:9px;letter-spacing:.08em}.wh-flyin-signature img{width:min(79vw,360px)}.wh-flyin-city img{object-position:55% center}.wh-flyin-approach img{object-position:52% center}}
@media(prefers-reduced-motion:reduce){.wh-flyin,.wh-flyin *{animation:none!important;transition:none!important}}

/* SUNSET / EVENING COLOR DIRECTION - retains original full combined trademark logo. */
:root{--bronze:#c39b78;--sage:#b7b9b0}
.hero-media{filter:saturate(1.08) sepia(.06)!important}
.hero-shade{background:linear-gradient(90deg,rgba(23,18,17,.77) 0%,rgba(31,22,15,.54) 32%,rgba(29,19,13,.19) 68%,rgba(25,14,10,.04) 100%),linear-gradient(0deg,rgba(17,12,10,.82) 0%,transparent 43%,rgba(46,29,16,.06) 100%)}
.route-hero-image{filter:saturate(1.045) sepia(.07) contrast(1.02)}
.wh-flyin-vignette{background:linear-gradient(0deg,rgba(10,12,12,.40),transparent 34%),radial-gradient(ellipse at center,transparent 64%,rgba(0,0,0,.19) 100%)}
.wh-flyin-video{object-fit:cover;object-position:50% center}
.wh-flyin-music{border:1px solid rgba(255,225,178,.7);background:rgba(17,15,13,.66);color:#ffe4bf;backdrop-filter:blur(8px);font:800 11px Arial,sans-serif;letter-spacing:.12em;white-space:nowrap;padding:15px 18px;cursor:pointer}
.wh-flyin-music:hover,.wh-flyin-music:focus-visible{background:#fff3e3;color:#241b16}
.wh-flyin-music[hidden]{display:none!important}
.wh-flyin-info{letter-spacing:.14em}
.wh-flyin.is-playing.use-video .wh-flyin-track i{animation-duration:15.46s}
@media(max-width:650px){
  .wh-flyin-video{object-position:50% center}
  .wh-flyin-info{top:77px;left:20px;right:20px;max-width:calc(100% - 40px);font-size:8px;letter-spacing:.07em;line-height:1.65}
  .wh-flyin-controls{top:max(17px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));gap:7px}
  .wh-flyin-skip,.wh-flyin-music{padding:12px 9px;font-size:9px;letter-spacing:.04em}
  .wh-flyin-footer{left:20px;right:20px}
}
@media(prefers-reduced-motion:reduce){.wh-flyin{display:none!important}}

/* Original website-design attribution: unobtrusive, visible on every route and at every viewport. */
.footer .wh-original-design-credit{border-top:1px solid rgba(255,255,255,.16);margin-top:24px;padding-top:20px;text-align:center;max-width:var(--max)}
.footer .wh-original-design-credit span{display:block;font-size:11px;line-height:1.6;letter-spacing:.075em;color:#aab7ad;font-weight:400}
.footer .wh-original-design-credit strong{color:#ece4da;font-weight:650}
@media(max-width:650px){.footer .wh-original-design-credit{margin-top:18px;padding-top:18px}.footer .wh-original-design-credit span{font-size:10px;letter-spacing:.045em;line-height:1.75}}

/* HD intro: only the animated WH emblem in the opening film (no duplicate branding). */
.wh-flyin.use-video .wh-flyin-info,
.wh-flyin.use-video .wh-flyin-copy,
.wh-flyin.use-video .wh-flyin-signature{display:none!important}
.wh-flyin.is-playing.use-video .wh-flyin-track i{animation-duration:var(--wh-intro-duration,22.56s)!important}
.wh-flyin-video{object-fit:cover;object-position:center center}
@media (max-width:700px){.wh-flyin-video{object-position:50% 50%}}


/* 2026 MOBILE / TABLET CINEMA FIT - whole WH emblem and all footage stay visible.
   Keep widescreen framing without zoom/cropping on phones and tablets. */
@media (max-width: 1366px) {
  .wh-flyin.use-video .wh-flyin-stage {
    background: #16120f;
  }
  .wh-flyin.use-video .wh-flyin-stage::before {
    content: "";
    position: absolute;
    inset: -36px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(135deg,rgba(20,14,13,.46),rgba(13,18,17,.54)),url("assets/countryside-video-poster.webp") center center / cover no-repeat;
    filter: blur(22px) saturate(.95);
    transform: scale(1.06);
    opacity: .88;
  }
  .wh-flyin.use-video .wh-flyin-video {
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 2;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    background: transparent !important;
  }
  .wh-flyin.use-video .wh-flyin-vignette {
    background: linear-gradient(180deg,rgba(8,10,10,.28),transparent 17%,transparent 83%,rgba(8,10,10,.34));
  }
  /* The backup still sequence also keeps each image in frame if media is blocked. */
  .wh-flyin:not(.use-video) .wh-flyin-scene img { object-fit: contain; }
}
@media (max-width: 760px) {
  .wh-flyin {
    height: 100dvh;
    min-height: 100svh;
  }
  .wh-flyin-controls {
    top: calc(12px + env(safe-area-inset-top,0px));
    left: calc(12px + env(safe-area-inset-left,0px));
    right: calc(12px + env(safe-area-inset-right,0px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .wh-flyin-controls .wh-flyin-music,
  .wh-flyin-controls .wh-flyin-skip {
    min-height: 44px;
    padding: 11px 13px;
    font-size: 10px;
    letter-spacing: .035em;
    line-height: 1.35;
    flex: 0 1 auto;
  }
  .wh-flyin-footer {
    bottom: calc(14px + env(safe-area-inset-bottom,0px));
    left: calc(16px + env(safe-area-inset-left,0px));
    right: calc(16px + env(safe-area-inset-right,0px));
    gap: 10px;
  }
  .wh-flyin-footer span {
    font-size: 8px;
    letter-spacing: .025em;
    line-height: 1.45;
    white-space: normal;
  }
  .wh-flyin-track {min-width: 35px;}
}
@media (max-width: 380px) {
  .wh-flyin-controls .wh-flyin-music,
  .wh-flyin-controls .wh-flyin-skip { font-size: 9px; padding: 10px 9px; }
  .wh-flyin-footer span { font-size: 7px; }
}
@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
  .wh-flyin-controls { top: calc(5px + env(safe-area-inset-top,0px)); }
  .wh-flyin-footer { bottom: calc(5px + env(safe-area-inset-bottom,0px)); }
}