/* lab.css — F19 skill add-netlify-ref dedicated styles */
.lab-body{background:var(--bg);color:var(--t1);min-height:100vh;font-family:var(--fb)}
.lab-main{padding-top:80px;min-height:100vh}
.lab-section{padding:60px 5vw 100px}
.lab-container{max-width:1400px;margin:0 auto}
.lab-header{text-align:center;margin-bottom:60px}
.lab-eyebrow{font-family:var(--fm);font-size:.75rem;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.lab-header h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:16px}
.lab-intro{font-family:var(--fb);font-size:clamp(1rem,1.3vw,1.2rem);color:var(--t2);max-width:600px;margin:0 auto;line-height:1.5}
.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}
.lab-card{display:flex;flex-direction:column;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;text-decoration:none;color:inherit;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}
.lab-card:hover{border-color:rgba(196,154,60,.4);background:rgba(196,154,60,.04);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.lab-card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a0a09}
.lab-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.lab-card:hover .lab-card-media img{transform:scale(1.04)}
.lab-num{position:absolute;top:12px;left:12px;font-family:var(--fm);font-size:.7rem;font-weight:700;color:var(--gold);background:rgba(10,10,9,.7);padding:6px 10px;border-radius:6px;letter-spacing:.1em;z-index:2;backdrop-filter:blur(6px)}
.lab-card-overlay{position:absolute;inset:0;background:rgba(10,10,9,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.lab-card-overlay span{font-family:var(--fd);font-weight:700;color:var(--gold);font-size:1.2rem;padding:12px 24px;border:2px solid var(--gold);border-radius:8px;background:rgba(10,10,9,.5)}
.lab-card:hover .lab-card-overlay{opacity:1}
.lab-card-body{padding:24px 20px;display:flex;flex-direction:column;gap:10px}
.lab-category{display:flex;align-items:center;gap:8px;font-family:var(--fm);font-size:.7rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}
.lab-card h3{font-family:var(--fd);font-weight:700;font-size:1.2rem;line-height:1.3;color:var(--t1);margin:0}
.lab-client{font-family:var(--fb);font-size:.82rem;color:var(--t3)}
.lab-desc{font-family:var(--fb);font-size:.9rem;color:var(--t2);line-height:1.5;margin:4px 0}
.lab-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tech-pill{font-family:var(--fm);font-size:.7rem;color:var(--t2);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);padding:4px 10px;border-radius:6px;letter-spacing:.02em}
@media(max-width:768px){
  .lab-section{padding:40px 4vw 60px}
  .lab-grid{grid-template-columns:1fr;gap:16px}
}