.supported-projects__header{text-align:center;margin-bottom:3rem}.supported-projects__label{font-family:var(--font-geist-mono),"Courier New",monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:1rem;font-size:.875rem;font-weight:500}.supported-projects__title{color:var(--color-foreground);margin-bottom:1rem;font-size:1.875rem;font-weight:700}@media (min-width:768px){.supported-projects__title{font-size:2.25rem}}.supported-projects__subtitle{color:var(--color-muted-foreground);max-width:700px;margin:0 auto 1.5rem;font-size:1.125rem}.supported-projects__divider{margin-top:1.5rem}.supported-projects__empty{text-align:center;color:var(--color-muted-foreground);font-size:1rem}.supported-projects__grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.supported-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.supported-projects__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.supported-projects__card{aspect-ratio:4/5;border:1px solid var(--color-border);box-shadow:none;cursor:pointer;appearance:none;color:inherit;text-align:center;background:#fff;border-radius:1rem;flex-direction:column;align-items:center;padding:1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (min-width:768px){.supported-projects__card{padding:1.5rem}}.supported-projects__card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.supported-projects__card:hover{border-color:var(--color-primary);transform:translateY(-3px)}.supported-projects__card-imageWrap{aspect-ratio:16/9;background:var(--color-surface-muted);z-index:1;border-radius:.375rem;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden}.supported-projects__card-image{object-fit:contain;object-position:center;width:100%;height:100%;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1)}.supported-projects__card:hover .supported-projects__card-image{transform:scale(1.01)}.supported-projects__card-hover{z-index:2;opacity:0;pointer-events:none;background:#e9dfd7c7;background:color-mix(in srgb,var(--color-muted)78%,transparent);justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.supported-projects__card:hover .supported-projects__card-hover{opacity:1}.supported-projects__card-icon{width:3rem;height:3rem;color:var(--color-foreground);background:#fff;border-radius:9999px;justify-content:center;align-items:center;display:flex;transform:translateY(-36%)}.supported-projects__card-icon svg{width:1.5rem;height:1.5rem}.supported-projects__card-content{z-index:3;margin-top:auto;position:relative}.supported-projects__card-title{color:var(--color-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;display:-webkit-box;overflow:hidden}.supported-projects__card-subtitle{color:var(--color-muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.125rem;display:-webkit-box;overflow:hidden}.supported-projects__card-line{z-index:3;background:var(--color-primary);border-radius:9999px;width:4rem;height:2px;margin:1.5rem auto 0;display:block;position:relative}.supported-projects__card:hover .supported-projects__card-title,.supported-projects__card:hover .supported-projects__card-subtitle{color:var(--color-primary)}@media (min-width:640px){.supported-projects__card-icon{width:4rem;height:4rem}.supported-projects__card-icon svg{width:2rem;height:2rem}}.project-modal{z-index:50;background:#000000eb;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.project-modal__btn{z-index:10;width:3rem;height:3rem;color:var(--color-white);cursor:pointer;background:#ffffff1a;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.project-modal__btn:hover{background:#fff3}.project-modal__btn svg{width:1.5rem;height:1.5rem}.project-modal__btn--close{top:1rem;right:1rem}.project-modal__imageWrap{width:min(100%,1400px);max-width:calc(100vw - 2rem);height:min(100%,900px);max-height:calc(100vh - 5rem);position:relative}.project-modal__image{object-fit:contain}