#projects-hero{background:var(--black);padding:140px 0 0}.ph-inner{grid-template-columns:1fr 1fr;align-items:end;gap:80px;padding-bottom:60px;display:grid}.ph-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ffffff96;margin-bottom:16px;font-size:12px;font-weight:700}.ph-title{letter-spacing:-.04em;color:var(--white);font-size:clamp(72px,10vw,120px);font-weight:800;line-height:.9}.ph-desc{color:#ffffff96;font-size:16px;line-height:1.75}.ph-divider{background:#ffffff14;height:1px}#projects-hero+#projects{background:var(--black);padding-bottom:100px}#projects-hero+#projects .project-tag{background:var(--black);color:var(--white)}@media (max-width:960px){.ph-inner{grid-template-columns:1fr;gap:32px}.ph-title{font-size:clamp(56px,12vw,80px)}}@media (max-width:640px){.skills-about-heading{font-size:32px}}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{cursor:pointer;opacity:1;transform-origin:50%;will-change:opacity, transform;border-radius:16px;transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:relative;overflow:hidden;transform:translate(0,0)scale(1)}.project-card:before{content:"";border-radius:inherit;background:radial-gradient(360px circle at var(--glow-x,50%) var(--glow-y,50%), #f9fe05f2, #54d6ffb8, #ffffff4d, transparent 62%);opacity:0;pointer-events:none;z-index:5;-webkit-mask-composite:xor;padding:2px;transition:opacity .28s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body.cards-fade-enabled .project-card:not(.card-visible){opacity:0;transform:translateY(42px)scale(.975)}.project-card.card-visible{opacity:1;transform:translate(0,0)scale(1)}.project-card:hover{transform:translateY(-4px)scale(1)}.project-card.project-card-glow:before,.project-card:focus-visible:before{opacity:1}.project-thumb{aspect-ratio:511/545;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-thumb:before,.project-thumb:after{content:"";-webkit-backdrop-filter:blur(15px);pointer-events:none;z-index:0;background:linear-gradient(#fff0 0%,#e3e3e3 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.project-thumb:before{-webkit-mask-image:linear-gradient(#0000 0%,#fff 100%);mask-image:linear-gradient(#0000 0%,#fff 100%)}.project-thumb:after{-webkit-mask-image:linear-gradient(#0000 10%,#fff 100%);mask-image:linear-gradient(#0000 10%,#fff 100%)}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-foot{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.project-tag{background:var(--black);color:var(--white);border-radius:40px;padding:8px 16px;font-size:13px;font-weight:400}.project-arrow{background:var(--black);width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-drawer-overlay{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#00000080;height:0;transition:opacity .35s;position:fixed;inset:0}.project-drawer-overlay.open{opacity:1;pointer-events:all;visibility:visible;height:auto}.project-drawer{background:var(--white);z-index:1001;flex-direction:column;width:82%;min-width:320px;max-width:900px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.project-drawer.open{transform:translate(0)}.project-drawer-close{background:var(--white);cursor:pointer;z-index:20;width:36px;height:36px;color:var(--black);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.project-drawer-scroll{scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5;flex:1;padding-bottom:72px;overflow:hidden auto}.project-drawer-scroll::-webkit-scrollbar{width:4px}.project-drawer-scroll::-webkit-scrollbar-track{background:#f5f5f5}.project-drawer-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:999px}.project-drawer-scroll::-webkit-scrollbar-thumb:hover{background:#999}.project-drawer-hero{flex-shrink:0;width:100%;height:320px;overflow:hidden}.project-drawer-hero img{object-fit:cover;width:100%;height:100%;display:block}.project-drawer-body{flex-direction:column;gap:20px;padding:28px 32px;display:flex}.project-drawer-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);font-size:12px;font-weight:600}.project-drawer-title{color:var(--black);margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.2}.project-drawer-overview{color:var(--black);margin:0;font-size:15px;font-weight:500;line-height:1.75}.cs-section{background:var(--gray-bg);border-radius:12px;padding:20px}.cs-outcome{background:var(--black)}.cs-outcome .cs-text{color:#ffffffbf}.cs-outcome .cs-label{color:var(--accent)}.cs-label{text-transform:uppercase;letter-spacing:.1em;color:#666;margin:0 0 8px;font-size:11px;font-weight:700}.cs-text{color:var(--gray-600);margin:0;font-size:14px;line-height:1.8}.project-drawer-gallery{grid-template-columns:1fr 1fr;gap:10px;display:grid}.project-drawer-gallery img{border-radius:10px;width:100%;display:block}.project-drawer-section-label{text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:10px;font-size:11px;font-weight:700}.project-drawer-platforms{flex-wrap:wrap;gap:8px;display:flex}.project-drawer-platform-pill{border:1px solid var(--gray-200);color:var(--black);border-radius:50px;padding:6px 14px;font-size:13px;font-weight:500}.project-drawer-live{border:1px solid var(--gray-200);border-radius:14px;overflow:hidden}.project-drawer-live-thumb{object-fit:cover;object-position:top;border-bottom:1px solid var(--gray-200);width:100%;height:180px;display:block}.project-drawer-live-footer{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.project-drawer-live-label{color:var(--gray-600);font-size:13px}.project-drawer-live-link{color:var(--black);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.project-drawer-live-link:hover{text-decoration:underline}.project-drawer-cta{border:1.5px solid var(--black);border-radius:var(--btn-radius);color:var(--black);background:0 0;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.project-drawer-cta:hover{background:var(--black);color:var(--white)}.project-drawer-nav-bar{background:var(--white);border-top:1px solid var(--gray-200);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.project-drawer-nav-bar button{border:1.5px solid var(--gray-200);cursor:pointer;width:40px;height:40px;color:var(--black);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.project-drawer-nav-bar button:hover{border-color:var(--black)}@media (max-width:1199px){.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}.project-drawer{width:100%;min-width:0;max-width:100%}.project-drawer-gallery{grid-template-columns:1fr}.project-drawer-body,.project-drawer-nav-bar{padding-left:20px;padding-right:20px}}