/* Hero Graphic Decoration */
.hero-content {
    position: relative; /* Context for absolute graphic */
}

.hero-graphic-left {
    position: absolute;
    left: -150px; /* Further left */
    top: -50px;   /* Center it vertically around the title */
    width: 450px; /* Massive size */
    height: auto;
    opacity: 0.15; /* Watermark transparency */
    z-index: 1;    /* Behind text but above background */
    pointer-events: none; /* Don't interfere with clicks */
}

/* Responsive: Hide on mobile if too tight */
@media (max-width: 1024px) {
    .hero-graphic-left { display: none; }
}