/* Connect the experience to a visitor's need, without a grid of service cards. */
#fit { --fit-ink:#24272b; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:40px 10%; max-width:1600px; margin:0 auto; padding:64px 6%; background:#eef1f2; color:var(--fit-ink); scroll-margin-top:100px; }
#fit h2 { max-width:11ch; margin:0 0 24px; font:400 clamp(2.6rem,4vw,4rem)/1.08 Newsreader,Georgia,serif; letter-spacing:-.035em; text-wrap:balance; }
#fit .fit-introduction > p { max-width:43ch; font-size:1rem; line-height:1.75; color:#535b60; }
#fit .fit-introduction .fit-availability { color:var(--fit-ink); font-size:1.125rem; line-height:1.6; margin-bottom:14px; }
#fit .fit-situations { display:flex; flex-direction:column; gap:30px; }
#fit .fit-situations article { max-width:58ch; }
#fit h3 { font:500 1.2rem/1.4 var(--sans); letter-spacing:-.015em; margin:0 0 10px; }
#fit .fit-situations p { font-size:1rem; line-height:1.75; margin:0; color:#535b60; }
#fit .fit-path { grid-column:1/-1; margin-top:16px; padding-top:30px; border-top:1px solid #bcc4c6; }
#fit .fit-path h3 { margin-bottom:26px; font-size:.8125rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:#535b60; }
#fit .fit-path ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; }
#fit .fit-path li { position:relative; min-width:0; padding-top:19px; border-top:2px solid #a3afb0; }
#fit .fit-path li::before { content:""; position:absolute; top:-5px; left:0; width:8px; height:8px; border-radius:50%; background:#52696a; }
#fit .fit-path li > span { display:block; margin-bottom:14px; color:#596669; font-size:.75rem; letter-spacing:.1em; }
#fit .fit-path strong { display:block; font-size:1rem; font-weight:500; line-height:1.45; }
#fit .fit-path li p { max-width:34ch; margin:7px 0 0; color:#535b60; font-size:.875rem; line-height:1.6; }
@media(max-width:1000px) {
 #fit { grid-template-columns:minmax(0,1fr); gap:34px; padding-block:44px; }
 #fit h2 { max-width:none; }
 #fit .fit-introduction > p { max-width:58ch; }
}
@media(max-width:760px) {
 #fit { padding:36px 6%; }
 #fit h2 { font-size:2.7rem; }
 #fit .fit-introduction .fit-availability { font-size:1.0625rem; }
 #fit .fit-situations p { font-size:.9375rem; }
 #fit h3 { font-size:1.125rem; }
 #fit .fit-path { margin-top:2px; padding-top:24px; }
 #fit .fit-path h3 { font-size:.75rem; margin-bottom:18px; }
 #fit .fit-path ol { grid-template-columns:1fr; gap:0; padding-left:12px; border-left:2px solid #a3afb0; }
 #fit .fit-path li { border:0; padding:0 0 22px 18px; }
 #fit .fit-path li:last-child { padding-bottom:0; }
 #fit .fit-path li::before { top:5px; left:-17px; }
 #fit .fit-path li > span { margin-bottom:4px; }
}
