.header .arch-main-nav {
    gap: clamp(14px, 1.8vw, 32px);
}
.header .arch-main-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    border-bottom: 1px solid transparent;
    font-size: clamp(.8rem, 1vw, .98rem);
    white-space: nowrap;
}
.header .arch-main-nav svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: #d6ae88;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header .arch-main-nav a:hover,
.header .arch-main-nav a[aria-current="page"] {
    border-bottom-color: #d6ae88;
    color: #f1d2b4;
}
@media (max-width: 960px) {
    .header { position: relative; }
    .header .menu-toggle { display: inline-flex; align-items: center; gap: 8px; }
    .header .arch-main-nav {
        display: none;
        position: absolute;
        inset: 100% 0 auto;
        z-index: 10;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 8px var(--gutter);
        background: #1b1815;
        border-bottom: 1px solid #d6ae8840;
    }
    .header .menu-toggle[aria-expanded="true"] + .arch-main-nav { display: flex; }
    .header .arch-main-nav a { padding: 8px 0; font-size: .95rem; }
}