:root{--color-neutral-0:white;--color-neutral-100:#ebebeb;--color-neutral-200:#dedede;--color-neutral-600:#737373;--color-neutral-950:#121212;--spacing-4px:.25rem;--spacing-8px:.5rem;--spacing-12px:.75rem;--spacing-16px:1rem;--spacing-20px:1.25rem;--spacing-24px:1.5rem;--spacing-40px:2.5rem;--spacing-48px:3rem;--spacing-64px:4rem;--spacing-80px:5rem;--type-primary:"neue-haas-unica", "Inter", Tahoma, Arial, sans-serif;--color-background-primary:var(--color-neutral-0);--color-background-secondary:var(--color-neutral-950);--color-text-primary:var(--color-neutral-950);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-0);--color-divider-primary:var(--color-neutral-200);--color-header-background:var(--color-neutral-0);--color-footer-background:var(--color-neutral-0);--color-button-primary-background-default:var(--color-neutral-100);--color-button-primary-background-hover:var(--color-neutral-200);--color-button-primary-background-active:var(--color-neutral-950);--color-chip-primary-background-default:var(--color-neutral-0);--spacing-xxs:var(--spacing-4px);--spacing-xs:var(--spacing-8px);--spacing-sm:var(--spacing-12px);--spacing-md:var(--spacing-16px);--spacing-lg:var(--spacing-20px);--spacing-xl:var(--spacing-24px);--spacing-2xl:var(--spacing-40px);--spacing-3xl:var(--spacing-48px);--spacing-4xl:var(--spacing-64px);--spacing-5xl:var(--spacing-80px);--spacing-page-margin:var(--spacing-20px);--spacing-grid-gap-column:var(--spacing-20px);--spacing-grid-gap-row:var(--spacing-64px);--spacing-section-gap-medium:var(--spacing-40px);--spacing-section-gap-large:var(--spacing-64px);--radius-xs:.25rem;--radius-card:1rem;--radius-button:.75rem;--size-icon-small:1rem;--size-icon-medium:1.5rem;--size-icon-large:2rem;--size-header-height:4rem}*{margin:0;padding:0}*,:before,:after{box-sizing:border-box}.skip{z-index:9999;background:var(--color-background-secondary);color:var(--color-text-tertiary);border-radius:var(--radius-button);opacity:0;padding:.75rem 1.5rem;position:absolute;top:1rem;left:-9999px}.skip:focus{opacity:1;left:50%;transform:translate(-50%)}:focus{outline-offset:2px;border-radius:var(--radius-button);border-radius:2px;outline:2px solid #005fcc}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.is-loading{overflow:hidden}body.is-loading>header,body.is-loading>main,body.is-loading>footer{opacity:0;animation:.5s 7s forwards showContent}@keyframes showContent{to{opacity:1}}#stage{z-index:1000;background:var(--color-background-secondary);justify-content:center;align-items:center;width:100%;height:100vh;animation:.5s 7s forwards hideIntro;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes hideIntro{0%{opacity:1;pointer-events:all}to{opacity:0;pointer-events:none}}#fullText,#logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#fullText svg,#logo svg{width:30rem;height:6rem;display:block}#fullText path,#l1 path,#l2 path{fill:var(--color-text-tertiary)}#fullText{animation:.3s 2.4s forwards fadeOutText}.text-mask-container{animation:1.8s cubic-bezier(.4,0,.2,1) .6s forwards eraseText}@keyframes eraseText{0%{-webkit-clip-path:inset(0 0% 0 0);clip-path:inset(0 0% 0 0)}to{-webkit-clip-path:inset(0 90% 0 0);clip-path:inset(0 90% 0 0)}}@keyframes fadeOutText{to{opacity:0}}#logo-inner{opacity:0;transform-origin:5rem 5.5rem;animation:10ms ease-out 2.5s forwards showLogo,.5s ease-out 3.8s forwards scaleUp,.6s ease-in-out 4.6s forwards rotateLogo}@keyframes showLogo{to{opacity:1}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(4)}}@keyframes rotateLogo{0%{transform:scale(4)rotate(0)}to{transform:scale(4)rotate(90deg)}}#l1{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out 2.8s forwards moveL1Apart,.4s ease-in-out 5.4s forwards closeL1}@keyframes moveL1Apart{0%{transform:translate(0)}to{transform:translate(-.5rem)}}@keyframes closeL1{0%{transform:translate(-.5rem)}to{transform:translate(1.25rem)}}#l2{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.5s ease-out 2.8s forwards appearL2,.5s ease-out 3.3s forwards mirrorL2,.4s ease-in-out 5.4s forwards closeL2}@keyframes appearL2{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(1.25rem)}}@keyframes mirrorL2{0%{transform:translate(1.25rem)rotate(0)}to{transform:translate(1.25rem)rotate(180deg)}}#fill{background:var(--color-background-primary);transform-origin:50%;border-radius:.125rem;width:1.75rem;height:1.75rem;animation:.8s cubic-bezier(.6,0,.4,1) 6s forwards expandFill;position:absolute;transform:scale(0)}@keyframes expandFill{0%{opacity:0;transform:scale(0)}10%{opacity:1}to{transform:scale(var(--scale-end,80))}}.page-enter{animation:.8s ease-out forwards pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0%)}}html,body{scroll-behavior:smooth;flex-direction:column;align-items:center;width:100%;min-height:100vh;font-size:16px;display:flex}main{margin-top:var(--size-header-height);margin-bottom:var(--spacing-4xl);flex-direction:column;flex:1;align-items:center;width:100%;display:flex}#top{scroll-margin-top:var(--size-header-height)}.container-wide{margin:var(--spacing-page-margin)}.container{background-color:var(--color-background-primary);max-width:1440px;padding:0 1.25rem}.featured-work{column-gap:var(--spacing-grid-gap-column);row-gap:var(--spacing-grid-gap-row);grid-template-columns:1fr 1fr;display:grid}.featured-work :first-child{grid-column:span 2}.featured-work-card{min-height:664px}h1,h2,h3,.body-large,.body-medium,p,.body-small,button,.chip,a,summary,li{font-family:var(--type-primary);color:var(--color-text-primary);font-weight:400}h1{padding-bottom:var(--spacing-xl);font-size:3.5rem;line-height:1}h2,h3{margin-bottom:var(--spacing-xxs);font-size:1.25rem}.body-large{font-size:1.5rem}.body-medium{font-size:1.25rem}p{font-size:1rem}.body-small{font-size:.875rem}abbr{cursor:help;text-decoration:none}button{font-size:1rem}.chip{font-size:.875rem;line-height:1}.project-tags li{background-color:var(--color-neutral-100);border-radius:var(--radius-button);border:none;padding:.5rem .75rem}a{text-decoration:none}header a{text-transform:uppercase}header a,footer a{transition:transform .3s;display:inline-block}header a:hover,footer a:hover{transform:scale(1.16)}.underline-animation{cursor:pointer;display:inline-block;position:relative}.underline-animation:after{content:"";background-color:var(--color-text-primary);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.underline-animation:hover:after,.underline-animation.current-menu-item:after{transform:scaleX(1)}summary{color:var(--color-text-secondary);cursor:pointer;margin-bottom:var(--spacing-lg);font-size:1.25rem;list-style:none;display:inline-block}header{background-color:var(--color-header-background);width:100%;height:var(--size-header-height);z-index:999;flex-flow:wrap;display:flex;position:fixed;top:0;left:0}header nav{flex-flow:wrap;align-items:center;width:100%;display:flex}header ul{flex-flow:wrap;justify-content:flex-end;gap:1rem;width:100%;line-height:1;list-style:none;display:flex}header li:first-child{margin-right:auto}.featured-work li{list-style:none}.featured-work a{flex-direction:column;gap:1.5rem;display:flex;position:relative}.featured-work p{color:var(--color-text-secondary)}.featured-work figure{-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%,0% 100%);width:100%;height:27.5rem;transition:-webkit-clip-path .4s,clip-path .4s;position:relative;overflow:hidden}.featured-work figure:hover{-webkit-clip-path:polygon(0% 0%,100% 0%,100% 85%,85% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 85%,85% 100%,0% 100%)}.featured-work-card figure{height:41.5rem}.featured-work img{object-fit:cover;border-radius:var(--radius-card);cursor:pointer;width:100%;height:100%;transition:transform .3s}.featured-work img:hover{transform:scale(1.05)}.chip{top:var(--spacing-lg);left:var(--spacing-lg);background:var(--color-chip-primary-background-default);min-width:40px;min-height:40px;padding:var(--spacing-xs);border-radius:5rem;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;overflow:hidden}.chip:after{content:"";vertical-align:middle;width:var(--size-icon-medium);height:var(--size-icon-medium);background-image:url(arrow-up-right.6395e246.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:all .3s;display:inline-block}.chip-text{opacity:0;white-space:nowrap;max-width:0;transition:all .3s}.featured-work a:hover .chip{gap:var(--spacing-4px);padding:8px 16px 8px 20px}.featured-work a:hover .chip-text{opacity:1;align-items:center;max-width:10ch;margin-left:4px;display:inline-flex}.featured-work a:hover .chip:after{transform:rotate(45deg)}.archive-list{flex-direction:column;width:100%;display:flex}.archive-list ul{list-style:none}.archive-list-item{border-bottom:1px solid var(--color-divider-primary);flex-flow:wrap;justify-content:space-between;align-items:center;min-height:7.5rem;display:flex}.archive-list-item article{align-items:baseline;gap:var(--spacing-lg);flex-direction:row;min-width:100%;display:flex}.archive-list-item time{margin-left:auto}.archive-list p{color:var(--color-text-secondary)}.archive-list-item:hover h2:before{content:"";width:var(--size-icon-small);height:var(--size-icon-small);margin-right:var(--spacing-sm);background-color:var(--color-button-primary-background-active);vertical-align:baseline;opacity:1;border-radius:50%;transition:transform .3s,opacity .3s;display:inline-block;transform:scale(1)}.cursor-preview{pointer-events:none;opacity:0;z-index:9999;width:452px;height:288px;transition:opacity .3s,transform .3s;position:fixed;top:0;left:0;transform:translate(20px,20px)scale(.8)}.cursor-preview img{object-fit:cover;border-radius:var(--radius-card);width:100%;height:100%}.hero-image{width:100vw;height:calc(96vh - var(--size-header-height));top:var(--size-header-height);z-index:-1;position:-webkit-sticky;position:sticky;left:0;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%}.project{background-color:var(--color-background-primary);z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.project-info-grid{gap:var(--spacing-grid-gap-column);margin-top:var(--spacing-section-gap-medium);grid-template-columns:1fr 1fr;grid-template-areas:"project-tags project-title""project-info project-description";grid-auto-rows:auto;display:grid}.project-title{grid-area:project-title;align-items:flex-end;padding-bottom:0;display:flex}.project-info{grid-area:project-info}span.bold{font-weight:700}.project-tags{align-items:flex-end;gap:var(--spacing-sm);grid-area:project-tags;list-style:none;display:flex}.project-description{grid-area:project-description}details{flex-direction:column;gap:.5rem;margin-top:2rem;display:flex}.details-content{order:1}details p{margin-bottom:var(--spacing-20px)}summary{order:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-block}details .underline-animation:after{background-color:var(--color-text-secondary)}details[open] summary{order:2}.project-media-grid{gap:var(--spacing-grid-gap-column);grid-column:span 2;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;display:grid}.project-media-item{border-radius:var(--radius-card);min-height:440px}.project-media-item.col-1{grid-column:span 1}.project-media-item.col-2{grid-column:span 2}.project-media-item img,.project-media-item video,.project-media-item iframe{object-fit:cover;border-radius:var(--radius-card);width:100%;height:100%}iframe{aspect-ratio:16/9;border:none}.links-resources{gap:var(--spacing-grid-gap-row);flex-direction:column;display:flex}.small-grid{row-gap:var(--spacing-grid-gap-row);column-gap:var(--spacing-grid-gap-column);grid-template-columns:repeat(3,1fr);list-style:none;display:grid}.small-grid figure,.small-grid picture,.small-grid iframe{border-radius:var(--radius-card);justify-content:center;align-items:center;width:100%;height:18rem;display:flex;overflow:hidden}.small-grid img,.small-grid video{object-fit:cover;width:100%;height:100%}img.links-logo{width:auto;height:100px}.links-resources section{margin-bottom:var(--spacing-section-gap-large)}.links-resources h2{margin-bottom:var(--spacing-md);font-size:2rem}.links-resources h3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);height:var(--size-icon-medium);display:inline-block}.links-resources h3:hover:after{content:"";vertical-align:middle;width:var(--size-icon-medium);height:var(--size-icon-medium);background-image:url(arrow-up-right.6395e246.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:all .3s;display:inline-block}.links-resources p{color:var(--color-text-secondary)}footer{background-color:var(--color-footer-background);flex-flow:wrap;align-self:flex-end;justify-self:end;width:100%;display:flex}footer div{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;display:flex}footer nav{flex-flow:wrap;align-items:center;gap:1rem;list-style:none;display:flex}footer ul{flex-flow:wrap;gap:1rem;list-style:none;display:flex}footer a.body-large{display:inline-flex}footer a.body-large:before{content:"";width:var(--size-icon-large);height:var(--size-icon-large);color:var(--color-neutral-950);background-image:url(arrow-elbow-left-up.bba3c7dc.svg);background-repeat:no-repeat;background-size:contain;align-self:center;margin-right:8px;display:inline-block}@media (max-width:1024px){.hero-image{height:70vh;top:var(--size-header-height);overflow:hidden}.project-info-grid{grid-template-columns:1fr;grid-template-areas:"project-title""project-tags""project-info""project-description"}.project-media-item{width:100%;height:auto;min-height:0}.project-media-item img,.project-media-item iframe{width:100%;height:auto}.project-media-item.col-1,.project-media-item.col-2{grid-column:span 2}.small-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){html,body{font-size:12px}.featured-work li{grid-column:span 2}.featured-work-card{width:100%;height:auto;min-height:0}.featured-work figure{height:30vh}.featured-work-card figure{height:60vh}.featured-work-card img{width:100%;height:100%}.archive-list-item article{flex-wrap:wrap;gap:0}.archive-list-item p{order:1;width:100%}.small-grid{grid-template-columns:1fr}footer nav{justify-content:space-between;width:100%}}
/*# sourceMappingURL=repo.1ecb63e0.css.map */