.footer{align-items:baseline;color:var(--colorTextLight);display:flex;flex-wrap:wrap;font-size:var(--fontSizeBodyS);justify-content:center;padding:var(--space3XL) var(--spaceL);position:relative;width:100vw;z-index:16}.footer_date,.footer_link{display:inline-flex}.footer_date{padding-right:var(--spaceXS)}.divider{height:var(--lineHeight);position:relative;width:var(--lineWidth)}.divider_line{background-color:rgb(var(--rgbPrimary));content:"";display:block;height:100%;opacity:1;transform:scaleX(1);transform-origin:left center;transition-delay:var(--collapseDelay);transition-duration:var(--durationL);transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);width:100%;@media (prefers-reduced-motion:no-preference){&{transition-property:transform,opacity}}}.divider_line--collapsed{opacity:0;transform:scaleX(0)}.divider_notch{background-color:rgb(var(--rgbPrimary));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);content:"";height:var(--notchHeight);opacity:1;position:absolute;top:var(--lineHeight);transition-delay:var(--collapseDelay);transition-duration:var(--durationL);transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);width:var(--notchWidth);@media (prefers-reduced-motion:no-preference){&{transition-property:clip-path,opacity}}}.divider_notch--collapsed{clip-path:polygon(0 0,0 0,10px 100%,10px 100%);opacity:0}@keyframes image-reveal{0%{transform:scaleX(0);transform-origin:left}49%{transform:scaleX(1);transform-origin:left}50%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.image{display:grid;grid-template-columns:100%;position:relative;transform:translateZ(0)}.image--raised{box-shadow:0 50px 100px -20px rgb(var(--rgbBlack)/.25),0 30px 60px -30px rgb(var(--rgbBlack)/.3)}.image--reveal{&:not(.image--in-viewport){box-shadow:none}&:before{background-color:rgb(var(--rgbAccent));content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left;will-change:transform;z-index:16}@media (prefers-reduced-motion:no-preference){&.image--in-viewport:before{animation:image-reveal 1.8s var(--bezierFastoutSlowin) var(--delay)}}}.image-container{display:grid;grid-template-columns:100%;position:relative;transform:none}.image-container--reveal{animation:image-reveal 1.8s var(--bezierFastoutSlowin);background-color:rgb(var(--rgbAccent));content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left;z-index:16}.image_element-wrapper{display:grid;grid-template-columns:100%;opacity:0;position:relative;transform:none;transition:none}.image_element-wrapper--reveal{opacity:0;transition:opacity var(--durationM) ease var(--delay)}.image_element-wrapper--in-viewport{opacity:1}.image_placeholder{display:block;grid-column:1;grid-row:1;height:auto;opacity:1;pointer-events:none;position:relative;transition:opacity var(--durationM) ease var(--delay);width:100%;z-index:1}.image_placeholder--loaded{opacity:0}.image_element{display:block;grid-column:1;grid-row:1;height:auto;opacity:0;width:100%}.image_element--loaded{opacity:1}.image_button{color:rgb(var(--rgbWhite));height:32px;left:var(--spaceM);opacity:0;padding:0 8px 0 2px;top:var(--spaceM);&:after{background-color:rgb(var(--rgbBlack)/.8)}}.image_button--entered{opacity:1}.section{outline:none;padding-left:calc(var(--space4XL)*2);padding-right:var(--space5XL)}@media (min-width:2080px){.section{padding-left:var(--space5XL)}}@media (max-width:1024px){.section{padding-left:calc(var(--space4XL) + var(--space3XL))}}@media (max-width:696px){.section{padding-left:var(--spaceL);padding-right:var(--spaceL)}}@media (max-height:696px),(max-width:696px){.section{padding-left:var(--spaceOuter);padding-right:var(--spaceOuter)}}@media (max-width:820px) and (max-height:420px){.section{padding-left:var(--space4XL);padding-right:var(--space4XL)}}.heading{color:var(--colorTextTitle);display:block;line-height:var(--lineHeightTitle)}.heading--level-0{font-size:var(--fontSizeH0);letter-spacing:-.006em}.heading--level-1{font-size:var(--fontSizeH1);letter-spacing:-.005em}.heading--level-2{font-size:var(--fontSizeH2);letter-spacing:-.003em}.heading--level-3{font-size:var(--fontSizeH3)}.heading--level-4{font-size:var(--fontSizeH4)}.heading--align-auto{text-align:inherit}.heading--align-start{text-align:start}.heading--align-center{text-align:center}.heading--weight-regular{font-weight:var(--fontWeightRegular)}.heading--weight-medium{font-weight:var(--fontWeightMedium)}.heading--weight-bold{font-weight:var(--fontWeightBold)}.text{color:var(--colorTextBody);line-height:var(--lineHeightBody)}.text--size-s{font-size:var(--fontSizeBodyS)}.text--size-m{font-size:var(--fontSizeBodyM)}.text--size-l{font-size:var(--fontSizeBodyL)}.text--size-xl{font-size:var(--fontSizeBodyXL)}.text--align-auto{text-align:inherit}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--weight-auto{font-weight:inherit}.text--weight-regular{font-weight:var(--fontWeightRegular)}.text--weight-medium{font-weight:var(--fontWeightMedium)}.text--weight-bold{font-weight:var(--fontWeightBold)}.text--secondary{color:var(--colorTextLight)}.project{display:flex;flex-direction:column;position:relative}.project_header{--gutter:80px;--height:80vh;--offset:300px;align-items:center;display:grid;gap:var(--gutter);grid-template-columns:1fr 1fr;min-height:var(--height);padding-left:var(--offset)}@media (max-width:2080px){.project_header{--gutter:60px;--offset:200px;--offset:160px}}@media (max-width:1680px){.project_header{--gutter:40px;--height:70vh;--offset:180px}}@media (max-width:1024px){.project_header{--gutter:20px;--height:40vh;--offset:160px}}@media (max-height:696px){.project_header{--offset:100px}}@media (max-width:696px),(max-width:820px) and (max-height:420px){.project_header{--height:auto;grid-template-columns:100%;padding-left:20px;padding-right:20px}}.project_header-text{display:flex;flex-direction:column;height:100%;justify-content:center;justify-self:flex-end;max-width:800px;padding:60px 0 80px;position:relative;width:100%}@media (max-width:696px),(max-width:820px) and (max-height:420px){.project_header-text{padding:100px 0 0}}.project_date{align-items:center;color:rgb(var(--rgbPrimary));display:grid;font-size:18px;font-weight:var(--fontWeightMedium);gap:20px;grid-template-columns:140px 1fr;margin-bottom:60px}@media (max-width:1024px){.project_date{gap:10px;margin-bottom:30px}}@media (max-width:696px){.project_date{grid-template-columns:100px 1fr}}.project_date-text{opacity:0;transform:translate3d(-5%,0,0);transition:opacity var(--durationXL) ease,transform var(--durationXL) var(--bezierFastoutSlowin)}.project_date-text--entered{opacity:1;transform:none}@keyframes project-title-word{0%{transform:translate3d(0,110%,0)}to{transform:translateZ(0)}}.project_title-word-wrapper{display:inline-flex;overflow:hidden;position:relative}.project_title-word{animation-delay:var(--delay);animation-duration:1.2s;animation-fill-mode:forwards;animation-name:project-title-word;animation-timing-function:var(--bezierFastoutSlowin);display:inline-flex;transform:translate3d(0,110%,0)}@media (prefers-reduced-motion:reduce){.project_title-word{transform:none}}.project_banner{height:100%;justify-self:flex-end;width:100%;z-index:1024}@media (max-width:696px){.project_banner{min-height:40vh;z-index:1}}.project_banner-image{clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px));height:auto}.project_banner-image img,.project_banner-image video{height:auto;object-fit:fill;width:100%}@keyframes project-banner-arrow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.project_banner-arrow{animation-delay:1s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);bottom:0;left:-10px;opacity:0;padding:20px;position:absolute}@media (prefers-reduced-motion:reduce){.project_banner-arrow{opacity:1}}.project_banner-arrow svg{stroke:rgb(var(--rgbText)/.5);animation-duration:1.5s;animation-iteration-count:infinite;animation-name:project-banner-arrow;transition-timing-function:cubic-bezier(.8,.1,.27,1)}@media (max-width:1024px){.project_banner-arrow{left:-20px}}@media (max-width:696px){.project_banner-arrow{align-self:flex-start;margin-top:20px;position:relative}}.project_banner-read-time{align-items:center;animation-delay:1s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);bottom:10px;color:var(--colorTextLight);display:grid;font-size:16px;gap:10px;grid-template-columns:60px 1fr;opacity:0;padding:20px 0;position:absolute;right:0}@media (prefers-reduced-motion:reduce){.project_banner-read-time{opacity:1}}.project_banner-read-time:before{background:rgb(var(--rgbText)/.4);content:"";display:block;height:2px}.project_content-wrapper{display:flex;flex-direction:column;padding-bottom:var(--space2XL)}.project_content{--para-space:26px;--heading-space:34px;align-self:center;animation-delay:1s;animation-duration:1.2s;animation-fill-mode:forwards;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);display:grid;grid-template-columns:1fr 100px 800px 100px 1fr;margin-top:120px;opacity:0;width:100%}.project_content>pre{grid-column:3}@media (prefers-reduced-motion:reduce){.project_content{opacity:1}}@media (max-width:1320px){.project_content{grid-template-columns:1fr 80px 740px 80px 1fr;margin-top:80px}}@media (max-width:1680px){.project_content{--para-space:20px;--heading-space:24px;grid-template-columns:1fr 60px 680px 60px 1fr;margin-top:80px}}@media (max-width:1096px){.project_content{grid-template-columns:1fr 50px 660px 50px 1fr;margin-top:80px}}@media (max-width:1024px){.project_content{--heading-space:22px;grid-template-columns:100%;margin-top:70px}.project_content>pre{grid-column:1}}@media (max-width:696px){.project_content{--para-space:18px;--heading-space:22px;margin-top:60px}}.project_heading-two{grid-column:3}@media (max-width:1024px){.project_heading-two{grid-column:1}}.project_paragraph{grid-column:3;& ul{padding-left:1.4em;& li{list-style-type:square;margin-bottom:.6em;padding-left:.4em}}}.project_heading-two+.project_paragraph,.project_paragraph+.project_heading-two{margin-top:var(--heading-space)}.project_paragraph+.project_paragraph{margin-top:var(--para-space)}@media (max-width:1680px){.project_paragraph{font-size:20px}}@media (max-width:1024px){.project_paragraph{grid-column:1}}@media (max-width:696px){.project_paragraph{font-size:18px;hyphens:auto}}.project_image{display:block;grid-column:2/span 3;height:auto;margin:80px 0;max-width:100%;width:100%}@media (max-width:1024px){.project_image{grid-column:1;margin:60px 0}}.project_code{background:rgb(var(--rgbText)/.1);color:var(--colorTextLight);font-family:var(--monoFontStack);padding:.1em .3em}.decoder-text{&:after{content:"_";visibility:hidden}}.decoder-text_glyph{font-family:var(--japaneseFontStack);font-weight:var(--fontWeightRegular);line-height:0;opacity:.8}.projects,.projects_content{align-items:center;display:flex;flex-direction:column}.projects_content{max-width:var(--maxWidthL);padding-bottom:80px;padding-top:80px;position:relative;width:100%}.project_title{margin-bottom:0}.project_divider{margin-bottom:0;margin-top:-20px}@media (max-width:696px){.projects_content{padding-top:100px}}.projects_column{display:grid;gap:80px;grid-template-columns:100%;max-width:840px;width:100%}.projects_post{display:flex;justify-content:center;margin-top:-50px}.projects_divider{background-color:rgb(var(--rgbText)/.1);border:0;height:1px;margin:0}.projects_post-content{align-items:center;display:grid;gap:0 40px;grid-template-columns:300px 1fr;text-decoration:none;transition:background-color var(--durationM) ease;width:100%}@media (max-width:1024px){.projects_post-content{grid-template-columns:100%;max-width:440px}}.projects_post-text{grid-column:2;padding:60px 0}@media (max-width:1024px){.projects_post-text{grid-column:1;padding:30px 0}}.projects_post-title{background:linear-gradient(var(--colorTextBody),var(--colorTextBody)) no-repeat 100% 100% /0 2px;color:var(--colorTextTitle);display:inline;font-size:36px;font-weight:var(--fontWeightMedium);line-height:1.2;margin:0;padding-bottom:2px;transition:background-size var(--durationM) var(--bezierFastoutSlowin)}.projects_post-title:focus,.projects_post-title:hover{background:linear-gradient(var(--colorTextBody),var(--colorTextBody)) no-repeat 0 100% /100% 2px}@media (max-width:696px){.projects_post-title{font-size:30px}}.projects_post-description{color:var(--colorTextBody);font-size:20px;line-height:1.5;margin:20px 0 0}@media (max-width:696px){.projects_post-description{font-size:18px}}.projects_post-image-wrapper{height:100%;max-height:300px;position:relative}.projects_post-image{clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,calc(70% - 60px) 100%,28px 100%,0 calc(100% - 28px));height:100%}.projects_post-image img,.projects_post-image video{height:100%;object-fit:cover;transition:transform .5s var(--bezierFastoutSlowin);width:100%}.projects_post-content:hover .projects_post-image img,.projects_post-content:hover .projects_post-image video{transform:scale3d(1.1,1.1,1)}.projects_post-image-tag{bottom:-10px;color:var(--colorTextLight);font-size:14px;font-weight:var(--fontWeightMedium);left:calc(70% - 60px);padding:0 10px;position:absolute;text-align:center;width:60px}
/*# sourceMappingURL=679.91875679.chunk.css.map*/