.hero{padding:88px 24px 64px;text-align:center}.hero__inner{max-width:640px;margin:0 auto}.hero h1{font-size:2.6rem;margin:8px 0 4px}.hero__role{font-size:1.15rem;color:var(--brand);font-weight:600;margin:0 0 16px}.hero__desc{color:var(--text-muted);line-height:1.7;margin:0 0 32px}.hero__cta{display:flex;justify-content:center;gap:12px}.btn{display:inline-block;padding:10px 24px;border-radius:8px;font-weight:500;font-size:0.95rem;transition:all 0.2s ease}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{background:var(--brand-dark);color:#fff}.btn--ghost{border:1px solid var(--border);color:var(--text)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.section{max-width:var(--max-width);margin:0 auto;padding:56px 24px;border-top:1px solid var(--border)}.section__header h2{font-size:1.5rem;margin:0 0 32px}.project-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}.project-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow 0.2s ease, transform 0.2s ease}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-subtle)}.project-card__media img{width:100%;height:100%;object-fit:cover;display:block}.project-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);color:#fff;border:none;font-size:0.95rem;opacity:0;cursor:pointer;transition:opacity 0.2s ease}.project-card__media:hover .project-card__play{opacity:1}.project-card__body{padding:20px}.project-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.project-card__head h3{margin:0;font-size:1.1rem}.project-card__badge{font-size:0.75rem;color:var(--brand);background:var(--bg-subtle);padding:2px 8px;border-radius:4px;white-space:nowrap}.project-card__body p{color:var(--text-muted);font-size:0.9rem;line-height:1.6;margin:0 0 12px}.project-card__links{display:flex;gap:12px;flex-wrap:wrap}.project-card__links a{font-size:0.85rem}.category-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}.category-card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:20px;color:var(--text)}.category-card:hover{border-color:var(--brand);color:var(--text)}.category-card h3{margin:0 0 6px;font-size:1.05rem}.category-card p{color:var(--text-muted);font-size:0.85rem;line-height:1.5;margin:0 0 12px}.category-card__count{font-size:0.8rem;color:var(--text-faint)}.about-quote{border-left:3px solid var(--brand);background:var(--bg-subtle);padding:16px 20px;margin:0 0 16px;color:var(--text-muted);line-height:1.7}@media (max-width: 768px){.hero{padding:56px 16px 40px}.hero h1{font-size:2rem}.section{padding:40px 16px}.project-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.category-grid{grid-template-columns:1fr}}