.art-img{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.art-img-cutout{-o-object-fit:contain;object-fit:contain}.art-frame{padding:var(--frame-w,.625rem);background:rgb(var(--c-walnut));box-shadow:inset 0 0 0 1px rgb(var(--gilt) / .5), inset 0 0 0 calc(var(--frame-w,.625rem) - 1px) rgb(var(--c-walnut)), inset 0 0 0 var(--frame-w,.625rem) rgb(var(--gilt) / .35);position:relative}.art-frame>.art-canvas{width:100%;height:100%;position:relative;overflow:hidden}.art-lit:after{content:"";pointer-events:none;background:radial-gradient(ellipse 70% 60% at var(--lit-x,50%) var(--lit-y,35%), #fff4de00 0 45%, rgb(var(--c-midnight) / .38) 100%);position:absolute;inset:0}:where(.art-pic){isolation:isolate;width:100%;height:100%;aspect-ratio:var(--art-ratio,auto);display:block;position:relative}@media (min-width:768px){:where(.art-pic){aspect-ratio:var(--art-ratio-wide,var(--art-ratio,auto))}}.art-pic-fill{aspect-ratio:auto;width:auto;height:auto;position:absolute;inset:0}.art-pic>picture{display:contents}.art-dither{z-index:-1;pointer-events:none;background:var(--art-dither,none) 50% 50% / cover no-repeat;image-rendering:pixelated;position:absolute;inset:0}@media (min-width:768px){.art-dither{background-image:var(--art-dither-wide,var(--art-dither,none))}}@media (max-width:767.98px) and (max-aspect-ratio:4/5),(min-width:768px) and (max-aspect-ratio:13/20){.art-pic[data-portrait] .art-dither{background-image:var(--art-dither-portrait,none)}}.art-pic picture,.art-pic .art-img{-o-object-position:inherit;object-position:inherit}@media (scripting:enabled){.art-pic .art-img{transition:opacity .6s ease-out}.art-pic:not([data-ready]) .art-img{opacity:0;animation:10ms 6s forwards art-show}.art-pic[data-ready] .art-dither{opacity:0;transition:opacity 0s .6s}}@keyframes art-show{to{opacity:1}}@media (prefers-reduced-motion:reduce){.art-pic .art-img,.art-pic[data-ready] .art-dither{transition:none}}