/* Commercial work: generous photographs, concise copy and direct contact. */
.commercial-page{--ink:#1b211c;--forest:#202720;--deep:#191e19;--cream:#f6f3eb;--paper:#e9e4d9;--muted:#59615a;--line:#c6c4b9;--accent:#b05b40;background:#f6f3eb}
.commercial-page .commercial-hero{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:650px;height:calc(100svh - 84px);max-height:920px;background:#19231c;color:#fff}
.commercial-page .commercial-hero-photo{position:absolute;inset:0;margin:0;z-index:-1;overflow:hidden;background:#202720}
.commercial-page .commercial-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;transform:scale(calc(1.03 + var(--hero-progress, 0) * .07));will-change:transform}
.commercial-page .commercial-hero-photo:after{inset:0;background:linear-gradient(90deg,rgba(13,20,15,.83) 0%,rgba(13,20,15,.59) 42%,rgba(13,20,15,.08) 100%),linear-gradient(0deg,rgba(12,18,14,.55),transparent 38%)}
.commercial-page .commercial-hero-photo figcaption{left:auto;right:var(--gutter);bottom:35px;text-align:right;font-size:20px;color:#fff}
.commercial-page .commercial-hero-copy{height:100%;max-width:850px;padding:70px var(--gutter) 65px;position:relative;display:flex;justify-content:center;align-items:flex-start}
.commercial-page .commercial-hero .eyebrow,.commercial-page .commercial-hero p,.commercial-page .commercial-hero .text-link{color:#fff}
.commercial-page .commercial-hero h1{font-size:clamp(72px,8.3vw,134px);line-height:.91;letter-spacing:-.065em;margin:28px 0}
.commercial-page .commercial-hero h1 em{color:#dcc6ad;font-style:italic}

.commercial-page .commercial-hero-description{max-width:420px;color:#f5f3ed;font:19px/1.6 var(--display);margin-top:8px}
.commercial-page .commercial-actions .button{background:#f6f3eb;border-color:#f6f3eb;color:#202720}
.commercial-page .commercial-actions .button:hover{background:#e5ddcf}
.commercial-page .commercial-actions .text-link{border-color:#ffffff99}
.commercial-page .commercial-location{margin-top:32px;color:#fff}
.commercial-page .commercial-location span{color:#eee}
.commercial-page .commercial-hero :focus-visible{outline-color:white}



.commercial-page .section-shell{padding-top:clamp(68px,7vw,110px);padding-bottom:clamp(68px,7vw,110px)}
.commercial-page .commercial-section-intro h2,.commercial-page .section-heading h2,.commercial-page .commercial-contact h2,.commercial-page .commercial-questions h2{letter-spacing:-.055em;line-height:.98}
.commercial-page .commercial-section-intro h2,.commercial-page .commercial-work .section-heading h2,.commercial-page .commercial-process .section-heading h2{font-size:clamp(52px,6vw,88px)}
.commercial-page .commercial-section-intro h2 em,.commercial-page .commercial-work h2 em,.commercial-page .commercial-questions h2 em{color:#a3523d;font-style:italic}
.commercial-page .commercial-section-intro>p:not(.eyebrow){font:clamp(17px,1.35vw,20px)/1.6 var(--display);color:#353c35;max-width:450px}
.commercial-page .scope-item{padding:24px 0}.commercial-page .scope-number{color:#985138}
.commercial-page .scope-item h3{font-size:clamp(28px,2.7vw,37px);letter-spacing:-.035em}
.commercial-page .scope-item p{font-size:14px;line-height:1.75;max-width:450px}
.commercial-page .commercial-work{background:#ded8cb}
.commercial-page .commercial-work .section-heading{margin-bottom:clamp(35px,4vw,58px)}
.commercial-page .commercial-work .section-heading>p{font:18px/1.5 var(--display);max-width:260px}
.commercial-page .commercial-work .project-grid{gap:48px clamp(20px,3vw,40px)}
.commercial-page .commercial-work .project-card[data-shape="landscape"] .project-image{aspect-ratio:4/3}
.commercial-page .commercial-work .project-card[data-shape="portrait"] .project-image{aspect-ratio:3/4}
.commercial-page .project-image{background:#bcb8ac}
.commercial-page .project-image img{transition:transform 1s cubic-bezier(.22,1,.36,1)}
.commercial-page .project-card:hover .project-image img{transform:scale(1.045)}
.commercial-page .project-caption{padding-top:18px;align-items:start}
.commercial-page .project-caption .eyebrow{color:#985138;letter-spacing:.14em}
.commercial-page .project-caption h3{font-size:clamp(25px,2.5vw,36px);line-height:1.12;letter-spacing:-.035em;margin-top:10px}
.commercial-page .commercial-gallery-footer{border-top:1px solid #b8b6aa;padding-top:25px;margin-top:45px}
.commercial-page .commercial-process{background:#202720}
.commercial-page .commercial-process .section-heading h2 em,.commercial-page .commercial-contact h2 em{color:#d8c3ad;font-style:italic}
.commercial-page .commercial-steps h3{font-size:clamp(31px,3vw,43px);letter-spacing:-.04em}
.commercial-page .commercial-steps p{font-size:14px;line-height:1.75;max-width:360px}



.commercial-page .commercial-questions{background:#e9e4d9}
.commercial-page .commercial-contact{background:#a3523d}
.commercial-page .commercial-contact .eyebrow,.commercial-page .commercial-contact-heading>p,.commercial-page .commercial-contacts p:not(.contact-role),.commercial-page .commercial-visit p{color:#f5e4dc}
.commercial-page .commercial-contacts article,.commercial-page .commercial-contacts article+article,.commercial-page .commercial-email,.commercial-page .commercial-visit{border-color:#ffffff75}
.commercial-page .commercial-contact h2{font-size:clamp(58px,7vw,100px)}
.commercial-page .site-footer{background:#191e19;color:#e9e6dc}
.commercial-page .site-footer p,.commercial-page .footer-bottom{color:#c1c4bb}
.commercial-page .footer-bottom{border-color:#ffffff40}
@media(max-width:900px){.commercial-page .commercial-hero{height:calc(100svh - 84px);min-height:650px}.commercial-page .commercial-hero-copy{padding-top:50px}.commercial-page .commercial-hero h1{font-size:clamp(69px,9.6vw,100px)}.commercial-page .commercial-hero-photo img{object-position:55% center}.commercial-page .scope-list{display:block}.commercial-page .scope-item:last-child{border-bottom:1px solid var(--line)}}
@media(max-width:600px){.commercial-page .commercial-hero{height:auto;min-height:calc(100svh - 76px);max-height:none}.commercial-page .commercial-hero-copy{min-height:calc(100svh - 76px);padding:55px 24px 110px;justify-content:center}.commercial-page .commercial-hero h1{font-size:clamp(58px,14.2vw,86px);margin:26px 0;line-height:.95}.commercial-page .commercial-hero-photo{position:absolute;aspect-ratio:auto;max-height:none;min-height:100%}.commercial-page .commercial-hero-photo:after{background:linear-gradient(90deg,rgba(13,20,15,.83),rgba(13,20,15,.5)),linear-gradient(0deg,rgba(13,20,15,.5),transparent 45%)}.commercial-page .commercial-hero-photo figcaption{left:24px;right:auto;bottom:25px;text-align:left;font-size:16px}.commercial-page .commercial-hero-photo figcaption span{font-size:8px;margin-bottom:4px}.commercial-page .commercial-hero-description{font-size:17px;max-width:330px}.commercial-page .commercial-location{margin-top:28px}.commercial-page .commercial-section-intro h2,.commercial-page .commercial-work .section-heading h2,.commercial-page .commercial-process .section-heading h2{font-size:clamp(46px,11vw,66px)}.commercial-page .commercial-work .section-heading>p{font-size:18px}.commercial-page .commercial-work .project-grid{gap:42px}.commercial-page .project-caption h3{font-size:28px}.commercial-page .commercial-contact h2{font-size:clamp(49px,12vw,72px)}.commercial-page .commercial-gallery-footer{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.commercial-page .commercial-hero-photo img{transform:none!important;will-change:auto}.commercial-page .project-image img{transition:none!important}}

/* Delicate line arrows stay consistent across devices and fonts. */
.commercial-page .arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.1em;flex:none}
.commercial-page .gallery-arrow .arrow-icon{width:20px;height:20px;vertical-align:middle}
.commercial-page .commercial-process-footer p a{text-decoration:underline;text-underline-offset:3px}

.commercial-page .commercial-hero-description{font-family:var(--display)}
.commercial-page .commercial-contact-heading>p,.commercial-page .commercial-contacts p:not(.contact-role){font-size:14px;line-height:1.7}
.commercial-page .commercial-email{font-size:14px;padding:16px 0;margin-bottom:0;min-height:52px}
.commercial-page .commercial-contacts h3{font-size:clamp(32px,3.4vw,44px)}
.commercial-page .commercial-process-footer p{font-size:14px;line-height:1.7}
.commercial-page .commercial-process-footer .text-link{white-space:nowrap}
@media(max-width:600px){.commercial-page .commercial-hero-copy{padding-top:48px;padding-bottom:105px}.commercial-page .commercial-hero h1{font-size:clamp(55px,14vw,84px)}.commercial-page .commercial-hero-description{font-size:17px;line-height:1.6}.commercial-page .commercial-hero-photo figcaption{font-size:16px}.commercial-page .section-shell{padding-top:64px;padding-bottom:64px}.commercial-page .commercial-contacts article{padding-top:24px;padding-bottom:24px}.commercial-page .commercial-email{font-size:13px}.commercial-page .commercial-process-footer .text-link{margin-top:14px}}

/* A direct route to estimating, with project evidence ready to share. */
.commercial-page .commercial-early{font-size:13px;line-height:1.6;margin:18px 0 0}
.commercial-page .commercial-early a,.commercial-page .commercial-contact-heading>p a{text-decoration:underline;text-underline-offset:4px}
.commercial-page .commercial-location{margin-top:24px}
.commercial-page .commercial-project-proof{align-items:center;gap:32px 6vw;padding-top:30px}
.commercial-page .commercial-project-proof>div:first-child{max-width:460px}
.commercial-page .commercial-project-proof .eyebrow{font-size:10px;color:#985138;margin:0 0 12px}
.commercial-page .commercial-project-proof h3{font:400 clamp(30px,3vw,42px)/1.1 var(--display);letter-spacing:-.035em;margin:0 0 13px}
.commercial-page .commercial-project-proof p:not(.eyebrow){font-size:14px;line-height:1.7;margin:0}
.commercial-page .commercial-proof-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}
.commercial-page .commercial-proof-links .text-link{gap:14px;margin:0;min-height:44px}
.commercial-page .download-format{font-size:10px;letter-spacing:.03em;white-space:nowrap}
.commercial-page .commercial-contact-heading>p{max-width:390px}
@media(max-width:1000px){.commercial-page .commercial-project-proof{align-items:flex-start;flex-direction:column}.commercial-page .commercial-proof-links{gap:8px}}
@media(max-width:600px){.commercial-page .commercial-actions{gap:14px 22px}.commercial-page .commercial-early{font-size:12px;margin-top:16px}.commercial-page .commercial-proof-links{width:100%;flex-shrink:1}.commercial-page .commercial-proof-links .text-link{font-size:13px;gap:10px;flex-wrap:wrap}.commercial-page .download-format{font-size:10px}.commercial-page .commercial-project-proof{gap:24px;padding-top:25px}}