/*
 * METASYS / CLEAN, STATIC CONTENT
 *
 * Content should appear immediately, exactly as authored:
 * - No ASCII reveal, typing/scramble/dither, entrance or scroll effects
 * - No text gradients, glows, blurs or shadows
 * - No photo filters, hover zoom, skew, rotation, parallax or card lift
 * - No transitions on hover. Hover navigation remains fully operable.
 *
 * Don't unset transforms globally: crop-editor positioning, centered map
 * pins, checkbox tick drawing and the toast anchor rely on geometry.
 * Keep visibility/opacity state for hidden controls, mobile menu and alerts.
 */
#app,
#app *,
#app *::before,
#app *::after {
  animation: none !important;
  animation-delay: 0s !important;
  transition: none !important;
  transition-delay: 0s !important;
  scroll-behavior: auto !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
/* Typography stays solid, never masked or recoloured by gradient-fill
   effects. Preserve the black-on-light / white-on-dark contrast layer. */
#app :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,em,figcaption,blockquote,
 label,dt,dd,time,.eyebrow,.meta-kicker,.project-card-number,
 .card-title,.card-sub,.designer-info,.footer-wordmark,.wf-hero-title-line) {
  text-shadow: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
}
/* Ensure old background-clip:text gradients can no longer hide headline
   lettering. Inherit actual foreground from current light/dark theme. */
#app :is(h1,h2,h3,h4,h5,h6) {
  -webkit-text-fill-color: currentColor !important;
}
#app :is(.wf-hero h1,.wf-hero h1 .wf-hero-title-line,
 .sponsor-hero h1,.page-hero h1,.meta-signin h1,.merch-heading h1,
 .portfolio-public-hero h1,.portfolio-person-hero h1) {
  background-image: none !important;
  text-shadow: none !important;
}
/* Render every public-facing photographic image at its original scale,
   without opacity manipulation, tinting, filters or motion. */
#app :is(.project-media img,.designer-photo img,.merch-image img,
 .portfolio-public-cover img,.portfolio-public-gallery img,
 .portfolio-public-image-grid img,.portfolio-person-hero img,
 .sponsor-feature-media img,.sponsor-feature img,.wf-feature-media img,
 .wf-partner-grid img,.lab-feature img,.lab-project-preview img,
 .companion-archive-item img,.companion-project-share img,
 .portfolio-review-cover img,.portfolio-preview-content img,
 .event-pass img,.merch-receipt img){
  transform: none !important;
  scale: 1 !important;
  rotate: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  box-shadow: none !important;
  transition: none !important;
}
#app :is(.project-card,.designer-card,.merch-product,.category-card,
 .sponsor-opps>div,.sponsor-feature,.wf-partner-mark,
 .lab-feature,.lab-project-card,.lab-product,.lab-archive-card,
 .portfolio-project-row,.companion-archive-item,.companion-zone){
  transform: none !important;
  rotate: none !important;
  scale: 1 !important;
  perspective: none !important;
  box-shadow: none !important;
}
#app :is(.project-card,.designer-card,.merch-product,.category-card,
 .lab-feature,.lab-project-card,.companion-archive-item):is(:hover,:focus-within){
  transform: none !important;
  rotate: none !important;
  scale: 1 !important;
  box-shadow: none !important;
}
#app .project-card:hover img,
#app .designer-card:hover img,
#app .merch-product:hover img,
#app .project-card-link:hover img,
#app .designer-photo:hover img,
#app .project-media:hover img {
  transform: none !important;
  scale: 1 !important;
}
/* Remove decorative graphic overlays, text/photography shading and
   faux glow. The full-bleed hero remains a section, not a boxed logo. */
#app .wf-hero-backdrop::before,
#app .wf-hero-backdrop::after,
#app .wf-hero-glow,
#app .wf-hero-orbit,
#app .meta-orbit,
#app .grid-etched,
#app .lab-artwork::after{
  display: none !important;
}
#app .wf-hero-backdrop,
#app .wf-hero-sculpture{
  animation: none !important;
  filter: none !important;
  transform: none !important;
  box-shadow: none !important;
}
#app .wf-hero-sculpture{
  background: #dedede !important;
  opacity: 1 !important;
}
#app :is(.project-media,.designer-photo,.merch-image,
 .portfolio-public-cover,.portfolio-public-image-grid figure,
 .portfolio-review-cover,.portfolio-preview-cover,.lab-artwork){
  background-image: none !important;
  filter: none !important;
  box-shadow: none !important;
}
#app .lab-artwork{background:#151313 !important}
/* Hover dropdown: no slide, fade or animated chevron. The links are still
   shown on hover and keyboard focus, hidden when focus leaves the category. */
@media(min-width:1101px){
 #app .nav-group.has-subnav>.nav-mobile-sub{
   transform: none !important;
   transition: none !important;
 }
 #app .nav-group.has-subnav>.nav-link::after{
   transform: none !important;
 }
 #app .nav-group.has-subnav:hover>.nav-mobile-sub,
 #app .nav-group.has-subnav:focus-within>.nav-mobile-sub{
   transform: none !important;
 }
}
/* No decorative entrance on mobile; maintain nav accessibility. */
@media(prefers-reduced-motion:reduce){
 #app,#app *,#app *::before,#app *::after{animation:none!important;transition:none!important}
}
