:root{color-scheme:dark;--cyan:#19d8e8;--gold:#d2b868;--ink:#191b19;--paper:#c8bf9c;--muted:#9b9e91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--paper);background:radial-gradient(ellipse at 50% 12%,#35382b 0,#191b19 55%);font-family:Arial,sans-serif}button,input,select{font:inherit}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--gold)}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header{max-width:1400px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.brand{border:0;background:none;color:var(--cyan);width:180px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0}.brand img{width:180px;height:auto}.brand strong{font-size:44px;letter-spacing:.14em;line-height:1}.brand span{font:9px monospace;letter-spacing:.08em;color:var(--muted);margin-top:9px}.brand:hover img{filter:drop-shadow(0 0 8px #19d8e855)}.brand.busy strong{color:var(--gold)}nav{display:flex;gap:24px;padding-top:18px;font-size:12px}main{max-width:1400px;padding:0 6%;margin:auto}.entrance{min-height:590px;display:grid;grid-template-columns:.85fr 1.5fr;align-items:center;gap:42px;padding:35px 0 60px;position:relative}.eyebrow{font:10px monospace;letter-spacing:.2em;color:var(--gold)}h1{font-size:clamp(44px,5.5vw,78px);line-height:1.02;letter-spacing:-.055em;margin:22px 0;color:var(--gold);font-weight:500}.intro>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6}.visit{display:inline-block;margin-top:20px;font-size:13px}.hero{margin:0;transform:rotate(-1deg);background:#aaa07c;padding:14px;box-shadow:0 30px 50px #0008,0 0 0 9px #24241d,0 0 0 11px #726743;position:relative}.hero:before{content:"";position:absolute;top:-25px;left:46%;width:75px;height:28px;background:#c2af6660;transform:rotate(-8deg);z-index:1}.hero button{width:100%;height:360px;background:#20231f;border:0;padding:0;display:block}.hero img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .35s;opacity:0}.hero img.ready{opacity:1}.hero figcaption{color:#302e22;min-height:30px;font:11px monospace;line-height:1.5;padding:12px 4px 2px}.rotor-note{grid-column:2;display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:-23px;font:11px monospace;color:var(--muted)}.rotor-note>span{color:var(--cyan);font-size:24px;letter-spacing:.08em}.rotor-note p{line-height:1.5}.exhibition{border-top:1px solid #82774755;padding:45px 0 65px;scroll-margin-top:20px}.exhibition-head{display:flex;justify-content:space-between;gap:20px;align-items:end}h2{color:var(--gold);font-size:30px;font-weight:400;margin:12px 0 24px}#count{color:var(--muted);font:12px monospace}.filters{display:flex;gap:20px;margin:10px 0 35px;flex-wrap:wrap}.filters label{font:11px monospace;color:var(--muted);display:flex;flex-direction:column;gap:9px}.filters input,.filters select{background:#20251f;color:var(--paper);border:1px solid #78775477;border-radius:2px;min-width:240px;padding:12px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 36px}.artwork{margin:0;min-width:0}.artwork button{display:block;width:100%;height:235px;background:#111810;border:7px solid #625b40;outline:1px solid #9b8758;box-shadow:0 12px 22px #0007;padding:13px;transition:transform .2s,outline-color .2s}.artwork button:hover{transform:translateY(-4px);outline-color:var(--cyan)}.artwork img{width:100%;height:100%;object-fit:contain;display:block}.artwork figcaption{font:11px monospace;line-height:1.55;margin-top:15px;color:var(--paper)}.artwork small{display:block;color:var(--muted);margin-top:3px}.more{display:block;margin:45px auto 0;background:transparent;border:1px solid #7d754c;color:var(--cyan);padding:14px 25px}footer{border-top:1px solid #77734b55;max-width:1230px;margin:auto;padding:25px 6%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:11px monospace}dialog{width:96vw;max-width:1450px;height:94dvh;padding:20px;background:#111611;color:var(--paper);border:1px solid #6c7459}dialog::backdrop{background:#080d08ed}.viewer-bar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:12px monospace}.viewer-bar button,.viewer-picture button{color:var(--cyan);background:#20291f;border:1px solid #576448;padding:12px}.viewer-picture{height:calc(100% - 95px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:16px;margin-top:12px}.viewer-picture img{width:100%;height:100%;min-height:0;object-fit:contain}.viewer-picture button{padding:12px 0;font-size:20px}#viewer-caption{text-align:center;font:12px monospace;line-height:1.5}body.viewing{overflow:hidden}[hidden]{display:none!important}@media(max-width:850px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.entrance{gap:28px}.hero button{height:290px}}@media(max-width:600px){header{padding:22px 6%;gap:12px}.brand,.brand img{width:135px}.brand strong{font-size:34px}.brand span{font-size:7px}nav{flex-direction:column;gap:14px;padding-top:4px;text-align:right}.entrance{grid-template-columns:1fr;padding-top:0;gap:25px}.intro h1{font-size:52px;margin:18px 0}.intro>p:not(.eyebrow){font-size:14px}.hero{margin:12px 8px 0}.hero button{height:270px}.rotor-note{grid-column:1;margin-top:0}.exhibition-head{align-items:start;flex-direction:column;gap:0}h2{margin-bottom:8px}.filters{gap:15px}.filters label,.filters input,.filters select{width:100%;min-width:0}.gallery{gap:30px 20px}.artwork button{height:165px;border-width:5px;padding:7px}.artwork figcaption{font-size:10px}.viewer-picture{grid-template-columns:30px 1fr 30px;gap:5px}.viewer-picture button{font-size:17px}dialog{padding:12px}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
