.how-we-work-page { background:var(--cream); }.how-we-work-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(19rem,.72fr); align-items:end; gap:5rem; padding-top:6rem; padding-bottom:4rem; }.how-we-work-hero h1,.work-step h2,.work-closing h2 { max-width:10.5ch; margin:0; color:var(--deep); font-size:clamp(3.5rem,6.8vw,6.3rem); letter-spacing:-.045em; line-height:.96; }.how-we-work-hero .lede { margin-bottom:0; }.work-marker { display:grid; gap:1rem; padding:2rem; color:white; background:var(--teal); box-shadow:1rem 1rem 0 var(--aqua); }.work-marker p { margin:0; color:#e7f3e9; font-size:1.05rem; line-height:1.6; }.work-marker strong { color:var(--gold); font-size:.78rem; letter-spacing:.11em; text-transform:uppercase; }.work-steps { padding-top:1.5rem; padding-bottom:5rem; }.work-step { display:grid; grid-template-columns:10rem minmax(0,1fr); gap:2rem; padding:3.25rem 0; border-top:1px solid var(--line); }.work-step:last-child { border-bottom:1px solid var(--line); }.work-step .number { margin:0; color:var(--teal); font-size:1rem; }.work-step h2 { max-width:15ch; font-size:clamp(2.2rem,4.2vw,4rem); }.work-step-copy { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(15rem,.95fr); gap:3rem; padding-top:.55rem; }.work-step-copy p { margin:0; color:#4c6670; font-size:1.08rem; line-height:1.7; }.work-step-copy ul { display:grid; gap:.8rem; margin:0; padding:0; list-style:none; }.work-step-copy li { padding-top:.8rem; border-top:1px solid var(--line); color:var(--ink); font-size:.95rem; font-weight:750; line-height:1.45; }.work-closing { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:5rem; margin-bottom:5.5rem; padding:5rem clamp(1.6rem,6vw,5.5rem); overflow:hidden; color:white; background:var(--deep); }.work-closing::after { content:""; position:absolute; right:clamp(1rem,6vw,4rem); bottom:1rem; width:min(34vw,19rem); aspect-ratio:1; background:url("assets/noble-squad-mark-dark.png") center/contain no-repeat; opacity:.13; pointer-events:none; }.work-closing>* { position:relative; z-index:1; }.work-closing .eyebrow { color:var(--gold); }.work-closing h2 { color:white; font-size:clamp(2.6rem,5vw,4.4rem); }.work-closing-copy { max-width:34rem; padding-top:1.2rem; }.work-closing-copy p { margin:0 0 1.3rem; color:#c6d8d8; font-size:1.06rem; line-height:1.65; }.work-closing-copy .button-light { margin-top:.7rem; } @media (max-width:780px) { .how-we-work-hero,.work-closing,.work-step,.work-step-copy { grid-template-columns:1fr; gap:2.5rem; }.how-we-work-hero { padding-top:4rem; }.work-step { padding:2.5rem 0; }.work-step-copy { padding-top:0; }.work-closing { margin-bottom:3rem; padding:3.5rem 1.5rem; }.work-closing-copy { padding-top:0; } }