.projectsHero{min-height:calc(100vh - var(--nav-height) + 4rem);position:relative;isolation:isolate}.projectsHero:after{content:"";bottom:0;left:0;width:100%;height:4rem;position:absolute;background:linear-gradient(transparent,#fff);z-index:2}.projectsHero .videoBG{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;opacity:.3}.projectsHero .heroContent{position:relative;z-index:2;display:flex;justify-content:space-between;max-width:min(100%,1500px);min-height:calc(100vh - var(--nav-height));padding:10px 20px;margin:0 auto}.projectsHero .heroContent>.left{background-color:#fff;margin:auto 0;max-width:min(600px,100%);padding:10px;box-shadow:0 0 30px 20px #fff}.projectsHero .heroContent>.left h1{font-family:alpha-omega;font-size:2rem}.projectsHero .heroContent>.left .scrollLink{display:inline-block;color:var(--spotlight-color);font-weight:700;border:3px solid var(--spotlight-color);padding:5px 8px;border-radius:var(--button-BR);margin-top:10px}.projectsHero .heroContent>.left .scrollLink:after{content:"\ea16";font-family:tabler-icons;margin-left:4px}.projectsHero .heroContent .cardList .horizontalCarousels{position:relative;height:calc(20vh *2 + 10px);overflow:hidden;-webkit-mask-image:linear-gradient(270deg,transparent 0,#fff 7%,#fff 93%,transparent);mask-image:linear-gradient(270deg,transparent 0,#fff 7%,#fff 93%,transparent);width:100%;display:none}.projectsHero .heroContent .cardList .verticalCarousels{position:relative;width:calc(20vh *2 + 10px);height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#fff 7%,#fff 93%,transparent);mask-image:linear-gradient(180deg,transparent 0,#fff 7%,#fff 93%,transparent)}.projectsHero .heroContent .cardList .horizontalCarousels:before{content:"";position:absolute;top:0;left:0;bottom:0;width:65px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(90deg,#fff 50%,transparent);mask-image:linear-gradient(90deg,#fff 50%,transparent);z-index:4}.projectsHero .heroContent .cardList .horizontalCarousels:after{content:"";position:absolute;top:0;bottom:0;right:0;width:65px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(270deg,#fff 50%,transparent);mask-image:linear-gradient(270deg,#fff 50%,transparent);z-index:4}.projectsHero .heroContent .cardList .verticalCarousels:before{top:0;-webkit-mask-image:linear-gradient(180deg,#fff 50%,transparent);mask-image:linear-gradient(180deg,#fff 50%,transparent)}.projectsHero .heroContent .cardList .verticalCarousels:after,.projectsHero .heroContent .cardList .verticalCarousels:before{content:"";position:absolute;left:0;right:0;height:65px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4}.projectsHero .heroContent .cardList .verticalCarousels:after{bottom:0;-webkit-mask-image:linear-gradient(0deg,#fff 50%,transparent);mask-image:linear-gradient(0deg,#fff 50%,transparent)}.projectsHero .heroContent .cardList ul{position:absolute;display:flex;flex-direction:column;gap:10px}.projectsHero .heroContent .cardList ul.left{left:0;top:0;width:calc(50% - 5px)}.projectsHero .heroContent .cardList ul.right{right:0;top:0;width:calc(50% - 5px)}.projectsHero .heroContent .cardList ul.top{top:0;left:0;flex-direction:row;height:calc(50% - 5px)}.projectsHero .heroContent .cardList ul.bottom{bottom:0;left:0;flex-direction:row;height:calc(50% - 5px)}.projectsHero .heroContent .cardList ul.bottom li,.projectsHero .heroContent .cardList ul.top li{height:100%}.projectsHero .heroContent .cardList ul.left li,.projectsHero .heroContent .cardList ul.right li{width:100%}.projectsHero .heroContent .cardList li{display:flex;aspect-ratio:1/1;border-radius:10px;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(90deg,#fafafa,#ededed);-webkit-user-select:none;-moz-user-select:none;user-select:none}.projectsHero .heroContent .cardList li a{width:100%}.projectsHero .heroContent .cardList li img{-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;transition:filter var(--longTransition);height:100%;user-drag:none;-webkit-user-drag:none}.projectsHero .heroContent .cardList li a:focus-visible img,.projectsHero .heroContent .cardList li a:hover img{filter:brightness(.85) grayscale(.3)}.projectsHero .heroContent .cardList li a:active img{filter:brightness(1) grayscale(0) blur(8px);transition-duration:var(--quickTransition)}.projectsHero .heroContent .cardList li div.viewButton{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;z-index:2;left:0;right:0;bottom:0;background:#fff;padding:7px 12px;font-size:1.1rem;font-weight:600;max-width:100%;transform:translateY(100%);transition:all calc(var(--longTransition)*2) cubic-bezier(.16,1,.3,1);line-height:1.1;box-shadow:none}.projectsHero .heroContent .cardList li div.viewButton:after{content:"\ea1f";font-family:tabler-icons;margin:0 5px}#projectList{padding:0 15px}#projectList #memberList{list-style:none;display:grid;grid-template-rows:1fr}#projectList #memberList li{min-width:0}#projectList #memberList li a{border-bottom:1px solid #00000072;padding:10px;overflow:hidden;position:relative;display:flex;gap:10px;transition:background-color calc(var(--quickTransition) / 1.5);outline-offset:-2px}@media (pointer:fine){#projectList #memberList li a:focus-visible,#projectList #memberList li a:hover{background-color:#f2f9ff}.projectsHero .heroContent .cardList li a:focus-visible div.viewButton,.projectsHero .heroContent .cardList li a:hover div.viewButton{box-shadow:0 0 16px 0 #0000005e;transform:translateY(0)}}#projectList #memberList li .memberAside{flex:1;display:flex;flex-direction:column;gap:.3rem}#projectList #memberList li .memberAside .info-area{display:flex;justify-content:space-between;flex:1;flex-wrap:wrap}#projectList #memberList li .memberAside .info-area .card-hashtag:before{content:"#";color:var(--spotlight-color);font-weight:800}#projectList #memberList li .memberAside .info-area .stylish-info-list p{color:var(--light-color);font-size:6.5rem;display:inline-block;font-weight:700;line-height:1;transform:translateY(25px)}#projectList #memberList li .memberAside h3{font-size:2.5rem;line-height:1;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;text-wrap:balance}#projectList #memberList li .memberAside p{font-size:1.2rem}#projectList #memberList li .memberAside a{color:var(--spotlight-color)}#projectList #memberList li .memberAside a svg{display:inline-block;vertical-align:bottom;width:20px}#projectList #memberList li img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:min(100%,9rem);-o-object-position:top;object-position:top;background:var(--lighter-color);border-radius:9px;user-drag:none;-webkit-user-drag:none}#projectList #memberForm input{font-size:1rem;border:2px solid var(--light-color);padding:5px 6px 5px 38px;border-radius:100vmax;outline:none;transition:border var(--quickTransition),padding var(--quickTransition);z-index:2;background-color:#fff;position:relative}#projectList #memberForm input:focus{border:2px solid var(--spotlight-color)}#projectList #memberForm .inputArea{position:relative;display:inline-block;isolation:isolate;z-index:2}#projectList #memberForm .inputArea:before{position:absolute;content:"\eb1c";font-family:tabler-icons;font-size:24px;color:var(--light-color);left:10px;top:50%;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3;transition:color var(--quickTransition)}#projectList #memberForm .inputArea:has(input:focus):before{color:var(--spotlight-color)}#projectList #memberForm{border-bottom:2px solid #0000003b;margin-bottom:15px;padding-bottom:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:sticky;top:var(--nav-height);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;background-color:hsla(0,0%,100%,.7)}#projectList #memberForm .formRight{display:flex;justify-content:space-between;gap:.35rem;width:100%;align-items:center;flex-wrap:nowrap;flex:1}#projectList #memberForm #statusInfo{margin:auto;line-height:1.25}#projectList #memberForm button{vertical-align:text-top}#projectList #memberForm a#allprojectList{margin-left:auto;background-color:var(--spotlight-color);border:none;border-radius:var(--button-BR);color:#fff;cursor:pointer;display:block;font-size:.95rem;outline:none;padding:6px 10px;font-weight:500;position:relative;text-decoration:none;transition:all .17s ease;width:-moz-fit-content;width:fit-content;z-index:1}.aboutSectiontitle{text-align:center;font-size:2.5rem;border-bottom:3px solid var(--spotlight-color);width:-moz-fit-content;width:fit-content;max-width:100%;margin:3rem auto 2rem}#topText{display:flex;gap:1.5rem;align-items:center}#topText video,#topText video>img{display:block;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:clamp(min(300px,100%),80vw,20em);border-radius:10px}#topText .texts{display:flex;flex-direction:column;gap:1.2rem}@media screen and (max-width:999px){.verticalCarousels{display:none}.horizontalCarousels{display:block!important;-webkit-mask-image:linear-gradient(270deg,transparent 0,#fff 5%,#fff 95%,transparent)!important;mask-image:linear-gradient(270deg,transparent 0,#fff 5%,#fff 95%,transparent)!important}.projectsHero .heroContent{flex-direction:column-reverse;justify-content:center;padding:10px 0}.projectsHero .heroContent>.left{margin:2.5rem auto 0;padding:10px 15px}#topText{flex-direction:column}}@media (max-width:650px){#projectList #memberList li a{flex-direction:column;padding-bottom:0}#projectList #memberList li .memberAside{width:100%}#projectList #memberList li .memberAside .info-area .stylish-info-list p{font-size:3rem;transform:none;margin:0}#projectList #memberList li .memberAside h3{font-size:2.3rem}}@media (max-width:950px){#projectList #memberForm .searchTools{flex:1;min-width:min(100%,200px);display:flex}#projectList #memberForm .inputArea{flex:1}#projectList #memberForm .inputArea input{width:100%}}#memberForm .filterBox{position:relative}#memberForm .filterBox.hide{display:none}#memberForm .filterBox .filterButton{display:flex;align-items:center;background-color:var(--lighter-color);height:100%;border-radius:6px;transition:background-color calc(var(--quickTransition) / 2);padding:3px;text-transform:capitalize}#memberForm .filterBox .filterButton.open,#memberForm .filterBox .filterButton:hover{background-color:var(--light-color);transition:background-color var(--quickTransition)}#memberForm .filterBox .filterButton span{margin-left:5px;margin-right:2px;display:block;width:-moz-max-content;width:max-content}#memberForm .filterBox .filterButton .collapsableText{display:grid;grid-template-columns:1fr;opacity:1;transition:all var(--quickTransition)}#memberForm .filterBox .filterButton .collapsableText>div{overflow:clip}#memberForm .filterBox .filterButton .collapsableText.hide{grid-template-columns:0fr;opacity:0}#memberForm .filterBox .filterButton.open .collapsableText,#memberForm .filterBox .filterButton:focus-visible .collapsableText,#memberForm .filterBox .filterButton:hover .collapsableText{grid-template-columns:1fr;opacity:1}#memberForm .filterBox .filterList{position:absolute;right:0;top:100%;width:-moz-max-content;width:max-content;max-width:clamp(0px,calc(100vw - 30px),calc(var(--row-width) - 30px));background:var(--lighter-color);border:2px solid var(--light-color);padding:3px 5px;margin-top:3px;border-radius:10px;box-shadow:0 2px 20px #00000017;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(-10%);transition:all var(--quickTransition)}#memberForm .filterBox .filterList.show{pointer-events:all;visibility:visible;opacity:1;transform:translateY(0)}#memberForm .filterBox .filterList input{position:absolute!important;opacity:0;cursor:pointer;pointer-events:none}#memberForm .filterBox .filterList label{cursor:pointer;padding:1.5px 0;line-height:1.3;display:flex;align-items:center;flex-direction:row;text-transform:capitalize}#memberForm .filterBox .filterList>div label .selectmark{display:inline-block;height:1rem;width:1rem;background-color:#eee;border-radius:50%;position:relative;margin-right:.35rem;transition:all .2s}#memberForm .filterBox .filterList>div:has(input:focus-visible) label .selectmark{outline:2px dashed #000;outline-offset:2px}#memberForm .filterBox .filterList>div label:hover .selectmark,#memberForm .filterBox .filterList>div:has(input:checked) label .selectmark{background-color:#3b84d2}#memberForm .filterBox .filterList .selectmark:after{content:"";position:absolute;top:50%;left:50%;height:100%;width:100%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;pointer-events:none;transition:all .2s}#memberForm .filterBox .filterList>div:has(input:checked) label .selectmark:after{width:6px;height:6px}#memberForm .filterBox .filterList>div:has(input:focus-visible:not(:checked)) label .selectmark:after,#memberForm .filterBox .filterList>div:has(input:not(:checked)) label:hover .selectmark:after{width:75%;height:75%}#memberForm .filterBox .filterList>div:has(input:not(:checked)) label:active .selectmark{transform:scale(.85)}