.ProjectModal-module-scss-module__1UqHBW__overlay{z-index:9999;background:radial-gradient(circle at 20% 20%,#121822,#05080c);justify-content:center;align-items:center;padding:clamp(0px,2vw,24px);display:flex;position:fixed;inset:0}.ProjectModal-module-scss-module__1UqHBW__modal{background:#141a24;background:var(--surface);border:1px solid #ffffff1f;border-radius:clamp(0px,2vw,24px);width:min(95vw,1200px);max-width:100%;height:min(90vh,900px);max-height:100%;padding:clamp(8px,2vw,16px);position:relative;overflow:hidden auto;box-shadow:0 38px 70px #04081294}@supports not ((-webkit-backdrop-filter:blur(70px)) or (backdrop-filter:blur(70px))){.ProjectModal-module-scss-module__1UqHBW__modal{background:#141a24}}.ProjectModal-module-scss-module__1UqHBW__modal:before{content:"";pointer-events:none;opacity:.45;border-radius:inherit;background:linear-gradient(160deg,#ffffff0a 0%,#ffffff03 45%,#ffffff05 100%);position:absolute;inset:0}.ProjectModal-module-scss-module__1UqHBW__headerRow{z-index:2;border-radius:inherit;background:linear-gradient(#141a24d1,#141a248c);justify-content:space-between;align-items:center;gap:18px;padding:20px 26px;display:flex;position:sticky;top:0;box-shadow:0 18px 32px #03060c6b}.ProjectModal-module-scss-module__1UqHBW__closeButton{z-index:10;background:var(--neutral-alpha-weak);border:1px solid var(--neutral-alpha-medium);border-radius:var(--radius-m);width:40px;height:40px;color:var(--on-background-neutral-strong);cursor:pointer;-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ProjectModal-module-scss-module__1UqHBW__closeButton:hover{background:var(--neutral-alpha-medium);border-color:var(--neutral-alpha-strong);transform:translateY(-50%)rotate(90deg);box-shadow:0 4px 12px #00000026}.ProjectModal-module-scss-module__1UqHBW__closeButton:active{transform:translateY(-50%)rotate(90deg)scale(.95)}.ProjectModal-module-scss-module__1UqHBW__bentoGrid{grid-gap:clamp(8px,1.5vw,16px);grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.5vw,16px);width:100%;max-width:100%;height:100%;display:grid;overflow:hidden}.ProjectModal-module-scss-module__1UqHBW__bentoTitle{background:linear-gradient(135deg,var(--brand-medium)0%,var(--brand-strong)100%);border-radius:var(--radius-l);border:1px solid var(--brand-alpha-medium);grid-area:span 1/span 6;justify-content:center;align-items:center;padding:clamp(16px,3vw,24px) clamp(20px,4vw,32px);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00926326}.ProjectModal-module-scss-module__1UqHBW__bentoTitle h2{text-align:center;word-break:break-word;font-size:clamp(1.25rem,3vw,2rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoTitle:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.ProjectModal-module-scss-module__1UqHBW__bentoDescription{background:var(--neutral-alpha-weak);border-radius:var(--radius-l);border:1px solid var(--neutral-alpha-medium);grid-area:span 1/span 6;justify-content:flex-start;align-items:center;padding:clamp(12px,2vw,18px) clamp(16px,3vw,28px);display:flex}.ProjectModal-module-scss-module__1UqHBW__bentoDescription p,.ProjectModal-module-scss-module__1UqHBW__bentoDescription span{line-height:1.6;font-size:clamp(.875rem,1.5vw,1.125rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoImage{background:var(--neutral-alpha-weak);border-radius:var(--radius-l);border:1px solid var(--neutral-alpha-medium);grid-area:span 6/span 5;justify-content:center;align-items:center;max-width:100%;min-height:200px;display:flex;position:relative;overflow:hidden}.ProjectModal-module-scss-module__1UqHBW__bentoImage img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ProjectModal-module-scss-module__1UqHBW__bentoImage:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0000001a 100%);position:absolute;inset:0}.ProjectModal-module-scss-module__1UqHBW__bentoCategory{background:var(--neutral-alpha-weak);border-radius:var(--radius-l);border:1px solid var(--neutral-alpha-medium);grid-area:span 2/span 1;justify-content:flex-start;align-items:center;padding:clamp(12px,2vw,16px) clamp(10px,1.5vw,12px);display:flex}.ProjectModal-module-scss-module__1UqHBW__bentoCategory span{font-size:clamp(.75rem,1.25vw,1.25rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoTech{background:var(--neutral-alpha-weak);border-radius:var(--radius-l);border:1px solid var(--neutral-alpha-medium);flex-direction:column;grid-area:span 4/span 1;gap:clamp(4px,.5vw,8px);min-height:0;padding:clamp(12px,2vw,16px) clamp(10px,1.5vw,12px);display:flex;overflow:hidden}.ProjectModal-module-scss-module__1UqHBW__bentoTech span{font-size:clamp(.75rem,1.25vw,1.25rem)!important}.ProjectModal-module-scss-module__1UqHBW__techGrid{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;max-height:100%;padding-top:4px;display:flex;overflow-y:auto}.ProjectModal-module-scss-module__1UqHBW__techGrid::-webkit-scrollbar{width:3px}.ProjectModal-module-scss-module__1UqHBW__techGrid::-webkit-scrollbar-track{background:0 0}.ProjectModal-module-scss-module__1UqHBW__techGrid::-webkit-scrollbar-thumb{background:var(--neutral-alpha-medium);border-radius:999px}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed{background:var(--neutral-alpha-weak);border-radius:var(--radius-l);border:1px solid var(--neutral-alpha-medium);flex-direction:column;grid-area:span 3/span 6;gap:clamp(10px,2vw,16px);padding:clamp(16px,3vw,24px) clamp(16px,3vw,28px);display:flex;overflow-y:auto}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed h3,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=heading]{font-size:clamp(.9rem,1.5vw,1.25rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed p,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=body]{line-height:1.8;font-size:clamp(.875rem,1.25vw,1rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed::-webkit-scrollbar{width:4px}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed::-webkit-scrollbar-track{background:0 0;margin:12px 0}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed::-webkit-scrollbar-thumb{background:var(--neutral-alpha-medium);border-radius:999px}@media (max-width:960px){.ProjectModal-module-scss-module__1UqHBW__overlay{align-items:flex-start;padding:0;overflow-y:auto}.ProjectModal-module-scss-module__1UqHBW__modal{border-radius:0;width:100%;max-width:100vw;height:auto;min-height:100dvh;max-height:none;padding:clamp(8px,2vw,12px);overflow:hidden auto}.ProjectModal-module-scss-module__1UqHBW__closeButton{width:clamp(32px,5vw,36px);height:clamp(32px,5vw,36px);top:50%;right:clamp(12px,2vw,16px);transform:translateY(-50%)}.ProjectModal-module-scss-module__1UqHBW__closeButton:hover{transform:translateY(-50%)rotate(90deg)}.ProjectModal-module-scss-module__1UqHBW__closeButton:active{transform:translateY(-50%)rotate(90deg)scale(.95)}.ProjectModal-module-scss-module__1UqHBW__bentoGrid{grid-template-rows:auto;grid-template-columns:1fr;gap:clamp(8px,2vw,12px);width:100%;max-width:100%;height:auto;overflow:hidden}.ProjectModal-module-scss-module__1UqHBW__bentoTitle{grid-area:auto/span 1;padding:clamp(16px,3vw,20px)}.ProjectModal-module-scss-module__1UqHBW__bentoTitle h2{word-break:break-word;text-align:center;font-size:clamp(1.25rem,4vw,1.75rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoDescription{grid-area:auto/span 1;padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px)}.ProjectModal-module-scss-module__1UqHBW__bentoDescription p,.ProjectModal-module-scss-module__1UqHBW__bentoDescription span{line-height:1.6;font-size:clamp(.875rem,2.5vw,1rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoImage{aspect-ratio:16/10;grid-area:auto/span 1;width:100%;max-width:100%;height:auto;min-height:clamp(200px,40vw,280px);max-height:clamp(250px,50vw,320px);overflow:hidden}.ProjectModal-module-scss-module__1UqHBW__bentoImage img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ProjectModal-module-scss-module__1UqHBW__bentoCategory{flex-direction:row;grid-area:auto/span 1;justify-content:space-between;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px)}.ProjectModal-module-scss-module__1UqHBW__bentoCategory span{font-size:clamp(.875rem,2vw,1rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoTech{grid-area:auto/span 1;gap:clamp(8px,2vw,12px);padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px)}.ProjectModal-module-scss-module__1UqHBW__bentoTech span{font-size:clamp(.875rem,2vw,1rem)!important}.ProjectModal-module-scss-module__1UqHBW__techGrid{flex-flow:wrap;gap:clamp(6px,1.5vw,8px);max-height:none;overflow-y:visible}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed{grid-area:auto/span 1;height:auto;padding:clamp(16px,3vw,20px);overflow-y:visible}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed h3,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=heading]{font-size:clamp(.9rem,2.5vw,1.1rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed p,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=body]{line-height:1.7;font-size:clamp(.875rem,2vw,1rem)!important}}@media (max-width:640px){.ProjectModal-module-scss-module__1UqHBW__modal{padding:clamp(6px,2vw,10px)}.ProjectModal-module-scss-module__1UqHBW__closeButton{width:clamp(28px,8vw,32px);height:clamp(28px,8vw,32px);top:50%;right:clamp(8px,2vw,12px)}.ProjectModal-module-scss-module__1UqHBW__closeButton svg{width:clamp(14px,4vw,18px);height:clamp(14px,4vw,18px)}.ProjectModal-module-scss-module__1UqHBW__bentoGrid{gap:clamp(6px,2vw,10px)}.ProjectModal-module-scss-module__1UqHBW__bentoTitle{padding:clamp(14px,4vw,18px) clamp(12px,3vw,16px)}.ProjectModal-module-scss-module__1UqHBW__bentoTitle h2{line-height:1.3;font-size:clamp(1.1rem,5vw,1.5rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoDescription{padding:clamp(12px,3vw,16px)}.ProjectModal-module-scss-module__1UqHBW__bentoDescription p,.ProjectModal-module-scss-module__1UqHBW__bentoDescription span{font-size:clamp(.8rem,3.5vw,.95rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoImage{aspect-ratio:16/10;min-height:clamp(160px,45vw,200px);max-height:clamp(200px,55vw,260px)}.ProjectModal-module-scss-module__1UqHBW__bentoCategory{padding:clamp(12px,3vw,16px)}.ProjectModal-module-scss-module__1UqHBW__bentoCategory span{font-size:clamp(.8rem,3vw,.95rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoTech{gap:clamp(6px,2vw,10px);padding:clamp(12px,3vw,16px)}.ProjectModal-module-scss-module__1UqHBW__bentoTech span{font-size:clamp(.8rem,3vw,.95rem)!important}.ProjectModal-module-scss-module__1UqHBW__techGrid{gap:clamp(4px,1.5vw,6px)}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed{padding:clamp(12px,3vw,16px)}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed h3,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=heading]{font-size:clamp(.85rem,3.5vw,1rem)!important}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed p,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=body]{line-height:1.65;font-size:clamp(.8rem,3vw,.9rem)!important}}@media (max-width:400px){.ProjectModal-module-scss-module__1UqHBW__modal{padding:4px}.ProjectModal-module-scss-module__1UqHBW__bentoGrid{gap:6px}.ProjectModal-module-scss-module__1UqHBW__bentoTitle{padding:12px 10px}.ProjectModal-module-scss-module__1UqHBW__bentoTitle h2{font-size:1rem!important}.ProjectModal-module-scss-module__1UqHBW__bentoDescription{padding:10px 12px}.ProjectModal-module-scss-module__1UqHBW__bentoDescription p,.ProjectModal-module-scss-module__1UqHBW__bentoDescription span{font-size:.8rem!important}.ProjectModal-module-scss-module__1UqHBW__bentoImage{min-height:150px;max-height:200px}.ProjectModal-module-scss-module__1UqHBW__bentoCategory,.ProjectModal-module-scss-module__1UqHBW__bentoTech{padding:10px 12px}.ProjectModal-module-scss-module__1UqHBW__bentoCategory span,.ProjectModal-module-scss-module__1UqHBW__bentoTech span{font-size:.75rem!important}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed{padding:10px 12px}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed h3,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=heading]{font-size:.85rem!important}.ProjectModal-module-scss-module__1UqHBW__bentoDetailed p,.ProjectModal-module-scss-module__1UqHBW__bentoDetailed span[class*=body]{font-size:.8rem!important}.ProjectModal-module-scss-module__1UqHBW__closeButton{width:26px;height:26px;right:8px}.ProjectModal-module-scss-module__1UqHBW__closeButton svg{width:12px;height:12px}}
