*{font-family:Poppins,sans-serif}.app-background{position:relative;min-height:100vh;width:100%}.app-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/gallery-site-background-DIGHSFcS.jpg) no-repeat center center fixed;background-size:cover;background-attachment:fixed;opacity:.25;z-index:-1}.no-bg:before{display:none}.header{display:flex;flex-direction:column;z-index:2;position:relative}.search-bar{z-index:2;position:relative}.logo-title{display:flex;align-items:center;gap:10px}.logo{height:30px;width:auto}.nav{display:flex;justify-content:center;align-self:center;width:100%;margin:.5rem 0;background:#ffffffe0;border-radius:8px}.nav ul{list-style:none;display:flex;gap:.25rem;margin:0;padding:0;width:100%}.nav li{flex:1}.nav a{display:block;text-align:center;text-decoration:none;color:#333;font-weight:600;padding:.5rem 0;transition:background-color .2s ease,color .2s ease;border-radius:5px}.nav a:hover{background-color:#d7fdfb;color:#000}.nav a.active{background-color:#6bbbe0;color:#000}.landing-page{position:relative;text-align:center;z-index:1!important;padding:20px;overflow:hidden}.landing-page .modal{width:500px;margin:1rem}.hero-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.2}.landing-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:20px;text-align:center;color:#333}.hero-section h1{font-size:2rem;margin-bottom:.5rem}.highlight-explore{background:linear-gradient(to right,#ac3a34,#df7a74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-curate{background:linear-gradient(to right,#2486a1,#83bccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section h2{font-size:1.25 rem;margin-bottom:1.5rem;color:#555}.cta-button{padding:12px 32px!important;font-size:1.2rem;transition:scale .2s ease}.cta-button:hover{scale:1.1;color:#fff!important;background:linear-gradient(to right,#6bbbe0,#8ebfd6)!important}.intro-text p{font-size:1rem;line-height:1.5;margin-bottom:1rem}.intro-text{padding:1rem 6vw}.value-proposition{margin-top:10px}.value-proposition h3{font-size:1.75rem;margin-bottom:20px;margin-top:0}.features-list{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:20px}.feature{flex:1 1 250px;display:flex;align-items:flex-start;gap:10px;text-align:left}.feature-icon{width:60px;height:auto;object-fit:cover;padding-top:6px}.feature P{margin:0!important}.object-grid,.exhibition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px 0}.object-card,.exhibition-card{padding:10px;border-radius:8px;text-align:center;position:relative;max-width:30rem;box-shadow:3px 0 12px #0000001e;background:#fff;margin:0 1rem}.object-card h3{transition:color .1s ease-in-out}.object-card h3:hover,.exhibition-info:hover{color:#6bbbe0}.objectcard-button-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem}.objectcard-button-container button,.add-to-exhibtion,.view-button,.cta-button{margin:0rem .5rem;padding:10px 15px;border:none;cursor:pointer;font-weight:700;border-radius:5px;text-align:center;background:#6bbbe0;color:#fff}.add-to-exhibtion{margin:0;margin-top:.5rem}.objectcard-button-container button:hover,.add-to-exhibtion:hover,.view-button:hover,.cta-button:hover{background:#4ba8d3;color:#e4e4e4}.added-confirmation-message,.remove-item-confirmation{position:fixed;bottom:0;left:0;width:100%;color:#fff;padding:10px;text-align:center;font-size:1rem;z-index:99;animation:fadeOut .7s ease-out 1.2s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.added-confirmation-message.success,.remove-item-confirmation.success{background:#4eb114e7;color:#fff}.added-confirmation-message.error{background:#b84141ef;color:#fff}.object-card img{width:100%}.no-image{position:relative;cursor:pointer}.no-image .overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000a1;color:#fff;padding:10px;font-size:1rem;border-radius:10px}.single-object{padding:1rem;display:flex;flex-direction:column;align-content:center;flex-wrap:wrap;max-width:475px;margin:0 auto;box-shadow:3px 0 12px #0000001e;background:#fff}.single-object img{width:100%;max-width:30rem;align-self:center}.back-button{margin-bottom:1rem;width:5rem;padding:5px 15px;border:none;cursor:pointer;font-weight:700;border-radius:5px;text-align:center;background:#b3babd;color:#fff;transition:background .2s ease-in-out}.back-button:hover{background:#8e9192}.exhibition-card{border:1px solid #ddd;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:3px 3px 5px #888;background-color:#f9f9f9}.exhibition-info{cursor:pointer;transition:color .1s ease-in-out}.exhibition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.exhibition-thumbnails{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.exhibition-thumbnail{width:75px;height:75px;object-fit:cover;border-radius:4px;border:1px solid #ccc}.view-exhibition-object{text-align:left!important;width:400px!important;margin:0 .5rem;z-index:5}.clickable-image{cursor:pointer}.clickable-image img{transition:opacity .2s ease-in-out;max-height:300px;max-width:100%;width:auto;transition:scale .2s ease}.clickable-image img:hover{opacity:.7;scale:1.03}.delete-confirm-btn,.delete-button{background-color:#ff4d4d;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.delete-confirm-btn:hover,.delete-button:hover{background-color:#e60000}.button-group{display:flex;justify-content:space-around}.button-group button{flex:1;max-width:120px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000098;display:flex;justify-content:center;align-items:center;z-index:5}.modal{background:#fff;padding:20px;border-radius:10px;width:300px;max-height:90vh;text-align:center;position:relative;box-shadow:0 4px 10px #00000040;overflow-y:auto}.close-modal{position:absolute;top:10px;right:15px;border:none;background:none;font-size:20px;cursor:pointer;color:#555}.close-modal:hover{color:#000}.learn-more p{margin-top:2rem}.modal label{display:block;margin-top:10px;font-weight:700;color:#222}.modal input,.modal select{width:90%;padding:8px;margin-top:5px;border:1px solid #cccccc;border-radius:5px;background:#fff;color:#333}.modal input{width:85%}.modal-actions{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.added-confirmation-message{color:green}.exhibition-actions{display:flex;justify-content:space-around;gap:10px}.exhibition-actions button{flex:1}.modal-actions button{flex:1;padding:10px 15px;border:none;cursor:pointer;font-weight:700;border-radius:5px;text-align:center}.save-button{background:#3b5ef8;color:#fff}.save-button:hover{background:#2a4bc6}.cancel-button{background:#ddd;color:#333}.cancel-button:hover{background:#ccc}.modal img{width:100%}.loading-spinner{display:flex;justify-content:center;align-items:center;height:250px}.category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:20px}.category-card{box-shadow:3px 0 12px #0000001e;padding:10px;border-radius:8px;background:#fff;text-align:center;cursor:pointer;transition:transform .2s ease}.category-card:hover{transform:scale(1.1);color:#6bbbe0}.category-icon{width:131px;max-width:100%;aspect-ratio:1 / 1;object-fit:cover}.controls-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.sort-filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.sorting-controls,.filter-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sorting-controls label,.filter-controls label{font-weight:600;margin-right:.25rem}.sorting-controls select,.filter-controls select,.filter-controls input[type=number]{padding:.3rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.filter-controls button{background-color:#007bff;color:#fff;border:none;font-size:1rem;padding:.4rem .7rem;border-radius:4px;cursor:pointer}.filter-controls button:hover{background-color:#0056b3}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-input{flex:1;padding:.4rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.search-button{background-color:#007bff;color:#fff;border:none;font-size:1rem;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-button:hover{background-color:#0056b3}.order-toggle{cursor:pointer;padding:.3rem}#yearFrom,#yearTo{max-width:4.5rem}.clear-button{border-radius:6px;margin:.25rem;border:none;cursor:pointer}.header-filter{font-weight:600}.clear-button:hover{background:#6bbbe0}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-bottom:2rem}.pagination button{margin:0 1rem;min-width:4.5rem}.skeleton{width:100%;height:250px;background:linear-gradient(90deg,#d8d8d8 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 3s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{padding:10px;border-radius:8px;text-align:center;max-width:30rem;box-shadow:3px 0 12px #0000001e;background:#fff}.skeleton-image{width:100%;height:250px}.skeleton-title{width:90%;height:35px;padding:.5rem;margin:40px auto}.skeleton-artist{width:70%;height:20px;margin:25px auto;padding:.25rem}.skeleton-date{width:70%;height:20px;padding:.25rem;margin:25px auto}.page{opacity:0;animation:fadeIn .4s ease-in forwards;z-index:3;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.nav a{font-size:.9rem}.landing-page{padding:0 1rem}.landing-content{padding:0}.hero-section h1{font-size:1.8rem}.hero-section h2{font-size:1.2rem}.intro-text{padding:0}}
