/* haut de page : la caisse-palette pleine d'emballages de toutes formes, à droite, en fondu (04/11) */
.hero-ressources{--ratio:1600/900;--cadrage:60% center;--photo:50%;--texte:min(640px,48%)}
/* ── Page Ressources (maquette du 04/11/2026) : règles limitées aux blocs .res-* et .tapis ── */
.res-intro{max-width:72ch;margin-bottom:26px}
.res-centre{text-align:center;margin-top:30px}
.res-note{margin-top:18px;font-size:.92rem}
.res-form{margin-top:22px}
.res-apercu{width:100%;max-width:340px;margin-inline:auto;display:block;box-shadow:0 10px 30px rgba(35,34,31,.18);transform:rotate(1.5deg)}
.res-merci{margin-top:22px;padding:20px 22px;background:var(--page);border-left:4px solid var(--brand)}
.res-slot-doc{aspect-ratio:3/4;max-width:340px;width:100%;margin-inline:auto}
.slot span b{color:var(--ink-2)}
/* formats : la file d'emballages qui saute dans le sas */
.tapis{margin:30px 0 26px;background:var(--grid) center,var(--page);border:1px solid var(--beige);padding:18px 18px 10px;overflow:hidden}
.tapis-scene{position:relative;height:300px}
.tapis-collector{position:absolute;right:4%;bottom:0;height:290px;width:auto;z-index:2;pointer-events:none}
.tapis-file{position:absolute;inset:0;z-index:3}
.tapis-file .emb{position:absolute;left:0;top:0;width:56px;height:84px;will-change:transform}
.tapis-file .emb svg{width:100%;height:100%;display:block;overflow:visible}
.tapis-rail{position:absolute;left:0;height:3px;background:var(--line);z-index:1}
.tapis-ecran{position:absolute;z-index:4;background:var(--ink);color:var(--card);font-size:.78rem;line-height:1.3;padding:8px 12px;min-width:150px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:opacity .2s}
.tapis-ecran .nom{display:block;font-weight:700}
.tapis-ecran .ok{display:inline-flex;align-items:center;gap:6px;color:#6CBEA4;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.tapis-ecran .ok::before{content:"";width:12px;height:7px;border:solid #6CBEA4;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-2px)}
.tapis-ecran.flash{animation:res-flash .5s}
@keyframes res-flash{0%{opacity:.2}100%{opacity:1}}
.res-faits{margin-top:6px}
/* galerie, emplacements, vidéos, posts */
.res-galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.res-galerie figure,.res-videos figure{margin:0}
.res-galerie figcaption{font-size:.82rem;margin-top:8px;color:var(--ink-2)}
.res-lieux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.res-lieux .panel{padding:22px 22px 26px}
.res-lieux .slot{margin-bottom:16px;aspect-ratio:4/3}
.res-illus{position:relative;margin:0}
.res-illus figcaption{position:absolute;right:8px;bottom:24px;background:rgba(35,34,31,.72);color:var(--card);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px}
.res-lieu-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:16px}
.res-lieux h3{margin-bottom:8px}
.res-lieux p{font-size:.94rem;line-height:1.75}
.res-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 26px}
.res-vid{position:relative}
.res-vid::after{content:"";position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23FCFBF2'/%3E%3C/svg%3E") center/26px no-repeat;opacity:.85}
.res-vid span{position:absolute;bottom:12px;left:0;right:0}
.res-videos figcaption{margin-top:10px;font-size:.86rem;color:var(--ink-2);line-height:1.5}
.res-videos figcaption b{display:block;color:var(--ink);font-size:.95rem;margin-bottom:2px}
.res-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.res-post{display:flex;flex-direction:column;gap:10px;padding:0 0 22px;text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .2s}
.res-post:hover{transform:translateY(-3px)}
.res-post img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;margin-bottom:6px}
.res-post .qui,.res-post .t,.res-post .x,.res-post .link{margin-inline:22px}
.res-post .qui{display:flex;align-items:center;gap:7px;font-size:.74rem;color:var(--muted);letter-spacing:.03em}
.res-post .qui .ico-li{width:16px;height:16px;color:#0A66C2;flex:none}
.res-post .qui b{color:var(--ink-2)}
.res-post .t{font-family:var(--display);font-weight:600;font-size:1.02rem;line-height:1.35;color:var(--dark)}
.res-post .x{font-size:.86rem;line-height:1.65;color:var(--ink-2);flex:1}
.res-post .link{align-self:flex-start}
.res-figs{margin-top:24px}
.res-figs .res-vide{color:var(--line)}
.res-fin{text-align:center;padding:40px 28px}
.res-fin p{margin:10px auto 22px;max-width:60ch}
@media (min-width:1101px){footer.foot .cols{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}}
@media (max-width:900px){
  .res-galerie{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .res-lieux,.res-videos,.res-posts{grid-template-columns:minmax(0,1fr)}
  .res-post{min-height:240px}
  .tapis{padding:12px 10px 6px}
  .tapis-scene{height:180px}
  .tapis-collector{height:170px;right:2%}
  .tapis-file .emb{width:40px;height:60px}
  .tapis-ecran{min-width:0;font-size:.7rem;padding:6px 9px}
}