/*
Qurrah Creative V21.1 — Homepage Tone & Visual Polish
Scope: .route-home only. Layout/content structure remains V21.
Reference direction: charcoal + warm cream + restrained gold.
*/

.route-home{
  --home-dark:#19191b;
  --home-dark-2:#202023;
  --home-dark-3:#242326;
  --home-cream:#f6f0e5;
  --home-light:#fbf8f2;
  --home-card:#fffdf8;
  --home-gold:#c8a45d;
  --home-gold-soft:#e3c987;
  --home-text:#1c1c1f;
  --home-muted:#6f6962;
  --home-line:#ddd3c5;
  background:var(--home-light);
}

/* Header: black/charcoal like the approved tone reference */
.route-home .qc-header{
  background:rgba(22,22,24,.96);
  border-bottom:1px solid rgba(255,255,255,.075);
  box-shadow:0 8px 28px rgba(0,0,0,.12);
  backdrop-filter:blur(18px);
}
.route-home .qc-brand img{
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.22));
}
.route-home .qc-primary-nav>a,
.route-home .qc-nav-service-button{
  color:#f4efe7;
}
.route-home .qc-primary-nav>a:hover,
.route-home .qc-nav-service-button:hover{
  color:var(--home-gold-soft);
}
.route-home .qc-nav-cta{
  background:var(--home-gold)!important;
  color:#1b1915!important;
  box-shadow:0 8px 24px rgba(200,164,93,.18);
}
.route-home .qc-menu-toggle span:not(.sr-only){background:#f5f0e8}
.route-home .qc-mega{
  background:#202023;
  border-color:#353438;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
}
.route-home .qc-mega small{color:var(--home-gold-soft)}
.route-home .qc-mega a{border-color:#353438;color:#f4f0e9}
.route-home .qc-mega a:hover{color:var(--home-gold-soft)}
.route-home .qc-mega span{color:#aaa39a}

/* Hero */
.route-home .qc-hero{
  position:relative;
  background:
    radial-gradient(circle at 88% 12%,rgba(199,163,92,.16),transparent 27%),
    radial-gradient(circle at 7% 92%,rgba(199,163,92,.08),transparent 24%),
    linear-gradient(180deg,var(--home-dark-2),var(--home-dark));
  padding:94px 0 86px;
}
.route-home .qc-hero:after{
  content:"";
  position:absolute;inset:auto 0 0;height:1px;
  background:rgba(255,255,255,.07);
}
.route-home .qc-hero-grid{gap:68px}
.route-home .qc-hero-copy{position:relative;z-index:2}
.route-home .qc-hero h1{
  max-width:780px;
  text-wrap:balance;
}
.route-home .qc-hero .qc-lead{
  color:#b8b1a8;
  max-width:620px;
}
.route-home .qc-eyebrow{color:var(--home-gold)}
.route-home .qc-btn-gold{
  background:var(--home-gold);
  color:#1b1915;
  box-shadow:0 10px 28px rgba(200,164,93,.15);
}
.route-home .qc-btn-ghost{
  border-color:#5a5651;
  color:#f6f0e8;
  background:rgba(255,255,255,.02);
}
.route-home .qc-btn-ghost:hover{
  border-color:#8b7a5a;
  background:rgba(255,255,255,.045);
}
.route-home .qc-trust{color:#aaa49d}
.route-home .qc-hero-collage img,
.route-home .qc-hero-collage .qc-media-placeholder{
  border-color:rgba(255,255,255,.12);
  box-shadow:0 26px 65px rgba(0,0,0,.34);
}
.route-home .qc-collage-main{transform:rotate(-.4deg)}
.route-home .qc-collage-side{transform:rotate(.45deg)}
.route-home .qc-collage-bottom{transform:rotate(-.2deg)}

/* Warm light sections */
.route-home .qc-cream{
  background:var(--home-cream);
}
.route-home .qc-light{
  background:var(--home-light);
}
.route-home .qc-section{
  border-top:1px solid rgba(40,34,26,.035);
}
.route-home .qc-statement{
  max-width:860px;
  padding:54px 0;
}
.route-home .qc-statement h2{
  max-width:800px;
  text-wrap:balance;
}
.route-home .qc-statement p:last-child{
  color:var(--home-muted);
  max-width:650px;
  margin-top:20px;
}

/* Selected works */
.route-home .qc-section.qc-dark{
  background:
    radial-gradient(circle at 94% 8%,rgba(199,163,92,.08),transparent 24%),
    var(--home-dark);
}
.route-home .qc-section-head{
  margin-bottom:42px;
}
.route-home .qc-section-head h2{
  max-width:780px;
  text-wrap:balance;
}
.route-home .qc-dark .qc-section-head>a{
  color:#ddd5ca;
}
.route-home .qc-dark .qc-section-head>a:hover{color:var(--home-gold-soft)}
.route-home .qc-work-grid{gap:14px}
.route-home .qc-work-card{
  border:1px solid rgba(255,255,255,.09);
  background:#111113;
  box-shadow:0 18px 42px rgba(0,0,0,.16);
}
.route-home .qc-work-overlay{
  padding:28px;
  background:linear-gradient(transparent 18%,rgba(9,9,10,.92));
}
.route-home .qc-work-overlay span{color:var(--home-gold-soft)}
.route-home .qc-work-overlay h3{letter-spacing:-.025em}

/* Services */
.route-home .qc-service-grid{gap:14px}
.route-home .qc-service-card{
  background:var(--home-card);
  border-color:var(--home-line);
  border-radius:18px;
  min-height:268px;
  padding:29px;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset;
}
.route-home .qc-service-card:hover{
  transform:translateY(-4px);
  border-color:#cfc1aa;
  box-shadow:0 22px 48px rgba(56,45,28,.08);
}
.route-home .qc-service-card span{color:#a27e3b}
.route-home .qc-service-card p{color:var(--home-muted)}
.route-home .qc-service-card b{color:#2b2926}

/* Insight */
.route-home .qc-article-grid{gap:18px}
.route-home .qc-article-card{
  background:var(--home-card);
  border-color:var(--home-line);
  border-radius:17px;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}
.route-home .qc-article-card:hover{
  border-color:#cfc1aa;
  box-shadow:0 20px 44px rgba(56,45,28,.075);
}
.route-home .qc-article-card>img,
.route-home .qc-article-card>.qc-media-placeholder{
  height:210px;
}
.route-home .qc-article-card>div:last-child{padding:22px}
.route-home .qc-article-card span{color:#9f7937}
.route-home .qc-article-card p{color:var(--home-muted)}

/* Final CTA */
.route-home .qc-cta-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 14%,rgba(199,163,92,.15),transparent 24%),
    radial-gradient(circle at 8% 100%,rgba(199,163,92,.07),transparent 26%),
    var(--home-dark-2);
  padding:82px 0;
}
.route-home .qc-cta-inner{
  align-items:center;
  gap:58px;
}
.route-home .qc-cta-inner h2{
  max-width:760px;
  text-wrap:balance;
}
.route-home .qc-cta-inner p:not(.qc-eyebrow){color:#aaa39b}

/* Footer follows the same dark family as navbar */
.route-home .qc-footer{
  background:#0f0f11;
  border-top:1px solid #27272a;
}
.route-home .qc-footer h3{color:var(--home-gold-soft)}
.route-home .qc-footer-brand p{color:#9f9991}
.route-home .qc-footer div>div:not(.qc-footer-brand) a{color:#aaa49d}
.route-home .qc-footer div>div:not(.qc-footer-brand) a:hover{color:#e5d5b0}
.route-home .qc-footer-bottom{border-color:#28282b}
.route-home .qc-floating-wa{
  background:#1d1d20;
  border-color:#4c463b;
}

/* Small rhythm/alignment polish without changing page structure */
.route-home .qc-section{padding:96px 0}
.route-home .qc-section-head .qc-eyebrow{margin-bottom:12px}
.route-home .qc-section-head>a{padding-bottom:5px;border-bottom:1px solid currentColor}
.route-home .qc-btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
.route-home .qc-work-card,
.route-home .qc-service-card,
.route-home .qc-article-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.route-home .qc-work-card:focus-visible,
.route-home .qc-service-card:focus-visible,
.route-home .qc-article-card:focus-visible{
  outline:3px solid rgba(200,164,93,.48);
  outline-offset:4px;
}

/* Tablet */
@media(max-width:1000px){
  .route-home .qc-hero{padding:76px 0 74px}
  .route-home .qc-hero-grid{gap:48px}
  .route-home .qc-section{padding:82px 0}
  .route-home .qc-work-grid{gap:12px}
}

/* Mobile */
@media(max-width:760px){
  .route-home .qc-header{background:rgba(20,20,22,.985)}
  .route-home .qc-primary-nav{
    background:#1f1f22;
    border-color:#37363a;
    box-shadow:0 28px 70px rgba(0,0,0,.34);
  }
  .route-home .qc-primary-nav>a,
  .route-home .qc-nav-service-button{color:#f5f0e9}
  .route-home .qc-nav-cta{
    background:var(--home-gold)!important;
    color:#1b1915!important;
  }
  .route-home .qc-mega{
    background:#242427;
    border-top:1px solid #39383b;
    padding:12px 14px;
  }
  .route-home .qc-hero{padding:62px 0 66px}
  .route-home .qc-hero h1{
    font-size:clamp(40px,12vw,56px);
    line-height:1;
    max-width:12ch;
  }
  .route-home .qc-hero .qc-lead{font-size:16px}
  .route-home .qc-hero-collage{height:330px}
  .route-home .qc-section{padding:72px 0}
  .route-home .qc-statement{padding:20px 0}
  .route-home .qc-section-head{margin-bottom:28px;gap:14px}
  .route-home .qc-work-grid{grid-auto-rows:310px}
  .route-home .qc-service-card{min-height:0;padding:24px}
  .route-home .qc-article-card>img,
  .route-home .qc-article-card>.qc-media-placeholder{height:205px}
  .route-home .qc-cta-section{padding:68px 0}
  .route-home .qc-cta-inner{gap:28px}
}

/* Small phones */
@media(max-width:480px){
  .route-home .qc-hero{padding:52px 0 58px}
  .route-home .qc-hero h1{font-size:40px}
  .route-home .qc-hero-collage{height:285px}
  .route-home .qc-section{padding:62px 0}
  .route-home .qc-work-grid{grid-auto-rows:280px}
  .route-home .qc-work-overlay{padding:22px}
  .route-home .qc-service-card h3{margin-top:22px}
  .route-home .qc-article-card>div:last-child{padding:19px}
}