.category-projects{--cat-gold:var(--theme-accent);--cat-gold-soft:var(--theme-accent-soft);--cat-bg:var(--theme-bg-elevated);--cat-surface:var(--theme-surface-raised);--cat-text:var(--theme-text-secondary);--cat-muted:var(--theme-muted);background:var(--cat-bg);color:var(--cat-text);min-height:100vh}.category-hero{background:var(--theme-hero-fallback);width:100%;height:58vh;min-height:340px;max-height:520px;position:relative;overflow:hidden}.category-hero-image{object-fit:cover;transition:transform 8s cubic-bezier(.22,1,.36,1);transform:scale(1.12)}.category-projects--ready .category-hero-image{transform:scale(1)}.category-hero-overlay{background:var(--theme-category-overlay);pointer-events:none;position:absolute;inset:0}.category-hero-scan{background:linear-gradient(90deg, transparent, var(--cat-gold), transparent);opacity:0;pointer-events:none;z-index:2;height:1px;position:absolute;top:0;left:0;right:0}.category-projects--ready .category-hero-scan{animation:3.5s cubic-bezier(.45,0,.25,1) .6s categoryScan}@keyframes categoryScan{0%{opacity:0;top:0}15%{opacity:.7}85%{opacity:.7}to{opacity:0;top:100%}}.category-hero-content{z-index:3;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding:2rem 1.5rem 3rem;display:flex;position:absolute;inset:0}.category-back{font-family:var(--font-body), var(--font-body-fallback);letter-spacing:.12em;text-transform:uppercase;color:var(--cat-gold);opacity:0;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .3s;position:absolute;top:5.5rem;left:1.5rem;transform:translate(-12px)}.category-projects--ready .category-back{animation:.7s cubic-bezier(.22,1,.36,1) .25s forwards categorySlideIn}.category-back:hover{color:var(--theme-accent-hover)}.category-eyebrow{font-family:var(--font-body), var(--font-body-fallback);letter-spacing:.24em;text-transform:uppercase;color:var(--cat-gold);opacity:0;margin:0 0 .75rem;font-size:.7rem;font-weight:600}.category-projects--ready .category-eyebrow{animation:.7s .4s forwards categoryFadeUp}.category-hero-title{font-family:var(--font-heading), var(--font-heading-fallback);letter-spacing:.03em;color:var(--theme-on-image-text);flex-wrap:wrap;justify-content:center;gap:.25em .3em;margin:0 0 .75rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:500;line-height:1.1;display:flex}.category-hero-word{opacity:0;display:inline-block;transform:translateY(100%)}.category-projects--ready .category-hero-word{animation:.7s cubic-bezier(.22,1,.36,1) forwards categoryWordRise;animation-delay:calc(.5s + var(--word-index) * 80ms)}.category-hero-tagline{max-width:480px;color:var(--theme-on-image-muted);opacity:0;margin:0;font-size:1rem;line-height:1.6}.category-projects--ready .category-hero-tagline{animation:.8s .95s forwards categoryFadeUp}@keyframes categoryFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes categorySlideIn{to{opacity:1;transform:translate(0)}}@keyframes categoryWordRise{to{opacity:1;transform:translateY(0)}}.category-content{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 5.5rem}.category-tabs{border-bottom:1px solid var(--theme-border);flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;margin-bottom:3rem;padding-bottom:.35rem;display:flex}.category-tab{font-family:var(--font-body), var(--font-body-fallback);color:var(--cat-muted);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;padding:.65rem .2rem;font-size:.8rem;font-weight:600;transition:color .3s;position:relative}.category-tab:after{content:"";background:var(--cat-gold);transform-origin:50%;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.category-tab.active{color:var(--cat-gold)}.category-tab.active:after{transform:scaleX(1)}.category-tab:hover{color:var(--cat-text)}.category-empty{color:var(--cat-muted);text-align:center;padding:3rem 0;font-size:1.05rem}.category-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (min-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.5rem}}.project-card{border:1px solid var(--theme-border);background:var(--cat-surface);box-shadow:0 4px 20px var(--theme-shadow-soft);cursor:pointer;text-align:left;color:inherit;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;transition-delay:calc(var(--card-index) * 90ms);flex-direction:column;padding:0;display:flex;overflow:hidden;transform:perspective(800px)rotateX(8deg)translateY(32px)}.category-grid--visible .project-card{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)}.project-card:hover{border-color:var(--cat-gold-soft);box-shadow:0 20px 48px var(--theme-shadow);transform:translateY(-6px)}.project-card-image-wrap{aspect-ratio:4/3;background:var(--theme-surface-alt);width:100%;position:relative;overflow:hidden}.project-card-image{object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-card-image{transform:scale(1.07)}.project-card-status{z-index:2;letter-spacing:.12em;text-transform:uppercase;color:var(--cat-bg);background:var(--cat-gold);padding:.35rem .75rem;font-size:.65rem;font-weight:600;position:absolute;top:1rem;right:1rem}.project-card-shine{background:linear-gradient(125deg, transparent 40%, var(--theme-shine) 50%, transparent 60%);pointer-events:none;z-index:1;transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.project-card:hover .project-card-shine{transform:translate(100%)}.project-card-body{flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.5rem 1.35rem 1.65rem;display:flex}.project-card-name{font-family:var(--font-heading), var(--font-heading-fallback);color:var(--cat-text);letter-spacing:.02em;margin:0;font-size:1.35rem;font-weight:500}.project-card-location{letter-spacing:.14em;text-transform:uppercase;color:var(--cat-muted);margin:0;font-size:.72rem;font-weight:600}.project-card-units{color:var(--cat-gold);margin:.25rem 0 0;font-size:.9rem;font-weight:500}.project-card-link{letter-spacing:.14em;text-transform:uppercase;color:var(--cat-gold);opacity:0;margin-top:.75rem;font-size:.7rem;font-weight:600;transition:opacity .35s,transform .35s;transform:translateY(6px)}.project-card:hover .project-card-link{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.category-hero-image,.category-hero-scan,.category-back,.category-eyebrow,.category-hero-word,.category-hero-tagline,.project-card{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}