.hero { background: var(--deep); color: white; padding-top: clamp(24px, 5vw, 60px); }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(16px, 4vw, 50px); }
.hero-copy { padding-block: clamp(16px, 4vw, 58px); }
.hero h1 { font-size: clamp(3rem, 7vw, 6.5rem); letter-spacing: -.075em; text-wrap: initial; line-height: .96; }
.hero h1 span { color: #c59aff; }
.hero .eyebrow { color: #dec7ff; }
.status-dot { display: inline-block; width: 8px; height: 8px; background: #c59aff; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.hero .lede { color: #ddd3ed; max-width: 25rem; }
.hero-art { border-radius: 22px; overflow: hidden; border: 1px solid #4f3a69; background: #211830; }
.hero-art img { width: 100%; height: auto; aspect-ratio: 6/5; object-fit: cover; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
.hero .button { background: #c8aaff; color: #22123b; }
.hero .button:hover { background: #dfceff; }
.hero .button.outline { border-color: #796095; background: transparent; color: #f3eaff; }
.hero .button.outline:hover { background: #382b4e; }
.hero-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px 16px; margin-top: clamp(24px, 5vw, 54px); border-top: 1px solid #4c3e62; padding-block: 17px; color: #ded3ed; font-size: .86rem; }
.project-section { background: #f1ecfa; }
.home-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding-bottom: 0; }
.home-link { border-top: 1px solid var(--line); padding-top: 24px; }
.home-link h2 { font-size: clamp(1.55rem, 4vw, 2.5rem); }
@media (max-width: 830px) {
    .hero-grid { grid-template-columns: 1fr; }
    .hero-art img { aspect-ratio: 3/2; }
}
@media (max-width: 525px) { .hero-strip { grid-template-columns: repeat(2,minmax(0,1fr)); } .home-links { grid-template-columns: 1fr; } }