.page-module__4ccqhG__main{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:40px;width:100%;min-height:auto;display:flex}.page-module__4ccqhG__h1{margin:0;padding-bottom:25px;font-size:48px;font-weight:700}.page-module__4ccqhG__p{color:var(--text-secondary);max-width:600px;font-size:16px;line-height:30px}.page-module__4ccqhG__projectsSection{width:100%;margin-top:40px;padding-bottom:100px;overflow:hidden}.page-module__4ccqhG__projectList{border-top:1px solid var(--mono-bg);flex-direction:column;display:flex}.page-module__4ccqhG__projectRow{border-bottom:1px solid var(--mono-bg);cursor:pointer;background-color:#0000;flex-direction:column;justify-content:center;width:100%;max-height:128px;transition:max-height .7s cubic-bezier(.87,0,.13,1),background-color .5s;display:flex;position:relative;overflow:hidden}.page-module__4ccqhG__projectRow:hover{max-height:65vh}[data-theme=brutalist] .page-module__4ccqhG__projectRow:hover,[data-theme=e-ink] .page-module__4ccqhG__projectRow:hover,[data-theme=aero] .page-module__4ccqhG__projectRow:hover{background-color:var(--terminal-bg)}.page-module__4ccqhG__projectBox{max-width:var(--max-width);width:100%;margin:auto;padding:40px 20px}.page-module__4ccqhG__projectBg{z-index:0;position:absolute;inset:0}.page-module__4ccqhG__projectImg{object-fit:cover;opacity:0;filter:brightness(.7);width:100%;height:100%;transition:all 1s;transform:scale(1.1)}[data-theme=cyberpunk] .page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__projectImg,[data-theme=abyss] .page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__projectImg{opacity:1;transform:scale(1)}.page-module__4ccqhG__projectHeader{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.page-module__4ccqhG__projectTitle{text-transform:uppercase;letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px var(--accent-color);margin:0;font-size:4.5rem;font-weight:700;transition:color .5s,text-shadow .5s,-webkit-text-stroke .5s}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__projectTitle{color:var(--accent-color);-webkit-text-stroke:0px transparent;text-shadow:0 20px 40px #00000080}.page-module__4ccqhG__projectMeta{color:var(--text-secondary);align-items:center;gap:16px;transition:color .5s;display:flex}.page-module__4ccqhG__metaCategory{font-family:var(--font-mono)}.page-module__4ccqhG__crosshairIcon{transition:transform .5s}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__projectMeta{color:var(--text-primary)}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__crosshairIcon{transform:rotate(90deg)}.page-module__4ccqhG__projectContent{z-index:10;opacity:0;justify-content:space-between;max-height:0;margin-top:auto;transition:all .5s cubic-bezier(.87,0,.13,1);display:flex;position:relative;transform:translateY(40px)}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__projectContent{opacity:1;max-height:700px;transition-delay:.2s;transform:translateY(0)}.page-module__4ccqhG__innerLayout{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:32px;display:flex}.page-module__4ccqhG__contentMaxWidth{z-index:2;max-width:600px}.page-module__4ccqhG__tagsContainer{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.page-module__4ccqhG__tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:5px;padding:6px 16px;font-size:.75rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 0 10px #ffffff05,0 4px 10px #0003}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__tag{border-color:#ffffff4d}.page-module__4ccqhG__tag:hover{background:var(--accent-color);color:var(--bg-color);border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-color);transform:translateY(-2px)}.page-module__4ccqhG__projectDesc{color:var(--text-primary);text-shadow:0 2px 10px var(--bg-color);margin-bottom:32px;font-size:1.5rem;font-weight:300;line-height:1.5}.page-module__4ccqhG__mockupWrapper{opacity:0;border-radius:12px;flex-shrink:0;transition:all .7s cubic-bezier(.2,.8,.2,1) .1s;position:relative;transform:perspective(1000px)rotateY(15deg)translateY(40px)}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__mockupWrapper{opacity:1;transform:perspective(1000px)rotateY(0)translateY(0)}.page-module__4ccqhG__mockupImg{object-fit:cover;z-index:2;border:1px solid #ffffff26;border-radius:12px;transition:border-color .4s;position:relative;box-shadow:0 25px 50px -12px #0009}.page-module__4ccqhG__mockupWrapper:hover .page-module__4ccqhG__mockupImg{border-color:var(--accent-color)}.page-module__4ccqhG__mockupGlow{background:var(--accent-color);filter:blur(40px);opacity:0;z-index:1;transition:opacity .5s;position:absolute;inset:0}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__mockupGlow{opacity:.15}.page-module__4ccqhG__caseStudyBtn{cursor:pointer;border-radius:6px;flex-wrap:nowrap;align-items:center;gap:4px;width:fit-content;margin-left:-8px;padding:8px 20px;transition:background-color .5s,transform .2s,box-shadow .2s,margin-left .2s;display:flex;transform:translate(-8px)}.page-module__4ccqhG__caseStudyBtn:hover{background-color:var(--bg-color);box-shadow:var(--btn-shadow);transform:var(--btn-transform);margin-left:0}@media (max-width:1024px){.page-module__4ccqhG__innerLayout{flex-direction:column}}@media (max-width:768px){.page-module__4ccqhG__projectRow{max-height:96px}.page-module__4ccqhG__projectTitle{font-size:38px}.page-module__4ccqhG__projectMeta{display:none}.page-module__4ccqhG__projectRow:hover .page-module__4ccqhG__projectContent{margin-top:10px}.page-module__4ccqhG__tag{font-size:10px}.page-module__4ccqhG__projectDesc{font-size:1.25rem}}