
/* ============ WHY CHOOSE US (Home) ============ */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.why-card{border:1px solid var(--line);border-radius:16px;padding:2.25rem 1.75rem;transition:transform .3s var(--ease),border-color .3s ease,background .3s ease;}
.why-card:hover{transform:translateY(-6px);border-color:rgba(180,211,53,0.4);background:rgba(180,211,53,0.03);}
.why-card .num{font-family:var(--font-head);color:var(--lime);font-size:2.5rem;margin-bottom:1rem;}
.why-card h3{font-size:1.35rem;margin-bottom:.75rem;}
.why-card p{font-size:.95rem;}
.why-card a{display:inline-block;margin-top:1.25rem;color:var(--lime);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--lime);}
@media(max-width:900px){.why-grid{grid-template-columns:1fr;}}

/* ============ TESTIMONIALS ============ */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;}
.testimonial-card{border:1px solid var(--line);border-radius:16px;padding:2rem;transition:transform .3s var(--ease),border-color .3s ease;position:relative;}
.testimonial-card:hover{transform:translateY(-6px);border-color:rgba(180,211,53,0.4);}
.testimonial-card .quote-mark{font-family:var(--font-head);font-size:3rem;color:rgba(180,211,53,0.35);line-height:1;margin-bottom:.5rem;}
.testimonial-card p{color:#D6D8D6;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;}
.testimonial-card .author{display:flex;align-items:center;gap:.85rem;}
.testimonial-card .author img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.testimonial-card .author-name{font-weight:700;color:var(--white);font-size:.9rem;}
.testimonial-card .author-role{color:var(--gray);font-size:.8rem;}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr;}}

/* ============ PORTFOLIO PREVIEW (Home) ============ */
.portfolio-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.portfolio-preview-item{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;}
.portfolio-preview-item .img-box{width:100%;height:100%;border-radius:14px;}
.portfolio-preview-item .pv-label{position:absolute;left:1.25rem;bottom:1.25rem;z-index:1;}
.portfolio-preview-item .pv-label h4{font-family:var(--font-body);font-weight:700;color:var(--white);font-size:1.1rem;text-transform:none;}
.portfolio-preview-item .pv-label span{color:var(--lime);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;}
@media(max-width:900px){.portfolio-preview-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.portfolio-preview-grid{grid-template-columns:1fr;}}

/* ============ CASE STUDY ============ */
.case-meta-row{display:flex;gap:2.5rem;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.75rem 0;margin:2rem 0;}
.case-meta-item{}
.case-meta-item .label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:.35rem;}
.case-meta-item .value{font-size:1rem;color:var(--white);font-weight:600;}
.case-results{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3.5rem 0;}
@media(max-width:700px){.case-results{grid-template-columns:1fr;gap:1.5rem;}}
.case-quote{text-align:center;max-width:820px;margin:0 auto;position:relative;}
.case-quote .qmark{font-family:var(--font-head);font-size:5rem;color:var(--lime);line-height:1;opacity:0;transform:scale(.6);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.case-quote.is-visible .qmark{opacity:1;transform:scale(1);}
.case-quote p.quote-text{font-family:var(--font-head);font-weight:400;text-transform:none;font-size:clamp(1.5rem,3.5vw,2.3rem);color:var(--white);line-height:1.35;margin-top:1rem;}
.case-quote .qauthor{margin-top:1.75rem;color:var(--gray);font-size:.9rem;}
.case-quote .qauthor b{color:var(--lime);}
.case-what-we-did{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.case-what-we-did .item{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:1.5rem;transition:border-color .3s ease,transform .3s var(--ease);}
.case-what-we-did .item:hover{border-color:rgba(180,211,53,0.4);transform:translateY(-4px);}
.case-what-we-did .item .check{color:var(--lime);font-family:var(--font-head);font-size:1.1rem;flex-shrink:0;}
@media(max-width:700px){.case-what-we-did{grid-template-columns:1fr;}}
.case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
@media(max-width:700px){.case-gallery{grid-template-columns:1fr;}}
.case-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:2.5rem;flex-wrap:wrap;gap:1rem;}
.case-next .next-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--gray);}
.case-next .next-title{font-family:var(--font-head);font-size:1.75rem;transition:color .2s ease;}
.case-next:hover .next-title{color:var(--lime);}

/* Logo 3D tilt */
.logo-tilt{transition:transform .15s ease-out;transform-style:preserve-3d;will-change:transform;}
