:root{--bg-color: #f7f5f5;--border-color: rgb(224, 224, 224);--text-color: rgb(51, 51, 51);--breakpoint_sm: 700px}html{height:100vh;overflow:unset}body{margin:0;font-family:Georgia;background:var(--bg-color);display:flex;flex-direction:column;color:var(--text-color)}html *{text-rendering:geometricPrecision}#detail{background-color:var(--bg-color);left:0;top:0;width:100vw;height:100dvh;max-height:100vh;z-index:1000;display:none;position:fixed;flex-direction:column;opacity:0;transition:all .3s ease-out;overflow:scroll;scroll-padding-top:4rem}#detail_logo{position:fixed;bottom:0;right:0;z-index:101;padding:0 36px 0 18px;text-decoration:none;height:4rem;display:flex;align-items:center;background-color:#f7f5f5;color:inherit;text-transform:uppercase}#detail_logo span{pointer-events:none}#detail_top{display:flex;flex-direction:row;position:fixed;width:100%;z-index:100;background-color:var(--bg-color);align-items:center;font-size:1rem}#detail_top_left{width:0px;padding-left:36px}#detail_top_center{flex:1;display:flex;flex-direction:column;align-items:left;justify-content:center}#detail_top_center h2{margin:0;font-size:inherit;font-weight:400;font-style:italic;margin-bottom:.2rem}#detail_top_center h3{margin:0;font-size:inherit;font-weight:400;text-transform:uppercase;letter-spacing:.3px;transition:opacity .2s ease-in-out}#detail_top_right{display:flex;justify-content:right;padding-right:23px;align-items:center}#detail_top button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font-family:Georgia,Times New Roman,Times,serif;text-rendering:geometricPrecision;font-weight:200;padding:0rem 1.2rem;display:flex;padding:13px}#detail_top button:hover{background-color:#fff}#detail_main{position:relative;padding-top:4rem}#detail_main a{outline:none!important;caret-color:transparent!important}#detail_main #contentHolder{width:100%}#detail_main #projectDescription{max-width:700px;text-align:left;padding:0rem 36px;color:#5b5b5b;min-height:calc(100vh - 60px);display:flex;flex-direction:column;background:#fff;justify-content:space-between;margin-bottom:4rem;text-decoration:none;margin-right:36px}#detail_main #projectDescription #projectDescription_content{padding-top:4rem;font-size:1.4rem;line-height:1.5;max-width:500px}#detail_main #projectDescription #projectDescription_content h1{margin-top:0;margin-bottom:.5em;font-size:1.4rem;font-weight:500;line-height:1.5em}#detail_main #projectDescription #projectDescription_content h2{font-size:1.2rem;font-weight:400;margin-bottom:0}#detail_main #projectDescription #projectDescription_content h3{font-weight:400;font-size:1.2rem;margin-top:0;font-style:italic;margin-bottom:1em}#detail_main #projectDescription #projectDescription_content a{text-decoration:underline;text-decoration-style:dotted;color:var(--text-color);opacity:.75}#detail_main #projectDescription #projectDescription_content a:hover{text-decoration:none}#detail_main #projectDescription #projectDescription-start{padding-top:4rem;padding-bottom:4rem;font-size:2rem}#detail_main #projectDescription #projectDescription-start img{width:50px;transform:translate(-25%)}#detail_main #imageHolder{position:relative;display:flex;flex-direction:column;width:100%;text-align:left}#detail_main .imgwrapper{position:relative;height:calc(100dvh - 8rem);margin:0 36px;text-align:center;display:flex;justify-content:center;align-items:center}#detail_main .mainimg{max-width:100%;max-height:100%;object-fit:contain}#detail_main .previewimg{position:absolute;left:0;top:0;transition:opacity .3s ease-out}#detail_main .subimg{height:4rem;min-height:4rem;display:flex;padding-left:36px;flex-direction:row;justify-content:left;align-items:center;font-style:italic}#detail_main #nextProjectLink{display:inline-block;height:calc(100dvh - 8rem);text-align:left;padding:0rem 36px;color:#5b5b5b;min-height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;text-decoration:none;align-items:center}#detail_main #nextProjectLink img{max-height:50%;max-width:290px}#detail_main #nextProjectLink .nextProjectLink_para{font-size:1rem;margin:1.4rem 0;text-align:center;text-transform:uppercase}#detail_bottom{height:0rem;border-top:1px solid var(--border-color)}aside{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;flex-shrink:0;height:11rem}main{padding:0 36px;overflow-x:clip;display:flex;justify-content:center}#header2{opacity:1;text-transform:uppercase;letter-spacing:1px;font-weight:400;text-decoration:none;color:inherit;padding-left:36px}#header2 h1,#header2 h2{opacity:0;font-size:inherit;font-weight:400;margin:0;letter-spacing:1px;pointer-events:none}#header2 h1{animation-name:reveal2;animation-duration:2s;animation-delay:.7s;animation-fill-mode:forwards}#header2 h2{animation-name:reveal2;animation-duration:2s;animation-delay:1s;animation-fill-mode:forwards}#navHolder{display:flex;position:relative;width:100%;top:0;z-index:0;background:#f7f5f5;height:4rem;align-items:center;font-size:1rem}#navHolder.onTop{z-index:1}#detail_top,#navHolder{height:60px;max-height:60px}.navHolder-left{flex:1;display:flex;justify-content:start;align-items:center}.navHolder-right{flex:1;display:flex;justify-content:end;align-items:center}nav{text-align:center;display:flex;justify-content:center;text-transform:uppercase;letter-spacing:1px}nav a{text-decoration:none;padding:0 18px;line-height:60px;color:inherit;transition:background .3s ease-out;opacity:0;animation-name:reveal;animation-duration:3s;animation-iteration-count:1;animation-delay:calc(var(--animation-order) * 175ms + 1.4s);animation-timing-function:linear;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.22,1,.36,1)}nav a:hover,nav a.active,#subnav_inner a:hover,#subnav_inner a.active{background:#fff}nav a:nth-of-type() #container{transition:all .7s ease-out}#subnav{opacity:1;transition:opacity .3s cubic-bezier(.37,0,.63,1);padding-right:36px}#subnav_inner{opacity:0;display:flex;flex-direction:row;align-items:center;justify-content:center;animation-name:reveal;animation-duration:2s;animation-delay:2s;animation-fill-mode:forwards}#subnav_inner a{text-decoration:none;color:inherit;font-style:italic;transition:opacity .3s ease-in-out;display:flex;padding:13px}#subnav_inner a svg,#detail_top button svg{height:auto;pointer-events:none;shape-rendering:geometricPrecision;width:19px;height:19px}#container.hidden{opacity:0}.grid,.list,#meta{transition:opacity .6s cubic-bezier(.37,0,.63,1)}.grid{position:relative;opacity:0;display:none}.grid_item{border-radius:1px;position:relative;background-repeat:no-repeat;background-size:contain;background-position:center center;opacity:1;transition:all .2s ease-in-out;box-sizing:margin-box;clip-path:fill-box;cursor:pointer}.grid_item.muted{opacity:.1}.grid_item .grid_item_main{position:absolute;left:0;right:0;top:0;bottom:0;background-size:contain}.grid_item .grid_item_overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#efeaeaf2;opacity:0;transition:opacity .5s cubic-bezier(.65,0,.35,1);padding:1rem}.grid_item:hover .grid_item_overlay,.grid_item.showOverlay .grid_item_overlay{opacity:1}.grid_item .grid_item_overlay span{opacity:0;transform:translateZ(0);transition:opacity .4s ease-in-out;transition-delay:.1s;display:inline-block;font-size:1.1rem}.grid_item:hover .grid_item_overlay span,.grid_item.showOverlay .grid_item_overlay span,.grid_item .grid_item_overlay.loading{opacity:1}.bline{background:#f7f5f5;height:60px;opacity:1;position:fixed;bottom:0;width:100%}.list{position:relative;opacity:0;display:none;margin:0 auto;width:100%;margin-bottom:8rem}.list a.list_item{text-transform:uppercase;text-decoration:none;color:inherit;padding:1rem 0px;border-top:1px solid var(--border-color);display:flex;flex-direction:row;justify-content:space-between;transition:all .3s ease-in-out}.list a.list_item .list_date{margin-left:2rem;flex-shrink:0}.list .list_item:hover{background-color:#00000005}.list .list_item.muted{color:#0000004d}#meta{color:#5b5b5b;display:none;opacity:0;width:100%}#meta #meta_content{max-width:700px;margin:0 auto;text-align:center}#meta section{margin-bottom:5rem;line-height:1.9rem}#meta section.right{text-align:right}#meta section.center{text-align:center}#meta section h1{font-size:1.4rem;font-style:italic;font-weight:500;line-height:1.5em}#meta section p{font-size:1.4rem;opacity:.77;line-height:1.5em}#meta a{text-decoration:none;color:var(--text-color);opacity:.75}#meta a:hover{opacity:1}#meta .pale{opacity:.8}@keyframes reveal{0%{transform:scale(1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reveal2{0%{opacity:0}to{opacity:1}}@keyframes reveal3{0%{transform:translateY(-.5em);opacity:0}to{transform:translateY(0);opacity:1}}@media only screen and (max-width: 700px){#header2 h2{display:none}#navHolder,#detail_top,#detail_logo,.subimg{font-size:.65rem!important}}@media only screen and (max-width: 500px){#header2 h2{display:none}main{padding:0 18px}#detail_top_left,#header2{padding-left:18px}#subnav{padding-right:18px}#detail_top_right{padding-right:5px}nav a{padding:0 7px}#subnav_inner a svg,#detail_top button svg{width:14px;height:14px}#detail_main .imgwrapper{margin:0 18px}#detail_logo{padding:0 18px}#detail_main #projectDescription{padding:0rem 18px;margin-right:18px}#detail_main .subimg{padding-left:18px}}