/* Artwork is the original-ratio, frameless variant of the shared card. */
:root:root:root:root:root:root:root .pws-art-mosaic{display:block!important;column-count:3!important;column-gap:24px!important;height:auto!important;min-height:0!important}
:root:root:root:root:root:root:root .pws-art-card{display:inline-block!important;vertical-align:top;break-inside:avoid;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0 0 24px!important;border:0!important;border-radius:2px!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important}
:root:root:root:root:root:root:root .pws-art-card__image{position:relative;display:block;width:100%;aspect-ratio:auto!important;border:0!important;border-radius:2px!important;overflow:hidden}
:root:root:root:root:root:root:root .pws-art-card__image img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:var(--pws-art-ratio,auto)!important;contain-intrinsic-size:none!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:2px!important;box-shadow:none!important;object-fit:contain!important;margin:0!important}
.pws-art-open{display:block!important;text-decoration:none!important;position:relative}
.pws-art-card__overlay{position:absolute;inset:0;box-sizing:border-box;padding:20px;overflow:auto;background:rgb(17 17 17 / .78);color:#fff;opacity:0;transition:opacity .15s;pointer-events:none}
.pws-art-open:is(:hover,:focus-visible) .pws-art-card__overlay{opacity:1}
:root:root:root:root:root:root:root .pws-art-card__overlay h3{font:700 var(--pws-size-card)/1.2 var(--pws-font-body)!important;margin:0 0 12px!important;color:#fff!important}
:root:root:root:root:root:root:root .pws-art-card__overlay p{font:400 var(--pws-size-compact)/1.4 var(--pws-font-body)!important;margin:0 0 6px!important;color:#fff!important}
.pws-art-card__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
:root:root:root:root:root:root:root .pws-art-open:focus-visible{outline:none!important;box-shadow:inset 0 0 0 2px #fff!important}
/* Frameless lightbox with a shared translucent dark backdrop. */
:root:root:root:root:root:root:root .pws-art-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#fff;overflow:auto;box-shadow:none}
.pws-art-dialog::backdrop{background:rgb(0 0 0 / .85)}
.pws-art-dialog__panel{position:relative;min-height:100%;box-sizing:border-box;padding:72px 120px;display:flex;align-items:center;justify-content:center}
.pws-art-dialog__content{display:flex;align-items:center;justify-content:center;max-width:100%;touch-action:pan-y pinch-zoom}
.pws-art-dialog__figure{width:min(1000px,calc(100vw - 240px));max-width:100%;margin:0!important}
:root:root:root:root:root:root:root .pws-art-dialog__image{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border:0;border-radius:2px;box-shadow:none;user-select:none}
.pws-art-dialog figcaption{padding-top:16px;color:#fff;text-align:left}
.pws-art-dialog__caption{display:flex;align-items:start;justify-content:space-between;gap:24px}
:root:root:root:root:root:root:root .pws-art-dialog__title{font:400 24px/1.25 var(--pws-font-body);margin:0 0 8px;color:#fff;overflow-wrap:anywhere}
.pws-art-dialog__medium,.pws-art-dialog__year{font:700 var(--pws-size-ui)/1.5 var(--pws-font-ui);letter-spacing:var(--pws-tracking-ui);text-transform:uppercase;margin:0;color:#fff}
.pws-art-dialog__year{flex-shrink:0;padding-top:4px}
.pws-art-dialog dl{margin:16px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font:400 16px/1.5 var(--pws-font-body)}
.pws-art-dialog dl[hidden]{display:none}.pws-art-dialog dt{font-weight:700}.pws-art-dialog dd{margin:0;overflow-wrap:anywhere}
.pws-art-dialog__description{font:400 16px/1.6 var(--pws-font-body);white-space:pre-line;overflow-wrap:anywhere;margin:16px 0 0}
:root:root:root:root:root:root:root .pws-art-dialog :is(.pws-art-dialog__close,.pws-art-dialog__prev,.pws-art-dialog__next){position:fixed;display:flex;align-items:center;justify-content:center;width:64px;height:80px;min-height:44px;padding:12px;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;cursor:pointer;transform:none}
.pws-art-dialog button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
:root:root:root:root:root:root:root .pws-art-dialog .pws-art-dialog__close{right:24px;top:16px;width:52px;height:52px}
:root:root:root:root:root:root:root .pws-art-dialog .pws-art-dialog__prev{left:32px;top:calc(50% - 40px)}
:root:root:root:root:root:root:root .pws-art-dialog .pws-art-dialog__next{right:32px;top:calc(50% - 40px)}
:root:root:root:root:root:root:root .pws-art-dialog button[hidden]{display:none}
:root:root:root:root:root:root:root .pws-art-dialog button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:700px){.pws-art-dialog__panel{padding:80px 0 40px}.pws-art-dialog__figure{width:100vw}.pws-art-dialog figcaption{padding:20px 24px 0}.pws-art-dialog__caption{flex-direction:column;gap:16px}.pws-art-dialog__title{font-size:24px}.pws-art-dialog__year{padding:0}:root:root:root:root:root:root:root .pws-art-dialog :is(.pws-art-dialog__prev,.pws-art-dialog__next){display:none!important}:root:root:root:root:root:root:root .pws-art-dialog .pws-art-dialog__close{right:12px;top:max(12px,env(safe-area-inset-top))}}
.pws-art-detail{max-width:1000px;margin:auto;padding:48px 24px;font:400 18px/1.6 var(--pws-font-body)}.pws-art-detail>img{display:block;max-width:100%;height:auto;border:0;border-radius:2px}
@media(max-width:1000px){:root:root:root:root:root:root:root .pws-art-mosaic{column-count:2!important}}
@media(max-width:700px){:root:root:root:root:root:root:root .pws-art-mosaic{column-count:2!important;column-gap:16px!important}.pws-art-card__overlay{padding:16px}}
@media(max-width:700px){:root:root:root:root:root:root:root .pws-art-card{margin-bottom:16px!important}}
@media(hover:none){.pws-art-open:hover:not(:focus-visible) .pws-art-card__overlay{opacity:0}}
@media(prefers-reduced-motion:reduce){.pws-art-card__overlay{transition:none}}
/* Home artwork samples use the same original-ratio mosaic pattern. */
:root:root:root:root:root:root:root .pws-home-sample-grid:has(.pws-art-card){display:block!important;column-count:3!important;column-gap:24px}
@media(max-width:1000px){:root:root:root:root:root:root:root .pws-home-sample-grid:has(.pws-art-card){column-count:2!important}}
@media(max-width:700px){:root:root:root:root:root:root:root .pws-home-sample-grid:has(.pws-art-card){column-count:2!important;column-gap:16px!important}}

/* Compact metadata rail on desktop; phone captions stay anchored to the viewport gutter. */
.pws-art-dialog__panel{padding:72px 96px}
.pws-art-dialog__figure{position:relative;width:calc(var(--pws-lightbox-image-width,min(1000px,calc(100vw - 480px))) + 272px);display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:32px}
.pws-art-dialog figcaption{padding:0;margin:0}
.pws-art-dialog__caption{display:flex;flex-direction:column;gap:4px}
:root:root:root:root:root:root:root .pws-art-dialog__title{font:700 var(--pws-size-card)/1.15 var(--pws-font-body);margin:0 0 8px!important;letter-spacing:0;color:#fff}
.pws-art-dialog__medium,.pws-art-dialog__year{font:400 var(--pws-size-ui)/1.4 var(--pws-font-ui);letter-spacing:var(--pws-tracking-ui);margin:0!important;padding:0;color:rgb(255 255 255 / .8)}
.pws-art-dialog__year{order:0}
.pws-art-dialog dl{margin:12px 0 0;display:block;font:400 var(--pws-size-compact)/1.4 var(--pws-font-body)}
.pws-art-dialog dt{font:700 var(--pws-size-ui)/1.4 var(--pws-font-ui);text-transform:uppercase;letter-spacing:var(--pws-tracking-ui);color:rgb(255 255 255 / .7);margin:8px 0 2px}
.pws-art-dialog dd{margin:0;color:#fff}
.pws-art-dialog__description{font:400 var(--pws-size-compact)/1.45 var(--pws-font-body);margin:12px 0 0;color:rgb(255 255 255 / .85)}
:root:root:root:root:root:root:root .pws-art-dialog .pws-art-dialog__close:focus-visible{outline:none!important;box-shadow:none!important;filter:drop-shadow(0 0 3px rgb(255 255 255 / .7))}
@media(max-width:700px){.pws-art-dialog__panel{padding:80px 0 40px}.pws-art-dialog__content{width:100%}.pws-art-dialog__figure{display:flex;flex-direction:column;align-items:center;gap:0;width:100vw;max-width:100%}:root:root:root:root:root:root:root .pws-art-dialog__image{width:var(--pws-lightbox-image-width,100%);max-width:100%}.pws-art-dialog figcaption{box-sizing:border-box;align-self:stretch;width:100%;padding:20px var(--pws-gutter,24px) 0}.pws-art-dialog__caption{gap:4px}}

:root:root:root:root:root:root:root .pws-live-gallery{width:100%;margin-top:32px!important}

/* Give the image the available viewport, rather than subtracting the full caption height. */
.pws-art-dialog__panel{padding:32px 64px}
.pws-art-dialog__figure{width:calc(var(--pws-lightbox-image-width,calc(100vw - 352px)) + 224px);grid-template-columns:minmax(0,1fr) 200px;gap:24px}
.pws-art-dialog dt.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px),(max-height:600px) and (orientation:landscape){.pws-art-dialog__panel{padding:56px 0 16px}.pws-art-dialog__content{width:100%}.pws-art-dialog__figure{display:flex;flex-direction:column;align-items:center;gap:0;width:100vw;max-width:100%}:root:root:root:root:root:root:root .pws-art-dialog__image{width:var(--pws-lightbox-image-width,100%);max-width:100%}.pws-art-dialog figcaption{box-sizing:border-box;align-self:stretch;width:100%;padding:16px var(--pws-gutter,24px) 0}:root:root:root:root:root:root:root .pws-art-dialog :is(.pws-art-dialog__prev,.pws-art-dialog__next){display:none!important}:root:root:root:root:root:root:root .pws-art-dialog .pws-art-dialog__close{right:12px;top:max(8px,env(safe-area-inset-top))}}
@media(max-height:600px) and (orientation:landscape){.pws-art-dialog__panel{padding:8px 0}.pws-art-dialog figcaption{padding-top:16px}}

/* Home-only artwork preview: four uniform crops; full galleries retain original ratios. */
:root:root:root:root:root:root:root:root .pws-home .pws-home-sample-grid--art{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--pws-gap,24px)!important;column-count:auto!important;
}
:root:root:root:root:root:root:root:root .pws-home .pws-home-sample-grid--art .pws-art-card{display:block!important;margin:0!important;height:100%!important}
:root:root:root:root:root:root:root:root .pws-home .pws-home-sample-grid--art .pws-art-card__image{aspect-ratio:3/4!important}
:root:root:root:root:root:root:root:root .pws-home .pws-home-sample-grid--art .pws-art-card__image img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
@media(max-width:1000px){:root:root:root:root:root:root:root:root .pws-home .pws-home-sample-grid--art{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){:root:root:root:root:root:root:root:root .pws-home .pws-home-sample-grid--art{gap:16px!important}}
