/* Version B — airy neutrals, deep forest green, and concise copy. */
@layer responsive {
 :root{--ink:#173f35;--deep:#123329;--muted:#5f6c67;--cream:#f7f8f7;--sand:#e9eeeb;--gold:#d2e2d9;--line:#dce3df}
 body{font-size:16px;line-height:1.65}
 .site-header{background:rgba(252,248,241,.98)}
 .nav-bar{min-height:100px}.nav-dropdown{top:calc(100% + 24px);border-top-width:1px}
 .logo img{width:218px}
 .main-nav{gap:27px}
 .button{background:#174e3c;border-color:#174e3c;border-radius:2px;min-height:49px;padding:13px 22px;font-weight:600;gap:22px}
 .button:hover{background:#103d2e;border-color:#103d2e}
 .button.outline{background:transparent;border-color:#a2b7ac;color:var(--ink)}
 .button.outline:hover{background:var(--sand);border-color:#809f90;color:var(--ink)}
 .hero{grid-template-columns:.95fr 1.05fr;gap:85px;min-height:575px;padding-block:55px 65px}
 .hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:24px;line-height:1.7}
 .hero .eyebrow:before{display:none}
 .hero h1{font-size:clamp(3.3rem,5.9vw,5rem);line-height:1.05;max-width:10ch;letter-spacing:-.04em}
 .hero h1 em{font-style:normal;color:#255a47}
 .hero p{max-width:31ch;font-size:17px;line-height:1.7;margin-top:25px}
 .hero .actions{gap:24px;margin-top:31px}
 .hero-phone{font-size:13px;font-weight:500;text-underline-offset:5px}
 .hero-photo{margin:0}
 .hero-photo:before{display:none}
 .hero-photo img{height:440px;border-radius:1px;object-position:47% 45%}
 .trust-band{background:transparent;border-color:var(--line)}
 .simple-trust{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-block:22px;font-size:12px;color:#4d665b}
 .simple-trust span+span{border-left:1px solid #d2dcd6;padding-left:28px}
 .section{padding-block:70px}
 .section-top{margin-bottom:31px;align-items:center}
 h2{font-size:clamp(2rem,3.2vw,2.8rem)}
 .section-top h2{letter-spacing:-.035em}
 .services-grid{grid-template-columns:1fr 1fr;gap:0 65px}
 .service-card{padding:27px 30px 27px 0;border-color:#d7e0db}
 .service-card h3{font-size:1.55rem;margin-bottom:8px;max-width:none}
 .service-card p{font-size:14px;max-width:42ch}
 .service-card .arrow{top:26px;color:#315d49;font-size:21px}
 .about-strip{background:#edf1ee;padding-block:60px}
 .about-copy{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
 .about-copy h2{font-size:2.8rem;max-width:12ch;line-height:1.13}
 .about-copy p{font-size:17px;color:#53675d;max-width:37ch}
 .about-copy .link-arrow{margin-top:23px}
 .compact-areas{border-top:1px solid #cbd8d0;margin-top:40px;padding-top:28px;display:grid;grid-template-columns:.65fr 2fr;gap:15px 35px;align-items:start}
 .compact-areas h3{font:500 13px/1.7 Arial,sans-serif;letter-spacing:0}
 .compact-areas>div{display:flex;flex-wrap:wrap;gap:12px 24px}
 .compact-areas a{font-size:12px;text-decoration:none}
 .compact-areas a:hover{text-decoration:underline}
 .compact-areas>.text-link{grid-column:2;font-size:12px;margin-top:8px}
 .faq-grid{grid-template-columns:.8fr 1.2fr;gap:65px}
 .faq-intro .link-arrow{font-size:13px;margin-top:22px}
 .faq summary{font-size:14px;padding-block:20px}
 .faq details p{font-size:14px}
 .closing{background:transparent;border-top:1px solid var(--line);padding-block:44px}
 .closing h2{font-size:2.6rem;max-width:none}
 .closing .actions{flex-direction:row;gap:26px}
 .site-footer{background:#14251e;padding-block:43px 18px}
 .footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:55px}
 .footer-brand{font-size:24px}
 .footer-brand small{font-size:9px;letter-spacing:.16em}
 .footer-top p{font-size:12px;max-width:27ch;margin-top:14px}
 .footer-bottom{margin-top:28px;padding-top:19px}
 .page-intro{padding-block:42px 38px}
 .breadcrumbs{margin-bottom:22px}
 .page-intro h1{font-size:clamp(2.6rem,4.5vw,4rem);max-width:21ch}
 .page-intro p{font-size:16px;max-width:57ch;margin-top:19px}
 .page-intro .actions{margin-top:25px}
 .two-col{gap:70px}
 .content h2{font-size:2rem;margin-bottom:20px}
 .content section+section{margin-top:35px}
 .content p{font-size:15px}
 .side-panel{padding:27px}
 .side-panel h2{font-size:1.75rem}
 .side-panel p{font-size:13px;margin-block:15px}
 .side-panel .small{font-size:11px;margin-bottom:0}
 .contact-layout{gap:75px}
 .contact-intro h1{font-size:clamp(2.6rem,4.5vw,4rem);max-width:13ch}
 .contact-intro p{max-width:31ch;font-size:16px}
 .contact-links{gap:20px;margin-top:30px}
 .expect{margin-top:28px;padding-top:22px}
 .estimate-form{box-shadow:none;background:#ffffff;padding:30px}
 .estimate-form h2{font-size:1.9rem}
 .badge-label{font-size:10px;border:0;padding:0;color:#52695d}
 .mobile-callbar{background:#f7f8f7}
 .cost-factors h3{font-size:1.35rem}
 .cost-factors p{font-size:14px;line-height:1.65}
 @media(min-width:1500px){.hero{min-height:610px}.hero-photo img{height:470px}}
 @media(max-width:1050px){.hero{gap:45px}.hero h1{font-size:4rem}.hero-photo img{height:410px}.main-nav{gap:19px}.logo img{width:195px}.services-grid{gap:0 40px}}
 @media(max-width:800px){
  .nav-bar{min-height:84px}.logo img{width:200px}
  .hero{grid-template-columns:1fr;gap:35px;padding-block:39px 40px;min-height:0}
  .hero h1{font-size:3.9rem;max-width:10ch}.hero h1 em{font-size:1em;white-space:normal}
  .hero p{font-size:16px;max-width:33ch;margin-top:20px}
  .hero .actions{margin-top:25px;gap:23px}.hero-photo{margin:0}.hero-photo img{height:310px}
  .simple-trust{display:grid;grid-template-columns:1fr;gap:6px;padding-block:19px;font-size:11px}
  .simple-trust span+span{border:0;padding-left:0}
  .section{padding-block:48px}.section-top{display:flex;align-items:center;gap:20px;margin-bottom:24px}
  .section-top h2{font-size:2.1rem;max-width:none}.section-top .link-arrow{font-size:11px;gap:10px}
  .services-grid{gap:0 25px}.service-card{padding-block:23px;padding-right:18px}
  .service-card h3{font-size:1.3rem;max-width:13ch}.service-card p{font-size:12px}
  .service-card .arrow{top:21px;font-size:18px}
  .about-strip{padding-block:42px}.about-copy{grid-template-columns:1fr;gap:23px}
  .about-copy h2{font-size:2.5rem;max-width:none}.about-copy p{font-size:16px;max-width:40ch}
  .about-copy .link-arrow{margin-top:17px}.compact-areas{grid-template-columns:1fr;gap:15px;margin-top:29px;padding-top:24px}
  .compact-areas>.text-link{grid-column:1;margin-top:1px}.compact-areas>div{gap:10px 20px}
  .faq-grid{grid-template-columns:1fr;gap:24px}.faq-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}
  .faq-intro h2{font-size:2.1rem}.faq-intro .link-arrow{margin-top:0;font-size:11px;gap:10px}
  .closing .wrap{display:flex;align-items:start;flex-direction:column;gap:23px}.closing h2{font-size:2.4rem}
  .closing .actions{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:20px}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>div:first-child{grid-column:1/-1}
  .footer-top p{max-width:38ch}.footer-bottom{padding-bottom:60px}
  .page-intro{padding-block:35px}.page-intro h1{font-size:2.65rem;max-width:19ch}
  .page-intro p{font-size:15px}.two-col{gap:32px}.content h2{font-size:1.85rem}
  .contact-layout{gap:33px}.contact-intro h1{font-size:2.8rem}.contact-intro p{max-width:37ch}
  .contact-links{grid-template-columns:1fr 1fr}.contact-links a{font-size:13px}
  .estimate-form{padding:25px}.main-nav{max-height:calc(100dvh - 155px)}
 }
 @media(max-width:460px){
  .hero h1{font-size:3.6rem}.hero .eyebrow{font-size:9px;letter-spacing:.08em}
  .hero .actions .button{width:auto}.hero .actions{gap:19px}.hero-phone{font-size:12px}
  .hero-photo img{height:270px}.services-grid{grid-template-columns:1fr;gap:0}
  .service-card h3{font-size:1.4rem;max-width:none}.service-card p{font-size:13px;max-width:38ch}
  .service-card{padding-block:22px}.service-card .arrow{font-size:20px}
  .section-top .link-arrow,.faq-intro .link-arrow{white-space:nowrap}
  .contact-links{grid-template-columns:1fr}.estimate-form{padding:24px 19px}
 }
}

@layer responsive {
 body{background:#f7f8f7;color:#243c32}
 h1,h2,h3,.footer-brand{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.045em}
 .wrap{max-width:1232px}
 .site-header{background:#fff;border-bottom:0}.nav-bar{min-height:100px}
 .main-nav a,.nav-trigger{font-weight:400}.logo img{width:207px}
 .button{border-radius:0;background:#174e3c;border-color:#174e3c;font-size:12px;letter-spacing:.01em}
 .hero{position:relative;grid-template-columns:1fr 1.02fr;gap:0;align-items:start;padding-top:28px;padding-bottom:70px;min-height:590px}
 .hero-copy{padding:55px 50px 90px 0;z-index:2}
 .hero .eyebrow{font-size:10px;font-weight:400;letter-spacing:.07em;text-transform:none;margin-bottom:26px}
 .hero h1{font-size:clamp(3rem,4.8vw,4.1rem);line-height:1.1;max-width:12ch;font-weight:400;letter-spacing:-.05em}
 .hero h1 em{color:inherit}.hero p{font-size:15px;max-width:30ch;line-height:1.8;margin-top:25px}
 .hero-photo{height:460px}.hero-photo img{height:460px;object-position:50% 48%;border-radius:0}
 .hero-contact{position:absolute;left:40px;bottom:140px;width:73%;display:grid;grid-template-columns:1fr 1fr 1.1fr;z-index:3;background:white;box-shadow:0 5px 24px #183d2b08}
 .hero-contact>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:18px 25px;font-size:12px;text-decoration:none}
 .hero-contact>a:not(.button):after{content:'↗';font-size:17px}.hero-contact>a:nth-child(2){border-left:1px solid var(--line)}
 .hero-contact>.button{color:white;justify-content:center}.hero-contact>a:not(.button):hover{background:#eef3ef}
 .trust-band{background:white;border-color:#e5ebe7}.simple-trust{padding-block:26px;color:#4e6458;font-size:11px}
 .section{padding-block:80px}.section-top h2,h2{font-size:2.3rem}.section-top .link-arrow{font-size:12px;font-weight:400}
 .services-grid{grid-template-columns:repeat(3,1fr);gap:0 40px}.service-card{padding:28px 18px 30px 0}
 .service-card h3{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:12px;max-width:17ch}.service-card p{font-size:13px;line-height:1.8;max-width:29ch}
 .service-card .arrow{top:26px;font-size:19px}
 .about-strip{padding:0;background:transparent}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:0}
 .story-image{width:100%;height:350px;object-fit:cover;object-position:47% 50%}
 .story-panel{background:#174e3c;color:white;padding:55px 48px;margin:45px 0 -30px -25px;position:relative}
 .story-panel .eyebrow{font-size:10px;font-weight:400;text-transform:none;letter-spacing:.05em;margin-bottom:25px}.story-panel .eyebrow:before{display:none}
 .story-panel h2{font-size:2.4rem;line-height:1.15;max-width:13ch}.story-panel p{font-size:14px;line-height:1.8;max-width:36ch;margin-top:22px;color:#e2ece6}
 .story-panel .link-arrow{font-size:12px;font-weight:400;margin-top:25px}
 .compact-areas{border-top:0;margin-top:85px;padding-top:0;grid-template-columns:.7fr 2fr;padding-bottom:65px}.compact-areas h3{font-size:15px;letter-spacing:-.02em}
 .faq-grid{border-top:1px solid var(--line);gap:100px;padding-top:60px;padding-bottom:65px}.faq summary{font-weight:400;font-size:14px}
 .closing{background:#e9eeeb;padding-block:50px;border:0}.closing h2{font-size:2.4rem}
 .site-footer{background:#14251e}.footer-brand{letter-spacing:-.03em}.footer-top p,.footer-brand small,.footer-top h2,.footer-bottom{color:#c6d4cb}.footer-bottom{border-color:#41584a}
 .page-intro h1,.contact-intro h1{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.13}
 .side-panel{background:#e9eeeb}.estimate-form{background:white;border-color:#d5dfd8}.field input,.field select,.field textarea{border-color:#a6b9ac;background:#fff}
 .content a{color:#174e3c}.notice{border-color:#174e3c;background:#edf2ee}.badge-label{color:#52695d}
 @media(min-width:1500px){.hero{min-height:620px}.hero-photo,.hero-photo img{height:490px}.hero-contact{bottom:140px}}
 @media(max-width:1050px){.hero-copy{padding-right:30px}.hero h1{font-size:3.5rem}.hero-contact{left:28px;width:80%}.hero-contact>a{padding-inline:20px}.story-panel{padding:42px 35px}.services-grid{gap:0 25px}}
 @media(max-width:800px){
  .nav-bar{min-height:84px}.logo img{width:200px}.hero{grid-template-columns:1fr;min-height:0;padding-top:8px;padding-bottom:35px;gap:0}
  .hero-copy{padding:28px 0 30px}.hero h1{font-size:3.45rem;max-width:13ch}.hero .eyebrow{font-size:10px;margin-bottom:20px}.hero p{max-width:38ch;margin-top:20px}
  .hero-photo,.hero-photo img{height:330px;width:100%}.hero-photo{margin:0}
  .hero-contact{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:-35px 12px 0;grid-template-columns:1fr 1fr;box-shadow:0 8px 25px #183d2b0a}
  .hero-contact>a{min-height:58px;padding:15px 17px;font-size:12px}.hero-contact>.button{grid-column:1/-1;min-height:54px}
  .simple-trust{padding-block:22px;gap:8px}.section{padding-block:48px}.section-top h2,h2{font-size:2rem}
  .services-grid{grid-template-columns:1fr 1fr;gap:0 26px}.service-card h3{font-size:1.25rem}.service-card p{font-size:12px}.service-card .arrow{top:26px}
  .story-grid{grid-template-columns:1fr}.story-image{height:240px}.story-panel{margin:-30px 0 0 24px;padding:35px 30px}.story-panel h2{font-size:2rem;max-width:15ch}.story-panel p{font-size:14px}
  .compact-areas{margin-top:40px;padding-bottom:40px;grid-template-columns:1fr}.faq-grid{padding-top:40px;gap:25px}.faq-intro h2{font-size:2rem}
  .closing h2{font-size:2rem}.closing .actions{min-width:0}.page-intro h1,.contact-intro h1{font-size:2.5rem}
 }
 @media(max-width:460px){.hero h1{font-size:3.1rem}.hero h1 em{font-size:1em;white-space:normal}.hero-photo,.hero-photo img{height:280px}.hero-contact{width:calc(100% - 16px);margin-inline:8px}.hero-contact>a{padding-inline:13px;font-size:11px}.services-grid{grid-template-columns:1fr}.service-card h3{font-size:1.4rem;max-width:none}.service-card p{font-size:13px;max-width:36ch}.story-panel{margin-left:17px}.section-top .link-arrow{font-size:11px}}
}
@layer responsive{.footer-top h2{font:400 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;margin-bottom:20px}.footer-brand small{font-size:9px;letter-spacing:.16em}.button.outline{background:transparent;color:var(--ink);border-color:#a2b7ac}}

@layer responsive{.footer-contact li,.footer-contact a{font-size:13px;line-height:1.65;font-weight:400}}
@layer responsive{.compact-areas>div>a{font-size:15px;font-weight:600;line-height:1.65}.compact-areas>div{gap:14px 26px}}
@layer responsive{.compact-areas h3{font:400 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em}}
@layer responsive{@media(min-width:801px){.hero p{max-width:42ch}.hero-contact{bottom:110px}}}
@layer responsive{.simple-trust{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-block:40px}.simple-trust span{font-size:27px;line-height:1.3;font-weight:500;letter-spacing:-.03em;color:var(--ink);max-width:26ch}.simple-trust span+span{padding-left:45px;border-left:1px solid var(--line)}@media(max-width:800px){.simple-trust{grid-template-columns:1fr;gap:22px;padding-block:32px}.simple-trust span{font-size:25px;max-width:26ch}.simple-trust span+span{padding-left:0;border-left:0}}}
@layer responsive{.simple-trust{grid-template-columns:1fr 1fr;gap:60px;padding-block:42px}.credential{padding-block:5px}.credential+.credential{border-left:1px solid var(--line);padding-left:60px}.credential strong{display:block;font-size:32px;font-weight:400;letter-spacing:-.04em;line-height:1.2}.simple-trust .credential span{display:block;font-size:13px;font-weight:400;letter-spacing:.01em;line-height:1.6;color:var(--muted);margin-top:11px;max-width:none}@media(max-width:800px){.simple-trust{grid-template-columns:1fr 1fr;gap:24px;padding-block:32px}.credential+.credential{padding-left:24px}.credential strong{font-size:27px}}@media(max-width:460px){.simple-trust{grid-template-columns:1fr;gap:24px}.credential strong{font-size:29px}.credential+.credential{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:25px}}}
@layer responsive{.trust-items{grid-template-columns:repeat(4,1fr);gap:25px;padding-block:33px}.trust-item{gap:14px;font-size:12px;line-height:1.7;color:var(--muted)}.trust-item strong{font-size:16px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin-bottom:4px}.trust-item svg{width:28px;height:28px;stroke:#315d49}@media(max-width:1050px){.trust-items{grid-template-columns:1fr 1fr;gap:25px 35px}}@media(max-width:460px){.trust-items{grid-template-columns:1fr;gap:24px;padding-block:30px}.trust-item strong{font-size:18px}.trust-item{font-size:13px;gap:17px}.trust-item svg{width:29px;height:29px}}}
@layer responsive{.hero .eyebrow{font-size:15px;font-weight:600;letter-spacing:.015em;line-height:1.5}@media(max-width:460px){.hero .eyebrow{font-size:14px}}}
@layer responsive{@media(min-width:801px){.hero{align-items:center}.hero-copy{padding-block:0}}}
@layer responsive{.hero .eyebrow{font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:700;letter-spacing:0;line-height:1.4}@media(max-width:460px){.hero .eyebrow{font-size:18px}}}
@layer responsive{.hero .eyebrow{font-family:'Trebuchet MS',Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:.025em;line-height:1.4}@media(max-width:460px){.hero .eyebrow{font-size:18px}}}
@layer responsive{.hero h1{font-size:clamp(2.4rem,3.7vw,3.15rem);max-width:none;line-height:1.14}.hero h1 em{font-size:1em;white-space:normal}@media(max-width:800px){.hero h1{font-size:clamp(2.25rem,6vw,3.15rem);max-width:20ch}}}
@layer responsive{.hero .eyebrow{font-family:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.035em;line-height:1.5}@media(max-width:460px){.hero .eyebrow{font-size:17px}}}
@layer responsive{.hero .eyebrow{font-family:'Snell Roundhand','Segoe Script','Brush Script MT',cursive;font-size:29px;font-weight:700;letter-spacing:0;line-height:1.45}@media(max-width:460px){.hero .eyebrow{font-size:25px}}}
@layer responsive{.hero .eyebrow{font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:26px;font-weight:700;letter-spacing:0;line-height:1.45}@media(max-width:460px){.hero .eyebrow{font-size:23px}}}
@layer responsive{.hero .eyebrow{font-family:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.035em;line-height:1.5}@media(max-width:460px){.hero .eyebrow{font-size:17px}}}
@layer responsive{.hero .eyebrow{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:19px;font-weight:300;letter-spacing:.055em;line-height:1.5}@media(max-width:460px){.hero .eyebrow{font-size:17px;letter-spacing:.035em}}}
@layer responsive{.hero .eyebrow{font-weight:300}}
/* Site-wide typography trial: Helvetica Neue. */
@layer responsive{
 body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400}
 h1,h2,h3,.footer-brand,.compact-areas h3,.footer-top h2,.nav-heading,.menu-toggle{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
 h1,h2,h3,.hero h1,.story-panel h2,.page-intro h1,.contact-intro h1,.compact-areas h3{font-weight:300}
 .hero .eyebrow{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300}
 .footer-brand small{font-family:inherit}
}

@layer responsive{.page-intro h1 .place-name{white-space:nowrap}}
@layer responsive{
 .contact-layout{grid-template-areas:'intro form' 'support form';grid-template-rows:auto 1fr;row-gap:0;align-items:start}
 .contact-intro{grid-area:intro}.estimate-form{grid-area:form}.contact-support{grid-area:support}
 @media(max-width:800px){.contact-layout{grid-template-areas:'intro' 'form' 'support';grid-template-rows:auto;row-gap:30px}.contact-support .contact-links{margin-top:0}}
}
@layer responsive{.hero p.hero-services{font-size:14px;line-height:1.7;margin-top:17px;max-width:44ch}}
@layer responsive{.content>.notice+section{margin-top:44px}@media(max-width:800px){.content>.notice+section{margin-top:34px}}}
/* A little more heading weight on phone screens; desktop stays light. */
@layer responsive{@media(max-width:600px){
 h1,h2,h3,.hero h1,.story-panel h2,.page-intro h1,.contact-intro h1,.compact-areas h3{font-weight:400}
}}
/* Match the approved phone heading weight on larger screens. */
@layer responsive{h1,h2,h3,.hero h1,.story-panel h2,.page-intro h1,.contact-intro h1,.compact-areas h3{font-weight:400}}
@layer responsive{
 .commercial-feature{background:#e9eeeb;padding-block:60px;margin-bottom:75px}
 .commercial-feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
 .commercial-feature .eyebrow{font-size:10px;letter-spacing:.12em;font-weight:500;margin-bottom:22px}
 .commercial-feature h2{font-size:2.65rem;line-height:1.13;max-width:19ch}
 .commercial-feature p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:23px;max-width:45ch}
 .commercial-feature .link-arrow{margin-top:26px;font-size:13px;font-weight:400}
 .commercial-sectors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
 .commercial-sectors li{border-top:1px solid #c2d0c7;padding:24px 0;font-size:17px;line-height:1.4}
 .commercial-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin-top:28px}
 .commercial-detail-grid>div{border-top:1px solid var(--line);padding-top:22px}
 .content .commercial-detail-grid h3{margin:0 0 14px;font-size:1.55rem}
 .commercial-detail-grid p{font-size:14px;line-height:1.8}
 .commercial-service-link{margin-top:25px;font-size:14px;color:var(--muted)}
 @media(max-width:800px){.commercial-feature{padding-block:42px;margin-bottom:48px}.commercial-feature-grid{grid-template-columns:1fr;gap:32px}.commercial-feature h2{font-size:2.25rem}.commercial-feature p{font-size:14px}.commercial-sectors li{font-size:16px;padding-block:21px}}
 @media(max-width:460px){.commercial-detail-grid{grid-template-columns:1fr;gap:24px}.commercial-sectors{gap:0 22px}.commercial-sectors li{font-size:15px}.commercial-feature h2{font-size:2.1rem}}
}
@layer responsive{
 .family-owner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;padding-block:65px 75px}
 .family-owner figure,.family-gallery figure{margin:0}
 .owner-photo{max-width:380px;width:100%;justify-self:center}
 .owner-photo img{width:100%;height:auto}
 .family-owner figcaption,.family-gallery figcaption{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.6}
 .owner-story .eyebrow{font-size:10px;font-weight:500;letter-spacing:.1em;margin-bottom:25px}
 .owner-story h2{font-size:2.75rem;line-height:1.13;margin-bottom:25px}
 .owner-story p{font-size:16px;line-height:1.8;color:var(--muted);max-width:45ch}
 .owner-story p+p{margin-top:18px}.owner-story .link-arrow{margin-top:27px;font-size:13px;font-weight:400}
 .family-history{background:#e9eeeb;padding-block:60px}
 .family-history-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;margin-bottom:40px}
 .family-history-intro h2{font-size:2.5rem;line-height:1.15}
 .family-history-intro p{font-size:15px;line-height:1.8;color:var(--muted);max-width:49ch}
 .family-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:850px;margin-inline:auto}
 .family-gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
 .family-gallery .family-truck-photo{grid-column:1/-1;max-width:600px;width:100%;justify-self:center}
 .family-gallery .family-truck-photo img{aspect-ratio:auto;object-fit:contain}
 @media(max-width:800px){.family-owner{grid-template-columns:1fr;gap:32px;padding-block:42px}.owner-photo{max-width:380px}.owner-story h2{font-size:2.2rem}.owner-story p{font-size:15px;max-width:none}.family-history{padding-block:42px}.family-history-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.family-history-intro h2{font-size:2.2rem}.family-gallery{gap:25px}}
 @media(max-width:460px){.family-gallery{grid-template-columns:1fr;gap:32px}.owner-story h2,.family-history-intro h2{font-size:2.1rem}}
}