.commercial-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;padding-block:40px 55px;align-items:center}.commercial-intro h1{font-size:clamp(64px,7vw,100px);line-height:1.02;letter-spacing:-1.7px}.commercial-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin:26px 0}.commercial-photo{margin:0;align-self:stretch;position:relative;min-height:500px;border-radius:10px;overflow:hidden;background:#ddd}.commercial-photo img{height:100%;width:100%;object-fit:cover;position:absolute}.commercial-photo figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#17201be6);padding:65px 25px 23px;display:flex;justify-content:space-between;color:white;font-size:8px;letter-spacing:1.2px}.commercial-story{border-top:1px solid var(--line);padding-block:65px 80px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.commercial-story h2{font-size:47px;line-height:1.08}.commercial-story>div>p:not(.eyebrow){font-size:12px;line-height:1.95;color:var(--muted);margin-bottom:18px}.capabilities{background:#eef0e8;padding-block:75px 85px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability{background:var(--paper);border:1px solid #e1e5d8;border-radius:8px;padding:27px 28px 32px}.cap-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.cap-top>span{font-size:10px;letter-spacing:1px;color:#909a81}.capability h3{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:28px;line-height:1.2}.capability p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:12px}.commercial-approach{margin-block:80px;background:#202d31;border-radius:12px;color:#f7f8f2;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:58px}.commercial-approach .eyebrow,.commercial-approach em{color:var(--sage)}.commercial-approach h2{font-size:52px;line-height:1.04}.commercial-approach p:not(.eyebrow){font-size:12px;color:#bdc8c5;line-height:1.9;margin-top:25px}.commercial-approach .text-link{margin-top:17px;color:#e0e8d4}.commercial-approach ul{list-style:none;padding:0;margin:0;align-self:center}.commercial-approach li{display:flex;gap:16px;align-items:center;border-bottom:1px solid #ffffff20;padding:22px 0;font-size:12px}.commercial-approach li:last-child{border:0}.commercial-approach li span{border:1px solid var(--sage);border-radius:50%;width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;color:var(--sage);font-size:12px}.commercial-inquiry{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-block:0 90px}.inquiry-copy{padding-top:20px}.inquiry-copy h2{font-size:57px;line-height:1.05}.inquiry-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:370px;margin-top:24px}.inquiry-phone{border-top:1px solid var(--line);margin-top:37px;padding-top:25px}.inquiry-phone>span{display:block;font-size:9px;letter-spacing:1.2px;color:var(--olive)}.inquiry-phone>a{font-size:25px;display:block;margin-top:8px}.inquiry-phone p{font-size:11px;color:var(--muted);margin-top:5px}#commercial-form{padding:30px;background:#f0f1eb;border:1px solid var(--line);border-radius:10px}#commercial-form .form-grid{margin-top:0}#commercial-form input,#commercial-form textarea{background:var(--paper)}#form-status{font-size:12px;color:var(--olive);margin-top:15px}
@media(max-width:1050px){.commercial-intro h1{font-size:65px}.commercial-photo{min-height:450px}.commercial-approach{padding:38px;gap:6%}.commercial-story h2{font-size:41px}.capability{padding:24px 20px}.capability h3{font-size:25px}.inquiry-copy h2{font-size:46px}.commercial-inquiry{gap:5%}}
@media(max-width:700px){.commercial-hero{grid-template-columns:1fr;gap:30px;padding-block:25px 40px}.commercial-intro h1{font-size:62px}.commercial-photo{min-height:0;aspect-ratio:1.1}.commercial-photo figcaption{font-size:7px;padding-inline:18px}.commercial-story{grid-template-columns:1fr;gap:25px;padding-block:40px}.commercial-story h2{font-size:39px}.capabilities{padding-block:48px}.capability-grid{grid-template-columns:1fr}.capability{padding:24px}.cap-top{margin-bottom:18px}.capability h3{font-size:28px}.commercial-approach{grid-template-columns:1fr;margin-block:45px;padding:30px 25px;gap:20px}.commercial-approach h2{font-size:43px}.commercial-approach li{padding:18px 0}.commercial-inquiry{grid-template-columns:1fr;gap:28px;padding-bottom:50px}.inquiry-copy{padding-top:0}.inquiry-copy h2{font-size:44px}#commercial-form{padding:23px}.inquiry-phone{margin-top:25px}}

.commercial-film{margin-bottom:64px;padding:30px;background:#eef0e8;border:1px solid #e1e5d8;border-radius:14px;overflow:hidden}.commercial-film-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.commercial-film-heading .eyebrow{margin:0}.commercial-film-heading h2{font-size:36px}.commercial-film video{display:block;width:100%;max-height:680px;aspect-ratio:16/9;object-fit:contain;background:#182321;border-radius:10px}@media(max-width:700px){.commercial-film{padding:18px;margin-bottom:40px}.commercial-film-heading{display:block;margin-bottom:18px}.commercial-film-heading .eyebrow{margin-bottom:12px}.commercial-film-heading h2{font-size:32px}}

/* Match the About page's separate introduction and standalone film. */
.commercial-hero{display:block;padding:44px 48px;background:#eef0e8;border:1px solid #e1e5d8;border-radius:14px;margin-bottom:24px}
.commercial-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:8%;align-items:center}
.commercial-intro .eyebrow{grid-column:1/-1;margin-bottom:18px}
.commercial-intro h1{grid-column:1;grid-row:2/4;font-size:clamp(48px,5vw,70px);line-height:1.03;letter-spacing:-1px}

.commercial-intro>p:not(.eyebrow){grid-column:2;margin:0 0 22px;align-self:end}
.commercial-intro .button{grid-column:2;justify-self:start;align-self:start}
.commercial-film{position:relative;padding:0;border:0;background:#182321;border-radius:14px;overflow:hidden;margin-bottom:64px}
.commercial-film video{width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;border-radius:0}
.commercial-film:after{content:'';position:absolute;inset:0 0 58px;pointer-events:none;background:linear-gradient(90deg,#eef0e833,transparent 75%)}
@media(max-width:1050px){.commercial-hero{padding:36px}.commercial-intro h1{font-size:52px}}
@media(max-width:700px){.commercial-hero{padding:30px 24px;margin-bottom:16px}.commercial-intro{display:block}.commercial-intro h1{font-size:clamp(42px,10.5vw,56px)}.commercial-intro>p:not(.eyebrow){margin:22px 0}.commercial-film{padding:0;margin-bottom:40px}}
/* Subtle interaction within the commercial commitment card. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .commercial-approach h2,.commercial-approach li,.commercial-approach .text-link{transition:transform .3s ease}
  .commercial-approach h2:hover{transform:translateY(-3px)}
  .commercial-approach li:hover{transform:translateX(4px)}
  .commercial-approach .text-link:hover{transform:translateY(-2px)}
}

/* Contained capabilities card directly after our commitment. */
.capabilities.wrap{padding:42px 48px;border:1px solid #e1e5d8;border-radius:16px}
.capabilities>.wrap{width:100%;max-width:none;margin:0}
.capabilities .section-head{align-items:center;gap:24px}
.capabilities .section-head .eyebrow{margin:0}
@media(max-width:1050px){.capabilities.wrap{padding:34px}}
@media(max-width:700px){.capabilities.wrap{padding:30px 23px}.capabilities .section-head>p{margin-top:16px}}

.capabilities-heading-icon{width:80px;height:80px;object-fit:contain;flex-shrink:0}
@media(max-width:700px){.capabilities .section-head{display:flex;align-items:center}.capabilities-heading-icon{width:64px;height:64px}}
@media(min-width:701px){.commercial-intro>p:not(.eyebrow){grid-row:2/4;align-self:center;margin:0}}

/* One standalone card for the commercial invitation and quote form. */
.commercial-inquiry{background:#fff;border:1px solid #e1e5d8;border-radius:16px;padding:44px 48px;margin-top:64px;margin-bottom:64px;gap:7%;align-items:start}
.commercial-inquiry .inquiry-copy{padding-top:0}
.commercial-inquiry .form-grid{margin-top:0}
@media(max-width:1050px){.commercial-inquiry{padding:34px;gap:5%}}
@media(max-width:700px){.commercial-inquiry{padding:30px 23px;margin-top:40px;margin-bottom:40px;gap:30px}}

.commercial-bathroom-icon{display:grid;place-items:center;width:48px;height:48px;overflow:hidden}.commercial-bathroom-icon img{display:block;width:48px;height:48px;max-width:none;object-fit:contain;transform:scale(1.7)}

/* Compact quote invitation with the full form available on demand. */
.commercial-inquiry{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.commercial-quote-trigger{justify-self:end}
#commercial-quote-dialog #commercial-form{padding:0;background:transparent;border:0;margin-top:24px}
@media(max-width:700px){.commercial-inquiry{grid-template-columns:1fr}.commercial-quote-trigger{justify-self:start}}

/* Balance the shorter invitation against its quote and phone actions. */
.commercial-inquiry{padding:30px 38px;gap:36px;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}
.commercial-inquiry .inquiry-copy h2{font-size:44px}
.commercial-inquiry .inquiry-copy>p:not(.eyebrow){max-width:460px;margin-top:14px;line-height:1.7}
.commercial-inquiry-actions{text-align:center;border-left:1px solid var(--line);padding-left:32px}
.commercial-inquiry-actions .inquiry-phone{border:0;margin-top:18px;padding-top:0}
.commercial-inquiry-actions .inquiry-phone>a{font-size:23px;margin-top:6px}
@media(max-width:700px){
 .commercial-inquiry{grid-template-columns:1fr;padding:26px 23px;gap:22px;text-align:center}
 .commercial-inquiry .inquiry-copy h2{font-size:38px}
 .commercial-inquiry-actions{padding:0;border:0}
 .commercial-inquiry-actions .inquiry-phone>a{display:inline-flex}
}

/* Use the same mobile call pill as the homepage. */
@media(max-width:700px){
 .commercial-inquiry-actions .inquiry-phone .conversation-call{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:13px 20px;border-radius:999px;background:#a5ed62;color:#20351a;font-size:20px;font-weight:700;line-height:1.2}
 .commercial-inquiry-actions .conversation-call .mobile-phone-icon{display:block;width:21px;height:21px;flex-shrink:0}
 .commercial-inquiry-actions .inquiry-phone .conversation-call:active{background:#94dc53}
}

/* Give the two contact actions matching widths. */
.commercial-inquiry-actions .commercial-quote-trigger,
.commercial-inquiry-actions .inquiry-phone .conversation-call{width:250px;max-width:100%;justify-content:center;box-sizing:border-box}

.commercial-quote-trigger .action-chevron{display:inline-flex;align-items:center;font-size:24px;line-height:1;font-weight:400;letter-spacing:0}

/* Match the homepage spacing between standalone cards. */
.page-cards{--card-gap:32px;display:flex;flex-direction:column;gap:var(--card-gap);padding-bottom:var(--card-gap)}
.page-cards>section.wrap{margin-block:0}
@media(max-width:700px){.page-cards{--card-gap:24px}}