/* Each artwork opens into its own uninterrupted cosmic environment */
#viewer{--art-sky:url('../assets/universes/01.webp');position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border:0;border-radius:0;padding:90px 7vw 65px;background-color:#12223e;background-image:linear-gradient(90deg,#03091710,#03091715 48%,#03091766),var(--art-sky),url('../assets/space-motion-poster-v1.jpg');background-size:cover;background-position:center;isolation:isolate;overscroll-behavior:contain}
#viewer[open]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6vw;align-items:center}
#viewer::backdrop{background:#142944;backdrop-filter:none}
#viewer-image{width:100%;height:auto;max-height:76dvh;object-fit:contain;filter:drop-shadow(0 12px 35px #020a1840);justify-self:center}
#viewer>div{padding:32px 0;min-width:0;text-shadow:0 2px 12px #01050b,0 0 32px #01050b}
#viewer h2{font-size:clamp(25px,3vw,42px);line-height:1.8;letter-spacing:.12em;color:#fff9ee}
#viewer p{color:#f0deb8}#viewer .eyebrow{font-size:12px;letter-spacing:.3em}
#viewer .text-link{padding:14px 0;font-size:14px;color:#fff0ca;border-color:#eedcac;min-height:48px}
#viewer .close{position:fixed;right:max(24px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:3;min-width:95px;min-height:48px;padding:12px 20px;border:1px solid #ead6a799;border-radius:30px;background:#09132377;color:#fff2d6;backdrop-filter:blur(8px);text-shadow:0 1px 6px #000}
#viewer .close:focus-visible{outline:2px solid #fff1c9;outline-offset:4px}
#all-works{background:linear-gradient(#06112466,#07102199),url('../assets/space-motion-poster-v1.jpg') center/cover;color:#fff5e8}
#all-works::backdrop{background:#07132466;backdrop-filter:blur(8px)}
@media(max-width:767px){#viewer{padding:calc(82px + env(safe-area-inset-top)) 24px calc(30px + env(safe-area-inset-bottom));background-position:62% center;background-image:linear-gradient(#03091710,#03091715 45%,#03091777),var(--art-sky),url('../assets/space-motion-poster-v1.jpg')}#viewer[open]{grid-template-columns:1fr;gap:16px;align-content:center}#viewer-image{max-height:49dvh;width:min(100%,480px)}#viewer>div{padding:0;text-align:center}#viewer h2{font-size:clamp(22px,6vw,28px);margin:12px 0}#viewer .eyebrow{font-size:10px;margin:0}#viewer p{margin:8px 0;font-size:13px}#viewer .text-link{font-size:13px;margin-top:12px}#viewer .close{right:16px;top:calc(12px + env(safe-area-inset-top));min-height:44px;padding:10px 16px}}
@media(max-height:520px) and (orientation:landscape){#viewer[open]{grid-template-columns:1fr 1fr;gap:5vw;align-content:center}#viewer{padding:65px 6vw 20px}#viewer-image{max-height:72dvh}#viewer h2{font-size:24px;margin:8px 0}#viewer>div{padding:0}#viewer .text-link{margin-top:0}}