:root{
    --brand:#b70303;
    --brand-dark:#b8360f;
    --ink:#0d1117;
    --ink-2:#1a2029;
    --steel:#4a5361;
    --line:#e5e7eb;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;line-height:1.6}
  h1,h2,h3,h4,.display-1,.display-2,.display-3,.display-4{font-family:'Barlow Condensed',sans-serif;letter-spacing:.5px;text-transform:uppercase;font-weight:700;line-height:1.05}
  .btn-brand{background:var(--brand);color:#fff;border:none;padding:14px 32px;border-radius:0;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:.85rem;transition:all .25s}
  .btn-brand:hover{background:var(--brand-dark);color:#fff;transform:translateY(-2px)}
  .btn-outline-light-brand{background:transparent;color:#fff;border:2px solid #fff;padding:12px 30px;border-radius:0;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:.85rem;transition:all .25s}
  .btn-outline-light-brand:hover{background:#fff;color:var(--ink)}

  /* NAV */
  .topbar{background:#b70303;color:#c9ced6;font-size:.82rem;padding:8px 0}
  .topbar a{color:#c9ced6;text-decoration:none;margin-right:18px}
  .topbar a:hover{color:var(--brand)}
  .navbar-custom{position:absolute;top:36px;left:0;right:0;z-index:20;background:transparent;transition:all .3s}
  .navbar-custom.scrolled{position:fixed;top:0;background:rgba(13,17,23,.96);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3)}
  .navbar-custom .brand{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.75rem;color:#fff;text-decoration:none;letter-spacing:2px}
  .navbar-custom .brand span{color:var(--brand)}
  .navbar-custom .nav-link{color:#fff!important;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;padding:10px 18px!important;position:relative}
  .navbar-custom .nav-link::after{content:"";position:absolute;bottom:4px;left:18px;right:18px;height:2px;background:var(--brand);transform:scaleX(0);transition:transform .3s}
  .navbar-custom .nav-link:hover::after{transform:scaleX(1)}
  .navbar-toggler{border:1px solid rgba(255,255,255,.4)}
  .navbar-toggler-icon{filter:invert(1)}

  /* HERO SLIDER */
  .hero{position:relative;height:100vh;min-height:640px;overflow:hidden;background:#000}
  .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease-in-out}
  .hero-slide.active{opacity:1;z-index:2}
  .hero-slide .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);will-change:transform}
  .hero-slide.active .bg{animation:kenburns 14s ease-out forwards}
  @keyframes kenburns{
    0%{transform:scale(1)}
    100%{transform:scale(1.18)}
  }
  .hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,17,23,.85) 0%,rgba(13,17,23,.55) 45%,rgba(13,17,23,.25) 100%)}
  .hero-content{position:relative;z-index:5;height:100%;display:flex;align-items:center;color:#fff}
  .hero-kicker{color:var(--brand);letter-spacing:6px;font-weight:600;font-size:.85rem;text-transform:uppercase;margin-bottom:18px;display:inline-block;padding-left:60px;position:relative}
  .hero-kicker::before{content:"";position:absolute;left:0;top:50%;width:44px;height:2px;background:var(--brand)}
  .hero h1{font-size:clamp(2.4rem,5.6vw,5.2rem);margin-bottom:22px;max-width:900px}
  .hero p.lead{font-size:1.15rem;color:#d3d8de;max-width:620px;margin-bottom:34px;font-weight:300}
  .hero-dots{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:12px}
  .hero-dots button{width:44px;height:3px;background:rgba(255,255,255,.35);border:none;padding:0;cursor:pointer;transition:background .3s}
  .hero-dots button.active{background:var(--brand)}
  .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff;width:54px;height:54px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;font-size:1.4rem}
  .hero-arrow:hover{background:var(--brand);border-color:var(--brand)}
  .hero-arrow.prev{left:24px}
  .hero-arrow.next{right:24px}
  .hero-scroll{position:absolute;bottom:24px;right:32px;color:#fff;z-index:10;font-size:.75rem;letter-spacing:3px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}

  /* STATS STRIP */
  .stats{background:var(--ink);color:#fff;padding:50px 0}
  .stats .num{font-family:'Barlow Condensed',sans-serif;font-size:3.4rem;font-weight:800;color:var(--brand);line-height:1}
  .stats .lbl{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;color:#a9b0bb;margin-top:8px}

  /* SECTION */
  section{padding:100px 0}
  .section-kicker{color:var(--brand);letter-spacing:4px;font-weight:600;font-size:.8rem;text-transform:uppercase;margin-bottom:14px;display:inline-block}
  .section-title{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:20px}
  .section-lead{color:var(--steel);max-width:720px;font-size:1.05rem}

  /* ABOUT */
  .about-img{position:relative}
  .about-img img{width:100%;height:520px;object-fit:cover}
  .about-img .badge-years{position:absolute;bottom:-30px;left:-30px;background:var(--brand);color:#fff;padding:26px 32px;text-align:center;font-family:'Barlow Condensed',sans-serif}
  .about-img .badge-years .n{font-size:3rem;font-weight:800;line-height:1}
  .about-img .badge-years .t{letter-spacing:2px;font-size:.75rem;text-transform:uppercase;margin-top:4px}
  .feature-item{display:flex;gap:16px;margin-top:22px}
  .feature-item .ico{flex:0 0 48px;height:48px;background:rgba(232,70,30,.1);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
  .feature-item h5{margin:0 0 4px;font-size:1.05rem;letter-spacing:1px}
  .feature-item p{margin:0;color:var(--steel);font-size:.92rem}

  /* SERVICES */
  .services{background:#f5f6f8}
  .svc-card{background:#fff;padding:44px 32px;transition:all .3s;border-bottom:3px solid transparent;height:100%}
  .svc-card:hover{transform:translateY(-6px);border-bottom-color:var(--brand);box-shadow:0 20px 40px rgba(13,17,23,.08)}
  .svc-card .ico{font-size:2.6rem;color:var(--brand);margin-bottom:20px}
  .svc-card h4{font-size:1.3rem;margin-bottom:12px}
  .svc-card p{color:var(--steel);font-size:.95rem;margin-bottom:16px}
  .svc-card a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.8rem;letter-spacing:2px;text-transform:uppercase}
  .svc-card a:hover{color:var(--brand)}

  /* PROJECTS */
  .project{position:relative;overflow:hidden;height:340px}
  .project img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
  .project:hover img{transform:scale(1.08)}
  .project .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,17,23,.9) 0%,rgba(13,17,23,.1) 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff}
  .project .cat{color:var(--brand);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:6px}
  .project .ttl{font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase}

  /* CTA */
  .cta{background:linear-gradient(rgba(13,17,23,.85),rgba(13,17,23,.85)),url('img/hero-1.jpg') center/cover fixed;color:#fff;padding:110px 0;text-align:center}
  .cta h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:16px}
  .cta p{color:#c9ced6;max-width:640px;margin:0 auto 30px}

  /* FOOTER */
  footer{background:var(--ink);color:#a9b0bb;padding:70px 0 20px;font-size:.92rem}
  footer h5{color:#fff;font-size:1rem;letter-spacing:2px;margin-bottom:22px}
  footer a{color:#a9b0bb;text-decoration:none}
  footer a:hover{color:var(--brand)}
  footer ul{list-style:none;padding:0;margin:0}
  footer ul li{padding:6px 0}
  .footer-brand{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.7rem;color:#fff;letter-spacing:2px;margin-bottom:14px}
  .footer-brand span{color:var(--brand)}
  .social a{display:inline-flex;width:38px;height:38px;background:rgba(255,255,255,.06);align-items:center;justify-content:center;margin-right:8px;transition:background .25s}
  .social a:hover{background:var(--brand);color:#fff}
  .copyright{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:50px;text-align:center;font-size:.82rem}

  /* Reveal */
  .reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}
  .reveal.in{opacity:1;transform:none}

  @media(max-width:768px){
    .hero{height:90vh;min-height:520px}
    .hero-arrow{display:none}
    .about-img img{height:360px}
    .about-img .badge-years{left:20px;bottom:-20px;padding:18px 22px}
    section{padding:70px 0}
	  
	  
	  .navbar-custom { top:0}
	  .navbar-custom { background-color: #000;}
  }

	.brand img { width:150px;}	
	.footer-brand img { width:150px;}