.commercial-hero{height:min(830px,88svh);min-height:610px;position:relative;color:#f6f5ef;background:#30342b;overflow:hidden}
.commercial-hero>img,.commercial-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.commercial-hero>img{object-position:center 48%}
.commercial-hero-shade{background:linear-gradient(90deg,#172018c7 0,transparent 78%),linear-gradient(0deg,#1720188c,transparent 42%)}
.commercial-hero-copy{position:relative;padding-top:clamp(190px,23vh,260px)}
.commercial-hero-copy h1{font-size:clamp(70px,9vw,130px);line-height:.98;margin:24px 0}
.commercial-hero-copy h1 em{font-size:1.1em}
.commercial-hero-copy>p:not(.eyebrow){max-width:460px;font-size:13px;color:#e8e9e1;line-height:1.8}
.commercial-hero-copy .button{margin-top:28px}
.commercial-photo-note{position:absolute;right:clamp(24px,5vw,80px);bottom:28px;font-size:8px;color:#ffffffc7;letter-spacing:.5px}
.commercial-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:11%;align-items:start}
.commercial-intro h2{font-size:clamp(42px,5vw,70px)}
.commercial-intro>div:last-child{padding-top:14px;color:#6b7066}
.commercial-intro .lead{color:var(--ink);font-size:20px}
.commercial-intro .text-link{margin-top:20px}
.commercial-offers{background:#eeebe3}
.commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.commercial-card{background:#f8f7f2}
.commercial-card>img{width:100%;aspect-ratio:1.57;object-fit:cover}
.commercial-card>div{padding:25px 28px 30px}
.commercial-card>div>span{font-size:8px;letter-spacing:1.2px;color:#818777}
.commercial-card h3{font:400 27px var(--serif);margin:13px 0 10px;letter-spacing:-.02em}
.commercial-card p{max-width:530px;color:#777c70;font-size:11px;line-height:1.8}
.commercial-method{background:#282d26;color:#f5f4ed}
.commercial-method .eyebrow{color:#c6bc9f}
.commercial-method h2{font-size:clamp(48px,6vw,82px);margin-top:24px}
.commercial-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin:66px 0 48px}
.commercial-steps article{border-top:1px solid #ffffff35;padding-top:18px}
.commercial-steps article>span{font-size:9px;color:#c6bc9f}
.commercial-steps h3{font:400 23px var(--serif);margin:38px 0 13px}
.commercial-steps p{font-size:10px;line-height:1.8;color:#c2c6bc}
.commercial-client-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}
.commercial-client-grid h2{font-size:clamp(48px,5.5vw,78px);margin:21px 0}
.commercial-client-grid>div>p:not(.eyebrow):not(.subtle-note){max-width:440px;color:#70766b;font-size:13px;line-height:1.8}
.commercial-client-grid .button{margin:25px 0 10px}
.commercial-client-grid>img{width:100%;max-height:470px;object-fit:cover;object-position:center}
.commercial-cta{background:#42483d;color:#f3f3ec;overflow:hidden}
.commercial-cta .wrap{padding-block:92px}
.commercial-cta .eyebrow{color:#d4c9a9}
.commercial-cta h2{font-size:clamp(56px,7.5vw,104px);margin:25px 0 34px}
.commercial-cta h2 em{color:#e1dfd2}
.commercial-cta .button{background:#f4f3eb;color:#2d322a}
.journey-heading{padding-block:95px 50px}
.journey-heading h1{font-size:clamp(65px,8vw,112px);line-height:.98;margin:22px 0}
.journey-heading h1 em{color:#7d876f}
.journey-heading>p:last-child{max-width:590px;color:#70766b;font-size:13px;line-height:1.8}
.journey-stage-wrap{padding-bottom:84px}
.journey-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;min-height:340px;overflow:hidden;color:#fff;background-color:#32372e;background-image:linear-gradient(90deg,#1b211dc9 0%,#1b211d53 54%,transparent 100%),url('assets/project-storyboard.png');background-repeat:no-repeat;background-size:100% 100%,100% 300%;background-position:center,0 0%;transition:background-position .65s ease}
.journey-stage[data-stage="1"]{background-position:center,0 50%}
.journey-stage[data-stage="2"]{background-position:center,0 100%}
.journey-stage-overlay{position:absolute;left:clamp(22px,5vw,68px);bottom:clamp(25px,5vw,66px);width:min(510px,75%)}
.journey-stage-index{font-size:8px;letter-spacing:1.6px;color:#e2ddca}
.journey-stage-overlay h2{font:400 clamp(38px,5vw,66px)/1.02 var(--serif);margin:14px 0 12px}
.journey-stage-overlay p{max-width:440px;font-size:11px;line-height:1.8;color:#f1f1e8}
.journey-illustrative{position:absolute;right:16px;bottom:14px;background:#272c2590;padding:6px 9px;font-size:7px;letter-spacing:.4px;color:#f3f3eb}
.journey-controls{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line)}
.journey-controls button{padding:16px 17px;border-bottom:2px solid transparent;color:#777d71;font-size:9px;white-space:nowrap}
.journey-controls button span{margin-right:7px;font-size:7px;color:#a1a697}
.journey-controls button.active{border-color:#626d57;color:#343a31}
.journey-controls .journey-play{margin-left:auto;color:#3a4234}
.journey-controls .journey-play span{font-size:8px;color:inherit}
.journey-caption{margin-top:12px;font-size:8px;color:#8b9085}
.journey-explainer{background:#eeebe3}
.journey-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.journey-phases article{border-top:1px solid #cfd0c5;padding-top:18px}
.journey-phases article>span{font-size:8px;letter-spacing:1px;color:#808878}
.journey-phases h3{font:400 24px var(--serif);margin:33px 0 12px}
.journey-phases p{font-size:10px;color:#74796e;line-height:1.8}
.journey-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-block:0 100px}
.journey-links>a{padding:24px;background:#fff;border:1px solid #e0e2d8;display:grid;gap:12px}
.journey-links .eyebrow{font-size:7px;color:#7a846e}
.journey-links strong{font-size:15px;font-weight:500}
.portal-client-footer .brand-lockup img,.portal-admin-footer .brand-lockup img{width:96px;height:auto}
.portal-client-footer .brand-group,.portal-admin-footer .brand-group{height:17px;padding-left:8px;font-size:6px;letter-spacing:1.6px}
.portal-admin-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}
@media(prefers-reduced-motion:reduce){.journey-stage{transition:none}}
@media(max-width:680px){
  .commercial-hero{min-height:570px;height:80svh}.commercial-hero-copy{padding-top:175px}.commercial-hero-copy h1{font-size:71px}
  .commercial-intro{grid-template-columns:1fr;gap:22px;padding-block:70px}.commercial-intro>div:last-child{padding:0}
  .commercial-grid{grid-template-columns:1fr;gap:14px}.commercial-card>div{padding:19px 20px 24px}
  .commercial-steps,.journey-phases{grid-template-columns:1fr 1fr;gap:24px 18px}.commercial-steps article h3{margin-top:24px}
  .commercial-method .wrap{padding-block:70px}.commercial-client-grid{grid-template-columns:1fr;gap:35px}.commercial-client-grid>img{max-height:320px}
  .commercial-cta .wrap{padding-block:68px}.commercial-cta h2{font-size:54px}
  .journey-heading{padding-block:70px 36px}.journey-heading h1{font-size:65px}.journey-stage{aspect-ratio:4/3;min-height:310px}
  .journey-stage-overlay{left:22px;bottom:38px;width:88%}.journey-stage-overlay h2{font-size:43px}.journey-stage-overlay p{font-size:9px}
  .journey-illustrative{font-size:6px;right:8px;bottom:8px}.journey-controls{overflow:auto}.journey-controls button{padding:13px 10px;font-size:8px}.journey-controls .journey-play{margin-left:0}
  .journey-caption{font-size:7px}.journey-explainer .wrap{padding-block:70px}.journey-phases{grid-template-columns:1fr 1fr}.journey-links{grid-template-columns:1fr;padding-bottom:70px}
  .portal-client-footer .brand-lockup img,.portal-admin-footer .brand-lockup img{width:78px}.portal-admin-footer{align-items:flex-start;flex-direction:column}
}