.projects-hero{isolation:isolate;color:#f6f7f5;background:#101413;padding:clamp(76px,12vw,160px) 0 clamp(64px,9vw,124px);position:relative;overflow:hidden}.projects-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#08100ec7 0%,#08100e7a 48%,#08100ead 100%);position:absolute;inset:0}.projects-hero-video{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.projects-hero-inner{z-index:2;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:end;column-gap:clamp(36px,8vw,130px);display:grid;position:relative}.projects-hero h1{letter-spacing:-.075em;text-shadow:0 3px 22px #00000038;margin:0;font-size:clamp(54px,8vw,132px);font-weight:500;line-height:.88}.projects-hero p{color:#f4f7f5;text-shadow:0 2px 18px #00000052;margin:0;font-size:clamp(17px,1.6vw,22px);line-height:1.42}.projects-list{padding-top:clamp(70px,10vw,150px);padding-bottom:clamp(80px,12vw,180px);scroll-margin-top:92px}.projects-list-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:clamp(48px,7vw,96px);display:flex}.projects-list-heading h2{letter-spacing:-.07em;margin:12px 0 0;font-size:clamp(46px,6vw,94px);font-weight:500;line-height:.9}.project-filter{gap:10px;width:min(100%,330px);margin:0 0 6px;display:grid;position:relative}.project-filter-label{color:#5c625d;font-family:var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.project-filter-trigger{color:#fff;cursor:pointer;width:100%;min-height:60px;font:inherit;text-align:left;background:#111514;border:1px solid #2f3934;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:0 17px 0 20px;font-size:16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 10px 24px #0a0f0c1f}.project-filter-trigger:hover,.project-filter.is-open .project-filter-trigger{background:#171d1a;border-color:#526259;box-shadow:0 15px 30px #0a0f0c2e}.project-filter-trigger:hover{transform:translateY(-1px)}.project-filter-trigger:focus-visible{outline-offset:3px;outline:3px solid #c8f35d80}.project-filter-chevron{color:#fff;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .25s;display:inline-flex}.project-filter-chevron svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:18px;height:18px}.project-filter.is-open .project-filter-chevron{transform:rotate(180deg)}.project-filter-menu{z-index:5;-ms-overflow-style:none;scrollbar-width:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;background:#0d100ffa;border:1px solid #303b35;border-radius:17px;grid-template-columns:1fr;gap:3px;width:min(380px,100vw - 32px);max-height:min(560px,100vh - 120px);padding:10px;animation:.2s both project-filter-in;display:grid;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 24px 55px #00000059}.project-filter-menu::-webkit-scrollbar{width:0;height:0;display:none}@keyframes project-filter-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.project-filter-option{color:#fff;cursor:pointer;min-width:0;min-height:58px;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 11px;transition:background .2s,border-color .2s,transform .2s;display:grid}.project-filter-option:first-child{min-height:58px}:is(.project-filter-option:hover,.project-filter-option:focus-visible,.project-filter-option.is-selected){background:#1a211d;border-color:#344139}.project-filter-option:hover{transform:translateY(-1px)}.project-filter-option:focus-visible{outline-offset:2px;outline:2px solid #c8f35d}.project-filter-option.is-selected{color:#111514;background:#c8f35d;border-color:#c8f35d}.project-filter-option.is-selected strong,.project-filter-option.is-selected small,.project-filter-option.is-selected .project-filter-check{color:#111514}.project-filter-menu-label{color:#a9b2ac;font-family:var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px 8px;font-size:10px}.project-filter-option strong,.project-filter-option small{display:block}.project-filter-option strong{color:#fff;font-size:14px;font-weight:650;line-height:1.15}.project-filter-option small{color:#a9b2ac;margin-top:4px;font-size:11px;line-height:1.25}.project-filter-check{color:#c8f35d;text-align:right;font-size:14px;font-weight:700}.projects-list .project-grid{gap:clamp(48px,7vw,100px) 30px}.projects-list .project-title-row .project-title-link{color:inherit;font:inherit;border:0;padding:0;text-decoration:none;transition:color .18s,text-decoration-color .18s;display:inline}.projects-list .project-title-row .project-title-link:hover{color:#33463b;text-underline-offset:.12em;-webkit-text-decoration:underline #b9e85e;text-decoration:underline #b9e85e;text-decoration-thickness:.09em}.projects-list .project-title-row .project-title-link:focus-visible{outline-offset:4px;border-radius:3px;outline:3px solid #b9e85ecc}.international-projects-anchor{scroll-margin-top:92px}.project-scroll-shortcut{z-index:20;color:#fff;cursor:pointer;background:#111514;border:1px solid #ffffff6b;border-radius:50%;place-items:center;width:54px;height:54px;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1);animation:.3s cubic-bezier(.2,.8,.2,1) both project-scroll-shortcut-in;display:grid;position:fixed;bottom:clamp(18px,3vw,34px);right:clamp(16px,2.4vw,34px);box-shadow:0 14px 32px #040a0747}.project-scroll-shortcut svg{stroke-width:1.8px;width:21px;height:21px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.project-scroll-shortcut:after{content:attr(data-label);color:#fff;width:max-content;font-family:var(--mono,monospace);letter-spacing:.04em;opacity:0;pointer-events:none;background:#111514;border-radius:8px;padding:8px 10px;font-size:10px;transition:opacity .2s,transform .2s;position:absolute;right:calc(100% + 12px);transform:translate(5px);box-shadow:0 8px 22px #040a0733}:is(.project-scroll-shortcut:hover,.project-scroll-shortcut:focus-visible){background:#26352b;border-color:#c8f35d;transform:translateY(-3px);box-shadow:0 18px 38px #040a075c}.project-scroll-shortcut:hover svg{transform:translateY(3px)}.project-scroll-shortcut.is-up:hover svg{transform:translateY(-3px)}.project-scroll-shortcut:hover:after{opacity:1;transform:translate(0)}.project-scroll-shortcut:focus-visible:after{opacity:1;transform:translate(0)}.project-scroll-shortcut:focus-visible{outline-offset:3px;outline:3px solid #c8f35da6}@keyframes project-scroll-shortcut-in{0%{opacity:0;transform:translateY(10px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:700px){.projects-hero-inner{display:block}.projects-hero h1{margin-bottom:34px}.projects-list-heading{display:block}.project-filter{margin-top:26px}.project-filter-menu{left:0;right:auto}}@media (max-width:460px){.project-filter-menu{grid-template-columns:1fr}.project-filter-option:first-child{grid-column:auto}.project-scroll-shortcut{width:48px;height:48px}.project-scroll-shortcut:after{display:none}}@media (prefers-reduced-motion:reduce){.project-scroll-shortcut,.project-scroll-shortcut svg,.project-scroll-shortcut:after{transition:none;animation:none}}
