.hero { position:relative; overflow:hidden; isolation:isolate; }
.hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 35%, rgba(255,122,0,.28), transparent 65%), radial-gradient(circle at 80% 70%, rgba(255,122,0,.18), transparent 70%); filter:blur(40px); opacity:.7; animation: heroGlow 12s linear infinite alternate; }
.hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to bottom right, rgba(0,0,0,.4), transparent 60%); mix-blend-mode:overlay; }
.hero__title { text-shadow:0 2px 6px rgba(0,0,0,.4), 0 0 10px rgba(255,122,0,.28); }
.hero__lead { opacity:.95; }
.hero__inner { position:relative; z-index:2; }

@keyframes heroGlow { 0% { transform:translate3d(0,0,0); } 100% { transform:translate3d(0,-12px,0); } }

/* Watermark */
.hero-watermark { position:absolute; inset:0; display:grid; place-items:center; opacity:.12; z-index:1; pointer-events:none; }
.hero-watermark__svg { width:min(80vmin, 820px); height:auto; stroke:var(--color-accent); fill:none; filter:blur(1px) drop-shadow(0 0 .85rem rgba(255,122,0,.35)); animation: heroMarkPulse 14s ease-in-out infinite; stroke-linecap:round; stroke-linejoin:round; }
.hero-watermark__svg.is-drawing path, .hero-watermark__svg.is-drawing circle { animation: strokeDraw 2.8s ease forwards; }
.hero-watermark__svg.is-drawing path:nth-of-type(2) { animation-delay:.2s; }
.hero-watermark__svg.is-drawing path:nth-of-type(3) { animation-delay:.4s; }

@keyframes strokeDraw { 0% { stroke-dasharray:0 1500; opacity:0; } 10% { opacity:1; } 100% { stroke-dasharray:1500 0; opacity:1; } }

@media (prefers-reduced-motion: reduce) {
	.hero-watermark__svg { animation:none; }
	.hero-watermark__svg.is-drawing path, .hero-watermark__svg.is-drawing circle { animation:none; stroke-dasharray:initial; opacity:.6; }
}
.hero-watermark__svg circle { stroke-width: 24px; opacity:.55; }
.hero-watermark__svg path { stroke-width: 10px; stroke-linecap:round; stroke-linejoin:round; opacity:.75; }
html[data-theme="light"] .hero-watermark__svg circle { opacity:.35; }
html[data-theme="light"] .hero-watermark__svg path { opacity:.5; }
html[data-theme="light"] .hero-watermark { opacity:.07; }
@keyframes heroMarkPulse { 0%,100% { transform: scale(1) rotate(0deg); filter:blur(2px) drop-shadow(0 0 1rem rgba(255,122,0,.25)); } 50% { transform: scale(1.035) rotate(1.5deg); filter:blur(1.5px) drop-shadow(0 0 1.25rem rgba(255,122,0,.4)); } }

/* Inline nav logo */
.logo-svg { display:block; width:48px; height:48px; color: var(--color-accent); transition: color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard); }
.logo-svg:hover, .logo-svg:focus-visible { color: var(--color-accent-alt); transform: rotate(-4deg) scale(1.04); }