@import"https://fonts.googleapis.com/css2?family=Libre+Bodoni&display=swap";.theme-button{background:none;border:none;cursor:pointer;display:flex;gap:8px;width:fit-content;margin-right:24px;transition:.16s ease-in-out}.theme-button:hover{opacity:.3}.theme-button .theme-mode.selected{opacity:1;font-weight:700}.switch{position:relative;display:block;width:25px;height:12px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:transparent;transition:.4s;border-radius:34px;border:1px solid white}.slider:before{position:absolute;content:"";height:8px;width:8px;left:1px;bottom:1px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#fff}input:checked+.slider:before{transform:translate(12px);background-color:#000}input:checked+.slider{border:1px solid black}::-webkit-scrollbar{width:6px;background-color:var(--dark-bg)}::-webkit-scrollbar-thumb{background-color:var(--dark-color)}nav{display:inline-flex;flex-direction:column;justify-content:space-between;position:fixed;height:100%;padding:24px 16px;background-color:var(--dark-bg);border-right:1px solid var(--dark-color)}nav>h1{display:inline-block;margin-bottom:48px;writing-mode:vertical-lr;transform:scale(-1);font-size:20px;white-space:nowrap}.menu-button{display:flex;gap:16px;align-items:center;width:fit-content;cursor:pointer;transition:.16s ease-in-out}.menu-button span{font-size:16px}.artworks-page{margin-left:60px}.artworks-title{font-size:24px;padding:40px 0 40px 14px}.artworks-gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.item-info{display:flex;justify-content:space-between}.gallery-item img{max-width:100%;height:auto}.showcase-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.showcase-overlay img{max-width:95%;max-height:95%;object-fit:contain}@media screen and (max-width: 768px){.artworks-title{font-size:24px;padding:16px 0 16px 10px}}.gallery-item{flex-basis:calc(50% - 20px);margin-bottom:20px;transition:.16s ease-in-out}.gallery-item:hover{transform:scale(1.01)}@media screen and (min-width: 768px){.gallery-item{flex-basis:calc(33.33% - 20px)}}@media screen and (max-width: 550px){.gallery-item{flex-basis:calc(100% - 20px)}}:root{--dark-color: hsl(0, 0%, 100%);--dark-color-param: 0, 0%, 100%;--dark-bg: hsl(0, 0%, 0%);--light-color: hsl(0, 0%, 0%);--light-bg: hsl(0, 0%, 79%)}::selection{background:none;color:hsl(var(--dark-color-param),.2)}*{margin:0;padding:0;color:var(--dark-color);font-family:Libre Bodoni,serif;font-style:normal;font-weight:400}a{text-decoration:none}body{background-color:var(--dark-bg);transition:background-color .5s ease}body.light-mode{background-color:var(--light-bg);transition:background-color .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}main{display:flex;justify-content:space-around;align-items:center;width:100%;height:100vh;position:absolute}.title{width:fit-content}.title h1{font-size:36px}.menu-button{cursor:pointer;transition:.16s ease-in-out}.menu-button:hover{opacity:.3}.content{display:flex;flex-direction:column;gap:16px;align-items:flex-end;width:500px;height:70%;max-height:1000px}.desc{font-size:16px;width:fit-content;margin-right:24px}.artworks{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:8px;width:100%;height:100%}.artwork-item{height:100%;flex:1;min-width:0;clip-path:polygon(0 0,100% 0,100% 0,0 0);-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);animation:column-expand 1.5s cubic-bezier(.65,.05,.12,.99);animation-fill-mode:forwards}.artwork-item:nth-child(1){animation-delay:.25s}.artwork-item:nth-child(2){animation-delay:.5s}.artwork-item:nth-child(3){animation-delay:.75s}.artwork-item:nth-child(4){animation-delay:1s}.artwork-item:nth-child(5){animation-delay:1.25s}@keyframes column-expand{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0);-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.artwork-item img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:grayscale();transition:.2s ease-in-out}.artwork-item img:hover{filter:none;opacity:1}@keyframes menu-fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e8;color:#fff;display:flex;justify-content:center;flex-direction:column;z-index:666;opacity:0;transform:translateY(-20px)}.menu-open .dropdown-menu{animation:menu-fadeIn .5s cubic-bezier(.52,0,0,.82) forwards}.dropdown-menu ul{list-style-type:none;margin-left:120px}.dropdown-menu li{padding:32px 0;font-size:36px;width:fit-content;cursor:pointer;transition:.16s ease-in-out}.dropdown-menu li:hover{opacity:.3}.dropdown-menu span{font-size:12px;position:absolute;bottom:50px;right:50px}.about-section{padding:104px 0 0 160px;max-height:fit-content}.about-content{display:flex;flex-direction:column;padding:32px 0 0 64px;font-size:16px;width:fit-content}.about-content h1{font-size:64px;margin-top:54px;align-self:flex-end}.about-contacts{margin-top:84px;font-size:20px}.about-contacts ul{list-style:none;margin-top:12px}.about-contacts li{font-size:16px;margin-bottom:12px;width:fit-content;transition:.16s ease-in-out}.about-contacts li:hover{opacity:.3}.about-siteinfo{margin-top:100px;align-self:flex-end;font-size:12px}.about-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;color:#000;mix-blend-mode:hard-light;opacity:.5}.about-background img{width:100%;height:100%}@media only screen and (max-width: 700px){main{flex-direction:column;justify-content:center;width:100%;height:100%}.title{align-self:flex-start;margin:0 48px}.title h1{font-size:24px;line-height:48px}.desc{margin:0 48px}.content{width:auto;margin:0 12px;gap:24px}.dropdown-menu ul{margin-left:60px}.dropdown-menu li{padding:24px 0;font-size:28px}.about-section{padding:32px 12px 0 90px}.about-content{padding:32px 0 0 40px}.about-content h1{font-size:54px}}@media only screen and (max-width: 950px){.title h1{font-size:24px;line-height:48px}}