/* ── Hero ────────────────────────────────────────────── */
        .hero-section {
            background: linear-gradient(135deg,
            var(--accent-color) 0%, var(--accent-color) 55%, var(--accent-color) 100%);
            position: relative;
            overflow: hidden;
        }

        .hero-section::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 80px;
            background: var(--surface-color);
            clip-path: ellipse(55% 100% at 50% 100%);
        }

        .hero-section .hero-img {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 55%;
            object-fit: cover;
            /* opacity: .25; */
            opacity: .5;
            height: 100%;
            /* mix-blend-mode: luminosity; */
        }


        .hero-section h1 .highlight {
            color: var(--default-color);
        }

        .hero-section h1 {
            font-size: clamp(2rem, 5vw, 3rem);
            width: 65%;
        }

        .hero-section p {
            color: rgba(255, 255, 255, .82);
            max-width: 480px;
        }