.w-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;min-height:calc(100vh - 120px);padding:72px 0}
.w-hero h1{margin:22px 0 0;font-size:84px;line-height:.96;letter-spacing:-.055em;font-weight:600}
.w-hero .lede{margin:26px 0 0;font-size:20px;line-height:1.55;max-width:560px;color:rgba(255,255,255,.85)}

/* the agent identity card: Name, Designation, code */
.idc{width:min(420px,100%);margin:0 auto;padding:36px 34px}
.idc .av{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 24px 'Geist',sans-serif;letter-spacing:.02em;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 2px 1px rgba(255,255,255,.4)}
.idc .nm{margin-top:24px;font-size:36px;letter-spacing:-.04em;font-weight:600;line-height:1.05}
.idc .ds{margin-top:6px;font-size:19px;color:rgba(255,255,255,.82)}
.idc .cd{margin-top:16px;font:500 13px 'Geist Mono',monospace;letter-spacing:.1em;color:rgba(255,255,255,.65)}
.idc .tg{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.idc .ex2{margin-top:22px}

/* one task, six stations */
.journey{padding:90px 0 20px}
.journey .big{max-width:760px}
.tracks{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;margin:36px -32px 0;padding:10px 32px 34px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.stn{flex:0 0 400px;scroll-snap-align:start;border-radius:30px;padding:30px;min-height:440px;display:flex;flex-direction:column;gap:14px}
.stn .no{font:500 12px 'Geist Mono',monospace;letter-spacing:.14em;color:rgba(255,255,255,.55)}
.stn h3{margin:0;font-size:30px;letter-spacing:-.035em;font-weight:600;line-height:1.1}
.stn p{margin:0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.78)}
.stn .viz{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.stn .bub{max-width:100%;font-size:14px}
.stn .me{align-self:flex-end;max-width:90%}
.stn .row{display:flex;gap:8px;flex-wrap:wrap}
.mc{border-radius:20px;padding:20px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(0,0,0,.45));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1.5px 0 rgba(255,255,255,.5);display:flex;flex-direction:column;gap:8px}
.mc .t{font-size:19px;letter-spacing:-.02em;font-weight:600;line-height:1.2}
.mc .rf{font:500 12px 'Geist Mono',monospace;letter-spacing:.06em;color:rgba(255,255,255,.7)}
.mc .vl{align-self:flex-start;border-radius:999px;padding:5px 12px;font:700 11px 'Geist Mono',monospace;letter-spacing:.2em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.ctl{display:flex;gap:10px;align-items:center;margin-top:4px}
.ctl button{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff;font:500 20px 'Geist',sans-serif;cursor:pointer}
.ctl button:hover{background:rgba(255,255,255,.16)}
.ctl span{margin-left:8px;color:rgba(255,255,255,.6);font-size:14px}

/* the engagement as a contract sheet */
.contract{padding:90px 0 40px}
.cx{padding:64px 72px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.cx .big{font-size:56px}
.cx .intro{margin:18px 0 0;font-size:17px;line-height:1.6;color:#3a3a3a}
.cx .cl{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 18px;padding:22px 0;border-top:1px solid rgba(0,0,0,.14)}
.cx .cl:first-child{border-top:0;padding-top:0}
.cx .cl .n2{font:500 13px 'Geist Mono',monospace;color:#3a3a3a;padding-top:6px}
.cx .cl b{font-size:24px;letter-spacing:-.025em}
.cx .cl .n2{grid-column:1;grid-row:1}
.cx .cl b{grid-column:2;grid-row:1}
.cx .cl span:not(.n2){grid-column:2;grid-row:2;font-size:16px;line-height:1.55;color:#3a3a3a}

/* any function, any industry */
.anyw{padding:100px 0 30px}
.anyw .huge{margin:14px 0 0;font-size:120px;letter-spacing:-.06em;line-height:.92;font-weight:600}
.anyw p.sub{margin:28px 0 0;font-size:20px;line-height:1.55;max-width:560px;color:rgba(255,255,255,.82)}
.band{padding:60px 0 20px;text-align:left}
.band .go{margin-top:20px}

/* what the work is, how an engagement runs */
.lead2{margin:18px 0 0;font-size:19px;line-height:1.55;max-width:680px;color:rgba(255,255,255,.8)}
.sec2{padding:90px 0 10px}
.stg{margin-top:36px}
.stg .sg{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.6fr) 150px;gap:24px;align-items:baseline;padding:24px 0;border-top:1px solid rgba(255,255,255,.14)}
.stg .sg:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.stg .sg .n2{font:500 13px 'Geist Mono',monospace;color:rgba(255,255,255,.55)}
.stg .sg b{font-size:26px;letter-spacing:-.03em;font-weight:600}
.stg .sg span{font-size:16px;line-height:1.55;color:rgba(255,255,255,.8)}
.stg .sg em{font:500 12px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:rgba(255,255,255,.65);text-align:right}
.note2{margin:18px 0 0;font-size:14px;color:rgba(255,255,255,.6)}
.notthis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}
.notthis div{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.85)}
@media (max-width:980px){
  .sec2{padding:60px 0 6px}
  .stg .sg{grid-template-columns:40px minmax(0,1fr);gap:6px 14px}
  .stg .sg b,.stg .sg span:not(.n2),.stg .sg em{grid-column:2;text-align:left}
  .notthis{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:980px){
  .w-hero{grid-template-columns:minmax(0,1fr);padding:48px 0;min-height:0;gap:40px}
  .w-hero h1{font-size:54px}
  .tracks{margin:30px -32px 0}
  .stn{flex-basis:82vw;min-height:400px}
  .cx{grid-template-columns:minmax(0,1fr);padding:36px 22px;gap:28px}
  .cx .big{font-size:38px}
  .anyw{padding:64px 0 10px}
  .anyw .huge{font-size:54px}
}