*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0}body{font-family:system-ui,sans-serif;background:#fff;overflow:hidden;display:flex}#root{display:flex;width:100vw;height:100vh;overflow:hidden}.pageRight{flex:0 0 auto;display:flex}.pageLeft{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;margin-top:70px;margin-left:4.8vw;margin-bottom:40px;padding-right:50px}.subCaps{font-family:SurveyorReg,sans-serif;font-size:calc(15px + .2vw);color:#333134;margin-top:10px;margin-bottom:30px}.homeLinks{font-family:SurveyorLight,sans-serif;font-size:calc(20px + .3vw);color:#333134;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:calc(10px + .1vw);text-decoration-color:#c4c0c7;margin-top:6px;display:inline-block;cursor:pointer;align-self:flex-start;width:fit-content;transition:color .2s ease}.bottomLinksBox{margin-top:auto;display:flex;gap:12px;flex-direction:row;flex-wrap:wrap}.bottomLink{font-family:SurveyorLight,sans-serif;font-size:calc(15px + .3vw);color:#333134;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px;text-decoration-color:#c4c0c7;cursor:pointer}.creditText{color:#7c7282;font-weight:600;margin-top:16px;font-size:13px}.ArtistName{font-family:SurveyorReg,sans-serif;font-size:calc(36px + 3vw);line-height:.7;font-weight:100;color:#333134}.scrollbox{height:calc(100vh - 24px);margin:12px 12px 12px 0;overflow-y:auto;overflow-x:hidden;background:#fff}.scrollbox::-webkit-scrollbar{width:12px;height:12px}.scrollbox::-webkit-scrollbar-thumb{background-color:#9d8260;border-radius:6px;border:3px solid #f1f1f1}.scrollbox::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.scrollbox::-webkit-scrollbar-thumb:hover{background-color:#63513c}.scrollbox.small{width:50vw;max-width:50vw}.scrollbox.large{width:66.6666vw;max-width:66.6666vw}.scroll-spacer{height:0}.viewport{position:sticky;top:0;height:100%;overflow:hidden;border-top-left-radius:10px;border-bottom-left-radius:10px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding-right:0;height:100%}.column{display:flex;flex-direction:column;gap:12px;will-change:transform}.sign{position:fixed;width:calc(100px + 20vw);top:0;left:0;opacity:.1;z-index:-1}.cell{aspect-ratio:6 / 8;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px}.cell img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .2s ease,opacity .4s ease;cursor:pointer;opacity:0;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.cell img.img-loaded{opacity:1}.cell:hover img{transform:scale(1.08)}.overlay{position:absolute;inset:0;background-color:#0000;transition:background-color .2s ease;pointer-events:none}.cell:hover .overlay{background-color:#00000080}.title{margin-top:20px;margin-left:20px;margin-right:20px;font-size:24px;color:#fff;opacity:0;transition:opacity .2s ease;font-family:SurveyorLight,sans-serif;font-weight:100}.cell:hover .title{opacity:1}.details{position:absolute;bottom:0;color:#ababab;margin-left:20px;margin-bottom:20px;opacity:0;transition:opacity .2s ease;font-size:13px}.cell:hover .details{opacity:1}.artworkOverlay{position:fixed;inset:0;display:flex;z-index:1000;background-color:#00000080;opacity:0;transition:opacity .3s ease}.artworkOverlay.visible{opacity:1}.artworkBackdrop{width:16.6666%;cursor:pointer}.artworkPanel{width:83.3333%;background:#fff;height:100%;box-sizing:border-box;transform:translate(40px);transition:transform .4s ease,opacity .3s ease;opacity:0}.artworkOverlay.visible .artworkPanel{transform:translate(0);opacity:1}.artworkScrollContent{overflow-y:auto;flex:1 1 auto;display:block;padding-left:calc(25vw - 100px);padding-right:calc(25vw - 100px);padding-top:60px}.artworkLayout.portrait .artworkContainer{display:flex;flex-direction:column;width:100%;height:calc(100vh - 40px);box-sizing:border-box;gap:10px;margin-top:40px}.artworkLayout.portrait .artworkScrollContent{overflow-y:auto;flex:1 1 auto;display:block;padding-left:calc(25vw - 100px);padding-right:calc(25vw - 100px);padding-top:35px}.artworkLayout.portrait .portraitFlex,.artworkLayout.landscape .portraitFlex{display:flex;flex-direction:column;height:100%}.pageTitle,.artworkLayout.portrait .pageTitle{font-family:SurveyorLight,sans-serif;font-size:calc(50px + .5vw);color:#333134;line-height:.9;text-align:left}.artworkLayout.portrait .artworkHeaderContainer{flex:0 0 300px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.artworkLayout.portrait .artworkMeta{font-family:SurveyorLight,sans-serif;font-size:calc(12px + .3vw);color:#666;text-align:left}.artworkLayout.portrait .categoryText{font-size:15px;font-family:Cap,sans-serif;color:#9d8260;font-weight:700;margin-bottom:10px;text-align:left}.artworkLayout.portrait .artworkImageContainer{order:-1;flex:0 0 auto;max-width:60%;position:relative}.artworkLayout.portrait>.portraitContainer>div:first-child{order:0;flex:1 1 auto;display:flex;flex-direction:column;gap:10px}.artworkLayout.portrait .artworkImage{width:100%;height:100%;max-height:80vh;width:auto;cursor:zoom-in}.artworkLayout.portrait .portraitContainer{display:flex;flex-direction:row;gap:40px;align-items:flex-start;width:100%}.artworkLayout.landscape .portraitContainer{height:auto}.artworkLayout.landscape .artworkContainer{display:flex;flex-direction:column;width:100%;max-height:100vh;box-sizing:border-box;gap:10px;height:100vh}.artworkLayout.landscape .artworkScrollContent{overflow-y:auto;flex:1 1 auto;display:block;padding-left:calc(25vw - 100px);padding-right:calc(25vw - 100px);padding-top:35px}.artworkLayout.landscape .pageTitle{font-family:SurveyorLight,sans-serif;font-size:calc(50px + .5vw);color:#333134;text-align:left;line-height:.9}.artworkLayout.landscape .artworkHeaderContainer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;box-sizing:border-box}.artworkLayout.landscape .artworkMeta{font-family:SurveyorLight,sans-serif;font-size:calc(12px + .3vw);color:#666;text-align:right}.artworkLayout.landscape .artworkImageContainer{position:relative;width:100%;min-height:400px}.artworkLayout.landscape .categoryText{font-size:15px;font-family:Cap,sans-serif;color:#9d8260;font-weight:700}.creditLink{text-decoration:underline;color:inherit;text-underline-offset:3px}.closeButton{position:absolute;top:20px;right:20px;font-size:30px;background:none;border:none;cursor:pointer}.artworkLayout{height:100%;display:contents}@font-face{font-family:SurveyorLight;src:url(/fonts/SL.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:SurveyorReg;src:url(/fonts/SL.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Cap;src:url(/fonts/TT.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}.artworkScrollContent::-webkit-scrollbar{width:12px;height:12px}.artworkScrollContent::-webkit-scrollbar-thumb{background-color:#9d8260;border-radius:6px;border:3px solid #f1f1f1}.artworkScrollContent::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.artworkScrollContent::-webkit-scrollbar-thumb:hover{background-color:#63513c}.artworkBottomPanel{position:sticky;bottom:0;display:flex;justify-content:space-between;padding-bottom:30px;box-sizing:border-box;background:#fffffff7;z-index:1000;border-top:1px solid #ccc;margin-top:auto}.artworkImage{transition:opacity .3s ease;opacity:1}.artworkImage.fade-out{opacity:0}.artworkScrollContent img{max-width:100%;max-height:100%;height:auto;width:100%;display:block;margin-bottom:20px;cursor:zoom-in}.artworkBottomPanel button{color:#9d8260;font-weight:700;font-size:10px;padding:8px 0;cursor:pointer;background:#0000;border:0px solid #ccc;border-radius:6px;transition:background .2s ease}.prevButton{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-family:Cap,sans-serif}.nextButton{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:Cap,sans-serif}.navTitle{font-weight:400;font-size:20px;font-family:SurveyorLight,sans-serif;color:#333134;transition:color .2s ease}.artworkBottomPanel button:hover .navTitle{color:#9d8260}.pageText{font-family:SurveyorLight,sans-serif;font-size:20px}.top{margin-top:30px}.col-0 .cell{background:#fff}.col-1 .cell,.col-2 .cell{background:#fff;color:#000}.col-3 .cell,.col-4 .cell{background:#fff}.col-5 .cell{background:#fff;color:#000}@keyframes fadeIn{to{opacity:1}}.fullscreenOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:zoom-out}.fullscreenImg{width:100vw;height:100vh;object-fit:contain}.artworkImage{width:100%;height:auto;display:block;cursor:zoom-in}