/* The firm's original artwork keeps its natural proportions and white ground. */
.hdr__in { gap: 16px; }
.hdr__logo, .drawer__brand {
    display: block;
    flex: 0 0 auto;
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--paper);
}
.hdr__logo img, .drawer__brand img {
    display: block;
    width: 252px;
    height: auto;
    aspect-ratio: 410 / 80;
    object-fit: contain;
}
.hdr .nav { flex: 0 0 auto; padding: 6px 8px; border-radius: 0; background: none; box-shadow: none; }
.hdr .nav__link { padding: 11px 10px; border-radius: 8px; white-space: nowrap; }
.hdr__end { gap: 8px; }
.hdr__signin { padding-inline: 10px; white-space: nowrap; }
.hdr__end > .btn { padding-inline: 20px; white-space: nowrap; }
.drawer__top { gap: 18px; }
.drawer__top .burger { flex: 0 0 50px; }
.drawer__brand { min-width: 0; }
.drawer__brand img { width: 230px; }

/* Laptops keep the complete navigation at the browser's normal zoom. */
@media (min-width: 1021px) and (max-width: 1340px) {
    .hdr { padding: 16px 0; }
    .hdr__in { gap: 12px; }
    .hdr__logo { padding: 7px 9px; }
    .hdr__logo img { width: 224px; }
    .hdr .nav { display: flex; padding: 4px 0; gap: 0; }
    .hdr .nav__link { padding: 11px 8px; font-size: 14px; gap: 5px; }
    .hdr .burger { display: none; }
    .hdr .hdr__signin { display: inline-flex; padding-inline: 6px; font-size: 14px; gap: 6px; }
    .hdr .hdr__signin span { display: inline; }
    .hdr .hdr__end > .btn { display: inline-flex; min-height: 44px; padding-inline: 16px; font-size: 14px; gap: 8px; }
    .mega__in { grid-template-columns: 200px minmax(0, 1fr) 200px; max-height: calc(100svh - 112px); overflow-y: auto; overscroll-behavior: contain; }
    .mega__feature { min-height: 240px; padding: 18px; }
    .mega__main { padding: 14px 8px; }
    .mega__aside { padding: 18px; }
    .mega__link { padding: 9px 8px; gap: 10px; }
    .mega__link b { font-size: 14px; }
}
@media (min-width: 1021px) and (max-width: 1180px) {
    .hdr .hdr__end > .btn { display: none; }
}
@media (min-width: 721px) and (max-height: 800px) {
    .hdr { padding: 16px 0; }
    .mega__in { max-height: calc(100svh - 112px); overflow-y: auto; overscroll-behavior: contain; }
}
/* Keep the complete workspace link when the drawer replaces the main links. */
@media (max-width: 1020px) {
    .hdr .nav { display: none; }
    .hdr .burger { display: grid; }
    .hdr .hdr__signin { display: inline-flex; }
    .hdr .hdr__signin span { display: inline; }
    .hdr .hdr__end > .btn { display: inline-flex; }
}
@media (max-width: 760px) {
    .hdr .hdr__end > .btn { display: none; }
}
@media (max-width: 680px) {
    .hdr__in { gap: 16px; }
    .hdr__logo { padding: 7px 9px; }
    .hdr__logo img { width: 236px; height: auto; }
    .hdr .hdr__signin, .hdr .hdr__end > .btn { display: none; }
    .drawer__brand img { width: 210px; }
}
@media (max-width: 360px) {
    .hdr__logo img { width: 196px; }
    .drawer__brand img { width: 190px; }
}