@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}.artworks-layout{--rail-width: 66px;--index-width: 300px;min-height:100vh;color:var(--dark-color)}.artworks-index{position:fixed;inset:0 auto 0 var(--rail-width);z-index:20;width:var(--index-width);padding:52px 38px;box-sizing:border-box}.artworks-index h1{font-size:clamp(26px,2vw,34px);line-height:1}.artworks-filters{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-top:106px}.artworks-filters button{position:relative;padding:10px 0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;font-size:16px;opacity:.58;cursor:pointer;transition:opacity .18s ease}.artworks-filters button:hover,.artworks-filters button:focus-visible,.artworks-filters button.is-active{opacity:1}.artworks-filters button.is-active:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor;content:""}.artworks-main{position:relative;display:block;width:auto;height:auto;min-height:100vh;margin-left:calc(var(--rail-width) + var(--index-width));padding:104px 42px 80px 28px;box-sizing:border-box}.artworks-groups{display:flex;flex-direction:column;gap:58px}.artwork-year-group{min-width:0}.artwork-year-header{display:grid;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:38px;margin-bottom:28px}.artwork-year-header h2{min-width:82px;font-size:clamp(28px,2.6vw,40px);line-height:1}.artwork-timeline{min-width:0}.artwork-timeline-line{display:block;width:100%;height:1px;background:currentColor;opacity:.26}.artworks-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.gallery-item{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:.68;padding:0;border:0;background:hsl(0,0%,88%);cursor:pointer}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.78) contrast(1.02);transition:filter .26s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.gallery-item:hover img,.gallery-item:focus-visible img{filter:grayscale(0) contrast(1);transform:scale(1.025)}.gallery-item:focus-visible{outline:1px solid currentColor;outline-offset:4px}.gallery-item-date{position:absolute;right:10px;bottom:9px;padding:5px 7px;background:hsla(0,0%,0%,.72);color:#fff;font-size:11px;letter-spacing:.04em;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.gallery-item:hover .gallery-item-date,.gallery-item:focus-visible .gallery-item-date{opacity:1;transform:translateY(0)}.showcase-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,0%,.9);cursor:zoom-out}.showcase-overlay img{max-width:94vw;max-height:92vh;object-fit:contain}@media (max-width: 1280px){.artworks-layout{--index-width: 240px}.artworks-index{padding-inline:28px}.artworks-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.artworks-layout{--rail-width: 50px}.artworks-index{position:relative;inset:auto;width:auto;margin-left:var(--rail-width);padding:30px 20px 0}.artworks-index h1{font-size:28px}.artworks-filters{flex-direction:row;gap:20px;margin-top:30px;overflow-x:auto;scrollbar-width:none}.artworks-filters::-webkit-scrollbar{display:none}.artworks-filters button{flex:0 0 auto}.artworks-main{margin-left:var(--rail-width);padding:46px 18px 56px 20px}.artwork-year-header{gap:20px;margin-bottom:20px}.artworks-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}@media (max-width: 480px){.artwork-year-header h2{min-width:66px;font-size:28px}.artworks-gallery{grid-template-columns:1fr}.gallery-item{aspect-ratio:.78}}@media (prefers-reduced-motion: reduce){.gallery-item img,.gallery-item-date{transition:none}}.portfolio-navigation-shell{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--rail-width, 66px);height:100vh;height:100dvh}.portfolio-navigation-glass{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none}.portfolio-navigation-glass>div:first-child,.portfolio-navigation-surface,.portfolio-navigation{width:100%;height:100%}.portfolio-navigation-surface{box-sizing:border-box;border-right:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,4%,.28)}.portfolio-navigation{position:absolute;inset:0;z-index:2;box-sizing:border-box}.portfolio-navigation-theme{position:absolute;top:22px;left:50%;transform:translate(-50%)}.portfolio-navigation .menu-container{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.portfolio-navigation .menu-button{display:block;width:25px}.portfolio-navigation .menu-button svg{display:block;width:22px}.portfolio-navigation .menu-button path{fill:currentColor}.portfolio-navigation-signature{position:absolute;bottom:30px;left:50%;transform:translate(-50%) rotate(180deg);writing-mode:vertical-rl;white-space:nowrap;font-size:14px;letter-spacing:.04em}body.light-mode .portfolio-navigation-surface{border-right-color:#ffffffb8;background:hsla(0,0%,100%,.2)}@media (max-width: 820px){.portfolio-navigation-shell{width:50px}.portfolio-navigation-theme{top:max(16px,env(safe-area-inset-top))}.portfolio-navigation .menu-container{top:50%}.portfolio-navigation .menu-button,.portfolio-navigation .menu-button svg{width:20px}.portfolio-navigation-signature{bottom:max(20px,env(safe-area-inset-bottom));display:block;font-size:10px;letter-spacing:.02em}}: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: #e5e5e5}::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{--dark-color: #262626;background-color:var(--light-bg);color:#262626;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{display:flex;align-items:center;gap:16px;width:fit-content;cursor:pointer;transition:.16s ease-in-out}.menu-button:hover{opacity:.3}.menu-button path{fill:currentColor}.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)}.dropdown-menu,.dropdown-menu *{color:#fff}.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}}