/* One header identity, carried into the menu without changing its geometry. */
header>.wordmark,#site-menu>.wordmark{font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:400;letter-spacing:-.055em;line-height:1.15;white-space:nowrap}
.menu-brand-slot{visibility:hidden;pointer-events:none}
#site-menu{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;transform:none}
#site-menu[open]{display:block;animation:none}
#site-menu::backdrop{background:transparent;backdrop-filter:none}
#site-menu .menu-surface{position:absolute;inset:0;background:var(--bg);transform-origin:0 0;pointer-events:none;will-change:transform}
#site-menu .menu-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:100px 4% 30px;overflow:auto;overscroll-behavior:contain}
#site-menu nav{flex:1;display:flex;flex-direction:column;justify-content:center;padding:35px 0 55px}
#site-menu nav a{opacity:1;transform:none;transition:color .4s ease!important}
#site-menu .menu-bottom{opacity:1;transition:none!important;flex-shrink:0}
#site-menu>.menu-brand-active,#site-menu>.menu-control-active{position:fixed;margin:0;z-index:3}
#menu-toggle span{transition:transform .6s cubic-bezier(.16,1,.3,1),background-color .4s ease!important}
/* Image and details have separate tracks, with no content squeezed into fixed rows. */
#art-viewer{box-sizing:border-box;width:min(92vw,1200px);height:auto;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:22px;border:0;background:transparent;overflow:auto;overscroll-behavior:contain}
#art-viewer[open]{display:flex;flex-direction:column;gap:24px}
#art-viewer .viewer-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}
#art-viewer .viewer-header>span{color:var(--muted);font-size:13px}
#art-viewer .viewer-artwork{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:end;gap:clamp(28px,4vw,64px);min-width:0;flex-shrink:0}
#art-viewer .viewer-image-wrap{grid-column:auto;grid-row:auto;display:flex;align-items:center;justify-content:flex-end;height:min(72svh,800px);min-width:0;min-height:0}
#art-viewer .viewer-image-wrap img{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:top left}
#art-viewer .viewer-details{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:start;justify-items:stretch;gap:24px;min-width:0;padding:0}
#art-viewer .viewer-caption{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
#art-viewer #viewer-title{font-size:clamp(26px,2.8vw,42px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
#art-viewer .viewer-credit{font-size:13px;line-height:1.6;color:var(--muted);margin:0;max-width:none}
#art-viewer .viewer-shop{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:46px;margin:0;padding:13px 16px;line-height:1.4;white-space:normal;text-align:center}
#art-viewer .viewer-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0;margin:0}
#art-viewer .viewer-nav button{width:100%;min-width:0;min-height:46px;padding:13px 10px;line-height:1.4}
#art-viewer.is-closing .viewer-header,#art-viewer.is-closing .viewer-details{opacity:0;transition:opacity .2s}
@media(max-width:750px){
 header>.wordmark,#site-menu>.wordmark{font-size:clamp(16px,4.7vw,21px);line-height:1.15}
 #site-menu .menu-content{padding:80px 5% max(25px,env(safe-area-inset-bottom))}
 #site-menu nav{padding:30px 0 45px}
 #site-menu nav a{font-size:15vw;line-height:1.5}
 #art-viewer{width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) 5% max(24px,env(safe-area-inset-bottom));background:#0c0d0b;overflow:auto}
 #art-viewer[open]{display:flex;gap:22px}
 #art-viewer .viewer-artwork{display:flex;flex-direction:column;align-items:stretch;gap:22px;width:min(100%,max(260px,41svh));margin-inline:auto;flex-shrink:0}
 #art-viewer .viewer-image-wrap{display:block;width:100%;height:auto;min-height:0}
 #art-viewer .viewer-image-wrap img{width:100%;height:auto;max-width:100%;max-height:none}
 #art-viewer .viewer-details{width:100%;gap:18px;text-align:left}
 #art-viewer .viewer-caption{gap:8px}
 #art-viewer #viewer-title{font-size:25px}
 #art-viewer .viewer-credit{font-size:12px;line-height:1.5}
 #art-viewer .viewer-shop,#art-viewer .viewer-nav{width:100%;margin:0}
 #art-viewer::backdrop{background:#0c0d0b;backdrop-filter:none}
}