.art-section{--art-gold:#e7bc69;--art-black:#141414;background:radial-gradient(ellipse 70% 50% at 50% 0%, #c98a2b2e, transparent 70%), var(--art-black);color:#f2ead8}.art-grid{flex-wrap:wrap;justify-content:center;gap:clamp(2.5rem,5vw,4rem);display:flex}.art-grid>li{width:min(100%,22rem);padding:21px}.art-work{margin:0}.art-frame{cursor:zoom-in;border:1px solid #e7bc6973;outline:10px solid #1d1d1d;width:100%;padding:0;transition:transform .4s;display:block;box-shadow:0 0 0 11px #e7bc692e,0 40px 80px -30px #000,0 0 90px -20px #c98a2b66}.art-frame:hover{transform:translateY(-4px)}.art-frame:focus-visible{outline-color:var(--art-gold)}.art-frame img{width:100%;height:auto;display:block}.art-work figcaption{text-align:center;font-family:var(--font-display);color:var(--art-gold);gap:.2rem;margin-top:1.8rem;font-style:italic;display:grid}.art-meta{font-family:var(--font-sans,inherit);color:#c9bfa8;font-size:.85rem;font-style:normal}.art-empty{text-align:center;color:#c9bfa8}.art-dialog{background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:clamp(1rem,4vw,3rem)}.art-dialog[open]{justify-content:center;align-items:center;display:flex}.art-dialog::backdrop{background:#0a0a0af0}.art-dialog img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.art-close{color:#f2ead8;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex;position:fixed;top:1rem;right:1rem}.art-close:hover{background:#ffffff38}