.decoder-text:after{content:"_";visibility:hidden}.decoder-text__glyph{opacity:.8;font-weight:var(--fontWeightRegular);font-family:var(--japaneseFontStack);line-height:0;color:rgb(var(--rgbPrimary))}.random{width:100vw;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;display:flex;justify-content:center}@media (max-width:1024px){.random{padding-top:50px;padding-right:180px;padding-left:160px;height:auto;margin-top:40px;margin-bottom:20px}}@media (max-width:696px){.random{margin-top:0;padding-top:90px;padding-left:25px;padding-right:25px;overflow-x:hidden}}@media (max-height:696px),(max-width:696px){.random{margin-bottom:80px}}@media (max-width:820px) and (max-height:420px){.random{padding-right:var(--space4XL);padding-left:var(--space4XL)}}.random__content{display:grid;grid-template-columns:50% 50%;grid-column-gap:var(--space2XL);max-width:var(--maxWidthL);width:100%}@media (max-width:1024px){.random__content{max-width:600px;grid-template-columns:100%}}.random__column{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px;transform:translateZ(0)}@media (max-height:696px),(max-width:696px){.random__column{margin-bottom:0}}.random__description{margin-bottom:var(--spaceXL);opacity:0;transition:opacity var(--durationXL) ease var(--durationL)}.random__description--entered{opacity:1}.random__tag{margin-top:90px;margin-bottom:20px;display:grid;grid-template-columns:var(--space3XL) 1fr;grid-gap:6px;gap:6px;align-items:center}@media (max-width:1024px){.random__tag{margin-top:30px}}.random__tag-text{font-size:var(--fontSizeBodyL);font-weight:var(--fontWeightMedium);color:rgb(var(--rgbPrimary));opacity:0;transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);transition-duration:var(--durationM);transition-delay:1.3s}@media (prefers-reduced-motion:no-preference){.random__tag-text{transition-property:opacity,transform;transform:translate3d(calc(var(--spaceM)*-1),0,0)}}.random__tag-text--entered{transform:none;opacity:1}.random__image-wrapper{position:relative;width:100%}.random__svg{position:absolute;right:0;bottom:0;transform:translate3d(50%,-20%,0);height:65%;z-index:32;opacity:0;transition:opacity var(--durationM) ease var(--durationL);fill:var(--colorTextTitle)}@media (max-height:696px),(max-width:696px){.random__svg{right:30px}}.random__svg--entered{opacity:1}.random__button{opacity:0;transition:opacity var(--durationXL) ease var(--durationL)}.random__button--entered{opacity:1}.projects__sidebar-images{display:grid;grid-template-columns:repeat(6,[col] 1fr);align-items:center}@media (max-width:1024px){.projects__sidebar-images{padding:0 80px;margin-top:60px}}@media (max-width:696px){.projects__sidebar-images{padding:0 20px;margin-top:40px}}.projects__sidebar-image:first-child{grid-column:col 1/span 4;grid-row:1;position:relative;top:5%;opacity:.4}.projects__sidebar-image:last-child{grid-column:col 3/span 4;grid-row:1;position:relative;top:-5%}p{white-space:pre-wrap}.project.projects-page .project__title{letter-spacing:-3px}.project__title{font-size:var(--fontSizeH2);margin-bottom:0}@media (max-height:696px),(max-width:696px){.project__title{font-size:var(--fontSizeH1)}}@media (prefers-reduced-motion:no-preference){.project__title{opacity:0}}@media (prefers-reduced-motion:no-preference){.project__title--entered{animation:project-fade-slide 1.4s var(--bezierFastoutSlowin) var(--initDelay) forwards}}.random-list{display:flex;flex-wrap:wrap;margin-bottom:var(--spaceXL);opacity:0;transition:opacity var(--durationXL) ease var(--durationL)}.random-list li{flex:100% 1;margin-bottom:5px;font-size:var(--fontSizeBodyXS)}.random-list--entered{opacity:1}.project{display:flex;justify-content:center;flex-direction:column;align-items:center}.project,.project__section{position:relative;width:100%}.project__section{display:grid;place-content:stretch}.project__section--full-height{min-height:100vh}.project__section-inner{--section-padding:calc(var(--space3XL) + var(--space2XL));grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--section-padding);padding-bottom:var(--section-padding);position:relative}@media (max-width:1680px){.project__section-inner{--section-padding:var(--space4XL)}}@media (max-width:1024px){.project__section-inner{--section-padding:var(--space3XL);height:auto}}@media (max-width:696px){.project__section-inner{--section-padding:var(--space2XL)}}@media (max-height:696px),(max-width:696px){.project__section-inner--first{padding-left:0;padding-right:0}}.project__section-background{grid-area:1/1;display:grid;place-content:stretch}.project__section-background img{object-fit:cover;justify-self:stretch;align-self:stretch}.project__section-background:after{--background1:rgb(var(--rgbBackground)/1);--background2:rgb(var(--rgbBackground)/var(--opacity));--background3:rgb(var(--rgbBackground)/0);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--background1),var(--background2) 20%,var(--background3)),linear-gradient(var(--background3),var(--background2) 80%,var(--background1))}.project__background-image{--image-height:800px;position:absolute;top:0;right:0;left:0;height:var(--image-height);overflow:hidden;opacity:0;transition:opacity 2s ease;transform:translateZ(0)}.project__background-image--entered{opacity:1}.project__background-image-element{z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;height:var(--image-height);overflow:hidden;will-change:transform;display:grid}.project__background-image-element img{width:100%;height:1280px;object-fit:cover;right:0;top:0;position:absolute}@media (prefers-reduced-motion:no-preference){.project__background-image-element{transform:translate3d(0,var(--offset),0)}}.project__background-scrim{--background1:rgb(var(--rgbBackground)/var(--opacity));--background2:rgb(var(--rgbBackground));position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(180deg,var(--background1),var(--background2))}.project__header{width:100vw;margin-top:0;margin-bottom:0;padding-bottom:40px;display:flex;justify-content:center}@media (max-width:1024px){.project__header{padding-top:var(--space4XL);padding-bottom:0}}@media (max-width:696px){.project__header{padding:var(--spaceM) calc(var(--spaceL)*2) var(--spaceXL) calc(var(--spaceM)*2.1)}}.project__header-content{position:relative;display:grid;grid-template-columns:1fr 40%;grid-column-gap:var(--space4XL);max-width:var(--maxWidthL);width:100%}@media (max-width:1200px){.project__header-content{grid-template-columns:1fr 400px;grid-gap:var(--space2XL);gap:var(--space2XL)}}@media (max-width:1024px){.project__header-content{grid-template-columns:100%;grid-gap:var(--spaceXL);gap:var(--spaceXL)}}@keyframes project-fade-slide{0%{opacity:0;transform:translate3d(0,var(--space3XL),0)}to{opacity:1;transform:translateZ(0)}}.project__header-content{border-bottom:0}.project__details{position:relative}.project__details:only-child{grid-column:1/span 2}@media (max-width:1024px){.project__details:only-child{grid-column:1}}.project__details>p:first-of-type{font-weight:var(--fontWeightMedium);letter-spacing:4px;font-size:var(--fontSizeBodyM);padding-bottom:0}.project__details>p:nth-of-type(2){font-weight:var(--fontWeightNormal);letter-spacing:0;font-size:var(--fontSizeBodyM)}.random__title{margin-left:-2px;letter-spacing:-3px}@media (prefers-reduced-motion:no-preference){.random__title{opacity:0}}@media (prefers-reduced-motion:no-preference){.random__title--entered{animation:project-fade-slide 1.4s var(--bezierFastoutSlowin) var(--initDelay) forwards}}.project__description{padding-bottom:var(--spaceL)}@media (prefers-reduced-motion:no-preference){.project__description{opacity:0}}@media (prefers-reduced-motion:no-preference){.project__description--entered{animation:project-fade-slide 1.4s var(--bezierFastoutSlowin) calc(var(--initDelay) + .1s) forwards}}.project__link-button{padding-left:var(--spaceXS)}@media (prefers-reduced-motion:no-preference){.project__link-button{opacity:0}}@media (prefers-reduced-motion:no-preference){.project__link-button--entered{animation:project-fade-slide 1.4s var(--bezierFastoutSlowin) calc(var(--initDelay) + .2s) forwards}}.project__meta{list-style-type:none;margin:0;padding:0;margin-top:var(--spaceM)}.project__meta-item{padding:var(--spaceS) 0;font-size:var(--fontSizeBodyS);font-weight:var(--fontWeightRegular);border-top:1px solid rgb(var(--rgbText)/.2)}@media (prefers-reduced-motion:no-preference){.project__meta-item{opacity:0}}@media (max-width:696px){.project__meta-item{padding:var(--spaceM) 0}}.project__meta-item span{font-size:var(--fontSizeBodyXS)}.project__meta-item:last-child{border-bottom:1px solid rgb(var(--rgbText)/.2)}@media (prefers-reduced-motion:no-preference){.project__meta-item--entered{animation:project-fade-slide 1.5s var(--bezierFastoutSlowin) var(--delay) forwards}}.project__image{position:relative;display:flex;align-items:flex-start;transform:translateZ(0);max-width:100%;width:100%}.project__image .image{width:100%}.project__section-content{max-width:var(--maxWidthL);width:100%;display:grid;grid-gap:var(--space4XL);gap:var(--space4XL)}@media (max-width:1680px){.project__section-content{grid-gap:var(--space3XL);gap:var(--space3XL)}}.project__section-content--width-l{max-width:var(--maxWidthL)}.project__section-content--width-xl{max-width:var(--maxWidthXL)}.project__section-content--width-full{max-width:100%}.project__section-heading{margin-bottom:.3em;letter-spacing:-2px}.project__section-subheading{margin-top:.8em;margin-bottom:.3em;letter-spacing:-1px}.project__section-text+.project__section-text,.project__section-text+a{margin-top:var(--spaceL)}.project__text-row{align-self:normal;text-align:left;position:relative;display:flex;flex-direction:column;align-items:flex-start}@media (max-width:696px){.project__text-row{text-align:left;align-items:flex-start}}.project__text-row--width-s{max-width:var(--maxWidthS)}.project__text-row--width-m{max-width:var(--maxWidthM)}.project__text-row--width-l{max-width:var(--maxWidthL)}.project__text-row--no-margin{margin-bottom:0}.project__text-row--center{align-items:center;text-align:center}.project__text-row--justify-start{justify-self:flex-start}.project__text-row--justify-center{justify-self:center}.project__text-row--justify-end{justify-self:flex-end}@media (max-width:696px){&{align-items:center;text-align:center}}.project__section-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space3XL);gap:var(--space3XL);margin:0;border-bottom:1px solid rgb(var(--rgbText)/.1);padding-bottom:var(--space5XL)}@media (max-width:1024px){.project__section-columns{grid-template-columns:1fr}}.project__section-columns--centered{align-items:center}.project__description:empty{display:none}.random-page{width:100vw;min-height:70vh;margin-top:60px;margin-bottom:0;padding-top:60px;padding-bottom:0;display:flex;justify-content:center}@media (max-height:696px),(max-width:696px){.random-page{padding-top:var(--space2XL);padding-bottom:0}}.random__title{white-space:nowrap;margin-bottom:var(--spaceS);opacity:0;transition:opacity var(--durationXL) ease var(--durationM)}@media (max-height:696px),(max-width:696px){.random__title{margin-top:var(--spaceM);font-size:var(--fontSizeH1);letter-spacing:-3px}}.random__title--entered{opacity:1}.random-page .skills-project__meta{list-style-type:none;margin:0;padding:0;margin-top:var(--space3XL)}.random-page .skills-project__meta-item{padding:var(--spaceM) 0;font-size:var(--fontSizeBodyS);font-weight:var(--fontWeightRegular)}@media (prefers-reduced-motion:no-preference){.random-page .skills-project__meta-item{opacity:0}}@media (max-width:696px){.random-page .skills-project__meta-item{padding:var(--spaceM) 0}}.random-page .skills-project__meta li:first-of-type{border-top:.2px solid rgb(var(--rgbText)/.2);padding-bottom:0}.random-page .skills-project__meta li:nth-child(3),.random-page .skills-project__meta li:nth-child(5),.random-page .skills-project__meta li:nth-child(7),.random-page .skills-project__meta li:nth-child(9),.random-page .skills-project__meta li:nth-child(11),.random-page .skills-project__meta li:nth-child(13),.random-page .skills-project__meta li:nth-child(15){padding-bottom:0}.random-page .skills-project__meta li:nth-child(2),.random-page .skills-project__meta li:nth-child(4),.random-page .skills-project__meta li:nth-child(6),.random-page .skills-project__meta li:nth-child(8),.random-page .skills-project__meta li:nth-child(10),.random-page .skills-project__meta li:nth-child(12),.random-page .skills-project__meta li:nth-child(14),.random-page .skills-project__meta li:nth-child(16){border-bottom:.2px solid rgb(var(--rgbText)/.2);padding-top:0}.random-page .skills-project__meta li:nth-child(2) span,.random-page .skills-project__meta li:nth-child(4) span,.random-page .skills-project__meta li:nth-child(6) span,.random-page .skills-project__meta li:nth-child(8) span,.random-page .skills-project__meta li:nth-child(10) span,.random-page .skills-project__meta li:nth-child(12) span,.random-page .skills-project__meta li:nth-child(14) span,.random-page .skills-project__meta li:nth-child(16) span{font-size:var(--fontSizeBodyS);font-weight:var(--fontWeightNormal)}@media (max-width:696px){.random-page .skills-project__meta li:nth-child(2) span,.random-page .skills-project__meta li:nth-child(4) span,.random-page .skills-project__meta li:nth-child(6) span,.random-page .skills-project__meta li:nth-child(8) span,.random-page .skills-project__meta li:nth-child(10) span,.random-page .skills-project__meta li:nth-child(12) span,.random-page .skills-project__meta li:nth-child(14) span,.random-page .skills-project__meta li:nth-child(16) span{font-size:var(--fontSizeBodyM)}}.random-page .skills-project__meta li:first-child span,.random-page .skills-project__meta li:nth-child(3) span,.random-page .skills-project__meta li:nth-child(5) span,.random-page .skills-project__meta li:nth-child(7) span,.random-page .skills-project__meta li:nth-child(9) span,.random-page .skills-project__meta li:nth-child(11) span,.random-page .skills-project__meta li:nth-child(13) span,.random-page .skills-project__meta li:nth-child(15) span{font-size:var(--fontSizeBodyS);font-weight:var(--fontWeightBold)}@media (max-width:696px){.random-page .skills-project__meta li:first-child span,.random-page .skills-project__meta li:nth-child(3) span,.random-page .skills-project__meta li:nth-child(5) span,.random-page .skills-project__meta li:nth-child(7) span,.random-page .skills-project__meta li:nth-child(9) span,.random-page .skills-project__meta li:nth-child(11) span,.random-page .skills-project__meta li:nth-child(13) span,.random-page .skills-project__meta li:nth-child(15) span{font-size:var(--fontSizeBodyM)}}.random-page .project__title{margin-bottom:var(--spaceS)}.project__section--light{background:rgb(var(--rgbBackgroundLight))}.project__header{padding-top:0}.project__header-content{padding-bottom:0}@media (max-width:696px){.project__header-content{padding-bottom:0}}
/*# sourceMappingURL=8.f538f76c.chunk.css.map */