/* ONLYDROP v50 — Content-first, visual identity unchanged.
   Last loaded deliberately: previous design files create fictitious labels in
   pseudo-elements. Empty them without removing the ornamentation elsewhere. */

/* No more fake vertical credits, version numbers or release metadata. */
html body #home .index-name-block::after { content:none !important; display:none !important; }
html body #home .index-topline { justify-content:flex-end !important; }
html body #home .index-topline span { text-align:right; }
html body #home .index-footer { justify-content:flex-end !important; gap:0 !important; }
html body #home .menu-heading { justify-content:flex-start !important; }

/* Remove pseudo copy that only describes the styling technique or claims a
   fictitious signal/error. The actual category titles remain fully visible. */
html body #home .category-menu > a.category-card > h2.category-title::before,
html body #home .category-menu > a.cat-anim2d > h2.category-title::before,
html body #home .category-menu > a.cat-anim3d > h2.category-title::before,
html body #home .category-menu > a.cat-art2d > h2.category-title::before,
html body #home .category-menu > a.cat-story > h2.category-title::before,
html body #home .category-menu > a.cat-projects > h2.category-title::before,
html body #home .cat-anim3d .type-lettering::after {
  content:none !important;
  display:none !important;
}

/* Shift the display lettering into the newly empty label area. Each title
   still sits outside the skewed artwork crop and retains its static 3D angle. */
html body #home .category-menu > a.category-card > h2.category-title {
  top:clamp(25px,3.6vh,38px) !important;
}

/* The placeholder images remain as neutral rectangles; no visitor-facing
   slot numbers or diagnostic UI should be painted on top of them. */
html body #home .category-visual .visual-demo-tag,
html body #home .category-visual .visual-slide-counter {
  display:none !important;
}

/* Shrink empty space in About and Contact after removing decorative copy. */
html body #about .about-content { align-self:center !important; }
html body #about .about-portrait { align-self:center !important; }
html body #contact .contact-section h2 { margin-top:clamp(30px,6vh,72px) !important; }

/* Dialog and contact content should remain fully legible. */
html body .dialog-body #dialogDescription[hidden] { display:none !important; }
html body #contact .contact-email { overflow-wrap:anywhere; }
@media(max-width:700px) {
  html body #home .category-menu > a.category-card > h2.category-title { top:27px !important; }
  html body #home .index-topline { min-height:0 !important; }
  html body #contact .contact-section h2 { margin-top:24px !important; }
}

/* Earlier mobile rules accidentally collapsed the title stage to zero height.
   Give the real title and the placeholder artwork independent room to breathe. */
@media(max-width:900px) {
  html body #home .category-menu > a.category-card:nth-child(n) {
    padding-top:145px !important;
    min-height:360px !important;
    height:auto !important;
  }
  html body #home .category-menu > a.category-card .category-visual {
    flex:0 0 auto !important;
    height:185px !important;
    min-height:185px !important;
    max-height:none !important;
  }
}
@media(max-width:600px) {
  html body #home .category-menu > a.category-card:nth-child(n) {
    padding-top:115px !important;
    min-height:340px !important;
  }
  html body #home .category-menu > a.category-card .category-visual {
    height:170px !important;
    min-height:170px !important;
  }
  html body #home .category-menu > a.cat-projects .type-lettering {
    font-size:clamp(19px,5.2vw,27px) !important;
  }
}
/* The four real collage fragments must fit the width of their navigation card. */
@media(min-width:901px) {
  html body #home .category-menu > a.cat-projects .type-lettering {
    font-size:clamp(19px,2.05vw,32px) !important;
  }
}