/* 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; }
@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; }
}