/* Layer specific visual adjustments */

[data-layer="infrastructure"] .hero-name {
    background: linear-gradient(to bottom right, var(--text), var(--accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 12px rgba(229, 130, 83, 0.15));
}

[data-layer="platform"] .hero-name {
    background: linear-gradient(to bottom right, var(--text), var(--accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 12px rgba(59, 130, 246, 0.15));
}

/* More breathable sections for infrastructure */
[data-layer="infrastructure"] .wrap {
    padding-inline: var(--sp-8);
}

@media (max-width: 600px) {
    [data-layer="infrastructure"] .wrap {
        padding-inline: var(--sp-5);
    }
}

/* Gray dominance for platform field */
[data-layer="platform"] {
    --border: rgba(255, 255, 255, 0.05);
}

[data-layer="platform"] .card {
    background: var(--gray-900);
}

/* Subtle house signals in platform */
[data-layer="platform"] .card-mono {
    color: var(--color-brass);
}