/* Base */
:root{--brand-red:#e02626;--brand-red-dark:#b91c1c;--brand-navy:#0a1f44;--accent:#ffeddf;--dark:#0a1f44;--gray:#6b7280}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';color:#0b1220;background:#fff}
.logo{width:200px;height:46px;object-fit:cover;border-radius:6px}

/* Hero */
.hero{position:relative}
.hero-slider{height:680px}
.hero-slide{height:680px;position:relative;overflow:hidden}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,31,68,.25),rgba(10,31,68,.65))}
.hero-media{position:absolute;inset:0;background-size:cover;background-position:center;}
.hero-media.animate{animation:heroZoomIn 200ms ease-in-out both}
@keyframes heroZoomIn{
  0%{transform:scale(0.9) translateX(0%)}
  100%{transform:scale(1) translateX(0%)}
}
/* Ensure slick containers keep slide height */
.hero .slick-list,.hero .slick-track,.hero .slick-slide{height:100%}

.search-bar{position:absolute;left:0;right:0;margin:-48px auto 0;background:#fff;border-radius:10px;padding:18px 16px}
.search-bar .form-label{font-size:.85rem;color:#6b7280;display:flex;align-items:center;gap:6px}
.search-bar .form-label i{color:var(--brand-red)}

/* Section */
.section-padding{padding:80px 0;margin:175px 0}
.section-title{font-weight:800;letter-spacing:.3px;color:var(--dark);border-left:4px solid var(--brand-red);padding-left:10px}
.section-title i{color:var(--brand-red)}

/* Project cards */
.project-card{border:0;border-radius:12px;overflow:hidden}
.project-card img{height:180px;object-fit:cover}
.projects-slider .card{margin:0 10px}

/* Type cards */
.type-card{position:relative;border-radius:12px;overflow:hidden}
.type-card img{width:100%;height:260px;object-fit:cover;display:block}
.type-info{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.65));color:#fff}
.type-pills .nav-link{border-radius:20px}
.type-pills .nav-link{border:1px solid #e5e7eb;color:var(--brand-navy);background:#fff}
.type-pills .nav-link:hover{border-color:var(--brand-navy);color:var(--brand-navy)}
.type-pills .nav-link.active{background:var(--brand-red)!important;border-color:var(--brand-red)!important;color:#fff!important;box-shadow:0 6px 16px rgba(224,38,38,.18)}

/* Reviews */
.review-card{position:relative;border-radius:14px;overflow:hidden;background:#0a1f448c;text-align:center;}
.review-card img{width:100%;height:280px;object-fit:cover;opacity:.9}
.review-card.light{background:#f6f7fb}
.review-card .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.review-card .play{width:64px;height:64px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
/* Buttons override to match brand */
.btn-success{background:var(--brand-red);border-color:var(--brand-red)}
.btn-success:hover{background:var(--brand-red-dark);border-color:var(--brand-red-dark)}
.btn-outline-dark{border-color:var(--dark);color:var(--dark)}
.btn-outline-dark:hover{background:var(--dark);color:#fff}

/* Premium accents */
.badge.bg-success{background:var(--brand-red)!important;color:#fff}
.badge.bg-info{background:#e7eefc!important;color:var(--brand-navy)}
.badge.bg-warning{background:#ffe6a7!important;color:#7a4c00}

/* Collections */
.collection-card{position:relative;border-radius:14px;overflow:hidden;text-align: center;}
.collection-card img{width:100%;height:200px;object-fit:cover}
.collection-info{position:absolute;inset:auto 0 0 0;padding:14px;background:linear-gradient(178deg, rgb(231 85 85 / 5%), rgb(76 173 255 / 60%));color:#fff}
/* Subtle card hover for premium feel */
.project-card,.blog-card,.collection-card,.type-card{transition:transform .25s ease, box-shadow .25s ease}
.project-card:hover,.blog-card:hover,.collection-card:hover,.type-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}

/* Partners */
.partners-slider .partner{padding:12px}
.partners-slider img{max-height:70px;filter:grayscale(100%);opacity:.9}

/* Blog */
.blog-card img{height:200px;object-fit:cover}

/* Footer */
.footer h6{font-weight:700}

/* Page hero (projects) */
.page-hero{background:linear-gradient(180deg,rgba(10,31,68,.85),rgba(10,31,68,.65)),url('https://images.unsplash.com/photo-1492962827063-e5ea0d8d0283?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; padding:72px 0}
.page-title{color:#fff;font-weight:800;margin:0}
.page-title .mark{display:inline-block;width:6px;height:24px;background:var(--brand-red);border-radius:3px;margin-right:10px;vertical-align:middle}

/* About hero banner */
.about-hero{height:280px;background:url('https://images.unsplash.com/photo-1520975916090-3105956dac38?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat}
.stat-box{padding:8px}
.stat-num{font-size:28px;font-weight:800;color:var(--brand-navy)}
.stat-label{font-size:.8rem;color:#6b7280}

/* CTA Panel */
.cta-panel{background:#f7f8fb;border-radius:12px;padding:18px 16px;box-shadow:0 10px 40px rgba(0,0,0,.06)}

/* Project single */
.project-specs span{display:block;font-size:.8rem;color:#6b7280}
.project-specs b{display:block;font-weight:600;color:var(--dark)}

/* Responsive */
@media (max-width: 991.98px){
  .hero-slider,.hero-slide{height:520px}
  .search-bar{margin:-36px auto 0}
}
@media (max-width: 575.98px){
  .hero-slider,.hero-slide{height:420px}
  .search-bar{margin:-28px 12px 0}
}



