@layer base{html{--columns: 7;--column-width: 13.33vw;--thumbnail-gap: 1rem;--thumbnail-inline-padding: 1rem;--work-sidebar-width: calc( var(--column-width) * 2 + var(--thumbnail-gap) + var(--thumbnail-inline-padding) + var(--thumbnail-gap) );--work-content-start: calc( var(--column-width) * 4 + var(--thumbnail-gap) * 3 + var(--thumbnail-inline-padding) );font-family:Inter}*{transition:all .2s}body{margin:0}:root{--padding-top: 30%}#root{padding-top:var(--padding-top)}}@layer components{.nav{width:100%;position:fixed;z-index:100;transform:translateY(calc(-100% - 8rem));display:grid;grid-template-columns:calc(var(--work-sidebar-width)) auto}.nav a{text-decoration:none}.nav-button{font-size:2rem;font-weight:800;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(1);transform-origin:left center}#work-button{transform-origin:right center}.nav-button a{color:#a2a2a2}.nav-active{transform:scale(3)}.nav-active a{color:#000;pointer-events:none}#work-button{justify-self:end;margin:0 1rem 0 0}#about-button{justify-self:start}.name{position:fixed;left:calc(var(--work-sidebar-width));transform:translateY(-5rem);font-size:2rem;font-weight:800}.work-loading,.work-error{padding:2rem;font-size:1rem}.work-error{color:#c00}.project-index{position:fixed;left:var(--work-sidebar-width);width:calc(var(--work-sidebar-width) - var(--thumbnail-gap) * 2)}.project-index>ul{padding:0;margin:0;list-style:none}.project-index>ul>li{text-transform:uppercase;font-size:1.1rem;font-weight:700;margin-bottom:.6rem}.project-index>ul>li>a{text-decoration:none}.index{position:relative;color:#c9c9c9;cursor:pointer}.index>li:hover{color:#000}.index-arrow{position:absolute;right:2rem;color:#000}.project-thumbnails{display:grid;grid-template-columns:var(--column-width) var(--column-width) auto var(--column-width) var(--column-width) var(--column-width);height:15rem;gap:var(--thumbnail-gap);padding:0 var(--thumbnail-inline-padding) 10rem}.project-thumbnails:last-child{padding-bottom:50vh}.project-thumbnails-side{width:var(--column-width);transform:translate(100%);padding-bottom:5rem;pointer-events:none}.project-thumbnails-side:last-child{padding-bottom:50vh}.project-thumbnails>img{width:100%}.thumbnail-images{height:fit-content}.thumbnail-images>img{width:100%}.side-gallery{width:var(--column-width)}.side-gallery-project{margin-bottom:15rem;position:relative;display:flex;flex-direction:column}.side-gallery-project:last-child{padding-bottom:50vh}.project-index-number{position:sticky;top:calc(var(--padding-top) - 3rem);transform:translate(calc(-1 * var(--column-width) + var(--thumbnail-gap)));align-self:flex-start;font-size:2rem;font-weight:700;color:#000;z-index:10}.side-images{width:100%;margin-bottom:1rem}.project-page-layout{display:flex}.project-hero-image{position:fixed;left:calc(var(--work-content-start));top:1rem;max-width:calc(100vw - var(--work-content-start))}.project-hero-image img{width:auto;max-width:100%;height:auto;max-height:50vh;object-fit:contain;display:block}.project-content{position:fixed;left:calc(var(--work-content-start));bottom:0;width:100%;max-width:calc(100vw - var(--work-content-start));margin-top:-1.2rem;padding:0 0 1rem}.project-mobile-gallery,.project-bottom-index{display:none}.project-year{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#878787}.project-content p{margin:0;line-height:1.6;padding:0 1rem 0 0}.about-page{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:0 1rem}.about-section{display:flex;flex-direction:column}.about-heading{font-size:1.5rem;font-weight:700;margin:0 0 2rem;text-transform:uppercase;color:#878787}.about-text{margin:0;line-height:1.6;white-space:pre-line}}@layer utilities{.index-active{color:#000}.hide{display:none}}@media (max-width: 768px){@layer base{html{--column-width: 100%;--thumbnail-gap: .75rem;--thumbnail-inline-padding: .75rem;--work-sidebar-width: 100%;--work-content-start: 0}:root{--padding-top: 3.5rem}#root{padding-top:var(--padding-top);overflow-x:hidden}}@layer components{.nav{transform:none;top:0;left:0;background:transparent;padding:.75rem;box-sizing:border-box;grid-template-columns:1fr 1fr}.nav-button{font-size:1.125rem;line-height:1.2;transform:none;min-height:44px;display:flex;align-items:center}.nav-active{transform:none}#work-button{justify-self:start;margin:0}#about-button{justify-self:end}.name{position:fixed;left:50%;top:.75rem;transform:translate(-50%);font-size:1.25rem;z-index:90;background:transparent;width:auto;padding:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;pointer-events:none}.project-index{position:sticky;top:5.75rem;left:0;width:100%;box-sizing:border-box;padding:.5rem .75rem;margin:0;background:#fff;z-index:80;border-bottom:1px solid #f3f3f3;overflow-x:auto}.project-index.project-index-home{display:none}.project-index>ul{display:flex;align-items:center;gap:.9rem;white-space:nowrap;width:max-content;min-width:100%}.project-index:not(.project-index-home){overflow-x:visible;top:1rem;padding-top:.25rem;padding-bottom:.4rem}.project-index:not(.project-index-home)>ul{flex-direction:column;align-items:flex-start;gap:.5rem;white-space:normal;width:100%;min-width:0}.project-index>ul>li{margin:0;font-size:.85rem;font-weight:700;width:100%}.index-arrow{display:none}.project-thumbnails{display:flex;flex-direction:column;gap:var(--thumbnail-gap);height:auto;padding:.75rem}.project-thumbnails:last-child{padding-bottom:2rem}.thumbnail-images{width:100%;display:block}.project-thumbnails .thumbnail-images:not(:first-of-type){display:none}.thumbnail-images>img{width:100%;height:auto;display:block}.project-page-layout{display:block;padding:0 .75rem 1.25rem}.side-gallery,.project-thumbnails-side,.side-gallery-project,.project-index-number,.project-hero-image{display:none}.project-mobile-gallery{display:flex;flex-direction:column;gap:var(--thumbnail-gap);margin-top:.5rem}.project-mobile-gallery img{width:100%;height:auto;display:block;object-fit:cover}.project-content{position:static;width:100%;max-width:100%;margin-top:.75rem;padding:0}.project-year{font-size:1.1rem;margin:0 0 .6rem}.project-content p{font-size:.95rem;line-height:1.65;padding:0;margin-bottom:.7rem}.project-bottom-index{display:block;margin-top:1rem;padding-top:.75rem;position:relative;z-index:95;pointer-events:auto}.project-bottom-index ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.project-bottom-index button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-decoration:none;color:#000;font-size:.85rem;font-weight:700;text-transform:uppercase;display:block;padding:.25rem 0;pointer-events:auto;width:100%;text-align:left;cursor:pointer}.about-page{grid-template-columns:1fr;gap:1rem;padding:.75rem}.about-heading{margin-bottom:.75rem;font-size:1.125rem}}}@media (min-width: 769px) and (max-width: 1024px){@layer components{.about-page{grid-template-columns:repeat(2,1fr)}}}