/* BANHALMI ART — Apple-led editorial and trust layer */
:root{
  --bn-content-wide:clamp(72rem,92vw,112rem);
  --bn-content-editorial:clamp(58rem,78vw,92rem);
  --bn-reading:46rem;
  --bn-space-1:.5rem;
  --bn-space-2:2.5rem;
  --bn-space-3:4rem;
  --bn-space-4:6.5rem;
  --bn-rule:rgba(255,255,255,.13);
  --bn-gold:#B79C44;
}
body.apple-archive{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(16px,.18vw + 15px,18px)!important;
  line-height:1.62!important;
  letter-spacing:-.012em!important;
  overflow-x:hidden;
}
body.apple-archive h1,body.apple-archive h2,body.apple-archive h3,body.apple-archive h4{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
  font-weight:600!important;
  text-wrap:balance;
}
body.apple-archive h1{font-size:clamp(2.55rem,5vw,5.1rem)!important;line-height:1.02!important;letter-spacing:-.048em!important}
body.apple-archive h2{font-size:clamp(2rem,3.4vw,3.45rem)!important;line-height:1.08!important;letter-spacing:-.036em!important}
body.apple-archive h3{font-size:clamp(1.25rem,1.65vw,1.72rem)!important;line-height:1.18!important;letter-spacing:-.024em!important}
body.apple-archive p,body.apple-archive li{line-height:1.62!important}
body.apple-archive main>section{padding-block:clamp(4.5rem,7vw,7.5rem)!important}
body.apple-archive main>section+section{border-top:1px solid var(--bn-rule)!important}
body.apple-archive main :where(.wrap,.container){width:min(calc(100% - clamp(2rem,6vw,7rem)),var(--bn-content-editorial))!important;max-width:none!important}
body.apple-archive main :where(.wrap,.container).narrow,
body.apple-archive main :where(.narrow,.prose,.copy,.text){max-width:var(--bn-reading)!important}
body.apple-archive main :where(.lead,p.lead){max-width:62ch!important;font-size:clamp(1.05rem,.45vw + .95rem,1.23rem)!important;line-height:1.56!important}

/* Rules must breathe: no text or control may sit directly against a decorative line. */
body.apple-archive :where(hr,.rule,.divider){margin-block:clamp(2.2rem,4vw,4rem)!important}
body.apple-archive :where(.card,.panel,.record,.period-card,.menu-item){padding-block:clamp(1.25rem,2vw,2rem)}
body.apple-archive :where(.actions,.buttons,.cta-row,.hero-cta){gap:clamp(.8rem,1.5vw,1.35rem)!important;margin-top:clamp(1.8rem,3vw,2.8rem)!important}
body.apple-archive :where(.btn,.button,a.cta){min-height:46px!important;padding:.78rem 1.35rem!important;font-size:.9rem!important;font-weight:600!important;line-height:1.2!important}

/* Homepage quote: one optical centre shared with the gallery introduction. */
body.apple-archive .statement.wrap{
  width:min(calc(100% - clamp(2rem,8vw,9rem)),72rem)!important;
  max-width:72rem!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  text-align:center!important;
}
body.apple-archive .statement.wrap .label{
  display:block!important;
  width:100%!important;
  margin:0 auto clamp(1.15rem,2vw,1.8rem)!important;
  text-align:center!important;
}
body.apple-archive .statement.wrap blockquote{
  max-width:25ch!important;
  margin-inline:auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
body.apple-archive #works>.wrap>.intro{
  max-width:72rem!important;
  margin-inline:auto!important;
  text-align:center!important;
}
body.apple-archive #works>.wrap>.intro :where(.lead,p){margin-inline:auto!important}
body.apple-archive .statement.wrap + #works{padding-top:clamp(3.5rem,5vw,5.5rem)!important}

/* Homepage journey and exhibitions: one true centre axis with equal breathing room. */
@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){
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:clamp(8rem,11vw,12rem)!important;
    row-gap:0!important;
  }
  body.apple-archive #journey :where(.timeline,.chronology,.archive-list,.record-list)::before,
  body.apple-archive #exhibitions :where(.timeline,.chronology,.archive-list,.record-list)::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:1px;
    transform:translateX(-50%);
    background:rgba(183,156,68,.38);
    pointer-events:none;
  }
  body.apple-archive #journey :where(.timeline,.chronology,.archive-list,.record-list)>*,
  body.apple-archive #exhibitions :where(.timeline,.chronology,.archive-list,.record-list)>*{
    min-width:0!important;
    border-left:0!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,4.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){
    padding-left:clamp(2.5rem,4vw,4.5rem)!important;
  }
  body.apple-archive #journey :where(.timeline,.chronology,.archive-list,.record-list)>*::before,
  body.apple-archive #exhibitions :where(.timeline,.chronology,.archive-list,.record-list)>*::before{
    width:.52rem!important;
    height:.52rem!important;
  }
}

/* Inner pages use the desktop canvas instead of a phone-width column. */
@media(min-width:1000px){
  body.apple-archive main.archive-main :where(.wrap,.container),
  body.apple-archive main:not([data-narrative]) :where(.wrap,.container):not(.narrow),
  body.apple-archive .curatorial-dossier,
  body.apple-archive .writing-page,
  body.apple-archive .community-page{width:min(calc(100% - 6vw),var(--bn-content-editorial))!important}
  body.apple-archive main :where(.article-body,.writing-body,.longform,.essay){max-width:68rem!important;margin-inline:auto!important}
}

/* Gallery system: elegant three-column desktop canvas. */
@media(min-width:1101px){
  body.apple-archive :where(#galwrap,.gallery-wrap,.archive-gallery,.project-gallery){
    width:min(calc(100vw - 5vw),var(--bn-content-wide))!important;
    max-width:none!important;
    margin-inline:50%!important;
    transform:translateX(-50%)!important;
  }
  body.apple-archive :where(.collage,.gallery-grid,.archive-gallery-grid,.project-gallery-grid){
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(1rem,1.6vw,1.8rem)!important;
  }
  body.apple-archive :where(.collage,.gallery-grid,.archive-gallery-grid,.project-gallery-grid)>*{
    min-width:0!important;
    margin:0!important;
  }
}
@media(min-width:701px) and (max-width:1100px){
  body.apple-archive :where(.collage,.gallery-grid,.archive-gallery-grid,.project-gallery-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.apple-archive :where(.collage,.gallery-grid,.archive-gallery-grid,.project-gallery-grid){grid-template-columns:1fr!important}
}

/* Curatorial periods: readable evidence, not cramped cells. */
body.apple-archive .curatorial-periods{margin-top:clamp(3rem,5vw,5rem)}
body.apple-archive .curatorial-periods__intro{max-width:66rem;margin-bottom:clamp(2rem,4vw,4rem)}
body.apple-archive .curatorial-periods__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--bn-rule);border:1px solid var(--bn-rule)}
body.apple-archive .curatorial-period{background:#0e0d0b;padding:clamp(1.6rem,2.8vw,3rem)!important;min-width:0}
body.apple-archive .curatorial-period:last-child:nth-child(odd){grid-column:1/-1}
body.apple-archive .curatorial-period .period-no{display:block;color:var(--bn-gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:.8rem}
body.apple-archive .curatorial-period p{max-width:62ch;color:var(--art-soft,#aaa8a4)}

/* Family pages: fewer ornamental bars and a calmer documentary rhythm. */
body.apple-archive.family-page main>section{border-top:0!important;padding-block:clamp(2.5rem,5vw,5rem)!important}
body.apple-archive.family-page main>section+section{border-top:1px solid rgba(255,255,255,.08)!important}
body.apple-archive.family-page .archive-hero{padding-bottom:clamp(2rem,4vw,4rem)!important}
body.apple-archive.family-page .archive-main p{max-width:76ch!important}
body.apple-archive.family-page :where(.archive-source-note,.archive-quote){margin-top:clamp(2.2rem,3.5vw,3.5rem)!important;padding-top:clamp(1.8rem,3vw,2.8rem)!important}
body.apple-archive.family-page :where(hr,.rule,.divider){opacity:.65!important}

/* Menu hierarchy: gold titles, visible header, no doubled separators. */
body.apple-archive #menu .m-main,
body.apple-archive #menu summary{color:var(--bn-gold)!important;font-weight:600!important}
body.apple-archive #menu .m-desc{color:rgba(245,245,247,.82)!important}
body.apple-archive #menu :where(.m-main,details){border-top:1px solid rgba(255,255,255,.17)!important}
body.apple-archive #menu details.svc{display:block!important;border-top:0!important}
body.apple-archive #menu details.svc summary{border-top:1px solid rgba(255,255,255,.17)!important;padding-top:clamp(1rem,1.6vw,1.4rem)!important}
body.apple-archive.menu-open nav{position:relative!important;z-index:1002!important;visibility:visible!important;opacity:1!important}
body.apple-archive .burger{font-size:0!important;color:transparent!important}
body.apple-archive .burger span{display:block!important}

/* Press hierarchy: section labels gold, actual links visibly interactive and distinct. */
body.apple-archive :where(.press-grid,.press-list,.press-era) a:not(.btn){color:#f5f5f7!important;text-decoration-color:rgba(183,156,68,.55)!important;text-decoration-thickness:1px!important}
body.apple-archive :where(.press-grid,.press-list,.press-era) a:not(.btn):hover{color:#d7c16f!important}
body.apple-archive :where(.press-label,.eyebrow,.label){color:var(--bn-gold)!important}

/* Footer: editorial links, never cells. */
body.apple-archive footer :where(a,.footer-link,.social-link){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
body.apple-archive footer :where(.footer-grid,.footer-links,.socials,.link-grid){
  gap:clamp(.8rem,1.8vw,1.5rem)!important;
  background:transparent!important;
}
body.apple-archive footer :where(.footer-grid,.footer-links,.socials,.link-grid)>*{border:0!important;background:transparent!important}

@media(max-width:900px){
  body.apple-archive .curatorial-periods__grid{grid-template-columns:1fr}
  body.apple-archive .curatorial-period:last-child:nth-child(odd){grid-column:auto}
  body.apple-archive .statement.wrap blockquote{max-width:28ch!important}
}