.project-hero{padding-top:30px;margin-bottom:80px}.project-hero__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;background:var(--back);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px var(--shadow-dark),inset 0 1px 0 hsla(0,0%,100%,.1)}.project-hero__image--img{border-radius:8px;width:100%;height:100%;object-fit:cover}.project-hero__info{padding:24px 0;display:flex;flex-direction:column;gap:20px}.project-hero__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-hero__badge{display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.project-hero__badge--website{color:var(--accent);background:var(--accent-alpha-10)}.project-hero__badge--design{color:#ff6b6b;background:rgba(255,107,107,.1)}.project-hero__badge--promotion{color:#51cf66;background:rgba(81,207,102,.1)}.project-hero__featured{font-size:14px;font-weight:600;color:#ff0;display:flex;align-items:center;gap:4px}.project-hero__title{font-size:28px;font-weight:700;color:var(--white);line-height:1.2;margin:0}.project-hero__description{font-size:16px;color:var(--nav-text);line-height:1.6;max-width:800px;margin:0}.project-hero__details{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--border-subtle)}.project-hero__detail{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--nav-text)}.project-hero__detail-label{font-weight:600;color:var(--white)}.project-hero__detail-value{color:var(--nav-text)}.project-hero__link{display:flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-weight:600;transition:all .3s ease;padding:8px 16px;border-radius:8px;background:var(--accent-alpha-05);border:1px solid var(--accent-alpha-10)}.project-hero__link:hover{background:var(--accent-alpha-10);transform:translateX(2px)}.project-hero__link svg{transition:transform .3s ease}.project-hero__link:hover svg{transform:translateX(2px)}@media(max-width:1024px){.project-hero{padding-top:0;margin-bottom:30px}.project-hero__content{grid-template-columns:1fr;gap:0}.project-hero__info{padding:18px 12px}}@media(max-width:768px){.project-hero{margin-top:100px}.project-hero__image--img{width:100%;height:auto;border-radius:8px}.project-hero__info{gap:16px}.project-hero__title{font-size:26px}.project-hero__details{align-items:flex-start;gap:18px;padding-top:16px}.project-hero__detail:last-child{order:-1;display:flex;width:100%}.project-hero__link{width:100%;justify-content:center}}@media(max-width:480px){.project-hero__title{font-size:24px}}