section.projects{padding-top:200px;-webkit-transition:background 2s ease;transition:background 2s ease;background:#EDECE8}@media (max-width:767px){section.projects{padding-top:150px;padding-bottom:0}}@media (max-width:767px){section.projects.members .panels ul{padding-bottom:200px!important}section.projects.members #list>.grid>[class*=col-4]{height:100%!important;padding-bottom:120px!important}}section.projects .page-title{font-weight:500;font-size:24px;line-height:120%;text-align:center;letter-spacing:0.02em}@media (max-width:767px){section.projects .page-title{font-size:16px}}section.projects .page-subtitle{text-align:center;font-weight:400;font-size:46px;line-height:110%;letter-spacing:0.01em;font-family:"SM",Helvetica,Arial,sans-serif;padding-top:22px}@media (max-width:767px){section.projects .page-subtitle{font-size:32px;line-height:100%}}section.projects .panels{padding:0 16px;margin-top:100px;min-height:100svh}@media (max-width:1199px){section.projects .panels{position:relative}section.projects .panels>.grid{margin-bottom:12px}section.projects .panels .filter+.view{position:absolute;top:-4px;right:8px}}@media (max-width:767px){section.projects .panels{padding:0 8px;margin-top:52px}}section.projects .panels ul{padding:0 16px 10px}section.projects .panels ul+ul{padding-left:0;padding-right:0;margin-left:-10px;-webkit-transition:width 0.5s ease;transition:width 0.5s ease;width:0;overflow:hidden;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;white-space:nowrap}@media (max-width:1199px){section.projects .panels ul+ul{width:100%!important;-ms-flex-wrap:wrap;flex-wrap:wrap;display:none;gap:8px 16px;margin:0;padding:10px 16px}section.projects .panels ul+ul li{margin-right:0!important}section.projects .panels ul+ul.active{display:-webkit-box;display:-ms-flexbox;display:flex}}section.projects .panels .filter{font-weight:500;font-size:20px;line-height:1;letter-spacing:0.01em}@media (max-width:1199px){section.projects .panels .filter{width:100%}}@media (max-width:767px){section.projects .panels .filter{font-size:16px}}section.projects .panels .filter li{margin-right:24px;cursor:pointer;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:0.25}@media (min-width:1025px){section.projects .panels .filter li:hover{opacity:1}}@media (max-width:767px){section.projects .panels .filter li{margin-right:16px}}section.projects .panels .filter li.active{opacity:1}section.projects .panels .view li{cursor:pointer;margin-left:10px;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:0.25}@media (min-width:1025px){section.projects .panels .view li:hover{opacity:1}}section.projects .panels .view li.active{pointer-events:none;opacity:1}section.projects .fadedown{-webkit-transition:all var(--fds) cubic-bezier(0.4,0.5,0,1);transition:all var(--fds) cubic-bezier(0.4,0.5,0,1);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}section.projects .fadedown.inview{opacity:1;-webkit-transform:none;transform:none}#grid [class*=col-8] .thumb{aspect-ratio:1.6467}#grid .project-item{margin-bottom:96px}@media (max-width:767px){#grid .project-item{margin-bottom:60px}}#grid>div>div[data-order="1"]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#grid>div>div[data-order="2"]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#grid>div>div[data-order="3"]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#grid>div>div[data-order="4"]{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}#grid>div>div[data-order="5"]{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}#grid>div>div[data-order="6"]{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}#grid>div>div[data-order="7"]{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}#grid>div>div[data-order="8"]{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}#grid>div>div[data-order="9"]{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}#grid>div>div[data-order="10"]{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}#grid>div>div[data-order="11"]{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}#grid>div>div[data-order="12"]{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}#grid>div>div[data-order="13"]{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}#grid>div>div[data-order="14"]{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}#grid>div>div[data-order="15"]{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}#grid>div>div[data-order="16"]{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}#grid>div>div[data-order="17"]{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}#grid>div>div[data-order="18"]{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}#grid>div>div[data-order="19"]{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}#grid>div>div[data-order="20"]{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}#grid>div>div[data-order="21"]{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}#grid>div>div[data-order="22"]{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}#grid>div>div[data-order="23"]{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}#grid>div>div[data-order="24"]{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}#grid>div>div[data-order="25"]{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}#grid>div>div[data-order="26"]{-webkit-box-ordinal-group:27;-ms-flex-order:26;order:26}#grid>div>div[data-order="27"]{-webkit-box-ordinal-group:28;-ms-flex-order:27;order:27}#grid>div>div[data-order="28"]{-webkit-box-ordinal-group:29;-ms-flex-order:28;order:28}#grid>div>div[data-order="29"]{-webkit-box-ordinal-group:30;-ms-flex-order:29;order:29}#grid>div>div[data-order="30"]{-webkit-box-ordinal-group:31;-ms-flex-order:30;order:30}#list{position:relative;padding-top:34px;padding-bottom:100px}@media (max-width:767px){#list{padding-bottom:0}}#list.active .previews{-webkit-animation:fadedown 1.5s cubic-bezier(0.4,0.5,0,1) forwards;animation:fadedown 1.5s cubic-bezier(0.4,0.5,0,1) forwards}@media (max-width:767px){#list>.grid>[class*=col-4]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}#list:before{content:"";display:block;position:absolute;top:0;left:-16px;width:calc(100% + 32px);background:#9C9B91;opacity:0.25;height:1px}#list [data-splitting] .word:before{color:#9C9B91}#list ul{padding:0}#list ul li{cursor:pointer;position:relative}#list ul li a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#list ul li.active .title .word:before{color:var(--black)}@media (max-width:767px){#list ul li.active .title+.position{opacity:1}}@media (min-width:1025px){#list ul li:hover .title .word:before{color:var(--black)}#list ul li:hover .title .btn,#list ul li:hover .title .icon{opacity:1}}#list h4{margin-top:42px;margin-bottom:36px;font-weight:500;font-size:16px;line-height:120%}#list h4+ul{pointer-events:none}@media (max-width:767px){#list h4{text-align:center}}#list .title{display:inline-block;position:relative}#list .title+.position{display:none}@media (max-width:767px){#list .title{display:block;text-align:center}#list .title+.position{display:block;font-weight:500;font-size:16px;text-align:center;margin-top:-5px;margin-bottom:30px;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:0}}#list .title .btn,#list .title .icon{position:absolute;left:100%;bottom:38px;margin-left:20px;white-space:nowrap;opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}#list .title .icon{font-size:50px}@media (max-width:767px){#list .title .icon{display:none}}#list .title span{font-family:"SM",Helvetica,Arial,sans-serif;font-weight:400;font-size:80px;letter-spacing:0.01em}@media (max-width:1023px){#list .title span{font-size:60px}}@media (max-width:767px){#list .title span{font-size:43px}}#list .word:before{-webkit-transition:color 0.5s ease,-webkit-transform 1.5s cubic-bezier(0.4,0.5,0,1);transition:color 0.5s ease,-webkit-transform 1.5s cubic-bezier(0.4,0.5,0,1);transition:transform 1.5s cubic-bezier(0.4,0.5,0,1),color 0.5s ease;transition:transform 1.5s cubic-bezier(0.4,0.5,0,1),color 0.5s ease,-webkit-transform 1.5s cubic-bezier(0.4,0.5,0,1)}#list .inview [data-splitting] .word:before{-webkit-transform:none;transform:none;-webkit-transition:color 0.5s ease,-webkit-transform 1.5s calc(var(--line-index) * 0.25s) cubic-bezier(0.4,0.5,0,1);transition:color 0.5s ease,-webkit-transform 1.5s calc(var(--line-index) * 0.25s) cubic-bezier(0.4,0.5,0,1);transition:transform 1.5s calc(var(--line-index) * 0.25s) cubic-bezier(0.4,0.5,0,1),color 0.5s ease;transition:transform 1.5s calc(var(--line-index) * 0.25s) cubic-bezier(0.4,0.5,0,1),color 0.5s ease,-webkit-transform 1.5s calc(var(--line-index) * 0.25s) cubic-bezier(0.4,0.5,0,1)}#list .previews{position:sticky;top:70px;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}@media (max-width:767px){#list .previews{top:auto;top:initial;opacity:1;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;width:155px;height:201px!important;left:50%!important;bottom:20px;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}#list .previews>div{position:absolute;opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}#list .previews>div.active{opacity:1}#list .previews img,#list .previews video{width:100%;height:auto;height:initial;border-radius:8px}#list .previews .details{font-size:20px;padding-top:20px}@media (max-width:767px){#list .previews .details{display:none}}#list .previews .details .grid{margin-bottom:4px}#list .previews .details .in{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}#list .previews .details .email{color:var(--white);text-decoration:underline!important;text-underline-offset:2px!important;opacity:0.3}@media (min-width:1025px){#list .previews .details .email:hover{opacity:1}}@media (max-width:767px){section.team+section.projects #list>.grid>[class*=col-4]{margin-top:120px;height:calc(100% - 120px);padding-bottom:240px}}#grid,#list{display:none;contain:paint}#grid.active,#list.active{display:block}@media (max-width:767px){#grid.active,#list.active{margin-bottom:30px}}