/* ===== HERO ===== */

.hero{
  position:relative;
  min-height:100vh;
  display:flex;align-items:flex-end;
  overflow:hidden;
  background:#0c0c09;
}
.hero-bg{
  position:absolute;inset:0;
  background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=80');
  background-size:cover;background-position:center;
  animation:heroZoom 18s ease-in-out infinite alternate;
}
@keyframes heroZoom{from{transform:scale(1);}to{transform:scale(1.08);}}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(12,12,9,.35) 0%, rgba(12,12,9,.55) 55%, rgba(12,12,9,.92) 100%);
}
.hero-inner{
  position:relative;z-index:2;
  color:var(--cream);
  padding-bottom:110px;
  padding-top:220px;
}
.hero-tag{
  opacity:0;
  animation:fadeUp .8s var(--ease) .2s forwards;
}
.hero-title{font-size:clamp(44px,7.2vw,96px);font-weight:800;}
.hero-title .line{
  display:block;
  opacity:0;
  transform:translateY(34px);
  animation:fadeUp .9s var(--ease) forwards;
}
.hero-title .line:nth-child(1){animation-delay:.35s;}
.hero-title .line:nth-child(2){animation-delay:.5s;}
.hero-title .line:nth-child(3){animation-delay:.65s;}
.hero-title .gold{color:var(--gold);}
@keyframes fadeUp{to{opacity:1;transform:translateY(0);}}
.hero-sub{
  margin-top:26px;max-width:560px;font-size:17px;line-height:1.7;
  color:rgba(244,241,234,.82);
  opacity:0;animation:fadeUp .9s var(--ease) .8s forwards;
}
.hero-cta{
  display:flex;gap:16px;margin-top:38px;flex-wrap:wrap;
  opacity:0;animation:fadeUp .9s var(--ease) .95s forwards;
}
.scroll-cue{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  width:26px;height:42px;border:1.5px solid rgba(244,241,234,.5);
  border-radius:14px;z-index:2;
}
.scroll-cue span{
  position:absolute;top:8px;left:50%;transform:translateX(-50%);
  width:4px;height:8px;background:var(--gold);border-radius:2px;
  animation:cue 1.8s ease-in-out infinite;
}
@keyframes cue{0%{opacity:1;top:8px;}70%{opacity:0;top:22px;}100%{opacity:0;top:8px;}}

/* ===== TRUST STRIP ===== */
.trust-strip{background:var(--ink);padding:0;}
.trust-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line-dark);
}
.trust-item{
  padding:34px 20px;text-align:center;
  border-right:1px solid var(--line-dark);
  color:var(--cream);
}
.trust-item:last-child{border-right:none;}
.trust-item strong{
  display:block;font-family:var(--ff-display);font-weight:800;
  font-size:34px;color:var(--gold);margin-bottom:6px;
}
.trust-item strong small{font-size:16px;color:rgba(244,241,234,.5);}
.trust-item span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,241,234,.62);}

/* ===== INTRO ===== */
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.intro-copy h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;margin:14px 0 22px;}
.gold-text{color:var(--gold-deep);}
.section-dark .gold-text, .cta-band .gold-text{color:var(--gold);}
.intro-text{color:var(--slate);font-size:16px;line-height:1.8;margin-bottom:32px;max-width:460px;}
.intro-media{position:relative;border-radius:4px;overflow:hidden;}
.intro-media img{width:100%;height:460px;object-fit:cover;transition:transform .7s var(--ease);}
.intro-media:hover img{transform:scale(1.05);}
.intro-media-tag{
  position:absolute;bottom:18px;left:18px;
  background:rgba(20,20,15,.75);backdrop-filter:blur(6px);
  color:var(--cream);font-size:12px;letter-spacing:.05em;
  padding:9px 16px;border-left:2px solid var(--gold);
}

/* ===== SERVICES GRID ===== */
.services-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark);
}
.service-card{
  padding:44px 36px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);
  transition:background .4s var(--ease), transform .4s var(--ease);
  position:relative;
}
.service-card:hover{background:rgba(201,164,104,.06);}
.service-icon{
  width:52px;height:52px;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;color:var(--gold);
  margin-bottom:26px;transition:background .35s var(--ease), color .35s var(--ease);
}
.service-card:hover .service-icon{background:var(--gold);color:var(--ink);}
.service-card h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--cream);}
.service-card p{font-size:14px;line-height:1.7;color:rgba(244,241,234,.6);margin-bottom:20px;}
.service-more{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s;}
.service-card:hover .service-more{opacity:1;transform:translateX(0);}

/* ===== MOSAIC ===== */
.mosaic{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  grid-template-rows:repeat(2,220px);
  gap:14px;
}
.mosaic-item{position:relative;overflow:hidden;border-radius:3px;grid-row:span 1;}
.mosaic-item.big{grid-row:span 2;}
.mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.mosaic-item:hover img{transform:scale(1.08);}
.mosaic-item .tag{
  position:absolute;top:14px;left:14px;background:var(--gold);color:var(--ink);
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 12px;
}

/* ===== PROCESS ROW (home preview) ===== */
.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative;}
.process-row::before{
  content:'';position:absolute;top:14px;left:0;right:0;height:1px;background:var(--line);
}
.process-step{position:relative;padding-top:44px;}
.pnum{
  position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;
  background:var(--cream-2);border:1.5px solid var(--gold-deep);color:var(--gold-deep);
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;
  font-family:var(--ff-display);
}
.process-step h4{font-size:17px;font-weight:700;margin-bottom:8px;}
.process-step p{font-size:13.5px;color:var(--slate);line-height:1.65;}

/* ===== TESTIMONIALS ===== */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.testimonial-card{
  background:var(--ink-soft);border:1px solid var(--line-dark);
  padding:34px 30px;transition:transform .4s var(--ease), border-color .4s var(--ease);
}
.testimonial-card:hover{transform:translateY(-8px);border-color:var(--gold);}
.stars{color:var(--gold);letter-spacing:2px;margin-bottom:18px;font-size:14px;}
.testimonial-card p{font-size:14.5px;line-height:1.75;color:rgba(244,241,234,.82);margin-bottom:24px;}
.t-author{border-top:1px solid var(--line-dark);padding-top:16px;display:flex;flex-direction:column;gap:3px;}
.t-author b{font-size:14px;color:var(--cream);}
.t-author span{font-size:12.5px;color:var(--gold);}

/* ===== CTA BAND ===== */
.cta-band{
  background:var(--ink);
  text-align:center;
  padding:100px 0;
  border-top:1px solid var(--line-dark);
}
.cta-band h2{font-size:clamp(32px,4.6vw,52px);font-weight:800;color:var(--cream);margin-bottom:18px;}
.cta-band p{color:rgba(244,241,234,.65);max-width:560px;margin:0 auto 36px;font-size:16px;line-height:1.7;}

@media (max-width:980px){
  .intro-grid{grid-template-columns:1fr;gap:40px;}
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,200px);}
  .mosaic-item.big{grid-row:span 1;grid-column:span 2;}
  .process-row{grid-template-columns:repeat(2,1fr);row-gap:36px;}
  .process-row::before{display:none;}
  .testimonial-grid{grid-template-columns:1fr;}
  .trust-inner{grid-template-columns:repeat(2,1fr);}
  .trust-item:nth-child(2){border-right:none;}
}
@media (max-width:640px){
  .services-grid{grid-template-columns:1fr;}
  .mosaic{grid-template-columns:1fr;grid-template-rows:repeat(5,220px);}
  .mosaic-item.big{grid-column:span 1;}
  .process-row{grid-template-columns:1fr;}
}

/* Header Layout */
.site-header .wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* Logo */
.brand{
    display:flex;
    align-items:center;
}



/* Main Navigation */
.main-nav{
    display:flex;
    align-items:center;
    gap:35px;
}

.main-nav a{
    text-decoration:none;
    color:#fff;
    font-weight:600;
}

/* First Dropdown */
.dropdown{
    position:relative;
}

.dropdown-content{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    background:#222;
    z-index:9999;
    box-shadow:0 8px 20px rgba(0,0,0,.3);
}

.dropdown-content a{
    display:block;
    padding:14px 20px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
    white-space:nowrap;
}

.dropdown:hover > .dropdown-content{
    display:block;
}

/* Second Dropdown */
.dropdown-submenu{
    position:relative;
}

.dropdown-submenu-content{
    display:none;
    position:absolute;
    top:0;
    left:100%;
    min-width:220px;
    background:#222;
    z-index:9999;
    box-shadow:0 8px 20px rgba(0,0,0,.3);
}

.dropdown-submenu:hover > .dropdown-submenu-content{
    display:block;
}

.dropdown-submenu-content a{
    display:block;
    padding:14px 20px;
    color:#fff;
    white-space:nowrap;
}