.projects-list{background:var(--Color-Main-colorFour,var(--color-c4,#555c60));color:var(--Color-Main-colorTwo,#fff);position:relative;overflow:hidden}.projects-list__inner{padding-top:240px;padding-bottom:240px}.projects-list__row{grid-template-columns:minmax(240px,340px) 1fr;align-items:start;gap:clamp(32px,4vw,72px);padding:clamp(48px,5vw,80px) 0;display:grid}.projects-list__empty{color:var(--Color-Main-colorTwo,#fff);font-family:var(--Typography-Typeface-primary,"Creato Display");font-size:var(--Typography-Size-h6,20px);margin:0;font-weight:500;line-height:140%}.projects-list__row+.projects-list__row{border-top:1px solid #ffffff2e}.projects-list__row:first-child{padding-top:0}.projects-list__row:last-child{padding-bottom:0}.projects-list__anim{opacity:0;transition:opacity 1s,transform 1.25s cubic-bezier(.25,.74,.22,.99);transition-delay:var(--d,0s);will-change:opacity, transform;transform:translateY(28px)}.projects-list__anim.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.projects-list__anim{opacity:1;transition:none;transform:none}}.projects-list__info{max-width:340px;padding-top:8px}.projects-list__logo{text-transform:uppercase;letter-spacing:.02em;justify-content:start;align-items:start;font-weight:400;line-height:1;display:flex;position:relative}.projects-list__logo-image{width:unset;height:80px}.projects-list__name{color:var(--Color-Main-colorTwo,#fff);font-family:var(--Typography-Typeface-primary,"Creato Display");margin:36px 0 0;font-size:32px;font-weight:500;line-height:125%}.projects-list__meta{color:#fffc;font-family:var(--Typography-Typeface-primary,"Creato Display");margin:8px 0 0;font-size:12px;font-weight:400;line-height:150%}.projects-list__desc{color:#ffffffeb;max-width:320px;font-family:var(--Typography-Typeface-primary,"Creato Display");margin:22px 0 0;font-size:15px;font-weight:400;line-height:160%}.projects-list__button{min-height:38px;color:var(--Color-Main-colorTwo,#fff);font-family:var(--Typography-Typeface-primary,"Creato Display");border:1px solid #ffffff8c;border-radius:8px 8px 8px 0;align-items:center;gap:10px;margin-top:36px;padding:7px 18px 7px 9px;font-size:14px;font-weight:400;line-height:1;text-decoration:none;transition:border-color .3s,background .3s;display:inline-flex}.projects-list__button:hover{background:0 0;border-color:#fff}.projects-list__button-icon{background:var(--Color-Main-colorTwo,#fff);color:#555c60;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.projects-list__button-icon svg{will-change:transform;width:22px;height:22px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:block}.projects-list__button:hover .projects-list__button-icon svg{transform:scale(1.18)}.projects-list__media{justify-content:flex-end;align-items:stretch;gap:12px;min-width:0;display:flex}.projects-list__figure{background:#ffffff14;flex:none;height:362px;position:relative;overflow:hidden}.projects-list__parallax{will-change:transform;backface-visibility:hidden;width:100%;height:118%;display:block;position:relative;top:-9%}.projects-list__figure--1,.projects-list__figure--2{width:236px}.projects-list__figure--3{width:367px}.projects-list__image{-o-object-fit:cover;object-fit:cover;will-change:transform;width:100%;height:100%}.projects-list__arches{margin-top:clamp(48px,5vw,80px);line-height:0;position:relative;overflow:hidden}.projects-list__arches-svg{width:100%;height:auto;display:block}.projects-list__arches-svg path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.4s}.projects-list__arches.is-drawn .projects-list__arches-svg path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.projects-list__arches-svg path,.projects-list__button-icon svg{transition:none}}@media (max-width:1100px){.projects-list__inner{padding-top:120px;padding-bottom:120px}.projects-list__row{grid-template-columns:1fr}.projects-list__info{max-width:560px}.projects-list__desc{max-width:100%}.projects-list__media{scrollbar-width:none;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.projects-list__media::-webkit-scrollbar{display:none}}@media (max-width:767px){.projects-list__inner{padding-top:72px;padding-bottom:72px}.projects-list__logo{font-size:14px}.projects-list__name{margin-top:24px;font-size:20px}.projects-list__figure{height:280px}.projects-list__figure--1,.projects-list__figure--2{width:200px}.projects-list__figure--3{width:280px}}
