.art-main{width:min(100% - 48px,1000px);margin:0 auto;padding:42px 0 90px}.art-back{font-size:13px;color:#a16207}.dark .art-back{color:#fbbf24}.art-title{display:flex;align-items:baseline;justify-content:space-between;margin:30px 0 22px;gap:20px}.art-title h1{font-size:clamp(44px,7vw,72px);font-weight:650;letter-spacing:-.045em;line-height:1.1}.art-title span{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#64748b}.dark .art-title span{color:#94a3b8}.art-categories{display:flex;flex-wrap:wrap;gap:24px;padding:20px 0;border-top:1px solid #64748b40;border-bottom:1px solid #64748b40;font-size:14px}.art-categories a:hover,.art-back:hover{color:#d97706}.art-section{margin-top:66px;scroll-margin-top:110px}.art-section-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:26px}.art-section-heading>span{font-size:12px;color:#a16207}.dark .art-section-heading>span{color:#fbbf24}.art-section h2{font-size:26px;font-weight:500;letter-spacing:-.02em}.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 34px;align-items:start}.art-piece{margin:0;min-width:0}.art-open{display:block;padding:20px;background:#e8e6df;border-radius:3px;transition:box-shadow .2s}.art-open:hover{box-shadow:0 8px 30px #0002}.art-open:focus-visible,.art-categories a:focus-visible{outline:3px solid #d97706;outline-offset:5px}.art-image{position:relative;aspect-ratio:var(--ratio);overflow:hidden}.art-image img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}.art-image.upside-down img{transform:rotate(180deg)}.art-image.sideways img{position:absolute;left:50%;top:50%;width:var(--image-width);height:var(--image-height);transform:translate(-50%,-50%) rotate(-90deg)}.art-piece figcaption{padding:16px 0 0}.art-piece h3{font-size:16px;font-weight:500}.art-piece figcaption p{font-size:12px;color:#64748b;margin-top:5px}.dark .art-piece figcaption p{color:#94a3b8}.art-note{max-width:620px;font-size:14px;line-height:1.8;margin:-8px 0 28px;color:#64748b}.dark .art-note{color:#cbd5e1}#art-viewer{border:0;border-radius:6px;padding:52px 24px 24px;background:#f7f5f0;color:#1e293b;max-width:96vw;max-height:96dvh;overflow:auto}#art-viewer::backdrop{background:#020617e8}.art-close{position:absolute;right:12px;top:6px;font-size:32px;width:42px;height:42px;cursor:pointer}.art-close:focus-visible{outline:2px solid #a16207}#viewer-stage{position:relative;margin:auto;max-width:100%}#viewer-stage img{position:absolute;left:50%;top:50%;max-width:none;object-fit:contain}#viewer-title{font-size:16px;margin-top:18px;font-weight:600}#viewer-medium{font-size:12px;margin-top:4px;color:#64748b}@media(max-width:640px){.art-main{width:calc(100% - 32px);padding-top:26px}.art-grid{grid-template-columns:1fr;gap:30px}.art-section{margin-top:42px}.art-title{align-items:flex-start;flex-direction:column;gap:10px}.art-open{padding:12px}.art-categories{gap:18px;font-size:13px}}