/* ByCréations - galerie ARGILE exclusivement. Images intégralement visibles. */
body.byc-argile-optimized .gallery-page-grid,
body.byc-argile-optimized #art-grid-argile{
  grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:390px;
  grid-auto-flow:row;gap:18px;align-items:stretch;
}
body.byc-argile-optimized .gallery-page-grid > .art-card,
body.byc-argile-optimized #art-grid-argile > .art-card{
  grid-column:auto!important;grid-row:auto!important;min-width:0;height:100%;
  position:relative;display:block;overflow:hidden;background:#fff;
  box-shadow:0 5px 20px rgba(22,31,26,.06);
}
body.byc-argile-optimized .gallery-page-grid > .art-card::after,
body.byc-argile-optimized #art-grid-argile > .art-card::after{content:none!important;display:none!important}
body.byc-argile-optimized .gallery-page-grid > .art-card > img,
body.byc-argile-optimized #art-grid-argile > .art-card > img{
  display:block;width:100%;height:calc(100% - 78px);min-width:0;
  margin:0;padding:10px 13px 2px;object-fit:contain!important;
  object-position:center center!important;background:#fff;
  transform:none!important;transition:none;
}
body.byc-argile-optimized .gallery-page-grid .art-card > .art-label,
body.byc-argile-optimized #art-grid-argile .art-card > .art-label{
  position:absolute;z-index:2;left:12px;right:12px;bottom:11px;
  height:54px;display:grid;align-content:end;gap:1px;
  color:#17201d!important;line-height:1.18;
}
body.byc-argile-optimized .gallery-page-grid .art-label span,
body.byc-argile-optimized #art-grid-argile .art-label span{
  color:#895139!important;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
}
body.byc-argile-optimized .gallery-page-grid .art-label strong,
body.byc-argile-optimized #art-grid-argile .art-label strong{
  color:#19231f!important;font-size:19px;line-height:1.2;font-weight:400;
}
body.byc-argile-optimized .gallery-page-grid .art-card:focus-visible,
body.byc-argile-optimized #art-grid-argile .art-card:focus-visible{outline:3px solid #955839;outline-offset:3px}
@media (min-width:960px){
 body.byc-argile-optimized .gallery-page-grid > .art-card.byc-argile-wide,
 body.byc-argile-optimized #art-grid-argile > .art-card.byc-argile-wide{grid-column:span 2!important}
}
@media (max-width:960px){
 body.byc-argile-optimized .gallery-page-grid,
 body.byc-argile-optimized #art-grid-argile{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:340px;gap:12px}
}
@media (max-width:560px){
 body.byc-argile-optimized .gallery-page-grid,
 body.byc-argile-optimized #art-grid-argile{grid-template-columns:minmax(0,1fr);grid-auto-rows:390px;gap:12px}
 body.byc-argile-optimized .gallery-page-grid > .art-card > img,
 body.byc-argile-optimized #art-grid-argile > .art-card > img{padding:8px 10px 0}
}
/* Bloc éditorial SEO, même langage visuel que la galerie métal déjà validée. */
body.byc-argile-optimized .byc-argile-story{
 max-width:1120px;margin:36px auto 20px;padding:36px 36px 32px;
 background:#f9f7f0;border-top:1px solid rgba(21,33,31,.2);
 color:#24302b;box-sizing:border-box;
}
body.byc-argile-optimized .byc-argile-story .byc-argile-eyebrow{
 margin:0 0 12px;color:#8a4b34;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
}
body.byc-argile-optimized .byc-argile-story h2{
 margin:0 0 18px;font:normal clamp(27px,3vw,40px)/1.2 Georgia,"Times New Roman",serif;color:#15211f;
}
body.byc-argile-optimized .byc-argile-story h3{
 margin:0 0 12px;font:normal clamp(20px,2vw,25px)/1.3 Georgia,"Times New Roman",serif;color:#15211f;
}
body.byc-argile-optimized .byc-argile-story p{
 margin:0 0 18px;font-size:16px;line-height:1.78;max-width:80ch;
}
body.byc-argile-optimized .byc-argile-story .byc-argile-columns{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:22px 0 10px;
}
body.byc-argile-optimized .byc-argile-story a{color:#75402c;text-decoration:underline;text-underline-offset:3px}
body.byc-argile-optimized .byc-argile-story a:focus-visible{outline:2px solid #75402c;outline-offset:3px}
@media(max-width:700px){
 body.byc-argile-optimized .byc-argile-story{margin:28px 16px 16px;padding:24px 19px}
 body.byc-argile-optimized .byc-argile-story .byc-argile-columns{grid-template-columns:1fr;gap:10px}
 body.byc-argile-optimized .byc-argile-story p{font-size:15px;line-height:1.7}
}
