.working-page{background:var(--ha-paper);color:var(--ha-ink)}
.working-page .site-header{background:var(--ha-ink);color:var(--ha-paper)}
.working-page .site-header nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--ha-bloom);text-decoration-thickness:2px;text-underline-offset:5px}

.working-hero,.working-flow,.working-together,.working-contact{padding-inline:clamp(24px,6vw,120px)}
.working-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(44px,9vw,152px);align-items:end;padding-block:clamp(76px,10vw,156px);background:var(--ha-ink);color:var(--ha-paper)}
.working-hero h1{max-width:11ch;margin:0;font-size:clamp(56px,7vw,108px);font-weight:600;line-height:.94;letter-spacing:-.06em}
.working-hero>div{max-width:590px}
.working-hero p{margin:0;color:var(--ha-soft-on-dark);font-size:clamp(20px,1.9vw,28px);line-height:1.42;letter-spacing:-.02em}
.working-hero p+p{margin-top:26px;padding-top:26px;border-top:1px solid color-mix(in srgb,var(--ha-paper) 18%,transparent);font-size:17px;line-height:1.65;letter-spacing:0}

.working-flow{padding-block:clamp(72px,9vw,140px);background:var(--ha-paper)}
.working-step{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);gap:clamp(36px,9vw,152px);padding:clamp(52px,7vw,104px) 0;border-top:1px solid var(--ha-hairline)}
.working-step:first-child{padding-top:0;border-top:0}
.working-step:last-child{padding-bottom:0}
.working-step h2{max-width:11ch;margin:0;font-size:clamp(38px,4.5vw,68px);font-weight:600;line-height:1;letter-spacing:-.05em}
.working-step>div{max-width:680px}
.working-step p{margin:0;color:var(--ha-ink-soft);font-size:clamp(17px,1.5vw,21px);line-height:1.7}
.working-step p+p{margin-top:20px;color:var(--ha-ink);font-weight:500}
.working-step-close p+p{max-width:18ch;margin-top:clamp(28px,4vw,52px);color:color-mix(in srgb,var(--ha-bloom-deep) 52%,var(--ha-bloom));font-size:clamp(27px,2.8vw,42px);font-weight:600;line-height:1.2;letter-spacing:-.035em}
.working-step-priority{position:relative;margin-inline:calc(-1 * clamp(24px,6vw,120px));padding-inline:clamp(24px,6vw,120px);background:var(--ha-ink);color:var(--ha-paper);border:0}
.working-step-priority h2{color:var(--ha-paper)}
.working-step-priority p{color:var(--ha-soft-on-dark)}
.working-step-priority p+p{color:var(--ha-paper)}
.working-step-priority>.priority-map{grid-column:1/-1;position:relative;max-width:none;margin-top:clamp(16px,3vw,40px);padding-block:24px}
.priority-map:before{content:"";position:absolute;z-index:0;top:24px;bottom:24px;left:50%;width:1px;background:color-mix(in srgb,var(--ha-bloom) 52%,transparent)}
.priority-signals,.priority-choices{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,28px)}
.priority-signals span{padding:14px 4px;border-bottom:1px solid color-mix(in srgb,var(--ha-paper) 25%,transparent);background:var(--ha-ink);color:var(--ha-soft-on-dark);font-size:15px;font-weight:600;text-align:center}
.priority-focus{position:relative;z-index:1;display:grid;place-items:center;width:min(440px,62%);min-height:150px;margin:clamp(38px,5vw,64px) auto;background:var(--ha-bloom);color:#1F1E1C;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);text-align:center}
.priority-focus strong,.priority-focus span{display:block}.priority-focus strong{font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.04em}.priority-focus span{margin-top:8px;font-size:15px;font-weight:600}
.priority-choices span{padding:18px 8px;background:var(--ha-bone-alt);color:var(--ha-ink);font-size:15px;font-weight:700;text-align:center}
.working-step-capabilities{grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr)}
.working-step-capabilities h2{grid-column:2;grid-row:1}.working-step-capabilities>div{grid-column:1;grid-row:1}
.working-step-build{grid-template-columns:1fr}.working-step-build h2{max-width:14ch}.working-step-build>div{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,88px);max-width:none}.working-step-build p+p{margin-top:0}

.working-together{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:clamp(44px,9vw,152px);padding-block:clamp(72px,9vw,136px);background:var(--ha-bone-alt)}
.working-together h2,.working-contact h2{margin:0;font-size:clamp(44px,5.4vw,80px);font-weight:600;line-height:1;letter-spacing:-.055em}
.working-together h2{max-width:10ch;color:color-mix(in srgb,var(--ha-bloom-deep) 50%,var(--ha-bloom))}
.working-together>div:last-child{max-width:650px}
.working-together p{margin:0;color:var(--ha-ink-soft);font-size:18px;line-height:1.7}
.working-together p+p{margin-top:26px;padding-top:26px;border-top:1px solid var(--ha-hairline)}

.working-contact{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:clamp(44px,9vw,152px);align-items:end;padding-block:clamp(72px,9vw,128px);background:var(--ha-bloom);color:#1F1E1C}
.working-contact h2{max-width:13ch}
.working-contact>div{max-width:520px}
.working-contact p{margin:0;font-size:18px;line-height:1.65}
.working-contact .button{margin-top:28px;background:var(--ha-ink);border-color:var(--ha-ink);color:var(--ha-paper);font-size:17px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.working-contact .button:hover{background:var(--ha-ink-raised);border-color:var(--ha-ink-raised)}

.working-page footer{background:var(--ha-ink)}

@media(max-width:760px){
  .working-hero,.working-step,.working-step-capabilities,.working-together,.working-contact{grid-template-columns:1fr}
  .working-hero{gap:34px;padding-block:50px 66px}
  .working-hero h1{max-width:9ch;font-size:clamp(48px,13.4vw,62px)}
  .working-hero p{font-size:20px}
  .working-hero p+p{font-size:16px}
  .working-flow{padding-block:64px}
  .working-step{gap:20px;padding:48px 0}
  .working-step h2{max-width:12ch;font-size:38px;line-height:1.04}
  .working-step p{font-size:16px}
  .working-step-close p+p{font-size:27px}
  .working-step-priority{margin-inline:-24px;padding:56px 24px}
  .working-step-priority>.priority-map{margin-top:8px;padding-block:16px}
  .priority-map:before{top:16px;bottom:16px}
  .priority-signals,.priority-choices{grid-template-columns:1fr 1fr;gap:8px}
  .priority-signals span{padding:11px 2px;font-size:13px}
  .priority-focus{width:80%;min-height:128px;margin:34px auto}
  .priority-focus strong{font-size:30px}.priority-focus span{font-size:13px}
  .priority-choices span{padding:14px 6px;font-size:13px}
  .working-step-capabilities h2,.working-step-capabilities>div{grid-column:1;grid-row:auto}
  .working-step-build>div{grid-template-columns:1fr;gap:20px}.working-step-build p+p{margin-top:0}
  .working-together,.working-contact{gap:30px;padding-block:64px}
  .working-together h2,.working-contact h2{font-size:40px;line-height:1.05}
  .working-together p,.working-contact p{font-size:16px}
  .working-contact .button{width:100%;min-height:54px;padding-inline:14px;text-align:center}
}

@media(max-width:370px){
  .working-hero,.working-flow,.working-together,.working-contact{padding-inline:20px}
  .working-hero h1{font-size:45px}
  .working-step h2,.working-together h2,.working-contact h2{font-size:36px}
  .working-step-priority{margin-inline:-20px;padding-inline:20px}
}

@media(prefers-reduced-motion:reduce){
  .working-contact .button{transition:none}
}
