@import"https://fonts.googleapis.com/css2?family=MuseoModerno:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dongle:wght@400;700&display=swap";:root{font-family:MuseoModerno,sans-serif;line-height:1.5;font-weight:400;background-color:#e7f1f8;--media-h: 60vh;--comment-w: 30vw;--image-max-w: 60vw;--menu-bg: #83afc3;--yellow-color: #fffb1a;--yellow-color-transparent: rgba(255, 255, 177, .9);--menu-white: #ffffff}html,body{margin:0;padding:0;height:100%;overflow:hidden}#root,.gallery-root{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.page-loader{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;transition:opacity .3s ease}.spinner{width:30px;height:30px;border:5px solid #ccc;border-top-color:#545454;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-wrapper{flex:1;overflow:scroll;position:relative;height:100%;width:100%}.image-grid{position:absolute;display:grid;will-change:transform;contain:layout paint}.grid-img{width:100%;height:100%;object-fit:cover;object-position:center;contain:paint;content-visibility:visible;border-radius:0;cursor:pointer;transition:transform .2s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none}.scroll-wrapper{scrollbar-width:none;-ms-overflow-style:none}.scroll-wrapper::-webkit-scrollbar{display:none}.filters-banner{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:6px 10px;font-size:18px;line-height:1;color:#000;background:var(--yellow-color);border-radius:999px;pointer-events:none;z-index:40;transition:opacity .16s ease;white-space:nowrap;text-transform:lowercase}@media (max-width: 767px){.filters-banner{font-size:12px}}.controls{position:fixed;bottom:0;left:0;width:100%;background:#fffb1a;display:flex;gap:12px;padding:10px 20px;box-sizing:border-box}.controls .zoom{display:flex;align-items:center;gap:6px;font-size:14px;color:#000}@media (max-width: 767px){.controls .zoom{display:none}.controls{padding:10px 20px}}.controls input[type=range]{appearance:none;width:120px;background:transparent;cursor:pointer}.controls input[type=range]::-webkit-slider-runnable-track{background:#000;height:2px}.controls input[type=range]::-moz-range-track{background:#000;height:2px}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#000;width:12px;height:12px;border-radius:50%;margin-top:-5px}.controls input[type=range]::-moz-range-thumb{background:#000;width:12px;height:12px;border-radius:50%}button{font-family:inherit;font-size:16px;text-align:center;min-width:10em;padding:2px 16px;border-radius:0;border:none;cursor:pointer}.transparent-btn{background:none;color:#000;border:1px solid #000;text-transform:lowercase}.black-btn{background:#000;color:#fffb1a;text-transform:lowercase}.arrow-btn{min-width:0;border-radius:4px;padding:0;font-family:Dongle,sans-serif;font-size:1em;margin:auto;width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;line-height:0}.arrow-btn span{display:inline-block;transform:translateY(2px)}.btn-right{margin-left:auto}.btn-centre{margin-left:auto;margin-right:auto}.arrow-controls{display:flex;align-items:center;gap:10px;margin:0 1em}.arrow-group{display:flex;gap:6px}@media (max-width: 767px){.arrow-controls{display:none}button{width:100%;min-width:0em}}.categories-wrapper{position:relative}@media (max-width: 767px){.categories-wrapper{width:100%}}.controls .panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fffb1a;padding:6px 10px;width:100%}.controls .category-list{list-style:none;margin:0;padding:0}.controls .category-item{text-transform:lowercase;padding:4px 0;text-align:center;width:100%;background:transparent;border:none;color:#000;cursor:pointer;font-family:inherit}.controls .category-item:hover{background:#0000000d}.category-list .cat-selected{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffb1af2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;color:#000}.search-label{font-size:20px;color:#000;text-transform:uppercase;margin-bottom:20px}.search-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:90%;max-width:800px}.search-row input{flex:1;font-family:inherit;font-size:18px;background:#fff;border:none;border-radius:0;outline:none;color:#000;text-align:center}.search-row .go-btn{text-transform:uppercase;cursor:pointer;padding:4px 16px}.search-back-btn{position:absolute;bottom:10px;left:20px}@media (max-width: 767px){.search-back-btn{left:50%;transform:translate(-50%);width:calc(100% - 40px)}}.metadata-container{display:flex;flex-direction:column;min-height:100vh;gap:24px;padding:50px;box-sizing:border-box}.image-titles{margin-top:-25px;text-align:center;font-weight:700;font-size:22px;color:#000}.image-title{margin-bottom:1.2em}.media-slot{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:3vw;width:100%}.image-wrapper{height:var(--media-h);max-width:var(--image-max-w);display:block;align-self:flex-start;box-sizing:border-box}.db-image{display:block;height:100%;width:auto;object-fit:contain;background:#ddd;margin:0}.comment-box-wrapper{width:var(--comment-w);min-width:var(--comment-w);height:var(--media-h);display:flex;align-items:stretch;align-self:flex-start;margin:0;min-height:0}.comment-box{background:#fff;box-shadow:0 0 0 1px #ececec;padding:22px;width:100%;overflow-y:auto;color:#111;border-radius:0}@media (max-width: 767px){.metadata-container{gap:0px;padding:70px 20px;min-height:100dvh}.site-header,.image-titles,.controls{flex:0 0 auto}.image-titles{font-size:14px;width:80%;margin-left:auto;margin-right:auto;margin-top:0}.media-slot{flex:1 1 auto;flex-direction:column;min-height:0}.image-wrapper{max-height:50%;margin:auto;max-width:max-content}.db-image{max-width:100%;object-fit:contain}.comment-box-wrapper{flex:1 1 0;width:100%}.comment-box{font-size:14px}}.comment-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffb1af2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;color:#000}.comment-label{font-size:20px;text-transform:uppercase;margin-bottom:20px}.comment-col{display:flex;flex-direction:column;gap:12px;width:90%;max-width:800px}.comment-col input,.comment-col textarea{font-family:inherit;font-size:16px;background:#fff;border:none;outline:none;color:#000;padding:8px}.comment-submit-btn{align-self:flex-end;padding:6px 20px;text-transform:uppercase}.comment-back-btn{position:absolute;bottom:10px;left:20px}@media (max-width: 767px){.comment-back-btn{left:50%;transform:translate(-50%);width:calc(100% - 40px)}}.menu-overlay{position:fixed;inset:0;z-index:9999;background:var(--menu-bg);color:var(--yellow-color);display:flex;flex-direction:column}.menu-close{position:absolute;top:1.225em;left:-2.9em;background:transparent;border:none;padding:0;cursor:pointer;width:25px;height:25px}.menu-close img{width:100%;height:100%;display:block}.menu-nav{flex:1;display:flex;align-items:center;justify-content:center}.menu-nav ul{list-style:none;margin:0;padding:0;text-align:center}.menu-link{display:inline-block;font-size:40px;font-weight:400;line-height:1.4;color:var(--yellow-color);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.menu-link+.menu-link,.menu-nav li+li{margin-top:12px}@media (max-width: 767px){.menu-link{font-size:26px}.menu-link+.menu-link,.menu-nav li+li{margin:10px}.archive-menu-link{text-underline-offset:8px}}.menu-link:hover{border-bottom-color:var(--yellow-color)}.menu-logos{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;flex-wrap:wrap}.menu-logos img{max-height:40px;object-fit:contain}@media (max-width: 767px){.menu-logos img{max-height:30px}}.archive-menu-link{text-decoration:underline;text-underline-offset:12px}.site-header{position:fixed;top:0;left:0;z-index:100;width:100%;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:16px;padding-block-start:16px;z-index:20000}.header-inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding-inline-end:10px;padding-inline-start:10px;margin-inline-end:auto;margin-inline-start:auto;width:100%;box-sizing:border-box}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px;box-sizing:border-box}.site-header button{align-items:center;border:0 solid;border-radius:3px;color:var(--yellow-color, #fffb1a);background-color:transparent;cursor:pointer;display:flex;justify-content:center;padding:8px;z-index:30000;min-width:0}.site-header button.with-bg{background:var(--yellow-color, #fffb1a);color:#494c4f}.site-header button.dark{color:#494c4f}.site-header button[aria-expanded=true].dark{color:var(--yellow-color, #fffb1a)}.site-header span{width:30px;display:block;box-sizing:border-box}.site-header span:before{box-shadow:0 9.6px 0 currentColor;margin-block-end:16.64px}.site-header span:before,.site-header span:after{height:2.5px;background-color:currentColor;border-radius:3px;content:"";display:block;transition:transform .2s ease-in-out}button[aria-expanded=true] span:before{box-shadow:none;transform:translateY(9.6px) rotate(45deg)}button[aria-expanded=true] span:after{transform:translateY(-9.6px) rotate(-45deg)}