/* ==========================================================================
   Corporate Projukti — Redesign :: Homepage
   Hero-specific layout only. Everything reusable (split panel, checklist,
   CTA band, chips, action rows) lives in system.css.
   ========================================================================== */

.rd-hero {
    /* padding-block: var(--sp-17) var(--sp-21); */
}

.rd-hero-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: var(--sp-12);
    align-items: center;
}

.rd-hero-title { margin-top: var(--sp-5); }

.rd-hero-sub {
    margin-top: var(--sp-6);
    max-width: 52ch;
    font-size: 1.05rem;
    color: var(--tx-2);
}

.rd-hero-caption { margin-top: var(--sp-6); }

/* The hero art sits in a bordered frame so it reads as part of the
   instrument panel rather than a floating illustration. */
.rd-hero-art {
    position: relative;
    border: 1px solid var(--border);
    background: var(--surface);
    /* padding: var(--sp-8); */
    overflow: hidden;
}

.rd-hero-art::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 8%, rgba(var(--brand-2-rgb), var(--glow-a-tl)) 0%, transparent 58%),
        radial-gradient(circle at 88% 92%, rgba(var(--brand-1-rgb), var(--glow-a-br)) 0%, transparent 58%);
    pointer-events: none;
}

.rd-hero-art img { position: relative; width: 100%; }

@media (max-width: 900px) {
    .rd-hero { padding-block: var(--sp-12) var(--sp-14); }
    .rd-hero-grid { grid-template-columns: 1fr; gap: var(--sp-10); }
    .rd-hero-art { order: -1; }
}

/* The capabilities-grid overrides that used to live here (section padding,
   absolute-positioned icons, centred cells) are gone: that section now runs
   on the .rd-cards card system in layout-v2.css, and bands own the vertical
   padding. Keeping both would mean two spacing models on one page. */