/* ── m3 01 Header — maarch-3/sections/01-header/brief.md ──
   Figma 1:1361 bar 103h · 1:1501 maarch³ logo 170×57 @ (51,20) · 1:1363 nav 16px, top 43, gap ≈36, right edge ≈1867 */

.m3-header { height: 103px; }
.m3-header__inner {
    width: min(1818px, calc(100% - 102px));
    height: 100%;
    margin-inline: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.m3-header__logo { margin-top: 20px; }
.m3-header__logo img { width: 170px; height: 57px; }
.m3-header__nav ul { display: flex; gap: 36px; margin-top: 43px; }
.m3-header__nav a {
    display: block;
    font-size: 16px;
    line-height: normal;
    color: var(--skin-white);
    transition: color .2s ease;
}
.m3-header__nav a:hover,
.m3-header__nav a:focus-visible { color: var(--skin-nav-active); }

@media (max-width: 1199.98px) {
    .m3-header__nav ul { gap: 22px; }
    .m3-header__nav a { font-size: 15px; }
}
@media (max-width: 991.98px) {
    .m3-header { height: 80px; }
    .m3-header__inner { width: calc(100% - 2 * var(--skin-edge)); align-items: center; }
    .m3-header__logo { margin-top: 0; }
    .m3-header__logo img { width: 128px; height: auto; }
    .m3-header__nav { display: none; }
}