.art-gallery{z-index:2;background:var(--color-background);padding:5rem 6vw;position:relative}.art-intro{grid-template-columns:.8fr 1.2fr;align-items:center;gap:6vw;display:grid}.art-intro h2{font:400 clamp(3rem, 6vw, 6rem)/1 var(--font-serif);margin-bottom:1.5rem}.art-intro p:not(.section-kicker){color:#bbb;max-width:32ch;line-height:1.7}.art-explore{cursor:pointer;border:1px solid #888;border-radius:100px;min-height:48px;margin-top:2rem;padding:.9rem 1.3rem;display:inline-flex}.art-explore:hover{color:#111;background:#f0f0f0}.art-feature{cursor:zoom-in;width:100%;display:block}.art-feature img{object-fit:contain;width:100%;height:auto;max-height:65vh}.art-intro figcaption{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:1rem;font-size:.85rem;display:flex}.art-intro figcaption span{color:#aaa}.art-collection-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.2rem;margin-top:3rem;display:grid}.art-collection-grid button{text-align:left;cursor:zoom-in}.art-collection-grid button>div{aspect-ratio:4/5;background:#151515;position:relative}.art-collection-grid img{object-fit:contain}.art-collection-grid span{padding-top:.75rem;font-size:.9rem;display:block}.art-dialog{color:#eee;background:#101010;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:auto;padding:0;position:fixed;inset:0}.art-dialog::backdrop{background:#101010}.art-dialog-shell{height:100%;padding:max(1rem, env(safe-area-inset-top)) 5vw max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.art-dialog-controls{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.art-dialog button{cursor:pointer;min-width:44px;min-height:44px;padding:.6rem}.art-dialog-picture{flex:1;min-height:160px;position:relative}.art-dialog-picture img{object-fit:contain}.art-dialog-caption{text-align:center;max-width:55ch;margin-inline:auto}.art-dialog-caption h3{font:400 1.8rem/1.2 var(--font-serif)}.art-dialog-caption p{color:#bbb;margin-top:.6rem;font-size:.95rem;line-height:1.5}@media (max-width:700px){.art-gallery{padding-block:3rem}.art-intro{grid-template-columns:1fr;gap:2.5rem}.art-collection-grid{grid-template-columns:1fr 1fr;gap:1.5rem .75rem}.art-intro figcaption{flex-direction:column}}.art-gallery .section-kicker{text-transform:uppercase;letter-spacing:.16em;color:#bcbcbc;margin-bottom:1.5rem;font-size:.75rem}