:root{--font-normal: "DeFonte Normale", "Inter", sans-serif;--font-light: "DeFonte Leger", "Inter", sans-serif;--color-text: #f1f1f1;--color-text-muted: #ccc;--color-primary: #FF6B6B;--color-bg-button: #3a4149;--color-bg-button-hover: #4f5b66;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .3);--color-modal-bg: rgba(0, 0, 0, .92);--color-shadow: rgba(0, 0, 0, .3);--gallery-gap: 1.5rem}.main-content-scroll-viewport{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8vh,black calc(100% - 8vh),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15vh,black calc(100% - 8vh),transparent 100%)}.gallery-filter-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1rem;padding:.75rem 1rem;background-color:#3a41491a;backdrop-filter:blur(10px);position:fixed;left:0;right:0;z-index:95;box-sizing:border-box;transition:transform .3s ease-out}.gallery-tablet-header.wide-top-bar{display:none;width:100%;padding:.5rem 0;justify-content:space-between;align-items:center;order:-1;margin-bottom:1rem;box-sizing:border-box}.gallery-tablet-header.wide-top-bar .wide-top-bar-image-left img,.gallery-tablet-header.wide-top-bar .wide-top-bar-image-right img{max-height:40px;width:auto;object-fit:contain}.filter-group{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center}.gallery-desktop-header-item{display:none}.gallery-desktop-header-item img{max-height:40px;width:auto;object-fit:contain}.gallery-filter-groups-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-start}.filter-bar-hidden-on-scroll{transform:translateY(-300%)}.filter-divider{color:var(--color-border);font-size:1.25rem}.filter-button{background-color:var(--color-bg-button);color:var(--color-text);border:1px solid transparent;padding:.5rem .75rem;border-radius:20px;cursor:pointer;font-family:var(--font-light);font-size:.8rem;transition:all .2s ease;white-space:nowrap}.filter-button:hover{background-color:var(--color-bg-button-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.filter-button.active{background-color:var(--color-primary);border-color:var(--color-primary);font-family:var(--font-normal);font-weight:700}.gallery-grid{column-count:2;column-gap:var(--gallery-gap);padding:var(--gallery-gap);margin-top:110px}.gallery-item{width:100%;margin-bottom:var(--gallery-gap);break-inside:avoid-column;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;border-radius:8px;overflow:hidden}.gallery-item:hover{transform:scale(1.03);box-shadow:0 8px 25px var(--color-shadow);filter:brightness(1.1)}.gallery-item img,.gallery-item video{width:100%;display:block;border-radius:8px}.gallery-item img{height:auto}.gallery-item video{height:auto;max-height:60vh;object-fit:contain;background-color:#000}@media (min-width: 500px) and (max-width: 1023px){.gallery-filter-controls{top:0vh}.gallery-tablet-header.wide-top-bar{display:flex}.gallery-filter-groups-container{width:100%;justify-content:center}}@media (min-width: 48rem){.gallery-grid{column-count:3}.filter-button{font-size:.9rem;padding:.625rem 1rem}}@media (min-width: 1024px){.gallery-tablet-header.wide-top-bar{display:none!important}.gallery-desktop-header-item{display:block}.gallery-filter-controls{top:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-left:1rem;padding-right:1rem}.gallery-filter-groups-container{flex-grow:1;justify-content:center;flex-wrap:nowrap;margin:0 1rem}.gallery-grid{column-count:4;max-width:1200px;margin-left:auto;margin-right:auto;margin-top:70px}.filter-button{font-size:1rem}}@media (max-width: 499px){.gallery-filter-controls{top:8.3vh;justify-content:center}.gallery-filter-groups-container{justify-content:center}}.filter-select-group{display:flex;align-items:center;margin-bottom:8px;margin-right:15px}.filter-select-group:last-child{margin-right:0}.filter-select-group label{margin-right:0;font-size:.8rem;color:#555;white-space:nowrap;padding:4px 8px;border:1px solid #555;border-right-width:0;border-radius:4px 0 0 4px}.filter-select-group select{background-color:#282828cc;color:#f0f0f0;border:1px solid #555;border-radius:0 4px 4px 0;padding:4px 24px 4px 8px;font-size:.8rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e0e0e0'%3E%3Cpath d='M8 11.207l-4.646-4.647.707-.707L8 9.793l3.939-3.939.707.707z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:12px 12px;min-width:100px;font-family:DeFonte Leger,sans-serif;transition:border-color .2s ease,background-color .2s ease}.filter-select-group select:hover{border-color:#777;background-color:#323232d9}.filter-select-group select:focus{outline:none;border-color:#88b3ff;box-shadow:0 0 0 2px #88b3ff4d}.gallery-filter-groups-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:5px 0;gap:5px 0px}.filter-toggle-group{display:flex;align-items:center;gap:8px}.toggle-label{font-size:.8rem;color:#f0f0f0;white-space:nowrap;font-family:DeFonte Leger,sans-serif}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#555;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.image-preview-modal{position:fixed;inset:0;width:100%;height:100%;background-color:var(--color-modal-bg, rgba(0, 0, 0, .92));display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content-wrapper{position:relative;background-color:#2a2e33;padding:1.5rem;border-radius:8px;box-shadow:0 10px 30px var(--color-shadow, rgba(0,0,0,.5));max-width:90vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;overflow:auto}.modal-image{display:block;width:auto;height:auto;max-width:100%;max-height:65vh;object-fit:contain;border-radius:4px;margin-bottom:1rem}.modal-caption{color:var(--color-text-muted, #ccc);font-size:.9rem;text-align:center;max-width:100%}.modal-close-button{position:absolute;top:4.75rem;left:4.75rem;background:transparent;border:none;color:var(--color-text, #f1f1f1);font-size:2.5rem;font-weight:700;cursor:pointer;line-height:1;padding:.25rem}.modal-close-button:hover{color:var(--color-primary, #FF6B6B)}