/* Keep the existing Audi'Art menu geometry and palette. */
#avia-menu > .aap220-menu { position: relative; }
#avia-menu > .aap220-menu > .sub-menu { top: 100% !important; display: block !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none; transform: none !important; transition: opacity .15s ease, visibility .15s ease !important; }
#avia-menu > .aap220-menu:not(.aap220-dismissed):hover > .sub-menu,
#avia-menu > .aap220-menu:not(.aap220-dismissed):focus-within > .sub-menu { opacity: 1 !important; visibility: visible !important; pointer-events: auto; }
#avia-menu .aap220-menu .sub-menu a { white-space: nowrap; }
/* Audi'Art's three brand colours only; keep Class's own menu untouched. */
[data-aap220-menu] > li { --aap232-dot: #13a9c6; }
[data-aap220-menu] > li:nth-child(3n+2) { --aap232-dot: #f29428; }
[data-aap220-menu] > li:nth-child(3n) { --aap232-dot: #aa2139; }
#avia-menu .aap220-menu > [data-aap220-menu] > li > a::before,
#aa-mobile-nav .aap220-menu > [data-aap220-menu] > li > a::before { background: var(--aap232-dot) !important; flex-shrink: 0; }
#avia-menu > .aap220-menu > .sub-menu { min-width: 290px !important; }
.aa-mobile-menu-panel .aap220-menu > .aa-mobile-menu-sub { display: block; }
.aap220-section-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 48px; }
.aa-site-draft .aap220-section-nav a { display: inline-flex; align-items: center; padding: 10px 17px; border: 1px solid #cbd7dc; border-radius: 999px; background: #f2f8fa; color: #183743; font-size: 12px; font-weight: 750; line-height: 1.3; text-decoration: none; text-transform: uppercase; letter-spacing: .05em; transition: background .15s, color .15s; }
.aa-site-draft .aap220-section-nav a:hover,
.aa-site-draft .aap220-section-nav a:focus-visible { background: #087f99; color: #fff; border-color: #087f99; }
.aap220-section { padding: 0 0 54px; margin: 0 0 46px; border-bottom: 1px solid #dde5e8; scroll-margin-top: calc(var(--aap-project-header-offset, 100px) + 24px); }
.aa-site-draft .aap220-section > h3 { display: flex; align-items: center; gap: 14px; margin: 0 0 28px; font-size: clamp(25px, 3vw, 36px); line-height: 1.2; font-weight: 800; letter-spacing: -.025em; color: #17252d; text-transform: uppercase; }
.aa-site-draft .aap220-section > h3::before { content: ''; flex: 0 0 5px; height: 32px; border-radius: 4px; background: linear-gradient(180deg, #13a9c6, #176682); }
.aap220-section:last-child { border-bottom: 0; padding-bottom: 0; }
.aap220-section .aa-project-grid { margin: 0; }
.aap220-section .aa-project { opacity: 1; visibility: visible; }
.aap220-empty { padding: 22px 26px; border: 1px solid #dce6e9; border-radius: 14px; background: #f4f8f9; color: #50636b; }
.aa-site-draft .aa-project-grid[hidden], .aa-site-draft .aa-site-section--telefilms[hidden] { display: none !important; }
.aap220-section > h3:focus-visible { outline: 2px solid #087f99; outline-offset: 7px; }
@media (max-width: 767px) {
  .aap220-section-nav { gap: 8px; margin-bottom: 36px; }
  .aa-site-draft .aap220-section-nav a { padding: 9px 12px; font-size: 10px; }
  .aap220-section { margin-bottom: 32px; padding-bottom: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  #avia-menu > .aap220-menu > .sub-menu, .aa-site-draft .aap220-section-nav a { transition: none !important; }
}