/* A quiet gallery backdrop; the original photographs keep their own light. */
:root{color-scheme:dark;--ink:#e2eaf0;--muted:#a2b3bd;--accent:#b3d6dd;--line:#b7d0dc26;--paper:#10191f}
body{background:radial-gradient(ellipse at 85% 24%,#27465032,transparent 48%),radial-gradient(ellipse at 8% 72%,#31435322,transparent 45%),linear-gradient(165deg,#0d161c,#14212a 48%,#101a22);background-attachment:fixed;color:var(--ink)}
.exhibition{background:#0b151d}
.exhibition:after{background:linear-gradient(100deg,#07111deb 0%,#0a1a25cf 50%,#06131cae 100%),linear-gradient(0deg,#0d161cf0,transparent 55%)}
.exhibition:before{opacity:.25}
.works-toolbar:before{background:linear-gradient(180deg,#101b2200,#101b22f5 22%,#101b22f5 72%,#101b2200)}
.works-toolbar .filters button,.works-toolbar .view-switch button{color:#a7b9c4}
.works-toolbar .filters button span{color:#99adb9}
.works-toolbar .filters button:hover,.works-toolbar .filters button[aria-pressed=true],.works-toolbar .view-switch button:hover,.works-toolbar .view-switch button[aria-pressed=true]{color:#d5ecf0}
.works-toolbar .filters button[aria-pressed=true] span{color:#bedde4}
.works-toolbar .filters button:after,.works-toolbar .filters button[aria-pressed=true]:after,.works-toolbar .view-switch button:after{background:linear-gradient(90deg,#9bc5d000,#9bc5d0 20%,#9bc5d0 80%,#9bc5d000)}
.work-number{color:#b3c9d3}
.hero-photo>.work-number{color:#c7e2ec}
.collection .caption h3{color:#c6d5de}
.collection .caption span{color:#a5bac6}
.collection .photo img{filter:drop-shadow(0 3px 6px #000a) drop-shadow(0 18px 26px #0008);opacity:1}
.collection .photo:hover img,.collection .photo:focus-visible img{filter:drop-shadow(0 5px 8px #000a) drop-shadow(0 24px 34px #000a)}
.collection[data-view=grid] .photo{background:#1b2a3380;box-shadow:0 0 0 1px #d6e8ef0d,0 16px 28px #0006}
.collection[data-view=grid] .photo img{filter:drop-shadow(0 3px 5px #0009) drop-shadow(0 9px 14px #0006)}
.collection[data-view=grid] .photo:hover img,.collection[data-view=grid] .photo:focus-visible img{filter:drop-shadow(0 5px 8px #000a) drop-shadow(0 13px 18px #0008)}
.hero-photo .photo{box-shadow:0 0 0 1px #d6e8ef14,0 16px 26px #0009,0 38px 70px #0008}
.about,footer{border-color:var(--line)}
.about p{color:var(--muted)}
.about .statement{color:var(--ink)}
#full{filter:drop-shadow(0 18px 28px #000a)}
@media(max-width:700px){.collection .photo img{filter:drop-shadow(0 3px 5px #0009) drop-shadow(0 12px 18px #0007)}.hero-photo .photo{box-shadow:0 0 0 1px #d6e8ef12,0 18px 32px #0009}}