/* V28.4: photographic 4:3 originals for all overview cards.
   Source assets are composed/cropped at exactly 1600 x 1200: no blur-fill bars,
   distortions, CSS stretching, or unintended extra cropping at any breakpoint. */
.fav26-references .fav28-ref-overview{padding:40px 0 10px}
.fav28-ref-overview-heading{margin:0 0 22px;max-width:820px}
.fav28-ref-overview-heading h2{font:700 29px/1.2 PTSans,Arial,sans-serif;color:var(--v26-navy);margin:0 0 9px}
.fav28-ref-overview-heading p:not(.fav26-kicker){font:16px/1.5 PTSans,Arial,sans-serif;color:#4b5873;margin:0}
.fav28-ref-overview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.fav28-ref-nav-card{grid-column:span 2;min-width:0;display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #e0e6ef;border-radius:6px;box-shadow:0 5px 18px rgba(37,53,89,.055);text-decoration:none!important;color:var(--v26-navy)!important;transition:border-color .18s,box-shadow .18s,transform .18s}
.fav28-ref-nav-card:nth-child(4){grid-column:2/span 2}
.fav28-ref-nav-card:nth-child(5){grid-column:4/span 2}
.fav28-ref-nav-card:hover,.fav28-ref-nav-card:focus-visible{border-color:#7086b0;box-shadow:0 9px 24px rgba(37,53,89,.15);transform:translateY(-2px)}
.fav28-ref-nav-card:focus-visible{outline:3px solid #334b91;outline-offset:3px}
.fav28-ref-nav-image{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#eef1f5}
.fav28-ref-nav-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fav28-ref-nav-copy{display:flex;flex:1;flex-direction:column;gap:9px;padding:18px 19px 20px}
.fav28-ref-nav-copy strong{display:block;color:var(--v26-navy);font:700 18.5px/1.30 PTSans,Arial,sans-serif;min-height:2.6em}
.fav28-ref-nav-copy>span{display:block;color:#4a5873;font:15px/1.44 PTSans,Arial,sans-serif;min-height:2.88em}
.fav26-references .fav26-ref-category-header h2{scroll-margin-top:98px}
/* The founders' reference now uses the same card, image sizing and responsive rules. */
.fav26-references .fav28-founders-card .fav26-ref-copy h3{margin-bottom:14px}
@media(max-width:940px){.fav28-ref-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fav28-ref-nav-card:nth-child(4){grid-column:auto/span 2}.fav28-ref-nav-card:nth-child(5){grid-column:2/span 2}.fav26-references .fav28-ref-overview{padding-top:32px}}
@media(max-width:600px){.fav28-ref-overview-grid{grid-template-columns:1fr;gap:11px}.fav28-ref-nav-card,.fav28-ref-nav-card:nth-child(4),.fav28-ref-nav-card:nth-child(5){grid-column:1}.fav28-ref-nav-card{flex-direction:column;min-height:0}.fav28-ref-nav-image{flex:auto;width:100%;aspect-ratio:4/3;align-self:auto}.fav28-ref-nav-copy{padding:14px 16px 16px;gap:7px;justify-content:center}.fav28-ref-nav-copy strong{font-size:16.3px;line-height:1.25;min-height:0}.fav28-ref-nav-copy>span{font-size:13.7px;line-height:1.37;min-height:0}.fav28-ref-overview-heading h2{font-size:25px}.fav28-ref-overview-heading p:not(.fav26-kicker){font-size:15px}.fav26-references .fav28-ref-overview{padding-top:27px}}
@media(prefers-reduced-motion:reduce){.fav28-ref-nav-card{transition:none}}
/* The old reference stylesheet centered article paragraphs on small screens.
   Keep article typography consistently left-aligned in this version. */
@media(max-width:768px){.fav26-references .reference,.fav26-references .fav26-ref-copy{text-align:left}}

/* V28.5: Text-only individual reference projects.
   The five pictured overview/navigation cards above are deliberately unchanged.
   The former 29%-wide illustration column is removed; single-column project
   descriptions remain legible on desktop and phone, including expanded text. */
.fav26-references .fav26-ref-list {max-width: 1010px;}
.fav26-references .fav26-ref-list .fav26-ref-main {
    display: block;
    padding: 27px 30px 26px;
}
.fav26-references .fav26-ref-list .fav26-ref-copy {
    display: block;
    width: 100%;
    max-width: 940px;
}
@media (max-width: 720px) {
    .fav26-references .fav26-ref-list .fav26-ref-main {padding: 22px 22px 21px;}
}
@media (max-width: 560px) {
    .fav26-references .fav26-ref-list .fav26-ref-main {display:block;padding: 19px 17px 20px;}
}