.art-works{box-sizing:border-box}.menu{width:100%;display:grid;grid-template-columns:15fr 1fr 1fr;gap:1rem;text-align:left;box-sizing:border-box;box-shadow:0 3px 2px #7777773a;background-color:var(--bg-color);z-index:9999;padding:.5% 2%;position:fixed}nav button{all:unset;cursor:pointer}nav h3{font-weight:500;font-size:1.5rem;margin:0;font-weight:600}.artwork-list{width:100%;height:100vh;max-height:100%;z-index:999;text-align:left;background-color:var(--bg-color);overflow-x:hidden;position:fixed;top:0;overflow-y:scroll;box-sizing:border-box}.artwork-list-content{background-color:var(--bg-color);padding-top:5%;padding-left:10%;padding-bottom:10%}.artwork-list h4{font-size:5rem;font-weight:500;line-height:normal;margin-top:0;margin-bottom:2%;padding-left:3%}.artwork-list h5{font-size:3rem;font-weight:500;text-align:left;color:gray;margin-bottom:2%}.artwork-list a,a{all:unset;cursor:pointer;display:inline-block;text-decoration:none;transition:color .5s,transform .5s}.artwork-list a:hover{color:#929292;transform:translate(10px)}@media screen and (max-width: 780px){.artwork-list h4{font-size:3rem}}.work-description{width:100%;text-align:left;padding-top:.2%;position:relative}.work-description h2{color:#d3d3d3;font-size:.9rem;text-transform:uppercase;font-weight:700;margin-bottom:.5rem}.work-description h3{font-weight:400;margin-top:0}.details h4{color:#d3d3d3;font-size:1.2rem;font-weight:400;max-width:25%;margin:0 0 3% auto}.details h5{color:#d3d3d3;font-size:1rem;font-weight:400;max-width:30%;margin:0 25% 3% auto}.details h6{color:#d3d3d3;font-size:1rem;font-weight:400;max-width:30%;margin:0 21% 3% auto}.work-description p{margin:0;max-width:50rem;margin-bottom:2rem;font-size:1.7rem;font-weight:400;line-height:normal}img{width:100%}.mini-img{width:50%;display:block;margin:auto;padding-bottom:1%}video{width:100%;height:auto;object-fit:cover}video::-webkit-media-controls{display:none}video::-moz-media-controls{display:none}.marquee{background-color:var(--bg-color);position:sticky;top:3%;display:flex;overflow-x:hidden;border-bottom:1px solid var(--text-color)}.marquee .title-text{font-size:10rem;margin:0;text-transform:uppercase;font-weight:600;white-space:nowrap;animation:marquee-animation 10s linear infinite}.information{display:flex;justify-content:space-between;align-items:flex-start;padding:5% 3% 2% 2%}.keywords{display:flex;gap:1.5rem}.project-description{width:40%}.project-description b{line-height:normal;font-size:1.7rem;font-weight:400}.video{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.details{box-sizing:border-box;padding:1% 2%}.next-up{padding-top:20rem;display:grid;grid-template-columns:1.2fr 1fr}.next-up h1{padding-left:2%;font-size:4vw;font-weight:600;align-self:end}.next-up p{padding-left:2%;margin:0;font-weight:500;font-size:1.5vw}.next-up .keywords{color:gray}.next-text{display:grid;grid-template-rows:.9fr 1.1fr}.next-info{height:100%;padding-top:1%;box-sizing:border-box;border-top:1px solid var(--text-color);border-bottom:2px solid var(--text-color)}.next-up img{vertical-align:bottom}@media screen and (max-width: 780px){.work-description{margin:0;width:100%}.information{display:block;padding-top:8%}.work-description p{max-width:100%}.project-description{width:100%}.details h4,.details h5{max-width:65%}.mini-img{width:80%}.next-up{padding-top:20%;display:block;position:relative}.next-text{display:block}.next-up-text{padding-bottom:30%;box-sizing:border-box}.next-up h1{font-size:20vw;align-self:start}.next-info{padding-top:20%;padding-bottom:10%;box-sizing:border-box}.next-up p{font-size:5vw}.next-up img{position:absolute;top:39%;width:90%;aspect-ratio:3/2;left:5%}}@keyframes marquee-animation{0%{transform:translate(0)}to{transform:translate(-100%)}}.home{display:flex;flex-direction:column;width:100%;gap:1rem;overflow:hidden;padding-top:5%}.home h1{font-style:normal;font-weight:600}.home img{width:100%;height:100%}.home a{width:100%;aspect-ratio:16/9;position:relative}.work-name{position:absolute;left:0;background-color:#fff;color:#000;margin:0;text-align:left;font-size:2rem;max-width:50%;transition:all .5s;overflow:hidden;white-space:nowrap}.go-see{position:absolute;bottom:0;right:0;background-color:#fff;color:#000;margin:0;font-size:2rem;max-width:0;overflow:hidden;white-space:nowrap;transition:all .5s}@media screen and (max-width: 780px){.work-description{margin:0;width:100%}}:root{--bg-color: black;--text-color: white}body{position:relative;background:var(--bg-color);overflow-x:hidden;color:var(--text-color);font-family:Open Sans,sans-serif;margin:0;box-sizing:border-box}p{letter-spacing:normal}footer{align-items:center;color:#a9a7a7;box-shadow:none;display:grid;grid-template-columns:15fr 1fr 1fr;gap:1rem;padding:.5% 2%}footer h3{font-size:1.3rem;font-weight:400}@media screen and (max-width: 780px){html{font-size:14px}}@media (prefers-color-scheme: light){:root{--bg-color: white;--text-color: black}}html{width:100%;height:100%}