/* Les cartes photo existantes, en deux rangées de quatre sur ordinateur. */
#onlybaie-perspective #op-familles{padding-block:48px 12px;scroll-margin-top:150px}
#onlybaie-perspective #op-familles .ob-family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#onlybaie-perspective #op-familles .ob-family-body{padding:16px}
#onlybaie-perspective #op-familles .ob-family-card h3{font-size:21px}
#onlybaie-perspective #op-familles .ob-family-copy{margin:8px 0 16px}
#onlybaie-perspective #op-familles+#op-collections{padding-top:58px}
@media(max-width:1100px){
 #onlybaie-perspective #op-familles .ob-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 #onlybaie-perspective #op-familles{padding-block:30px 8px;scroll-margin-top:100px}
 #onlybaie-perspective #op-familles .ob-family-grid{gap:12px}
 #onlybaie-perspective #op-familles .ob-family-body{padding:12px}
 #onlybaie-perspective #op-familles .ob-family-card{border-radius:12px}
 #onlybaie-perspective #op-familles .ob-family-card h3{font-size:17px;line-height:1.25;margin-bottom:14px}
 #onlybaie-perspective #op-familles .ob-family-repere{font-size:9px;letter-spacing:.025em}
 #onlybaie-perspective #op-familles .ob-family-copy{display:none}
 #onlybaie-perspective #op-familles .ob-family-cta{font-size:12px;padding:10px 8px;gap:5px;margin-top:auto;min-height:44px}
 #onlybaie-perspective #op-familles .ob-family-cta svg{width:16px;height:16px}
 #onlybaie-perspective #op-familles+#op-collections{padding-top:38px}
}