body[data-page=B01] main [id]{scroll-margin-top:118px}
.buyers-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:7%;align-items:end;padding-block:46px 64px}
.buyers-intro h1{font-size:clamp(44px,4.8vw,68px);line-height:1.12;margin:0;max-width:880px}.buyers-intro h1 span{color:var(--color-primary)}
.buyers-intro-copy p{font-size:16px;line-height:1.85;margin:0 0 20px}.buyers-intro-copy .text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:14px}
.buyers-routes{padding-bottom:86px}.buyers-route-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;border-top:1px solid var(--color-line);padding-top:27px;margin-bottom:27px}.buyers-route-heading h2{font-size:23px;margin:0}.buyers-route-heading p{font-size:14px;margin:0;max-width:450px}
.buyers-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.buyer-route{display:grid;grid-row:span 6;grid-template-rows:subgrid;gap:0;min-width:0;padding-bottom:18px;border-bottom:1px solid var(--color-line);border-radius:3px;color:var(--color-ink)}
.buyer-route-media{aspect-ratio:4/3;transition:background var(--motion-fast)}.buyer-route:hover .buyer-route-media{background:#dfe7ef}.buyer-route-kicker{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);padding-top:23px}.buyer-route h3{font-size:26px;line-height:1.3;margin:15px 0 14px}.buyer-route p{font-size:15px;line-height:1.85;margin:0 0 20px}.buyer-route-detail{font-size:12px;line-height:1.8;color:var(--color-muted);padding-bottom:23px}.buyer-route-action{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;min-height:44px;border-top:1px solid var(--color-line);padding-top:13px}.buyer-route-action>span{transition:transform var(--motion-fast)}.buyer-route:hover .buyer-route-action{color:var(--color-primary)}.buyer-route:hover .buyer-route-action>span{transform:translate(2px,-2px)}
.buyers-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;list-style:none;margin:0;padding:0}.buyers-support li{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:0;border-top:1px solid #c7d3e0;padding-top:23px}.buyers-step{color:var(--color-primary);font-size:12px;margin-bottom:21px}.buyers-support h3{font-size:23px;margin-bottom:17px;line-height:1.3}.buyers-support p{font-size:15px;line-height:1.85;margin-bottom:23px}.buyers-support .text-link{font-size:14px;min-height:44px;justify-self:start;align-content:center}
.buyers-wearers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;align-items:center}.buyers-range-media{aspect-ratio:1.1}.buyers-wearers h2{font-size:clamp(34px,3.5vw,50px)}.buyers-wearers p:not(.eyebrow){font-size:16px;line-height:1.85}
@media(max-width:1100px){.buyers-intro{grid-template-columns:1fr;gap:25px;padding-block:26px 45px}.buyers-intro h1{font-size:57px;max-width:800px}.buyers-intro-copy{max-width:650px}.buyers-route-heading{align-items:start}.buyers-route-heading h2{font-size:22px}.buyers-route-heading p{max-width:320px}.buyer-route h3{font-size:22px}.buyers-route-grid{column-gap:20px}.buyers-support{column-gap:24px}.buyers-support h3{font-size:21px}.buyers-wearers{gap:6%}}
@media(max-width:760px){body[data-page=B01] main [id]{scroll-margin-top:100px}.buyers-intro{padding-block:24px 32px}.buyers-intro h1{font-size:43px}.buyers-route-heading{display:block}.buyers-route-heading p{max-width:500px;margin-top:12px}.buyers-route-grid{grid-template-columns:1fr;gap:34px}.buyer-route{grid-row:auto;grid-template-rows:none}.buyer-route-media{aspect-ratio:1.5}.buyer-route h3{font-size:27px}.buyer-route h3 br{display:none}.buyers-routes{padding-bottom:56px}.buyers-support{grid-template-columns:1fr;gap:30px}.buyers-support li{grid-row:auto;grid-template-rows:none}.buyers-support h3{font-size:25px}.buyers-step{margin-bottom:14px}.buyers-wearers{grid-template-columns:1fr;gap:29px}.buyers-range-media{aspect-ratio:1.15}.buyers-wearers h2{font-size:35px}}
body[data-page=B01] .service-cta .eyebrow{font-size:11px;letter-spacing:.1em}
@media(max-width:760px){.buyers-intro h1 span{display:block}}
@media(max-width:380px){.buyers-intro h1{font-size:37px}.buyer-route h3{font-size:25px}.buyers-wearers h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.buyer-route-media,.buyer-route-action>span{transition:none}}
