/* Homepage service composition: two core services, then three production formats. */
#services .five-directions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:46px 26px}
#services .five-directions .direction-card{grid-column:span 2;display:flex;flex-direction:column;min-width:0}
#services .five-directions .direction-card:nth-child(-n+2){grid-column:span 3}
#services .five-directions .direction-image{width:100%;aspect-ratio:1.35}
#services .five-directions .direction-card:nth-child(-n+2) .direction-image{aspect-ratio:2.05}
#services .five-directions .direction-copy{padding:22px 0 25px;flex:1;gap:0}
#services .five-directions h3{font-size:clamp(25px,2.25vw,34px);line-height:1.15;margin:11px 0 14px}
#services .five-directions .direction-copy>p{font-size:18px;line-height:1.6;margin-bottom:24px;max-width:540px}
#services .five-directions .direction-link{margin-top:auto}
@media(min-width:601px) and (max-width:900px){
 #services .five-directions{grid-template-columns:1fr;gap:28px}
 #services .five-directions .direction-card,
 #services .five-directions .direction-card:nth-child(-n+2){grid-column:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:stretch;padding-bottom:24px}
 #services .five-directions .direction-image,
 #services .five-directions .direction-card:nth-child(-n+2) .direction-image{aspect-ratio:1.4;align-self:start}
 #services .five-directions .direction-copy{padding:0;min-width:0}
 #services .five-directions h3{font-size:28px}
 #services .five-directions .direction-copy>p{font-size:17px;margin-bottom:18px}
}
@media(max-width:600px){
 #services .five-directions{grid-template-columns:1fr;gap:34px}
 #services .five-directions .direction-card,
 #services .five-directions .direction-card:nth-child(-n+2){grid-column:auto}
 #services .five-directions .direction-image,
 #services .five-directions .direction-card:nth-child(-n+2) .direction-image{aspect-ratio:16/9}
 #services .five-directions .direction-copy{padding:18px 0 24px}
 #services .five-directions h3{font-size:30px}
 #services .five-directions .direction-copy>p{font-size:18px;margin-bottom:20px}
}