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