/* Audi'Art's page backgrounds fill the viewport; text keeps its own readable gutters. */
html.html_boxed body#top.page.aa-site-fullwidth,
html body#top.aa-site-fullwidth #wrap_all,
html body#top.aa-site-fullwidth #header,
html body#top.aa-site-fullwidth #header_main {
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
html body#top.aa-site-fullwidth #wrap_all .aa2026,
html body#top.aa-site-fullwidth #wrap_all .aa-site-draft,
html body#top.aa-site-fullwidth #wrap_all .aac-page {
  width:100%!important;max-width:none!important;margin:0!important;
}
/* Only ancestors of the custom Audi'Art pages receive these classes. */
html body#top.aa-site-fullwidth #main .aa-layout-container,
html body#top.aa-site-fullwidth #main .aa-layout-content {
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;
}
html.html_header_top body#top.aa-site-fullwidth.aa-layout-ready #wrap_all #main {
  padding-top:var(--aa-main-header-space,92px)!important;
}
/* The 7-item desktop menu stays on one line and uses the newly available width. */
@media(min-width:990px){
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .container {
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
    width:100%!important;max-width:none!important;padding:0 clamp(24px,3vw,64px)!important;box-sizing:border-box!important;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .inner-container {
    display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;gap:16px!important;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .logo,
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .logo a {
    position:relative!important;left:auto!important;float:none!important;flex:0 0 auto!important;
    width:clamp(210px,23vw,350px)!important;margin:0!important;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .logo img {
    width:100%!important;max-width:100%!important;transform:none!important;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .main_menu {
    position:relative!important;right:auto!important;float:none!important;margin-left:auto!important;min-width:0;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu {
    flex-wrap:nowrap!important;gap:2px!important;white-space:nowrap!important;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu>li>a {
    padding:0 3px!important;font-size:clamp(10.5px,.8vw,13px)!important;letter-spacing:.025em!important;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu>li>a:not([data-aa-contact]) .avia-menu-text {
    padding:10px 7px!important;gap:6px!important;
  }
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu>li>a[data-aa-contact] {padding:0 14px!important}
}
/* The six-row gallery uses the same interior width as its heading. */
html body#top.aa-site-fullwidth .aa-editorial .aa-ed-grid,
html body#top.aa-site-fullwidth .aa-editorial .aa-ed-head,
html body#top.aa-site-fullwidth .aa-editorial .aa-ed-footer {max-width:none}
@media(min-width:990px) and (max-width:1150px){
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .container {padding:0 24px!important}
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .inner-container {gap:12px!important}
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .logo,
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main .logo a {width:210px!important}
  html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu>li>a:not([data-aa-contact]) .avia-menu-text {padding:10px 5px!important;gap:4px!important}
}
/* Class keeps its violet identity in the main site's desktop and mobile menus. */
html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu>li>a[data-aa-class] .avia-menu-text::before,
html body#top.aa-site-fullwidth.aa-mockup-menu .aa-mobile-menu-panel>ul>li>a[data-aa-class]::before {
  background:#8751a3!important;
}
/* Project categories use only Audi'Art cyan, orange and burgundy.
   Override the legacy fourth-item violet rule on both menu renderings. */
html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu [data-aap220-menu]>li>a::before,
html body#top.aa-site-fullwidth.aa-mockup-menu #aa-mobile-nav [data-aap220-menu]>li>a::before {
  background:#13a9c6!important;
}
html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu [data-aap220-menu]>li:nth-child(3n+2)>a::before,
html body#top.aa-site-fullwidth.aa-mockup-menu #aa-mobile-nav [data-aap220-menu]>li:nth-child(3n+2)>a::before {
  background:#f29428!important;
}
html body#top.aa-site-fullwidth.aa-mockup-menu #header_main #avia-menu [data-aap220-menu]>li:nth-child(3n)>a::before,
html body#top.aa-site-fullwidth.aa-mockup-menu #aa-mobile-nav [data-aap220-menu]>li:nth-child(3n)>a::before {
  background:#aa2139!important;
}
/* Registration number beside the certification mark, outside the image itself. */
html body#top.aa-site-fullwidth .aa-nda-label {
  display:block;margin:10px 0 0;color:inherit;font-size:12px;font-weight:700;line-height:1.4;text-align:center;
}
html body#top.aa-site-fullwidth .aa-class-feature__qualiopi .aa-nda-label {color:#424651}
/* Homepage poster gallery: ten columns on phones, original poster proportions. */
@media(max-width:767px){
  html body#top.aa-site-fullwidth .aa-editorial .aa-ed-grid {
    grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;
  }
  html body#top.aa-site-fullwidth .aa-editorial .aa-ed-grid>.aa-ed-tile:nth-child(n+81) {
    display:none;
  }
}