*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212}body.light-theme,body.light-theme header{background-color:#f5f5f5}body.light-theme .button-sun{background-color:#e0e0e0}body.light-theme .search-row{background-color:#fff;border:1px solid #e0e0e0}body.light-theme .search-row input{color:#121212}body.light-theme .search-row input::placeholder{color:#999}body.light-theme .search-container button{background-color:#fff;border:1px solid #e0e0e0}body.light-theme .img-info{background-color:#f5f5f5}body.light-theme .name-works,body.light-theme .artist-name{color:#121212}body.light-theme .number,body.light-theme .description{color:#9b4b4b}body.light-theme .img-info:before{background-color:#9b4b4b}body.light-theme .nav{color:#121212}body.light-theme .cub{color:#121212;background-color:#e0e0e0}body.light-theme .nav-number p{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-radius:4px;align-items:center;width:100%;max-width:364px;height:36px;padding:0 16px;display:flex}.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{gap:25px;padding:0 5% 40px;display:grid}@media (width>=1366px){.img-container{grid-template-columns:repeat(3,1fr);gap:30px}}@media (width>=1024px) and (width<=1365px){.img-container{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width>=768px) and (width<=1023px){.img-container{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width>=320px) and (width<=767px){.img-container{grid-template-columns:1fr;gap:20px;padding:0 4% 30px}}.img-card{cursor:pointer;width:100%;position:relative;overflow:hidden}.img-card img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .3s ease-out;display:block}.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}@media (width<=767px){.name-works,.artist-name{font-size:14px}.number,.description{font-size:11px}}.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{background-color:#121212;width:calc(100% - 20px);max-width:300px;padding:25px 12px;position:absolute;bottom:0;left:0}@media (width<=767px){.img-info{max-width:85%;padding:15px 12px}.extra-info{bottom:15px;left:12px}}.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}@media (width<=767px){.nav{gap:12px;margin-bottom:40px}.nav-number{gap:10px;font-size:14px}.cub{width:28px;height:28px}}.cub{background-color:#1a1818;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}body.light-theme .nav-number .cub{color:#121212;background-color:#e0e0e0}body.light-theme .nav-number p:not(.cub){color:#121212}body.light-theme .img-sun{filter:invert()}body{transition:background-color .3s,color .3s}.button-sun,.search-row,.search-container button,.img-info,.cub,.img-sun{transition:background-color .3s,border-color .3s,filter .3s}.name-works,.artist-name,.number,.description,.nav p{transition:color .3s}.img-info:before{transition:background-color .3s}.filter-modal{z-index:1000;background-color:#111;width:100%;max-width:480px;height:100vh;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 40px #000000b3}.filter-modal.active{transform:translate(0)}@media (width<=767px){.filter-modal{width:100%;max-width:100%;transition:transform .35s}}.filter-overlay{z-index:999;opacity:0;visibility:hidden;background-color:#000000b3;width:100%;height:100%;transition:opacity .35s,visibility .35s;position:fixed;top:0;left:0}.filter-overlay.active{opacity:1;visibility:visible}.filter-content{background-color:#111;flex-direction:column;height:100%;padding:40px 32px 32px;display:flex}@media (width<=767px){.filter-content{padding:28px 20px 20px}}.filter-header{border-bottom:1px solid #2a2a2a;justify-content:flex-end;padding:0 0 20px;display:flex}.close-filter{color:#666;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:system-ui,sans-serif;font-size:20px;font-weight:300;line-height:1;transition:color .25s}.close-filter:hover{color:#ab8956}.filter-body{flex:1;padding:30px 0 20px}.filter-group{margin-bottom:28px}.filter-group:last-of-type{margin-bottom:0}.filter-label{color:#dedede;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;font-family:Cormorant SC,serif;font-size:14px;font-weight:400;display:flex}.filter-label:after{content:"—";color:#666;font-family:system-ui,sans-serif;font-weight:300}.custom-select{position:relative}.select-trigger{cursor:pointer;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:10px 0;transition:border-color .2s;display:flex}.select-trigger:hover{border-bottom-color:#555}.select-placeholder{color:#777;font-family:system-ui,sans-serif;font-size:14px;font-weight:400}.select-arrow{color:#666;width:10px;height:6px;transition:transform .2s}.custom-select:hover .select-arrow{transform:rotate(180deg)}.select-dropdown{z-index:20;background-color:#1a1818;border:1px solid #2a2a2a;border-radius:6px;max-height:180px;padding:4px 0;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.custom-select .select-dropdown{opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;display:block;transform:translateY(-6px)}.custom-select:hover .select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.select-option{cursor:pointer;color:#ccc;align-items:center;gap:10px;padding:10px 16px;font-family:system-ui,sans-serif;font-size:13px;transition:background-color .15s;display:flex}.select-option:hover{background-color:#2a2a2a}.select-option input[type=checkbox]{cursor:pointer;accent-color:#ab8956;background-color:#0000;border:1px solid #444;width:16px;height:16px;margin:0}.select-option span{cursor:pointer;flex:1}.years-range{align-items:center;gap:12px;margin-top:4px;display:flex}.year-input{color:#dedede;background:0 0;border:none;border-bottom:1px solid #2a2a2a;outline:none;flex:1;padding:10px 0;font-family:system-ui,sans-serif;font-size:14px;transition:border-color .2s}.year-input:focus{border-bottom-color:#ab8956}.year-input::placeholder{color:#555;font-weight:300}.year-separator{color:#555;font-size:14px;font-weight:300}.filter-footer{background-color:#111;border-top:1px solid #2a2a2a;justify-content:space-between;align-items:center;margin-top:20px;padding:24px 0 0;display:flex}.filter-link{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;transition:opacity .2s}.filter-link:hover{opacity:.7}.show-link{color:#ab8956;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.clear-link{color:#777;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}body.light-theme .filter-modal,body.light-theme .filter-content{background-color:#f5f5f5}body.light-theme .filter-header{border-bottom-color:#d0d0d0}body.light-theme .close-filter{color:#999}body.light-theme .close-filter:hover{color:#9b4b4b}body.light-theme .filter-label{color:#121212;border-bottom-color:#d0d0d0}body.light-theme .filter-label:after{color:#999}body.light-theme .select-trigger{border-bottom-color:#d0d0d0}body.light-theme .select-trigger:hover{border-bottom-color:#9b4b4b}body.light-theme .select-placeholder{color:#999}body.light-theme .select-dropdown{background-color:#e8e8e8;border-color:#d0d0d0}body.light-theme .select-option{color:#333}body.light-theme .select-option:hover{background-color:#d8d8d8}body.light-theme .year-input{color:#121212;border-bottom-color:#d0d0d0}body.light-theme .year-input:focus{border-bottom-color:#9b4b4b}body.light-theme .year-input::placeholder,body.light-theme .year-separator{color:#bbb}body.light-theme .filter-footer{background-color:#f5f5f5;border-top-color:#d0d0d0}body.light-theme .show-link{color:#9b4b4b}body.light-theme .clear-link{color:#999}@media (width<=767px){.container{width:100%;overflow-x:hidden}header{min-height:60px;padding:0 4%}.search-container{gap:15px;padding:15px 4%}.search-row{flex:1;max-width:100%}.button-sun{width:36px;height:36px}}@media (width>=768px) and (width<=1023px){.search-container{padding:20px 4%}.img-container{padding:0 4% 40px}}@media (width>=1366px){.img-container{gap:30px}}.img-card{aspect-ratio:4/3}.img-card img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.img-card{display:block;position:relative;overflow:hidden}.img-info{z-index:2}