.grid{margin:0 auto;max-width:100%}.galleria-sisalto{max-width:90%;margin:0 auto;padding:calc(var(--logo-top) + 1.2rem + 66px + 28px + 1.5rem) 0 var(--padding);min-height:100vh}.grid-sizer{width:33.33%}.grid-item{width:33.33%;padding:6px}.grid-item{position:relative;overflow:hidden}.grid-item img{width:100%;display:block;cursor:pointer;transition:transform .2s ease-out}.grid-item:before{content:"";position:absolute;inset:0 6px 6px;background:color-mix(in srgb,var(--tausta) 60%,transparent);opacity:0;transition:all .3s;z-index:2;pointer-events:none}.grid-item:hover:before{opacity:1}.grid-caption{position:absolute;inset:0 6px 6px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transition:all .25s;pointer-events:none;padding:1em}.grid-item:hover .grid-caption{opacity:1}.grid-caption-nimi{font-family:var(--otsikko-fontti);font-size:2.5em;color:var(--teksti);font-weight:400;line-height:1.1}.grid-caption-kuvaaja,.grid-caption-maara{display:none}.grid-item.kortti{cursor:default}.kortti-sisalto{background:var(--pinta-solid);border-radius:4px;overflow:hidden;border:1px solid var(--reuna);transition:transform var(--nopea)}.kortti-sisalto:hover{transform:translateY(-2px)}.kortti-kuva{width:100%;aspect-ratio:16 / 10;object-fit:cover;cursor:pointer}.kortti-teksti{padding:1em}.kortti-otsikko{font-family:var(--nav-fontti);font-size:1.05em;margin:0 0 .3em;color:var(--teksti)}.kortti-kuvaus{font-size:.85em;color:var(--teksti-himea);margin:0 0 .6em;line-height:1.4}.kortti-tagit{display:flex;flex-wrap:wrap;gap:.4em}.kortti-tagi{font-size:.75em;padding:2px 8px;background:var(--reuna);border-radius:3px;color:var(--teksti-himea);font-family:var(--mono-fontti)}.kortti-linkit{display:flex;gap:1em;margin-top:.6em;font-size:.85em}.galleria-hero{text-align:center;padding:2em 0 1em}.galleria-hero h1{margin-bottom:.2em}.galleria-hero p{color:var(--teksti-himea);font-family:var(--nav-fontti);max-width:600px;margin:0 auto}.galleria-alanav{display:flex;justify-content:center;gap:1.5em;font-family:var(--nav-fontti);font-size:.95em;margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid var(--reuna)}.galleria-alanav a{color:var(--teksti-himea);text-decoration:none;transition:color var(--nopea)}.galleria-alanav a:hover,.galleria-alanav a.active{color:var(--korostevari)}.modal{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:var(--bg-modal);opacity:0;pointer-events:none;transition:opacity .25s ease;overflow-y:auto}.modal.show{opacity:1;pointer-events:auto}.modal-content{padding:3vh 10% 15vh}.modal-sulje{position:fixed;top:20px;right:15%;z-index:1001;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s ease;line-height:1}.modal-sulje:hover{opacity:1}.modal-kuvat{display:flex;flex-direction:column;align-items:center;gap:50px}.modal-kuvat img{cursor:pointer;border:none;border-radius:0;margin:0}.modal-kuvat .potretti{width:90%;max-width:700px}.modal-kuvat .vaaka{width:90%;max-width:1200px}.modal-scroll-btn{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1001;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0}.modal-scroll-btn:hover{opacity:1}.modal-scroll-btn svg{width:24px;height:24px;stroke:#fff;stroke-width:2;fill:none}.modal-scroll-btn.at-bottom svg{display:none}.modal-scroll-btn.at-bottom:after{content:"×";font-size:28px;color:#fff;line-height:1}@media(max-width:1400px){.grid-sizer,.grid-item{width:50%}}@media(max-width:700px){.grid-sizer,.grid-item{width:100%}}@media(max-width:768px){.galleria-sisalto{max-width:100%;padding-left:10px;padding-right:10px}}@media(max-width:480px){.grid-sizer,.grid-item{width:100%}.grid-item{padding:4px 0}.modal-content{padding:5vh 3% 15vh}.modal-sulje{font-size:36px;top:10px;right:10px}.galleria-alanav{flex-wrap:wrap;gap:.8em}.modal-kuvat .potretti{width:95%}}