.art-archive{background:radial-gradient(ellipse at 75% 15%,#183b5d44,transparent 45%),radial-gradient(ellipse at 10% 60%,#29213a33,transparent 40%),#080d16}
.art-intro{padding-block:48px 38px}
.art-intro .page-title{font-size:clamp(40px,4.5vw,64px);margin:0 0 20px}
.art-intro p{max-width:920px;color:#b6c4d5;font-size:17px;line-height:1.8;margin:0}
.art-film{padding-bottom:72px}
.art-film .eyebrow{color:var(--blue);margin:0 0 10px}
.art-film h2,.art-visions>h2{font-size:clamp(30px,3vw,42px);margin:0 0 12px}
.art-film>p:not(.eyebrow){max-width:780px;color:#aebdd0;margin:0 0 28px}
.art-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#030508;border:1px solid #385169;box-shadow:0 20px 55px #0006}
.art-visions{padding-bottom:90px}
.art-visions>h2{padding-top:35px;border-top:1px solid #33465a;margin-bottom:32px}
.art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:56px 48px;align-items:start}
.art-piece{margin:0;min-width:0}
.art-wide{grid-column:1/-1}
.art-portrait{grid-column:1;grid-row:span 2}
.art-small,.art-square{grid-column:2}
.art-square{max-width:420px;justify-self:end}
.art-enlarge{display:block;width:100%;padding:0;border:1px solid #40536a;background:#080d16;cursor:zoom-in;transition:border-color .2s}
.art-enlarge:hover{border-color:#a3c8f3}
.art-enlarge img{display:block;width:100%;height:auto;object-fit:contain}
.art-piece figcaption{padding-top:19px}
.art-piece h3{font-family:'Barlow Condensed',sans-serif;font-size:27px;letter-spacing:.045em;line-height:1.2;margin:0 0 10px;color:#dce8f7}
.art-piece p{font-size:16px;line-height:1.8;color:#aebdd0;margin:0;max-width:900px}
.art-piece p.art-note{margin-top:12px;color:#93abc5}
.art-lightbox{max-width:none;max-height:none;width:100vw;height:100dvh;padding:68px 24px 24px;border:0;margin:0;background:transparent;overflow:hidden}
.art-lightbox[open]{display:flex;align-items:center;justify-content:center}
.art-lightbox::backdrop{background:#02050af2}
.art-lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 60px #0008}
.art-close{position:absolute;right:24px;top:16px;color:#dcecff;background:#152334;border:1px solid #7691ac;padding:9px 18px;min-height:44px;cursor:pointer}
@media(max-width:760px){.art-intro{padding-block:32px}.art-gallery{grid-template-columns:1fr;gap:42px}.art-piece{grid-column:auto;grid-row:auto;max-width:none}.art-portrait{max-width:480px;margin-inline:auto}.art-film{padding-bottom:45px}.art-lightbox{padding:70px 12px 16px}.art-close{right:12px}.art-intro p{font-size:16px}}

.art-video-launch{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;background:#030508;border:1px solid #385169;box-shadow:0 20px 55px #0006;cursor:pointer;color:#e9f3ff}
.art-video-launch>img{display:block;width:100%;height:100%;object-fit:contain}
.art-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#081321df;border:1px solid #a3c8f3;box-shadow:0 4px 28px #0008;transition:background .2s}
.art-video-launch:hover .art-video-play,.art-video-launch:focus-visible .art-video-play{background:#244461}
.art-video-launch:focus-visible{outline:3px solid #a3c8f3;outline-offset:5px}
@media(max-width:600px){.art-video-play{width:60px;height:60px}}