.page-module__jXZM3G__container{color:#fff;background:#050505;min-height:100vh;padding:120px 20px 80px}.page-module__jXZM3G__contentWrapper{max-width:1200px;margin:0 auto}.page-module__jXZM3G__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:80px;display:flex}.page-module__jXZM3G__title{letter-spacing:-.04em;margin-bottom:24px;font-size:72px;font-weight:800;line-height:1;display:inline-block;position:relative}.page-module__jXZM3G__titleAccent{color:var(--text-accent)}.page-module__jXZM3G__title:after{content:"";background:var(--text-accent);width:60px;height:4px;margin:24px auto 0;display:block}.page-module__jXZM3G__searchContainer{border-bottom:1px solid #333;width:100%;max-width:500px;padding-bottom:12px;position:relative}.page-module__jXZM3G__searchInput{color:#fff;width:100%;font-size:18px;font-family:var(--font-sans);text-align:center;background:0 0;border:none;padding:8px 0}.page-module__jXZM3G__searchInput::placeholder{color:#555;text-transform:uppercase;letter-spacing:.1em;font-size:14px}.page-module__jXZM3G__searchIcon{color:var(--text-accent);position:absolute;bottom:12px;right:0}.page-module__jXZM3G__grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;width:100%;display:grid}.page-module__jXZM3G__postCard{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.page-module__jXZM3G__postCard:hover{border-color:var(--text-accent);transform:translateY(-8px);box-shadow:0 20px 40px #0006}.page-module__jXZM3G__thumbnailWrapper{aspect-ratio:16/9;background:#111;width:100%;position:relative;overflow:hidden}.page-module__jXZM3G__thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s}.page-module__jXZM3G__postCard:hover .page-module__jXZM3G__thumbnail{transform:scale(1.05)}.page-module__jXZM3G__categoryBadge{color:var(--text-accent);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:1px solid #ff6b004d;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.page-module__jXZM3G__cardContent{flex-direction:column;flex:1;padding:30px;display:flex}.page-module__jXZM3G__postMeta{color:#666;font-size:13px;font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-module__jXZM3G__postTitle{color:#fff;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.2;transition:color .2s}.page-module__jXZM3G__postCard:hover .page-module__jXZM3G__postTitle{color:var(--text-accent)}.page-module__jXZM3G__postExcerpt{color:#aaa;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:24px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.page-module__jXZM3G__postCard[data-category=MINI\ Project]:hover{border-color:#00c2ff}.page-module__jXZM3G__postCard[data-category=MINI\ Project] .page-module__jXZM3G__categoryBadge{color:#00c2ff;border-color:#00c2ff4d}.page-module__jXZM3G__postCard[data-category=MINI\ Project] .page-module__jXZM3G__series{color:#00c2ff;background:#00c2ff1a;border-color:#00c2ff80}.page-module__jXZM3G__postCard[data-category=MINI\ Project]:hover .page-module__jXZM3G__postTitle{color:#00c2ff}.page-module__jXZM3G__postCard[data-category=MINI\ Project] .page-module__jXZM3G__backLink:hover{background:#00c2ff}.page-module__jXZM3G__readMore{color:#fff;text-transform:uppercase;align-items:center;gap:8px;margin-top:auto;font-size:13px;font-weight:700;display:flex}.page-module__jXZM3G__arrow{transition:transform .2s}.page-module__jXZM3G__postCard:hover .page-module__jXZM3G__arrow{transform:translate(4px)}.page-module__jXZM3G__backLink{z-index:100;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:fixed;top:40px;left:40px}.page-module__jXZM3G__backLink:hover{background:var(--text-accent);color:#000}@media (max-width:768px){.page-module__jXZM3G__grid{grid-template-columns:1fr}.page-module__jXZM3G__title{font-size:48px}}
