/* Larger photographs in the existing three routes; no new cards or decoration. */
#su-home-responsive .k-route{grid-template-columns:120px minmax(0,1fr) 18px;gap:16px;padding:14px 0}
#su-home-responsive .k-route-photo{padding:4px}
#su-home-responsive .k-route-photo img{width:100%;height:132px;object-fit:cover}
#su-home-responsive .k-route-name{font-size:24px}
#su-home-responsive .k-route-detail{font-size:14px;line-height:1.5}
#su-home-responsive .k-route:nth-child(1) .k-route-photo img{object-position:35% 50%}
#su-home-responsive .k-route:nth-child(2) .k-route-photo img{object-position:10% 50%}
#su-home-responsive .k-route:nth-child(3) .k-route-photo img{object-position:38% 100%}
#su-home-responsive .k-intro{font-size:16px;line-height:1.65;max-width:44ch}
/* Keep the photo's slight tilt, while the caption reads horizontally. */
.su-brand-page #su-home-responsive .k-mainphoto figcaption{padding:8px 0 0;margin:0;text-align:left;transform:rotate(calc(0deg - var(--cloth-photo-angle,0deg)));transform-origin:left top}
#su-home-responsive .k-story-pictures .k-farm-life{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 52%;border:4px solid var(--k-white)}
@media(max-width:359px){
 #su-home-responsive .k-route{grid-template-columns:98px minmax(0,1fr) 16px;gap:12px}
 #su-home-responsive .k-route-photo img{height:116px}
 #su-home-responsive .k-route-name{font-size:21px}
}
@container steenuil (min-width:520px) and (max-width:899px){
 #su-home-responsive .k-route{grid-template-columns:170px minmax(0,1fr) 20px;gap:24px}
 #su-home-responsive .k-route-photo img{height:160px}
}
@container steenuil (min-width:900px){
 #su-home-responsive .k-intro{font-size:17px;line-height:1.6;max-width:44ch}
 #su-home-responsive .k-route-list{gap:28px;margin-top:22px}
 #su-home-responsive .k-route{grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto auto;gap:16px 12px;padding:0;align-content:start}
 #su-home-responsive .k-route-photo{grid-column:1/-1;grid-row:1}
 #su-home-responsive .k-route-photo img{height:auto;aspect-ratio:3/2}
 #su-home-responsive .k-route>span:nth-child(2){grid-column:1;grid-row:2}
 #su-home-responsive .k-route-arrow{grid-column:2;grid-row:2;align-self:start;margin-top:6px}
 #su-home-responsive .k-route-name{font-size:25px}
 #su-home-responsive .k-route-detail{font-size:15px;margin-top:6px}
}

@container steenuil (max-width:519px){
 #su-home-responsive .k-route{grid-template-columns:clamp(140px,46vw,160px) minmax(0,1fr) 16px;gap:12px;align-items:center}
 #su-home-responsive .k-route-photo img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
 #su-home-responsive .k-route-name{font-size:23px}
 #su-home-responsive .k-route-detail{font-size:14px;line-height:1.45;margin-top:5px}
}

@container steenuil (max-width:519px){
 #su-home-responsive .k-story-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
 #su-home-responsive .k-story-pictures .su-owl-frame,#su-home-responsive .k-story-pictures .k-farm-life{width:100%;margin:0}
}

/* Home: arrows only where they add navigation meaning. */
#su-home-responsive .k-route-arrow,
#su-home-responsive .k-erf-news-compact .k-news-compact-link>svg,
#su-home-responsive .k-home-notice a svg,
#su-home-responsive .k-story>.k-text-link svg,
#su-home-responsive .su-group-routes .k-text-link svg,
#su-home-responsive .k-earth .k-quiet-button svg,
#su-home-responsive .k-visit-link>svg:last-child,
#su-home-responsive .k-visit>.k-text-link svg{display:none}