/* AI Files — clean documentary photo cards (homepage + hubs)
   Standing owner rule 2026-10-24 (t299u): drop manila folder / peek-folder chrome.
   Cards = image band + title/copy. Collection vs file via text badges only. */

/* ========== Homepage cards: clean photo tiles ========== */
#fileGrid .file-card.drawer-card,
#fileGrid .file-card{
  position:relative;
  overflow:hidden;
}
#fileGrid .file-card.drawer-card:hover,
#fileGrid .file-card:hover{
  transform:translateY(-4px);
}
#fileGrid .file-card .card-link{overflow:hidden;display:block;text-decoration:none!important}
#fileGrid .file-card .card-image{
  position:relative;
  height:200px;
  overflow:hidden;
  background:#1e2d20;
}
#fileGrid .file-card.featured .card-image{height:280px}
#fileGrid .file-card.latest .card-image{height:340px}
#fileGrid .file-card .card-image img{
  width:100%;height:100%;
  object-fit:cover;object-position:50% 22%;
  display:block;
  filter:saturate(.85) contrast(1.04);
}
#fileGrid .file-card:hover .card-image img{
  filter:saturate(.95) contrast(1.03);
}
/* neutralize leftover folder/peek classes if any markup slips through */
#fileGrid .folder-tab,
#fileGrid .drawer-interior,
#fileGrid .peek-folder{display:none!important}

/* ========== Hub: plain hero rail (no peek-folders) ========== */
.drawer-hub .hub-hero.drawer-open{position:relative}
.drawer-hub .drawer-rail{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:18px 0 0;padding:14px 18px;border:1px solid #ffffff26;background:#101820;
}
.drawer-hub .drawer-label-plate{
  font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.18em;color:#d8bc80;
  background:#f3f0e9;color:#0d1923;padding:10px 16px;border:1px solid #a3323c;
}
.drawer-hub .drawer-pull{
  width:64px;height:12px;border:1px solid #d8bc80;border-radius:12px;display:inline-block;
  box-shadow:inset 0 0 0 1px #ffffff22;
}

/* ========== Hub Full-guides / case cards: clean photo tiles ========== */
#guides .file-card > a,
.case-card > a{text-decoration:none!important}
#guides .file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#guides .file-card{min-width:0;overflow:hidden}
#guides .file-card .card-link,
#guides .file-card .card-link:hover,
#guides .file-card .card-link:focus,
#guides .file-card .card-link *{text-decoration:none!important}
#guides .file-card .card-image{height:210px;position:relative;overflow:hidden;background:#e3e1dc}
#guides .file-card.featured .card-image{height:230px}
#guides .file-card .card-image img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.case-card .case-image{overflow:hidden}
.case-card .case-image img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.folder-tab,.drawer-interior,.peek-folder{display:none!important}

@media(max-width:1050px){#guides .file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:720px){
  #guides .file-grid{grid-template-columns:1fr;gap:1.15rem}
  #guides .file-card .card-image,#guides .file-card.featured .card-image{height:200px}
}
@media(max-width:800px){
  #fileGrid .file-card .card-image{height:190px}
  #fileGrid .file-card.featured .card-image{height:220px}
  #fileGrid .file-card.latest .card-image{height:280px}
}
@media(max-width:480px){
  #fileGrid .file-card .card-image,
  #fileGrid .file-card.featured .card-image{height:210px}
}
@media(prefers-reduced-motion:reduce){
  #fileGrid .file-card{transition:none}
}

/* Coming soon drawer cards */
#fileGrid .file-card.coming-soon-card .file-number{
  background:rgba(120,40,40,.92);
  letter-spacing:.12em;
}
#fileGrid .file-card.coming-soon-card .card-footer span:first-child{
  color:#a05050;
  font-weight:600;
}