html { scroll-behavior: smooth; }
body { min-width: 320px; }
.skip-link {
    position: absolute;
    left: -999px;
    top: 12px;
    z-index: 9999;
    background: #b88a44;
    color: #111827;
    padding: 12px 16px;
}
.skip-link:focus { left: 12px; }
.architectural-grid {
    background-image:
        linear-gradient(rgba(17,24,39,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,24,39,.06) 1px, transparent 1px);
    background-size: 44px 44px;
}
.hero-mask {
    background:
        linear-gradient(90deg, rgba(17,24,39,.94), rgba(17,24,39,.72) 48%, rgba(17,24,39,.18)),
        linear-gradient(0deg, rgba(17,24,39,.34), rgba(17,24,39,.02));
}
.reveal-card { transition: transform .25s ease, box-shadow .25s ease; }
.reveal-card:hover { transform: translateY(-6px); }
.admin-nav-active { background: #111827; color: #fff; }
.table-wrap { overflow-x: auto; }