:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#213547}body.no-scroll,body.no-scroll #root{overflow:hidden;height:100%}h1{font-size:3.2em;line-height:1.1;padding:.5rem}html{font-size:16px}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:10px}h1{font-size:2.5em;line-height:1.1}}.menu-button-div{position:relative;display:flex;flex-direction:row;text-align:left;width:100%;justify-content:start;color:#111;padding-left:1em}.menu-button,.collection-item{background-color:#fff;border:none;cursor:pointer}.menu-button.open{color:#a3aeb9}.menu-button.open:hover{color:#a3aeb9;text-decoration:underline}.collections-options{display:flex;padding-left:14px;gap:14px}.collection-item{cursor:pointer}.collection-item:hover{text-decoration:underline}.menu-button:hover{color:#4e5d6b}.menu-button.active{background:#e1e1e1;box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffffc3;color:#111}@media only screen and (max-width: 600px){.menu-button,.collection-item{font-size:10px;color:#111}.h4{color:#111!important}}@media only screen and (min-width: 600px){.menu-button,.collection-item{font-size:16px;color:#111}}.image-card{position:relative;display:inline-block;margin:10px;transition:all .3s ease;cursor:pointer;max-width:500px;width:fit-content;height:fit-content;overflow:hidden;box-shadow:0 2px 8px #00000014;border-radius:4px;line-height:1.5}.image-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.image-card img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.transcription{font-style:italic}.overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background:#000000de;color:#fff;text-align:center;line-height:1.5}.overlay-text{padding:16px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.overlay-text p{margin:0;line-height:1.5}.overlay-text .story{font-size:1rem;margin-bottom:.5rem}.overlay-text .themes{font-size:1rem;opacity:.9}.overlay-text .themes strong{font-weight:600}@media only screen and (min-width: 600px){.image-card{max-width:500px;width:auto;height:auto}.image-card img{width:100%;height:auto;object-fit:contain;object-position:center}.overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:#000000de;color:#fff;width:100%;height:100%;text-align:center}.overlay-text{padding:16px}}@media only screen and (max-width: 600px){.image-card{max-width:300px;width:fit-content;height:fit-content;box-shadow:0 2px 6px #0000000f}.image-card:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.image-card img{width:100%;height:auto;object-fit:contain;object-position:center}.overlay{display:none}}@media only screen and (min-width: 600px){.Keyword{padding:6px 12px;margin:0;border:1px solid white;cursor:pointer;border-radius:4px;transition:all .1s ease}.Keyword:hover{color:#4e5d6b}.Keyword.active{background:#dde0e4;box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffffc3;color:#111}.KeywordButton:active{transform:scale(.97)}}@media only screen and (max-width: 600px){.Keyword{padding:8px;margin:0;border:1px solid white;cursor:pointer;border-radius:4px;transition:all .1s ease;font-size:12px}.Keyword:hover{color:#4e5d6b}.Keyword.active{background:#dde0e4;box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffffc3;color:#111}.KeywordButton:active{transform:scale(.97)}}@media only screen and (max-width: 600px){.ImageDetailOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;flex-direction:column;z-index:1000;width:100vw;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.ImageDetailContent{display:block;padding:4rem 1rem;text-align:center;width:100%;box-sizing:border-box}.enlarged-image{width:85%;max-width:400px;height:auto;object-fit:contain;margin:0 auto 2rem;padding:0;display:block}.image-details{font-size:16px;color:#fff;text-align:left;width:85%;max-width:400px;padding:0;margin:0 auto 2rem;box-sizing:border-box}.close-button{position:fixed;top:.75rem;right:.75rem;width:36px;height:36px;z-index:1001;background:#00000080;border-radius:50%;padding:8px;box-sizing:border-box}}@media only screen and (min-width: 600px){.ImageDetailOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.ImageDetailContent{display:flex;flex-direction:row;align-items:center;gap:40px;position:relative;max-width:90vw;max-height:90vh;padding:20px}.enlarged-image{max-width:40vw;max-height:80vh;width:auto;height:auto;object-fit:contain}.image-details{font-size:20px;color:#fff;text-align:left;max-width:40vw;overflow-y:auto;max-height:80vh;padding-right:20px;display:flex;flex-direction:column;justify-content:center}}.close-button{position:fixed;top:1rem;right:1rem;width:40px;height:40px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fffc;transition:all .2s ease;z-index:1001;padding:0;background:none}.close-button:hover{color:#fff;transform:scale(1.1)}.close-button:active{transform:scale(.95)}.back-to-top{position:fixed;right:2rem;bottom:6rem;width:48px;height:48px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0009;transition:all .2s ease;z-index:100;background:#f8f8f8;padding:0;border-radius:50%;box-shadow:0 2px 10px #0000001a}.back-to-top svg{width:28px;height:28px}.back-to-top:hover{color:#000c;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.back-to-top:active{transform:translateY(0)}@media only screen and (max-width: 600px){.back-to-top{right:1rem;bottom:7rem;width:42px;height:42px}.back-to-top svg{width:24px;height:24px}}.Header{text-align:center;background-color:#fff}.Header h1{transition:opacity .2s ease;cursor:pointer}.Header:hover h1{opacity:.8}.CommonStory{display:flex;justify-content:center;padding:.5rem;flex-wrap:wrap;min-height:80}.Keywords{display:flex;height:fit-content;flex-direction:row;justify-content:center;flex-wrap:wrap;position:sticky;top:0;background-color:#fff;z-index:10;padding:1rem}.Images{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;min-height:200px}@media only screen and (max-width: 600px){.CommonStoryText{text-align:center;max-width:80vw;font-size:11px}.Header h1{font-size:2rem}.Images{padding:0}}@media only screen and (min-width: 600px){.CommonStoryText{text-align:center;max-width:60vw}.Images{padding:20px}}.image-container{transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1)}.Images.filtering .image-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.Images.filtering .image-container:not(.filtered-out){animation:subtle-pulse .3s cubic-bezier(.4,0,.2,1)}.image-container.filtered-out{opacity:0;transform:scale(.98);pointer-events:none}@keyframes subtle-pulse{0%{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw;height:100vh;cursor:pointer;text-align:center;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0}.logo{max-width:50%;height:auto}.site-title:hover{color:#4e5d6b}.site-intro{font-size:40px;margin:0;padding:0}@media only screen and (max-width: 750px){.logo{width:100%}.site-intro{font-size:20px}.home-container{height:100vh}}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:#f8f8f8;padding:.75rem;z-index:100;box-shadow:0 -2px 10px #0000001a}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:2rem}.footer-link{display:block;transition:opacity .2s ease}.footer-link:hover{opacity:.8}.footer-logo{height:35px;width:auto;object-fit:contain}body{padding-bottom:60px}@media only screen and (max-width: 600px){.footer{padding:.5rem}.footer-content{gap:1.5rem}.footer-logo{height:25px}body{padding-bottom:45px}}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.App>*{width:100%;max-width:100%;box-sizing:border-box}