.works-page{padding-top:72px}.works-hero{background:url(/images/orange.png) center center / cover no-repeat;padding:6rem clamp(2rem,8vw,7rem);min-height:260px;display:flex;align-items:flex-end}.works-hero-title{font-family:DM Sans,sans-serif;font-weight:700;font-size:clamp(2rem,4vw,3.5rem);color:#000;margin:0 0 .5rem;line-height:1.1}.works-hero-sub{font-family:DM Sans,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem);color:#000;opacity:.7;margin:0;max-width:560px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInDown .8s ease-out .2s both}.animate-fade-in-delay{animation:fadeInDown .8s ease-out .4s both}.wrk-section{padding:5rem clamp(2rem,6vw,6rem)}.bg-white{background:#fff}.bg-warm{background:#f7f5f0}.bg-dark{background:#95bd8d}.wrk-inner{max-width:1200px;margin:0 auto}.section-title{font-family:DM Sans,sans-serif;font-weight:700;font-size:clamp(1.6rem,3vw,2.5rem);color:#000;margin:0 0 1rem;line-height:1.15}.section-title.white{color:#fff}.section-sub{font-family:DM Sans,sans-serif;font-size:1rem;color:#000;opacity:.6;margin:0 0 3rem;max-width:560px;line-height:1.7}.section-sub.white-sub{color:#fff;opacity:.85}.intro-text{font-family:DM Sans,sans-serif;font-size:1.05rem;color:#000;opacity:.65;line-height:1.9;max-width:760px;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.08);background:#fff;transition:box-shadow .2s ease,transform .2s ease}.project-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.project-img-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f0f4f0}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-img{transform:scale(1.03)}.project-info{padding:1.75rem;display:flex;flex-direction:column;flex:1}.project-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.project-tag{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;color:#fff;padding:.2rem .65rem}.project-tag.green{background:#95bd8d}.project-tag.olive{background:#6b8f76}.project-tag.brown{background:#a07850}.project-year{font-family:DM Sans,sans-serif;font-size:.8rem;color:#000;opacity:.4}.project-name{font-family:DM Sans,sans-serif;font-weight:700;font-size:1.15rem;color:#000;margin:0 0 .4rem}.project-materials{font-family:DM Sans,sans-serif;font-size:.8rem;color:#000;opacity:.45;margin:0 0 .75rem}.project-desc{font-family:DM Sans,sans-serif;font-size:.875rem;color:#000;opacity:.6;line-height:1.7;margin:0 0 1.25rem;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-family:DM Sans,sans-serif;font-size:.75rem;color:#000;opacity:.55;border:1px solid rgba(0,0,0,.15);padding:.2rem .6rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.portfolio-card{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.08);background:#fff;transition:box-shadow .2s ease,transform .2s ease}.portfolio-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.portfolio-img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f0f4f0}.portfolio-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-card:hover .portfolio-img{transform:scale(1.03)}.portfolio-info{padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.portfolio-name{font-family:DM Sans,sans-serif;font-weight:700;font-size:.95rem;color:#000;margin:.25rem 0 0}.portfolio-materials{font-family:DM Sans,sans-serif;font-size:.78rem;color:#000;opacity:.4;margin:0}.portfolio-desc{font-family:DM Sans,sans-serif;font-size:.85rem;color:#000;opacity:.6;line-height:1.6;margin:0}.section-header{margin-bottom:3rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.metric-card{padding:2rem 1.5rem;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;text-align:center;transition:background .2s ease,transform .2s ease}.metric-card:hover{background:#fff3;transform:translateY(-4px)}.metric-number{font-family:DM Sans,sans-serif;font-weight:700;font-size:2.5rem;color:#fff;line-height:1;margin-bottom:.5rem}.metric-label{font-family:DM Sans,sans-serif;font-size:.875rem;color:#fff;opacity:.85;margin:0}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.testimonial-card{border:1px solid rgba(0,0,0,.08);padding:2rem;background:#f7f5f0;display:flex;flex-direction:column;gap:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.testimonial-card:hover{box-shadow:0 8px 24px #00000012;transform:translateY(-4px)}.testimonial-quote{font-family:DM Sans,sans-serif;font-size:.95rem;color:#000;opacity:.7;line-height:1.8;margin:0;font-style:italic;flex:1}.testimonial-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:2.5rem;height:2.5rem;background:#95bd8d;color:#fff;font-family:DM Sans,sans-serif;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.author-name{font-family:DM Sans,sans-serif;font-weight:700;font-size:.875rem;color:#000;margin:0}.author-role{font-family:DM Sans,sans-serif;font-size:.78rem;color:#000;opacity:.45;margin:0}.cta-inner{display:flex;flex-direction:column;align-items:flex-start}.cta-buttons{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.wrk-cta{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;padding:.65rem 1.5rem;transition:background .2s ease,color .2s ease}.wrk-cta.primary{background:#95bd8d;color:#fff}.wrk-cta.primary:hover{background:#c08ea4}.wrk-cta.ghost{background:transparent;color:#000;opacity:.6;padding:.65rem 0}.wrk-cta.ghost:hover{opacity:1}.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease-out,transform .7s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.featured-grid .project-card:nth-child(1){transition-delay:.1s}.featured-grid .project-card:nth-child(2){transition-delay:.25s}.portfolio-grid .portfolio-card:nth-child(1){transition-delay:.1s}.portfolio-grid .portfolio-card:nth-child(2){transition-delay:.25s}.portfolio-grid .portfolio-card:nth-child(3){transition-delay:.4s}.metrics-grid .metric-card:nth-child(1){transition-delay:.1s}.metrics-grid .metric-card:nth-child(2){transition-delay:.2s}.metrics-grid .metric-card:nth-child(3){transition-delay:.3s}.metrics-grid .metric-card:nth-child(4){transition-delay:.4s}.testimonials-grid .testimonial-card:nth-child(1){transition-delay:.1s}.testimonials-grid .testimonial-card:nth-child(2){transition-delay:.25s}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.featured-grid,.testimonials-grid{grid-template-columns:1fr}.portfolio-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.portfolio-grid,.metrics-grid{grid-template-columns:1fr}}