.art-gallery{width:100%}.art-lightbox{z-index:20;color:var(--primary-xxlight);background:#000000e0;justify-content:center;align-items:center;padding:4rem 5rem;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;max-width:min(80vw,1100px);max-height:100%;margin:0;display:flex}.lightbox-image-wrapper{place-items:center;max-width:100%;max-height:calc(100dvh - 11rem);display:grid}.lightbox-image-wrapper img{object-fit:contain;width:auto;max-width:100%;max-height:calc(100dvh - 11rem);display:block}.lightbox-content figcaption{text-align:center;width:100%;padding-top:1rem}.lightbox-content h2{text-transform:uppercase;font-size:1.25rem;font-weight:500}.lightbox-content figcaption p{font-family:var(--font-sans), sans-serif;font-size:.9rem}.lightbox-close,.lightbox-navigation{color:inherit;font-family:var(--font-sans), sans-serif;line-height:1;position:absolute}.lightbox-close{border-radius:var(--radius-l);background-color:#00000040;border:1px solid #ffffff1a;padding:.75rem;transition:all .25s;top:1rem;right:1rem}.lightbox-close:hover{background-color:#000c;border-color:#ffffff40}.lightbox-navigation{border-radius:var(--radius-l);aspect-ratio:1;background-color:#00000040;border:1px solid #ffffff0d;place-items:center;padding:.75rem;transition:all .25s;display:grid;top:50%;transform:translateY(-50%)}.lightbox-navigation:hover{background-color:#000c;border-color:#ffffff40}.lightbox-previous{left:1rem}.lightbox-next{right:1rem}.lightbox-close:hover,.lightbox-close:focus-visible,.lightbox-navigation:hover,.lightbox-navigation:focus-visible{color:var(--accent-300)}.lightbox-close:focus-visible,.lightbox-navigation:focus-visible{outline-offset:.25rem;outline:2px solid}@media (max-width:700px){.art-lightbox{padding:3.5rem 2.5rem 5rem}.lightbox-content{text-wrap:balance;max-width:100%}.lightbox-image-wrapper img{max-height:calc(100dvh - 13rem)}.lightbox-navigation{top:auto;bottom:1.25rem;transform:none}.lightbox-previous{left:1.5rem}.lightbox-next{right:1.5rem}}
.image-with-caption{width:100%;margin:0;padding-block:5rem;display:flex}.image-with-caption:not(:last-child){border-bottom:1px solid var(--gray-950)}.image-with-caption:first-child{padding-top:1rem}@media (max-width:1000px){.image-with-caption{flex-direction:column;justify-content:center;align-items:center}}.image-button{text-align:left;width:min(100%,500px);padding:0;display:block}.image-with-caption img{z-index:1;width:min(100%,500px);height:auto;display:block}.image-button img{transition:all .18s}.image-button:hover img,.image-button:focus-visible img{opacity:.85}.image-button:focus-visible{outline:2px solid var(--gray-950);outline-offset:.5rem}.caption{text-wrap:balance;flex-direction:column;justify-content:space-around;width:min(100%,500px);padding:4rem 2rem;display:flex}.caption h2{text-transform:uppercase;font-size:1.5rem;font-weight:500}@media (max-width:1000px){.caption{gap:1rem;padding:1rem 0 0 .5rem}}.koko{color:var(--gray-950)}.tekniikka{font-size:1.125rem;font-family:var(--font-sans)}