.portfolio-module__gPmcHG__main{padding:var(--space-xl) var(--space-lg);background:var(--color-bg);max-width:1400px;color:var(--color-fg);margin:0 auto}.portfolio-module__gPmcHG__header{margin-bottom:var(--space-xxl);border-bottom:2px solid var(--color-fg);padding-bottom:var(--space-lg)}.portfolio-module__gPmcHG__eyebrow{font-family:var(--font-mono);color:var(--color-accent-1);letter-spacing:.2em;margin-bottom:var(--space-sm);font-size:.8rem}.portfolio-module__gPmcHG__title{text-transform:uppercase;letter-spacing:-.05em;margin:0;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:.9}.portfolio-module__gPmcHG__subtitle{max-width:600px;margin-top:var(--space-md);opacity:.8;font-size:1.2rem;line-height:1.4}.portfolio-module__gPmcHG__showcase{gap:calc(var(--space-xxl) * 2);flex-direction:column;display:flex}.portfolio-module__gPmcHG__projectCard{gap:var(--space-xl);grid-template-columns:1.2fr 1fr;align-items:center;display:grid;position:relative}@media (max-width:1100px){.portfolio-module__gPmcHG__projectCard{gap:var(--space-lg);grid-template-columns:1fr}}.portfolio-module__gPmcHG__projectNumber{color:var(--color-fg);opacity:.05;z-index:0;pointer-events:none;font-size:10rem;font-weight:900;position:absolute;top:-60px;left:-40px}.portfolio-module__gPmcHG__visualWrapper{border:2px solid var(--color-fg);background:var(--color-bg);width:100%;box-shadow:20px 20px 0 var(--color-fg);z-index:1;flex-direction:column;display:flex;overflow:hidden}.portfolio-module__gPmcHG__imageContainer{aspect-ratio:16/10;background:#f5f5f5;width:100%;position:relative}.portfolio-module__gPmcHG__projectImage{object-fit:contain;object-position:top center;width:100%;height:100%;transition:transform .5s}.portfolio-module__gPmcHG__projectCard:hover .portfolio-module__gPmcHG__projectImage{transform:none}.portfolio-module__gPmcHG__projectInfo{padding:var(--space-lg);gap:var(--space-md);z-index:2;flex-direction:column;display:flex}.portfolio-module__gPmcHG__projectHeader{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.portfolio-module__gPmcHG__year{font-family:var(--font-mono);color:var(--color-accent-1);font-size:1rem;font-weight:800}.portfolio-module__gPmcHG__projectTitle{text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:.95}.portfolio-module__gPmcHG__projectDesc{opacity:.8;margin:0;font-size:1.1rem;line-height:1.5}.portfolio-module__gPmcHG__detailsGrid{gap:var(--space-lg);flex-direction:column;display:flex}.portfolio-module__gPmcHG__techStack{gap:var(--space-xs);flex-wrap:wrap;display:flex}.portfolio-module__gPmcHG__techIcon{background:var(--color-fg);width:42px;height:42px;color:var(--color-bg);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.portfolio-module__gPmcHG__techIcon:hover{background:var(--color-accent-1);transform:translateY(-4px)}.portfolio-module__gPmcHG__metrics{gap:var(--space-sm);padding:var(--space-md);background:var(--color-fg);color:var(--color-bg);grid-template-columns:repeat(2,1fr);display:grid}.portfolio-module__gPmcHG__metricValue{font-size:1.5rem;font-weight:800}.portfolio-module__gPmcHG__metricLabel{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.7rem}.portfolio-module__gPmcHG__actions{gap:var(--space-md);display:flex}.portfolio-module__gPmcHG__btn{text-transform:uppercase;border:2px solid var(--color-fg);align-items:center;gap:.5rem;padding:12px 24px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.portfolio-module__gPmcHG__primary{background:var(--color-fg);color:var(--color-bg)}.portfolio-module__gPmcHG__primary:hover{background:var(--color-accent-1);border-color:var(--color-accent-1)}.portfolio-module__gPmcHG__secondary{color:var(--color-fg);background:0 0}.portfolio-module__gPmcHG__secondary:hover{background:var(--color-fg);color:var(--color-bg)}@media (max-width:1024px){.portfolio-module__gPmcHG__projectCard{gap:var(--space-lg);grid-template-columns:1fr}.portfolio-module__gPmcHG__projectInfo{margin:0 var(--space-sm);margin-top:-40px;box-shadow:10px 10px 0 var(--color-fg)!important}.portfolio-module__gPmcHG__projectNumber{font-size:8rem;top:-20px}}@media (max-width:768px){.portfolio-module__gPmcHG__main{padding:var(--space-md) var(--space-sm)}.portfolio-module__gPmcHG__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.portfolio-module__gPmcHG__eyebrow{letter-spacing:.14em;font-size:.7rem}.portfolio-module__gPmcHG__title{font-size:clamp(2.6rem,16vw,4.5rem);line-height:.88}.portfolio-module__gPmcHG__subtitle{max-width:100%;font-size:1rem}.portfolio-module__gPmcHG__showcase{gap:var(--space-xxl)}.portfolio-module__gPmcHG__projectCard{gap:0}.portfolio-module__gPmcHG__projectNumber{font-size:5.5rem;top:-18px;left:-8px}.portfolio-module__gPmcHG__visualWrapper{box-shadow:12px 12px 0 var(--color-fg)}.portfolio-module__gPmcHG__imageContainer{aspect-ratio:4/3}.portfolio-module__gPmcHG__projectInfo{padding:var(--space-md);border:2px solid var(--color-fg);background:#ffffffb8;border-top:0;margin:0;box-shadow:none!important}.portfolio-module__gPmcHG__projectTitle{font-size:clamp(1.8rem,9vw,2.6rem)}.portfolio-module__gPmcHG__projectDesc{font-size:1rem}.portfolio-module__gPmcHG__techStack{gap:6px}.portfolio-module__gPmcHG__techIcon{width:36px;height:36px}.portfolio-module__gPmcHG__metrics{grid-template-columns:1fr}.portfolio-module__gPmcHG__actions{flex-direction:column}.portfolio-module__gPmcHG__btn{justify-content:center;width:100%}}@media (max-width:480px){.portfolio-module__gPmcHG__main{padding:12px 10px}.portfolio-module__gPmcHG__header{border-bottom-width:1px}.portfolio-module__gPmcHG__title{letter-spacing:-.06em;font-size:2.8rem}.portfolio-module__gPmcHG__subtitle{font-size:.95rem;line-height:1.45}.portfolio-module__gPmcHG__projectNumber{font-size:4.4rem;top:-10px;left:-4px}.portfolio-module__gPmcHG__visualWrapper{box-shadow:8px 8px 0 var(--color-fg)}.portfolio-module__gPmcHG__projectInfo{padding:14px 12px}.portfolio-module__gPmcHG__projectHeader{gap:4px}.portfolio-module__gPmcHG__year{font-size:.9rem}.portfolio-module__gPmcHG__projectDesc{font-size:.95rem}.portfolio-module__gPmcHG__metrics{padding:12px}.portfolio-module__gPmcHG__metricValue{font-size:1.2rem}.portfolio-module__gPmcHG__btn{padding:12px 16px;font-size:.9rem}}
