.page-module__4ccqhG__hero{flex-direction:column;justify-content:center;min-height:50vh;padding-top:120px;display:flex}.page-module__4ccqhG__heroItalic{margin-left:10vw}.page-module__4ccqhG__projectsSection{padding-top:0}.page-module__4ccqhG__filterContainer{flex-direction:column;gap:24px;margin-bottom:60px;display:flex}@media (min-width:1024px){.page-module__4ccqhG__filterContainer{flex-direction:row-reverse;justify-content:space-between;align-items:center}}.page-module__4ccqhG__searchWrapper{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);transition:all .4s var(--ease-custom);align-items:center;gap:12px;width:100%;padding:12px 24px;display:flex}@media (min-width:768px){.page-module__4ccqhG__searchWrapper{max-width:320px}}.page-module__4ccqhG__searchWrapper:focus-within{border-color:var(--text-primary)}.page-module__4ccqhG__searchIcon{color:var(--text-secondary);display:flex}.page-module__4ccqhG__searchInput{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.page-module__4ccqhG__searchInput::placeholder{color:var(--text-muted)}.page-module__4ccqhG__filters{-ms-overflow-style:none;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.page-module__4ccqhG__filters::-webkit-scrollbar{display:none}.page-module__4ccqhG__filterBtn{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;transition:all .4s var(--ease-custom);background:0 0;flex-shrink:0;padding:12px 24px;font-size:13px;font-weight:500}.page-module__4ccqhG__filterBtn:hover{color:var(--text-primary);border-color:var(--border-dark)}.page-module__4ccqhG__filterActive{background:var(--text-primary);color:var(--bg-primary);border-color:#0000}.page-module__4ccqhG__filterActive:hover{color:var(--bg-primary)}.page-module__4ccqhG__bentoGrid{grid-template-columns:1fr;gap:16px;padding-bottom:80px;display:grid}@media (min-width:768px){.page-module__4ccqhG__bentoGrid{grid-template-columns:repeat(2,1fr)}}.page-module__4ccqhG__bentoReveal{height:100%;display:block}.page-module__4ccqhG__bentoCard{background:var(--border-light);height:100%;color:inherit;transition:transform .4s var(--ease-custom);border-radius:20px;padding:1px;text-decoration:none;display:flex;position:relative;overflow:hidden}.page-module__4ccqhG__bentoCard:hover{transform:translateY(-4px)}.page-module__4ccqhG__bentoCard:before{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), #55c9cd66, transparent 40%);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.page-module__4ccqhG__bentoGrid:hover .page-module__4ccqhG__bentoCard:before{opacity:1}.page-module__4ccqhG__bentoCardInner{background-color:var(--bg-secondary);z-index:2;border-radius:19px;flex-direction:column;justify-content:space-between;gap:32px;width:100%;height:100%;padding:40px;display:flex;position:relative}.page-module__4ccqhG__projectIndex{font-family:var(--font-serif);color:var(--accent-primary);opacity:.7;font-size:16px}.page-module__4ccqhG__projectContent{flex-direction:column;gap:12px;display:flex}.page-module__4ccqhG__projectTitle{font-family:var(--font-serif);transition:transform .4s var(--ease-custom);margin:0;font-size:clamp(28px,3vw,36px);font-weight:400}.page-module__4ccqhG__bentoCard:hover .page-module__4ccqhG__projectTitle{transform:translate(12px)}.page-module__4ccqhG__projectDesc{color:var(--text-secondary);max-width:100%;font-size:15px;line-height:1.6}.page-module__4ccqhG__bentoCard:hover .page-module__4ccqhG__projectDesc{color:var(--text-primary)}.page-module__4ccqhG__projectMeta{flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.page-module__4ccqhG__projectCategory{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);border:1px solid;padding:8px 16px;font-size:12px;font-weight:500}.page-module__4ccqhG__arrowIcon{border:1px solid var(--border-dark);width:48px;height:48px;transition:all .4s var(--ease-custom);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-module__4ccqhG__bentoCard:hover .page-module__4ccqhG__arrowIcon{background-color:var(--text-primary);color:var(--bg-primary);border-color:#0000;transform:rotate(45deg)}
