/* ONLYDROP — inner pages visual continuity / v189.
   The homepage remains unchanged. One tilted visual grammar, neutral
   canvases and measured neon accents for portfolio, biography and contact. */
:root { --od-inner-ink:#09090c; --od-inner-paper:#fff; --od-inner-neon:#d1ff00; --od-inner-line:rgba(255,255,255,.22); }
html body #views #work .work-section,
html body #views #about .about-section,
html body #views #contact .contact-section {
  background:#09090c !important;
  background-image:
    linear-gradient(118deg,rgba(107,101,171,.09),transparent 37%),
    repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.025) calc(25% - 1px),rgba(255,255,255,.025) 25%) !important;
}
html body #work .work-section { isolation:isolate; }
html body #work .work-section::before {
  content:"" !important;
  position:absolute !important; inset:0 !important;
  z-index:0 !important; pointer-events:none !important;
  background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.035) 88%,transparent 100%) !important;
}
html body #work .work-section > * { position:relative; z-index:1; }
html body #work .work-topline {
  border-bottom:1px solid var(--od-inner-line) !important;
  padding-bottom:clamp(10px,1.3vw,19px) !important;
}
html body #work .work-topline > *,
html body #work .back-index,
html body #about .back-index,
html body #contact .back-index {
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:"IBM Plex Mono",monospace !important;
  text-transform:uppercase !important;
  letter-spacing:.075em !important;
}
html body #work .work-topline .back-index:hover,
html body #about .back-index:hover,
html body #contact .back-index:hover { border-color:#d1ff00 !important; }
html body #work .section-heading {
  border-left:3px solid #d1ff00 !important;
  padding-left:clamp(13px,2vw,27px) !important;
  margin-bottom:clamp(20px,3vw,38px) !important;
}
html body #work #workHeading {
  letter-spacing:-.045em !important;
  line-height:1.02 !important;
  text-shadow:none !important;
}
html body #work > .category-switcher {
  border-radius:0 !important;
  border:1px solid var(--od-inner-line) !important;
  border-left:3px solid #d1ff00 !important;
  box-shadow:none !important;
}
html body #work > .category-switcher > .filter {
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:"IBM Plex Mono",monospace !important;
  font-weight:600 !important;
  letter-spacing:.045em !important;
}
html body #work .project-grid {
  gap:clamp(8px,1.1vw,16px) !important;
  align-items:stretch !important;
}
html body #work .project-grid > .project-card {
  border-radius:0 !important;
  border:1px solid var(--od-inner-line) !important;
  background:#101015 !important;
  overflow:visible !important;
  box-shadow:none !important;
  transition:border-color .22s ease, translate .22s ease !important;
}
html body #work .project-grid > .project-card:hover {
  border-color:#d1ff00 !important;
  translate:0 -3px;
}
html body #work .project-card .project-open {
  border-radius:0 !important;
  overflow:hidden !important;
}
html body #work .project-card .project-image {
  border-radius:0 !important;
  overflow:hidden !important;
  clip-path:polygon(2.1% 0,100% 0,100% 97.9%,0 100%) !important;
  transform:translateZ(0);
}
html body #work .project-card .project-meta {
  background:#0b0b0e !important;
  border-top:1px solid rgba(255,255,255,.18) !important;
  border-radius:0 !important;
  padding:clamp(13px,1.5vw,23px) !important;
}
html body #work .project-card .project-meta h3 {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  letter-spacing:-.02em !important;
}
html body #work .project-card .project-type {
  font-family:"IBM Plex Mono",monospace !important;
  letter-spacing:.075em !important;
  font-size:clamp(9px,.77vw,11px) !important;
}
html body #work .project-card .project-meta .arrow {
  border:1px solid rgba(255,255,255,.32) !important;
  background:#09090c !important;
  color:#fff !important;
  border-radius:0 !important;
}
html body #work .project-card:hover .project-meta .arrow {
  border-color:#d1ff00 !important;
  color:#d1ff00 !important;
}
/* Retain the subject emphasis of the original paintings and illustrations.
   No color grading or hue shifts are applied to images. */
html body #about .skills > span,
html body #contact .social-links > a {
  border-radius:0 !important;
  box-shadow:none !important;
}
html body #about .portrait-tech-frame { border-radius:0 !important; }
html body #contact .contact-bottom { border-top:1px solid var(--od-inner-line) !important; }
html body #contact .contact-stamp {
  border-radius:0 !important;
  box-shadow:none !important;
}
@media(max-width:700px){
  html body #work .project-grid { gap:12px !important; }
  html body #work .project-grid > .project-card:hover { translate:none; }
  html body #work .section-heading { padding-left:12px !important; }
  html body #work > .category-switcher { border-left-width:2px !important; }
}
@media(prefers-reduced-motion:reduce) {
  html body #work .project-grid > .project-card { transition:none !important; }
}