.projects-hero{position:relative;height:60vh;min-height:400px;background:var(--color-ink);display:flex;align-items:center;overflow:hidden;padding-top:80px}.projects-hero-bg{position:absolute;inset:0;z-index:0}.projects-hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.4)}.projects-hero-content{position:relative;z-index:2;color:#fff;max-width:800px}.projects-hero h1{font-family:'Astonpoliz',serif;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-top:10px;color:#fff !important;text-shadow:0 4px 12px rgba(0,0,0,0.5)}.projects-hero .eyebrow{color:var(--color-gold) !important}.projects-nav-bar{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:79px;z-index:99;padding:16px 0;box-shadow:0 4px 12px rgba(0,0,0,0.02)}.projects-nav-inner{display:flex;justify-content:center;gap:32px}.projects-nav-link{font-size:0.85rem;font-weight:700;text-transform:uppercase;color:var(--color-charcoal);letter-spacing:0.05em;transition:color 0.2s;display:flex;align-items:center;gap:8px}.projects-nav-link:hover,.projects-nav-link.active{color:var(--color-primary)}.projects-nav-link span{width:8px;height:8px;background:var(--color-gold);border-radius:50%;display:inline-block}.project-showcase-section{padding:100px 0;border-bottom:1px solid var(--color-border)}.project-showcase-section:nth-child(even){background-color:var(--color-bg-alt)}.project-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:flex-start}.project-grid.reverse{grid-template-columns:0.9fr 1.1fr}.project-gallery-wrap{display:flex;flex-direction:column;gap:20px}.project-main-img{width:100%;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:16/10}.project-main-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.project-main-img:hover img{transform:scale(1.04)}.project-thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-thumb{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.2s}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb:hover,.project-thumb.active{border-color:var(--color-primary)}.project-meta-list{display:flex;flex-direction:column;gap:16px;margin:24px 0;padding:20px;background:rgba(181,18,23,0.03);border-left:3px solid var(--color-primary);border-radius:0 8px 8px 0}.project-meta-item{display:flex;gap:12px;font-size:0.88rem;line-height:1.5}.project-meta-item strong{color:var(--color-ink);min-width:130px;flex-shrink:0}.project-meta-item span{color:var(--color-charcoal)}.project-desc-text{font-size:0.95rem;line-height:1.7;color:var(--color-charcoal);margin-bottom:24px}.project-tabs{margin-top:32px}.project-tab-nav{display:flex;border-bottom:1px solid var(--color-border);gap:24px;margin-bottom:20px}.project-tab-btn{padding:10px 0;font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-charcoal);position:relative;transition:color 0.2s}.project-tab-btn.active{color:var(--color-primary)}.project-tab-btn.active::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--color-primary)}.project-tab-pane{display:none;animation:fadeIn 0.4s ease}.project-tab-pane.active{display:block}.project-tab-pane ul{list-style:none;padding:0}.project-tab-pane li{position:relative;padding-left:20px;margin-bottom:12px;font-size:0.88rem;color:var(--color-charcoal);line-height:1.6}.project-tab-pane li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--color-gold);border-radius:50%}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.project-grid,.project-grid.reverse{grid-template-columns:1fr;gap:40px}.projects-nav-bar{top:69px}}
@media (max-width:480px){
  .project-thumb-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .project-tab-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:18px;scrollbar-width:none}
  .project-tab-nav::-webkit-scrollbar{display:none}
  .project-tab-btn{white-space:nowrap;flex-shrink:0}
  .project-meta-item{flex-wrap:wrap}
  .project-meta-item strong{min-width:0}
}