/* BANHALMI ART — final persistent desktop corrections */

/* Never show MENU/MENÜ as visible button text: always render one clean hamburger. */
body.apple-archive .topbar .burger,
body.apple-archive nav .burger{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
body.apple-archive .topbar .burger::before,
body.apple-archive .topbar .burger::after,
body.apple-archive nav .burger::before,
body.apple-archive nav .burger::after{
  content:""!important;
  position:absolute!important;
  left:11px!important;
  width:22px!important;
  height:2px!important;
  border-radius:99px!important;
  background:#f5f5f7!important;
  transition:transform .22s ease,top .22s ease!important;
}
body.apple-archive .topbar .burger::before,
body.apple-archive nav .burger::before{top:15px!important;box-shadow:0 6px 0 #f5f5f7!important}
body.apple-archive .topbar .burger::after,
body.apple-archive nav .burger::after{top:27px!important}
body.apple-archive.menu-open .topbar .burger::before,
body.apple-archive.menu-open nav .burger::before{top:21px!important;transform:rotate(45deg)!important;box-shadow:none!important}
body.apple-archive.menu-open .topbar .burger::after,
body.apple-archive.menu-open nav .burger::after{top:21px!important;transform:rotate(-45deg)!important}
body.apple-archive nav .burger span{display:none!important}

/* Keep the complete header visible above the open menu. */
body.apple-archive>.topbar,
body.apple-archive>nav:not(.archive-nav){
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:140!important;
  min-height:68px!important;
  background:rgba(12,13,20,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* Shared press-style desktop menu: broad two-column editorial index. */
@media(min-width:901px){
  body.apple-archive .menu,
  body.apple-archive #menu{
    position:fixed!important;
    inset:0!important;
    z-index:90!important;
    width:100vw!important;
    height:100dvh!important;
    padding:clamp(6.5rem,10vh,8rem) clamp(2.5rem,5vw,6rem) clamp(3rem,6vh,5rem)!important;
    background:rgba(12,13,20,.985)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  body.apple-archive:not(.menu-open) .menu,
  body.apple-archive:not(.menu-open) #menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.apple-archive.menu-open .menu,
  body.apple-archive.menu-open #menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.apple-archive .menu-grid{
    width:min(100%,1500px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:clamp(4rem,8vw,9rem)!important;
    row-gap:0!important;
  }
  body.apple-archive .menu-item{
    display:block!important;
    min-width:0!important;
    padding:clamp(1rem,1.6vw,1.45rem) 0!important;
    border-top:1px solid rgba(255,255,255,.28)!important;
    color:#f5f5f7!important;
    text-decoration:none!important;
  }
  body.apple-archive .menu-item strong{display:block!important;font-size:clamp(1.18rem,1.55vw,1.55rem)!important;line-height:1.15!important;color:#b79c44!important}
  body.apple-archive .menu-item span{display:block!important;margin-top:.18rem!important;max-width:58ch!important;font-size:clamp(.78rem,.2vw + .74rem,.9rem)!important;line-height:1.4!important;color:#c7c7cb!important}

  body.apple-archive #menu .mwrap{
    width:min(100%,1500px)!important;
    max-width:1500px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:clamp(4rem,8vw,9rem)!important;
    align-content:start!important;
    align-items:start!important;
  }
  body.apple-archive #menu .mwrap>div:not(.m-foot){display:block!important;min-width:0!important}
  body.apple-archive #menu .m-main{display:block!important;padding:clamp(.9rem,1.4vw,1.25rem) 0 0!important;border-top:1px solid rgba(255,255,255,.28)!important;color:#b79c44!important;font-size:clamp(1.16rem,1.45vw,1.5rem)!important;line-height:1.15!important;text-decoration:none!important}
  body.apple-archive #menu .m-desc{display:block!important;margin:.18rem 0 clamp(.85rem,1.5vw,1.3rem)!important;max-width:58ch!important;color:#c7c7cb!important;font-size:clamp(.76rem,.18vw + .73rem,.88rem)!important;line-height:1.4!important}

  /* Services is a real visible menu block; no extra border that creates a double line. */
  body.apple-archive #menu details.svc{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    border-top:0!important;
    margin:.35rem 0 0!important;
    padding:0 0 .8rem!important;
  }
  body.apple-archive #menu details.svc>summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:44px!important;
    padding:.55rem 0!important;
    color:#b79c44!important;
    font-size:clamp(1.16rem,1.45vw,1.5rem)!important;
    font-weight:600!important;
    line-height:1.15!important;
    list-style:none!important;
    cursor:pointer!important;
  }
  body.apple-archive #menu details.svc>summary::-webkit-details-marker{display:none!important}
  body.apple-archive #menu details.svc>summary::after{content:'+'!important;color:#b79c44!important;font-size:1.2rem!important;font-weight:400!important}
  body.apple-archive #menu details.svc[open]>summary::after{content:'−'!important}
  body.apple-archive #menu details.svc>.m-desc{margin:.15rem 0 .65rem!important}

  /* Never stack two ornamental rules between Curators and Contact. */
  body.apple-archive #menu .m-desc + [data-contact-position="left"] .m-main{border-top:1px solid rgba(255,255,255,.28)!important}
  body.apple-archive #menu [data-contact-position="left"] + details.svc{border-top:0!important}
}

/* Family pages: same polished top bar and wide editorial composition. */
body.apple-archive .archive-nav{
  position:sticky!important;
  top:0!important;
  z-index:140!important;
  background:rgba(12,13,20,.92)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  backdrop-filter:blur(16px)!important;
}
body.apple-archive .archive-nav__inner{
  width:min(calc(100% - clamp(1.5rem,5vw,5rem)),1760px)!important;
  min-height:68px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:1.25rem!important;
}
body.apple-archive .archive-brand{color:#f5f5f7!important;font-size:.8rem!important;font-weight:700!important;letter-spacing:.18em!important;text-decoration:none!important}
body.apple-archive .archive-nav .langs{margin-left:auto!important;display:flex!important;gap:.85rem!important}
body.apple-archive .archive-nav .langs a{color:#aaa8a4!important;text-decoration:none!important;font-size:.76rem!important}
body.apple-archive .archive-nav .langs a.on{color:#b79c44!important}
body.apple-archive .archive-back{color:#b79c44!important;text-decoration:none!important;font-size:.78rem!important}
body.apple-archive .archive-hero .wrap,
body.apple-archive .archive-main .wrap{
  width:min(calc(100% - clamp(2rem,7vw,8rem)),1440px)!important;
  max-width:1440px!important;
}
body.apple-archive .archive-hero{padding:clamp(5rem,8vw,8rem) 0 clamp(3rem,5vw,5rem)!important}
body.apple-archive .archive-main section{padding:clamp(2.5rem,4vw,4.5rem) 0!important}
body.apple-archive .archive-main p,
body.apple-archive .archive-main blockquote{max-width:88ch!important}

/* Use substantially more desktop width on editorial subpages without creating unreadably long lines. */
@media(min-width:1101px){
  body.apple-archive main>header.sub .wrap.narrow,
  body.apple-archive main>section.wrap.narrow,
  body.apple-archive main>section>.wrap.narrow,
  body.apple-archive main>header>.wrap.narrow{
    width:min(calc(100% - clamp(4rem,10vw,12rem)),1320px)!important;
    max-width:1320px!important;
  }
  body.apple-archive main>section.wrap.narrow p,
  body.apple-archive main>section>.wrap.narrow p{max-width:82ch!important}
}

/* Homepage journey and exhibitions: a centred line with generous breathing room on both sides. */
@media(min-width:1101px){
  body.apple-archive #journey :where(.timeline,.chronology,.archive-list,.record-list),
  body.apple-archive #exhibitions :where(.timeline,.chronology,.archive-list,.record-list){
    column-gap:clamp(6rem,10vw,11rem)!important;
  }
  body.apple-archive #journey :where(.timeline,.chronology,.archive-list,.record-list)>*:nth-child(odd),
  body.apple-archive #exhibitions :where(.timeline,.chronology,.archive-list,.record-list)>*:nth-child(odd){
    padding-right:clamp(2.5rem,4vw,5rem)!important;
  }
  body.apple-archive #journey :where(.timeline,.chronology,.archive-list,.record-list)>*:nth-child(even),
  body.apple-archive #exhibitions :where(.timeline,.chronology,.archive-list,.record-list)>*:nth-child(even){
    border-left:1px solid rgba(183,156,68,.46)!important;
    padding-left:clamp(3.75rem,5.5vw,6.5rem)!important;
  }
  body.apple-archive #journey :where(.timeline,.chronology,.archive-list,.record-list)>*:nth-child(even)::before,
  body.apple-archive #exhibitions :where(.timeline,.chronology,.archive-list,.record-list)>*:nth-child(even)::before{
    left:-.27rem!important;
    width:.5rem!important;
    height:.5rem!important;
  }
}

@media(max-width:900px){
  body.apple-archive>.topbar,
  body.apple-archive>nav:not(.archive-nav){min-height:60px!important}
  body.apple-archive .archive-nav__inner{min-height:60px!important;flex-wrap:wrap!important;padding:.7rem 0!important}
  body.apple-archive .archive-back{width:100%!important;order:3!important}
}
