/* Non-critical styles loaded after first paint to reduce render-blocking CSS */

/* Overlays used on figure/hero images */
.overlay-hairline { box-shadow: inset 0 0 0 1px rgba(46,74,63,0.12), inset 0 1px 0 rgba(255,255,255,0.45); }
.overlay-engraving { background-image: url('/textures/engraving-lines.svg'); opacity: 0.04; mix-blend-mode: multiply; }

/* Subtle background textures */
.texture-fibers { opacity: 0.05; }
.texture-engraving { opacity: 0.03; }
.texture-noise-1 { opacity: 0.02; }
.texture-noise-2 { opacity: 0.01; }
@media (min-width: 1024px) {
  .texture-fibers { opacity: 0.07 !important; }
  .texture-engraving { opacity: 0.05 !important; }
  .texture-noise-1 { opacity: 0.03 !important; }
  .texture-noise-2 { opacity: 0.02 !important; }
}

/* Editorial ornament utility */
.ornament-editorial { 
  background-image: url('/ornaments/arteditorial1.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0.015; 
  mix-blend-mode: multiply;
  pointer-events: none;
}
@media (min-width: 768px) { .ornament-editorial { opacity: 0.02; } }
@media (min-width: 1024px) { .ornament-editorial { opacity: 0.03; } }

/* Strong, clearly visible variant */
.ornament-strong { opacity: 0.14; mix-blend-mode: normal; }
@media (min-width: 768px) { .ornament-strong { opacity: 0.18; } }
@media (min-width: 1024px) { .ornament-strong { opacity: 0.20; } }

.ornament-br { position: absolute; right: 1rem; bottom: .75rem; }
.ornament-tr { position: absolute; right: .5rem; top: .5rem; }
.ornament-bl { position: absolute; left: .5rem; bottom: .5rem; }
.ornament-tl { position: absolute; left: .5rem; top: .5rem; }
.ornament-fixed-br { position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 0; }

/* Mobile prominence for footer plant art (centered) */
@media (max-width: 639px) {
  footer .ornament-strong.ornament-mobile { opacity: 0.20; }
}

.ornament-size-sm { width: 140px; height: 140px; }
.ornament-size-md { width: 200px; height: 200px; }
.ornament-size-lg { width: 260px; height: 260px; }

/* Desktop-only prominence tweak for footer plant art */
@media (min-width: 1024px) {
  footer .ornament-strong.ornament-br { opacity: 0.20; transform: none; transform-origin: bottom right; }
}
@media (min-width: 1440px) {
  footer .ornament-strong.ornament-br { opacity: 0.22; transform: translate(-4px, -3px); }
}

/* Full-page editorial background (used in /ensaios) */
.bg-editorial-fill { position: fixed; inset: 0; background: url('/images/muchroom.png') center / cover no-repeat; filter: grayscale(100%) contrast(1.05) sepia(0.24) hue-rotate(335deg) saturate(0.85); opacity: 0.10; pointer-events: none; }
@media (min-width: 1024px) { .bg-editorial-fill { opacity: 0.14; } }
.bg-editorial-overlay { position: fixed; inset: 0; pointer-events: none; background: radial-gradient(60% 40% at 50% 10%, rgba(246,241,229,0.25), rgba(246,241,229,0)), linear-gradient(to bottom, rgba(246,241,229,0.35), rgba(246,241,229,0.55)); }
.bg-editorial-local { position: absolute; inset: 0; background: url('/images/muchroom.png') center / cover no-repeat; opacity: 0.12; pointer-events: none; }

/* Typography and microtypography moved here (non-critical) */
.prose p{ hyphens: auto; -webkit-hyphens: auto; font-kerning: normal; }
.prose{ font-variant-ligatures: common-ligatures contextual; font-kerning: normal; }
.prose p, .prose li{ text-wrap: normal; overflow-wrap: break-word; word-break: normal; text-align: left; }

/* Animations */
@keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes pulse-subtle { 0%, 100% { opacity: 0.8; } 50% { opacity: 1; } }
@keyframes rotate-slow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }