.art-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;border-bottom:1px solid var(--line)}
.art-back{font-size:13px;color:var(--muted)}
.art-back:hover{color:var(--text)}
.art-main{padding-block:64px 80px;min-height:70vh}
.art-eyebrow{color:#e17d80;text-transform:uppercase;letter-spacing:.2em;font-size:11px}
.art-intro h1{font-family:Cinzel,serif;font-size:clamp(30px,5vw,56px);font-weight:400;margin:14px 0}
.art-intro>p:not(.art-eyebrow){color:var(--muted);line-height:1.7;max-width:550px}
.art-board-label{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin:42px 0 24px;padding-bottom:16px}
.art-board-label h2{font-size:13px;text-transform:uppercase;letter-spacing:.14em;margin:0;font-weight:500}
.art-board-label span{font-size:12px;color:var(--muted)}
.art-board{columns:3;column-gap:22px}
.art-pin{appearance:none;width:100%;padding:0;text-align:left;color:inherit;cursor:zoom-in;display:block;break-inside:avoid;margin:0 0 22px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(10,12,18,.65);transition:border-color .2s ease}
.art-pin:hover{border-color:rgba(255,255,255,.35)}
.art-image{display:block;position:relative;overflow:hidden;background:var(--panel)}
.art-image img{display:block;width:100%;height:auto}
.art-empty{padding:40px 0;color:var(--muted)}
.art-viewer{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);border-radius:18px;background:#0b0e14;color:var(--text);box-shadow:var(--shadow)}
.art-viewer::backdrop{background:rgba(0,0,0,.88)}
.art-viewer-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:16px}
.art-viewer-toolbar h2{font-size:16px;font-weight:500;margin:0}
.art-viewer-toolbar button{flex-shrink:0;cursor:pointer}
.art-viewer-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain}
@media(max-width:980px){.art-board{columns:2}}
@media(max-width:540px){.art-nav{align-items:flex-start;flex-direction:column;gap:14px;padding-block:22px}.art-nav .logo{font-size:16px}.art-main{padding-block:36px 48px}.art-board{columns:1}.art-expand{opacity:1}.art-viewer{padding:14px}.art-viewer-toolbar h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.art-pin,.art-expand{transition:none}}

.art-image img,.art-viewer-image{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}