.Projects-module__K3d-Xa__section{padding:var(--section-pad);position:relative;overflow:hidden}.Projects-module__K3d-Xa__gridBg{background-image:radial-gradient(circle,var(--border-hover)1px,transparent 1px);opacity:.35;pointer-events:none;z-index:0;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 70% at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(85% 70% at 50% 30%,#000 0%,#0000 75%)}[data-theme=dark] .Projects-module__K3d-Xa__gridBg{opacity:.22}.Projects-module__K3d-Xa__container{max-width:var(--max-width);z-index:1;margin:0 auto;padding:0 32px;position:relative}.Projects-module__K3d-Xa__header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.Projects-module__K3d-Xa__headerLeft{flex:1}.Projects-module__K3d-Xa__headerRight{flex-shrink:0;padding-bottom:4px}.Projects-module__K3d-Xa__projectCount{font-family:var(--font-mono);color:var(--lightest-slate);letter-spacing:-.04em;opacity:.12;flex-direction:column;align-items:flex-end;gap:2px;font-size:2rem;font-weight:600;line-height:1;display:flex}.Projects-module__K3d-Xa__projectCount span{letter-spacing:.06em;color:var(--slate);opacity:1;text-transform:lowercase;font-size:.6rem;font-weight:400}.Projects-module__K3d-Xa__label{font-family:var(--font-mono);color:var(--slate);letter-spacing:.08em;text-transform:lowercase;align-items:center;gap:10px;margin-bottom:12px;font-size:.68rem;display:inline-flex}.Projects-module__K3d-Xa__label:before{content:"";background:var(--border-hover);flex-shrink:0;width:18px;height:1px;display:block}.Projects-module__K3d-Xa__title{color:var(--lightest-slate);letter-spacing:-.05em;margin-bottom:10px;padding-bottom:14px;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;line-height:1.1;position:relative}.Projects-module__K3d-Xa__title:after{content:"";background:var(--lightest-slate);opacity:.4;border-radius:1px;width:28px;height:2px;position:absolute;bottom:0;left:0}.Projects-module__K3d-Xa__subtitle{color:var(--light-slate);max-width:500px;font-size:.9rem;line-height:1.65}.Projects-module__K3d-Xa__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.Projects-module__K3d-Xa__card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color .28s var(--ease),box-shadow .28s var(--ease),transform .28s var(--ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.Projects-module__K3d-Xa__card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lift);transform:translateY(-4px)}[data-theme=dark] .Projects-module__K3d-Xa__card{-webkit-backdrop-filter:blur(20px);background:#ffffff07;border:1px solid #ffffff14}[data-theme=dark] .Projects-module__K3d-Xa__card:hover{box-shadow:var(--shadow-lift);border-color:#ffffff2e}.Projects-module__K3d-Xa__browserBar{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:30px;padding:0 12px;display:flex}.Projects-module__K3d-Xa__browserDots{flex-shrink:0;align-items:center;gap:5px;display:flex}.Projects-module__K3d-Xa__browserDots span{background:var(--border-hover);opacity:.5;border-radius:50%;width:8px;height:8px;display:block}.Projects-module__K3d-Xa__browserDots span:first-child{opacity:.45}.Projects-module__K3d-Xa__browserDots span:nth-child(2){opacity:.3}.Projects-module__K3d-Xa__browserDots span:nth-child(3){opacity:.2}.Projects-module__K3d-Xa__browserUrlBar{background:var(--border);opacity:.4;border-radius:999px;flex:1;align-items:center;height:16px;padding:0 8px;display:flex;overflow:hidden}.Projects-module__K3d-Xa__browserUrlBar span{font-family:var(--font-mono);color:var(--slate);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.Projects-module__K3d-Xa__imageWrap{cursor:pointer;background:var(--bg);border-bottom:1px solid var(--border);outline:none;flex-direction:column;width:100%;display:flex;position:relative}.Projects-module__K3d-Xa__imageWrap:focus-visible .Projects-module__K3d-Xa__imageArea{box-shadow:inset 0 0 0 2px var(--border-hover)}.Projects-module__K3d-Xa__imageArea{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.Projects-module__K3d-Xa__imageArea img{transition:transform .5s var(--ease);z-index:1;display:block;position:relative;width:100%!important;height:100%!important}.Projects-module__K3d-Xa__card:hover .Projects-module__K3d-Xa__imageArea img{transform:scale(1.04)}.Projects-module__K3d-Xa__phoneWrap{background:linear-gradient(150deg,#181818 0%,#0e0e0e 100%);justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.Projects-module__K3d-Xa__phoneFrame{aspect-ratio:9/19.5;background:#101010;border:1.5px solid #ffffff1a;border-radius:26px;flex-direction:column;height:95%;padding:10px 6px 14px;display:flex;position:relative;box-shadow:0 0 0 1px #000000b3,0 12px 36px #0000008c,inset 0 1px #ffffff0a}.Projects-module__K3d-Xa__phoneNotch{z-index:2;background:#ffffff12;border-radius:3px;width:28px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.Projects-module__K3d-Xa__phoneScreen{background:#1a1a1a;border-radius:18px;flex:1;position:relative;overflow:hidden}.Projects-module__K3d-Xa__phoneHome{background:#ffffff1a;border-radius:2px;width:26px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.Projects-module__K3d-Xa__modalPhoneWrap{background:linear-gradient(150deg,#181818 0%,#0e0e0e 100%);justify-content:center;align-items:center;padding:28px 20px;display:flex;position:absolute;inset:0}.Projects-module__K3d-Xa__phoneFrameLg{aspect-ratio:9/19.5;background:#101010;border:1.5px solid #ffffff1f;border-radius:40px;flex-direction:column;height:100%;padding:14px 8px 18px;display:flex;position:relative;box-shadow:0 0 0 1px #000000b3,0 24px 72px #0009,inset 0 1px #ffffff0d}.Projects-module__K3d-Xa__modalImagePanelMobile{flex:0 0 44%!important}.Projects-module__K3d-Xa__imagePlaceholder{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.Projects-module__K3d-Xa__placeholderInner{color:var(--slate);opacity:.25;flex-direction:column;align-items:center;gap:8px;display:flex}.Projects-module__K3d-Xa__placeholderInner span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:lowercase;font-size:.6rem}.Projects-module__K3d-Xa__liveBadge{z-index:3;background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);transition:opacity .22s var(--ease);border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 7px;display:inline-flex;position:absolute;top:10px;left:10px}.Projects-module__K3d-Xa__card:hover .Projects-module__K3d-Xa__liveBadge{opacity:0}.Projects-module__K3d-Xa__liveDot{background:var(--status-green);width:6px;height:6px;box-shadow:0 0 6px var(--status-green-glow);border-radius:50%;flex-shrink:0;animation:2.5s ease-in-out infinite Projects-module__K3d-Xa__livePulse;display:block}.Projects-module__K3d-Xa__liveBadgeText{font-family:var(--font-mono);color:var(--slate);letter-spacing:.05em;font-size:.58rem;line-height:1}@keyframes Projects-module__K3d-Xa__livePulse{0%,to{opacity:1}50%{opacity:.5}}.Projects-module__K3d-Xa__imageOverlay{opacity:0;transition:opacity .22s var(--ease);z-index:2;background:#0000007a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=dark] .Projects-module__K3d-Xa__imageOverlay{background:#0000009e}.Projects-module__K3d-Xa__card:hover .Projects-module__K3d-Xa__imageOverlay{opacity:1}.Projects-module__K3d-Xa__overlayBtn{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);color:#fff;font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);background:#ffffff1a;border:1px solid #ffffff24;align-items:center;gap:6px;padding:7px 14px;font-size:.7rem;text-decoration:none;display:inline-flex}.Projects-module__K3d-Xa__overlayBtn:hover{background:#fff3;border-color:#ffffff47;transform:translateY(-1px)}.Projects-module__K3d-Xa__content{flex-direction:column;flex:1;gap:8px;padding:20px 22px;display:flex}.Projects-module__K3d-Xa__tag{font-family:var(--font-mono);color:var(--slate);letter-spacing:.06em;text-transform:lowercase;margin-bottom:2px;font-size:.6rem}.Projects-module__K3d-Xa__cardTitle{color:var(--lightest-slate);letter-spacing:-.02em;font-size:1.02rem;font-weight:600;line-height:1.3}.Projects-module__K3d-Xa__desc{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.83rem;line-height:1.68;display:-webkit-box;overflow:hidden}.Projects-module__K3d-Xa__cardFooter{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.Projects-module__K3d-Xa__tech{flex-wrap:wrap;gap:5px;min-width:0;list-style:none;display:flex}.Projects-module__K3d-Xa__techPill{font-family:var(--font-mono);color:var(--slate);border:1px solid var(--border);letter-spacing:.02em;transition:border-color .2s var(--ease),color .2s var(--ease);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.6rem}.Projects-module__K3d-Xa__card:hover .Projects-module__K3d-Xa__techPill{border-color:var(--border-hover);color:var(--light-slate)}.Projects-module__K3d-Xa__links{flex-shrink:0;align-items:center;gap:6px;display:flex}.Projects-module__K3d-Xa__linkBtn{border-radius:var(--radius);border:1px solid var(--border);height:28px;color:var(--slate);font-family:var(--font-mono);letter-spacing:.02em;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);align-items:center;gap:5px;padding:0 10px;font-size:.62rem;text-decoration:none;display:inline-flex}.Projects-module__K3d-Xa__linkBtn:hover{color:var(--lightest-slate);border-color:var(--border-hover);background:var(--accent-tint-hover)}.Projects-module__K3d-Xa__liveLink{border-radius:var(--radius);border:1px solid var(--border);height:28px;color:var(--slate);font-family:var(--font-mono);letter-spacing:.02em;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);align-items:center;gap:5px;padding:0 10px;font-size:.62rem;text-decoration:none;display:inline-flex}.Projects-module__K3d-Xa__liveLink:hover{color:var(--lightest-slate);border-color:var(--border-hover);background:var(--accent-tint-hover)}.Projects-module__K3d-Xa__viewMore{justify-content:center;margin-top:52px;display:flex}.Projects-module__K3d-Xa__viewMoreLink{font-family:var(--font-mono);color:var(--light-slate);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease);letter-spacing:.02em;align-items:center;gap:8px;padding:10px 24px;font-size:.76rem;text-decoration:none;display:inline-flex}.Projects-module__K3d-Xa__viewMoreLink:hover{border-color:var(--border-hover);color:var(--lightest-slate);background:var(--accent-tint)}.Projects-module__K3d-Xa__viewMoreLink svg{transition:transform .2s var(--ease)}.Projects-module__K3d-Xa__viewMoreLink:hover svg{transform:translate(4px)}.Projects-module__K3d-Xa__modalBackdrop{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#000000ad;justify-content:center;align-items:center;padding:24px;animation:.22s Projects-module__K3d-Xa__backdropIn;display:flex;position:fixed;inset:0}@keyframes Projects-module__K3d-Xa__backdropIn{0%{opacity:0}to{opacity:1}}.Projects-module__K3d-Xa__modal{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:1100px;max-height:90vh;box-shadow:0 32px 80px #0003,0 0 0 1px var(--border);border-radius:20px;flex-direction:row;animation:.3s cubic-bezier(.16,1,.3,1) Projects-module__K3d-Xa__modalIn;display:flex;position:relative;overflow:hidden}[data-theme=dark] .Projects-module__K3d-Xa__modal{-webkit-backdrop-filter:blur(24px);background:#111111f5;border-color:#ffffff1a;box-shadow:0 40px 100px #000000b3,0 0 0 1px #ffffff14}@keyframes Projects-module__K3d-Xa__modalIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.Projects-module__K3d-Xa__modalClose{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:30px;height:30px;color:var(--slate);cursor:pointer;z-index:20;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.Projects-module__K3d-Xa__modalClose:hover{color:var(--lightest-slate);border-color:var(--border-hover);background:var(--accent-tint-hover)}.Projects-module__K3d-Xa__modalImagePanel{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex:0 0 64%;display:flex;overflow:hidden}.Projects-module__K3d-Xa__modalImageArea{flex:1;min-height:0;position:relative;overflow:hidden}.Projects-module__K3d-Xa__modalImgFallback{color:var(--slate);opacity:.25;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.Projects-module__K3d-Xa__modalImgFallback span{font-family:var(--font-mono);letter-spacing:.06em;font-size:.68rem}.Projects-module__K3d-Xa__modalDetails{flex-direction:column;flex:1;gap:20px;min-width:0;padding:40px 32px 32px;display:flex;overflow-y:auto}.Projects-module__K3d-Xa__modalTitle{color:var(--lightest-slate);letter-spacing:-.025em;margin-top:6px;font-size:1.35rem;font-weight:600;line-height:1.25}.Projects-module__K3d-Xa__modalDesc{color:var(--light-slate);font-size:.875rem;line-height:1.72}.Projects-module__K3d-Xa__modalSectionLabel{font-family:var(--font-mono);color:var(--slate);letter-spacing:.08em;text-transform:lowercase;margin-bottom:8px;font-size:.6rem}.Projects-module__K3d-Xa__modalLinks{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px;display:flex}.Projects-module__K3d-Xa__modalLinkBtn{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border);color:var(--light-slate);transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);align-items:center;gap:8px;padding:11px 20px;font-size:.76rem;text-decoration:none;display:inline-flex}.Projects-module__K3d-Xa__modalLinkBtn:hover{border-color:var(--border-hover);color:var(--lightest-slate);background:var(--accent-tint);transform:translateY(-1px)}.Projects-module__K3d-Xa__modalLinkPrimary{background:var(--lightest-slate);color:var(--bg);border-color:#0000}.Projects-module__K3d-Xa__modalLinkPrimary:hover{background:var(--lightest-slate);color:var(--bg);opacity:.88;transform:translateY(-1px)}.Projects-module__K3d-Xa__modalHint{font-family:var(--font-mono);color:var(--slate);letter-spacing:.03em;opacity:.55;margin-top:-8px;font-size:.6rem}.Projects-module__K3d-Xa__modalHint kbd{border:1px solid var(--border);font-family:var(--font-mono);border-radius:3px;padding:1px 5px;font-size:.6rem;display:inline-block}@media (max-width:900px){.Projects-module__K3d-Xa__modal{max-width:700px}.Projects-module__K3d-Xa__modalImagePanel{flex:0 0 55%}}@media (max-width:768px){.Projects-module__K3d-Xa__container{padding:0 24px}.Projects-module__K3d-Xa__header{margin-bottom:32px}.Projects-module__K3d-Xa__headerRight{display:none}}@media (max-width:600px){.Projects-module__K3d-Xa__grid{grid-template-columns:1fr}.Projects-module__K3d-Xa__modal{border-radius:var(--radius-lg);flex-direction:column;max-height:92vh}.Projects-module__K3d-Xa__modalImagePanel{border-right:none;border-bottom:1px solid var(--border);flex:none;max-height:42vh}.Projects-module__K3d-Xa__modalImageArea{aspect-ratio:16/9;flex:1}.Projects-module__K3d-Xa__modalDetails{gap:14px;padding:24px 20px 20px}.Projects-module__K3d-Xa__modalTitle{font-size:1.1rem}.Projects-module__K3d-Xa__modalDesc{font-size:.83rem}}@media (max-width:540px){.Projects-module__K3d-Xa__container{padding:0 20px}.Projects-module__K3d-Xa__header{margin-bottom:28px}.Projects-module__K3d-Xa__content{padding:18px 16px 16px}.Projects-module__K3d-Xa__viewMore{margin-top:36px}.Projects-module__K3d-Xa__overlayBtn{padding:6px 11px;font-size:.67rem}.Projects-module__K3d-Xa__modalBackdrop{padding:12px}}