.screen-projects{--screen-projects-header-height:148px;--screen-projects-items-count:1;background-color:rgba(var(--color-surface-variant),1);width:100dvw;height:100dvh;position:relative;overflow:hidden}@media (width>=576px){.screen-projects{--screen-projects-items-count:2}}@media (width>=1080px){.screen-projects{--screen-projects-header-height:164px}}.screen-projects__track{height:calc(100% - var(--screen-projects-header-height));overscroll-behavior:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow:auto hidden}.screen-projects__track::-webkit-scrollbar{display:none}.screen-projects__items{width:calc(100%/var(--screen-projects-items-count));scroll-snap-align:start;flex-shrink:0;grid-template-rows:repeat(3,minmax(0,1fr));height:100%;display:grid;position:relative}.screen-projects__items:not(:last-of-type){border-right:1px solid rgba(var(--color-outline),1)}.screen-projects__item{align-items:center;padding-left:10vw;padding-right:10vw;-webkit-text-decoration:none;text-decoration:none;display:flex;position:relative}.screen-projects__item:not(:last-of-type){border-bottom:1px solid rgba(var(--color-outline),1)}.screen-projects__item:nth-child(2n) .screen-projects__item-photo{transform:translate(-50%,-50%)rotate(-8deg);transform:translate3d(calc(var(--mouse-x,0px) - 50%),calc(var(--mouse-y,0px) - 50%),0)rotate(-8deg)}.screen-projects__item:nth-child(odd) .screen-projects__item-photo{transform:translate(-50%,-50%)rotate(8deg);transform:translate3d(calc(var(--mouse-x,0px) - 50%),calc(var(--mouse-y,0px) - 50%),0)rotate(8deg)}.screen-projects__item:not(.screen-projects__item--placeholder){cursor:pointer}.screen-projects__item--placeholder{cursor:default}.screen-projects__item-title{color:rgba(var(--color-primary),1);z-index:2;font-size:max(18px,min(2vw,24px));font-weight:400;font-family:var(--typeface-plain);font-optical-sizing:auto;font-variation-settings:"wdth" 98;font-smooth:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:0;margin-bottom:0;transition:font-weight .3s cubic-bezier(.4,0,.2,1)}.screen-projects__item-photo{aspect-ratio:3/2;pointer-events:none;opacity:0;background-color:rgba(var(--color-secondary),1);will-change:transform,opacity;z-index:1;width:max(148px,min(20vw,246px));transition:opacity .5s cubic-bezier(0,0,.2,1);position:fixed;top:0;left:0}.screen-projects__header{width:200dvw;height:var(--screen-projects-header-height);border-bottom:1px solid rgba(var(--color-outline),1);grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,2fr);display:grid}@media (width>=1080px){.screen-projects__header{width:100dvw}}.screen-projects__header-brand-wrapper{border-right:1px solid rgba(var(--color-outline),1);padding-top:4vh;padding-left:6vw}.screen-projects__header-brand-wrapper .brand{--logotype-width:max(92px,min(30vw,124px))}.screen-projects__header-title-wrapper{border-right:1px solid rgba(var(--color-outline),1);justify-content:flex-end;align-items:center;padding-top:2vh;padding-right:3vw;display:flex}.screen-projects__header-title{color:rgba(var(--color-primary),1);font-size:max(24px,min(2.5vw,32px));font-weight:400;line-height:1;font-family:var(--typeface-plain);font-optical-sizing:auto;font-variation-settings:"wdth" 98;font-smooth:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin-top:0;margin-bottom:0;display:flex}.screen-projects__header-title strong{font-weight:600}.screen-projects__header-title span{padding-left:16px;font-weight:400}.screen-projects__header-summary-wrapper{align-items:center;display:flex}.screen-projects__header-summary-line{border-top:1px solid rgba(var(--color-outline),1);border-bottom:1px solid rgba(var(--color-outline),1);width:100%;padding:max(12px,min(2vw,20px)) max(16px,min(2vw,28px))}.screen-projects__header-summary{max-width:520px;color:rgba(var(--color-primary),1);font-size:max(14px,min(2vw,16px));font-weight:400;line-height:1.3;font-family:var(--typeface-plain);font-optical-sizing:auto;font-variation-settings:"wdth" 98;font-smooth:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:0}