*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212}@font-face{font-family:Cormorant SC;src:url(/assets/CormorantSC-Medium-C_cHHXmh.ttf)}@font-face{font-family:Inter Bold;src:url(/assets/Inter_24pt-Bold-Cxr-7eik.ttf)}@font-face{font-family:Inter Light;src:url(/assets/Inter_24pt-Light-BFKa5A5X.ttf)}.button-sun{cursor:pointer;background-color:#1a1818;border:none;border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.img-sun{width:20px;height:20px}header{background-color:#121212;justify-content:flex-end;align-items:center;width:100%;min-height:80px;padding:0 5%;display:flex}.search-container{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:25px;padding:20px 5%;display:flex}.search-row{background-color:#1a1818;border:1px solid #0000;border-radius:4px;align-items:center;width:100%;max-width:364px;height:36px;padding:0 16px;transition:border-color .3s ease-out;display:flex}.search-row:focus-within{border-color:#fff}.search-row img{width:20px;height:20px}.search-row input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:12px 10px;font-size:14px}.search-row input::placeholder{color:#575757;font-family:system-ui,sans-serif;font-size:14px}.search-container button{cursor:pointer;background-color:#1a1818;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.search-container button img{width:18px;height:18px}.img-container{grid-template-columns:repeat(3,1fr);gap:25px;padding:0 5% 40px;display:grid}.img-card{cursor:pointer;aspect-ratio:4/3;background-color:#1a1818;width:100%;position:relative;overflow:hidden}.img-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease-out;display:block;position:absolute;top:0;left:0}.img-card:hover img{transform:scale(1.05)}.text-wrapper{transition:transform .3s ease-out,opacity .3s ease-out}.extra-info{opacity:0;pointer-events:none;transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;bottom:25px;left:12px;transform:translate(-20px)}.img-card:hover .text-wrapper{opacity:0;transform:translateY(40px)}.img-card:hover .extra-info{opacity:1;transform:translate(0)}.name-works,.artist-name{color:#dedede;white-space:nowrap;text-transform:uppercase;margin:0 0 4px 5px;font-family:Cormorant SC;font-size:16px;font-weight:400;overflow:hidden}.number,.description{color:#ab8956;margin:0 0 0 5px;font-family:Inter Bold;font-size:12px;font-weight:500}.description{margin-left:5px}.img-info{z-index:2;background-color:#121212;width:calc(100% - 20px);max-width:300px;padding:25px 12px;position:absolute;bottom:0;left:0}.img-info:before{content:"";background-color:#ab8956;width:2px;position:absolute;top:20px;bottom:20px;left:0}.nav-number{flex-direction:row;justify-content:center;align-items:center;gap:14px;font-family:Inter Light;font-size:16px;display:flex}.nav{color:#dedede;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-bottom:70px;display:flex}.cub{background-color:#1a1818;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.filter-overlay{z-index:1000;opacity:0;visibility:hidden;background-color:#0000;justify-content:flex-end;width:100%;height:100%;transition:opacity .3s ease-out,visibility .3s ease-out;display:flex;position:fixed;top:0;right:0}.filter-overlay.active{opacity:1;visibility:visible}.filter-panel{background-color:#121212;flex-direction:column;width:500px;max-width:90%;height:100%;padding:30px 24px;transition:transform .3s ease-out;display:flex;overflow:hidden auto;transform:translate(100%)}.filter-overlay.active .filter-panel{transform:translate(0)}.filter-header{justify-content:flex-end;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.filter-close{color:#dedede;cursor:pointer;background:0 0;border:none;font-size:28px;transition:color .2s}.filter-close:hover{color:#ab8956}.filter-content{flex:1;overflow-y:visible}.filter-section-header{cursor:pointer;color:#dedede;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-family:Cormorant SC;font-size:16px;display:flex}.filter-section-header .arrow{align-items:center;margin-left:auto;margin-right:20px;display:flex}.filter-select-wrapper{z-index:10;margin-bottom:20px;position:relative}.filter-select{cursor:pointer;background-color:#1a1818;border-radius:4px;justify-content:space-between;align-items:center;max-width:364px;height:44px;padding:0 16px;display:flex}.filter-select-placeholder{color:#575757;font-family:Inter Light,sans-serif;font-size:14px}.filter-select-arrow{transition:transform .2s}.filter-select-wrapper.active .filter-select-arrow{transform:rotate(180deg)}.filter-section-content{transition:max-height .3s ease-out;max-height:0!important;overflow:hidden!important}.filter-section.active .filter-section-content{max-height:500px!important;overflow:visible!important}.filter-dropdown{z-index:100;background-color:#1a1818;border-radius:4px;max-width:364px;max-height:0;margin-top:4px;transition:max-height .3s ease-out;position:absolute;top:100%;left:0;right:0;overflow:hidden}.filter-select-wrapper.active .filter-dropdown{max-height:300px;overflow-y:auto}.filter-dropdown-item{color:#dedede;cursor:pointer;padding:12px 16px;font-family:Inter Light,sans-serif;font-size:14px;transition:background-color .2s}.filter-dropdown-item:hover{color:#ab8956;background-color:#2a2a2a}.year-inputs{align-items:center;gap:12px;padding:8px 0 20px;display:flex}.year-inputs input{color:#dedede;background-color:#1a1818;border:none;border-radius:4px;outline:none;width:100px;padding:10px 12px;font-family:Inter Light,sans-serif;font-size:14px}.year-inputs input:focus{border-color:#ab8956}.year-inputs span{color:#575757}.filter-actions{background-color:#121212;justify-content:space-between;gap:60px;margin-top:150px;padding:15px 0;display:flex;position:sticky;bottom:30px}.btn-show{color:#bdbdbd;cursor:pointer;background-color:#0000;border:none;font-size:.9rem;font-weight:700;text-decoration:underline}.btn-show:hover{color:#dedede}.btn-clear{color:#888;cursor:pointer;background-color:#0000;border:none;font-weight:700;text-decoration:underline}body,header,.search-row,.search-row input,.search-container button,.img-info,.name-works,.number,.nav-number,.cub,.img-info:before,.artist-name,.description,.filter-panel,.filter-section-header,.filter-section-content label,.year-inputs input,.filter-close,.search-row img,.search-container button img,.button-sun img{transition:background-color .3s ease-out,color .25s ease-out,border-color .3s ease-out,filter .3s ease-out,opacity .2s ease-out}.no-results{text-align:center;color:#dedede;grid-column:1/-1;padding:60px 20px;font-family:Inter Light,sans-serif}.no-results-img{opacity:.6;width:80px;height:80px;margin-bottom:20px}.no-results p:first-of-type{margin-bottom:8px;font-family:Cormorant SC,serif;font-size:20px}.no-results p:last-of-type{color:#888;font-size:14px}body.light-theme .no-results{color:#121212}body.light-theme .no-results p:last-of-type{color:#999}body.light-theme .no-results-img{opacity:.4}body.light-theme{background-color:#fff}body.light-theme .img-card{background-color:#dedede}body.light-theme .button-sun{background-color:#fcfcfc}body.light-theme header{background-color:#fff}body.light-theme .search-row{background-color:#fff;border:1px solid #dedede}body.light-theme .search-row:focus-within{border-color:#020202}body.light-theme .search-row input,body.light-theme .search-row input::placeholder{color:#9c9c9c}body.light-theme .search-container button{background-color:#fcfcfc;border:none}body.light-theme .img-info{background-color:#fff}body.light-theme .name-works{color:#121212}body.light-theme .number{color:#9b4b4b}body.light-theme .nav-number{color:#575757}body.light-theme .cub{color:#575757;background-color:#e0e0e0}body.light-theme .nav img{filter:brightness(.3)}body.light-theme .img-info:before{background-color:#9b4b4b}body.light-theme .artist-name{color:#121212}body.light-theme .description{color:#9b4b4b}body.light-theme .filter-panel{background-color:#fff}body.light-theme .filter-close{color:#121212}body.light-theme .filter-close:hover{color:#9b4b4b}body.light-theme .filter-section-header{color:#121212}body.light-theme .filter-select{background-color:#fff;border:1px solid #e0e0e0}body.light-theme .filter-select-placeholder{color:#9c9c9c}body.light-theme .filter-dropdown{background-color:#fff;border:1px solid #e0e0e0}body.light-theme .filter-dropdown-item{color:#575757}body.light-theme .filter-dropdown-item:hover{color:#9b4b4b;background-color:#fff}body.light-theme .year-inputs input{color:#121212;background-color:#fff;border:1px solid #e0e0e0}body.light-theme .year-inputs input:focus{border-color:#9b4b4b}body.light-theme .year-inputs span{color:#9c9c9c}body.light-theme .filter-actions{background-color:#fff}body.light-theme .btn-show{color:#000}body.light-theme .btn-show:hover{color:#121212}body.light-theme .btn-clear{color:#9c9c9c}body.light-theme .btn-clear:hover{color:#9b4b4b}@media (width>=1024px) and (width<=1365px){header{padding:0 20px}.search-container{padding:20px}.img-container{padding:0 20px 40px}.search-row{max-width:250px}}@media (width>=1366px){header{padding:0 100px}.search-container{padding:20px 100px}.img-container{padding:0 100px 40px}.search-row{max-width:312px}}@media (width>=768px) and (width<=1023px){body{margin:0 20px}.img-container{grid-template-columns:repeat(2,1fr);gap:30px}.img-info{width:280px;padding:15px 12px;bottom:0;left:0}.search-row{max-width:252px}.extra-info{bottom:14px}}@media (width>=320px) and (width<=767px){.img-container{grid-template-columns:1fr;gap:20px}.img-info{max-width:260px;padding:12px 10px;bottom:0;left:0}.name-works{margin:0 0 2px 5px}.search-row input{padding:8px 10px;font-size:12px}.search-container{flex-wrap:nowrap;gap:15px;padding:15px 5%}.search-row{flex:1;min-width:0;height:36px}.search-container button{flex-shrink:0;width:36px;height:36px}.img-info:before{top:15px;bottom:15px}.extra-info{bottom:10px}.name-works,.artist-name{font-size:12px}.number,.description{font-size:8px}.search-row input,.search-row input::placeholder{font-size:12px}.filter-close,.filter-section-header .arrow{margin-right:10px}.filter-actions{gap:30px;margin-top:150px}.btn-show,.btn-clear{font-size:12px}}