/* Art of NOMA UI v5 (2026-11-11). Loaded only when option noma_ui_v5 = 1 or ?nomav5=1. Every rule is scoped by body.noma-ui5
   or by a class that only v5 prints. No :has(), and nothing fixed inside an element with a backdrop-filter. */

/* ---------- one header on every page ---------- */
body.noma-ui5{--hh:76px}
@media (max-width:760px){body.noma-ui5{--hh:64px}}
body.noma-ui5 .noma-masthead,body.noma-ui5 .nx-sticky{display:none!important}
.n3-chrome{height:var(--hh);overflow:visible}
/* inner pages: always a solid paper bar, no filter, so nothing can trap the menu */
.n3-hd--in,.n3-hd--in.is-solid{background:#fbfaf7!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 1px 0 var(--hair)}
body.admin-bar .n3-hd--in{top:32px}
@media (max-width:782px){body.admin-bar .n3-hd--in{top:46px}}
/* the open menu has its own explicit height, whatever sits around it */
body.noma-ui5 .n3 .n3-menu{position:fixed!important;top:var(--hh)!important;left:0!important;right:0!important;bottom:auto!important;height:calc(100vh - var(--hh))!important;height:calc(100dvh - var(--hh))!important;max-height:none!important;z-index:59;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.admin-bar.noma-ui5 .n3 .n3-menu{top:calc(var(--hh) + 32px)!important}
/* things that stick to the top of the page now stick below the header (Works filters/sort bar, work info, maps, ads) */
body.noma-ui5 .nw-bar{top:var(--hh)}
body.noma-ui5 .nw-info,body.noma-ui5 .nx-on-ad,body.noma-ui5 .nx-aow-portrait,body.noma-ui5 .noma-vsingle .noma-facts{top:calc(var(--hh) + 16px)}
body.noma-ui5 .nx-agenda-sticky,body.noma-ui5 .nx-now-prog-layout.has-map .nx-now-map{top:calc(var(--hh) + 8px)}
body.noma-ui5 [id]{scroll-margin-top:calc(var(--hh) + 12px)}

/* ---------- readability on the colour fields ---------- */
body.noma-ui5 .n3-photo .n3-s-f{--m:#fff}
body.noma-ui5 .n3-s-a{opacity:1}
body.noma-ui5 .n3-s-d .d-s{display:none}
body.noma-ui5 .n3-rm .n3-lab,body.noma-ui5 .n3-rm-go{opacity:1}

/* the folded-index summary and the sign-up block exist for phones only */
.n3-ix-fold>summary{display:none}
.n3-first{display:none}

/* ---------- phones ---------- */
@media (max-width:760px){
body.noma-ui5 .n3-s-d .d-l{display:none}
body.noma-ui5 .n3-s-d .d-s{display:inline}
body.noma-ui5 .n3-s-d,body.noma-ui5 .n3-split .n3-s-d{-webkit-line-clamp:3}

/* the index folds closed; summary is a plain full-width button */
.n3-ix-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:52px;padding:14px 18px;border:1px solid #111;color:#111;background:none;font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.n3-ix-fold>summary::-webkit-details-marker{display:none}
.n3-ix-fold>summary::marker{content:""}
.n3-ix-fold>summary:after{content:"+";font:300 24px/1 var(--serif);letter-spacing:0}
.n3-ix-fold[open]>summary:after{content:"\2013"}
.n3-ix-fold>summary .ix-o{display:none}
.n3-ix-fold[open]>summary .ix-o{display:inline}
.n3-ix-fold[open]>summary .ix-c{display:none}
.n3-ix-fold[open] .n3-ix-g{margin-top:28px}
.n3-ix-fold [data-rv]{opacity:1!important;transform:none!important}

/* "See new works first" */
.n3-first{display:block;margin-top:36px;padding:26px 0 4px;border-top:1px solid var(--hair)}
.n3-first-t{font:300 clamp(30px,8.6vw,40px)/1.05 var(--serif);letter-spacing:-.025em;margin-top:10px!important;color:#111}
.n3-first-d{font:300 17px/1.45 var(--serif);color:#3c3833;margin-top:12px!important}
.n3-first form{margin:20px 0 0}
.n3-first .n3-list-f{display:flex;border-bottom:1px solid #111}
.n3-first input[type=email]{flex:1;min-width:0;border:0;background:none;border-radius:0;font:300 20px/1.3 var(--serif);padding:12px 0;color:#111;outline:0;box-shadow:none}
.n3-first button[type=submit]{border:0;background:none;color:#111;font:600 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:0 0 0 18px;cursor:pointer;border-radius:0;min-height:44px}
.n3-first button[type=submit]:hover{background:none;color:#111}
.n3-first .noma-list-prefs{margin-top:12px;font:400 12.5px/1.5 var(--sans);color:var(--mut)}
.n3-first .noma-list-msg{margin-top:10px;font:400 14px/1.4 var(--sans);color:#111}
}

/* 11-11 go-live polish: the open menu sits above the sticky Buy bar on artwork pages (.nw-sticky z 90) */
body.noma-ui5 .n3-menu{z-index:9990!important}