body{
  background-color:var(--color-bg);
}
.section-alt{
  background:linear-gradient(to bottom,var(--color-bg-alt),var(--color-bg));
}
.services-grid .service-card h3{
  font-size:var(--font-size-2xl);
}
.service-list,
.format-meta,
.trust-list,
.consultation-list{
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:0.35rem;
  font-size:var(--font-size-sm);
}
.service-list li::before,
.format-meta li::before,
.trust-list li::before,
.consultation-list li::before{
  content:"•";
  margin-right:0.35rem;
  color:var(--color-accent-gold);
}
.service-list li,
.format-meta li,
.trust-list li,
.consultation-list li{
  display:flex;
  align-items:flex-start;
}
.grid-4-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-6);
}
.process-step-number{
  font-family:var(--font-sans);
  font-size:var(--font-size-xs);
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--color-accent-gold);
}
.process-step h3{
  margin-top:var(--space-2);
}
.process-meta{
  font-size:var(--font-size-xs);
  color:var(--gray-600);
}
.process-cta{
  margin-top:var(--space-8);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  border:1px dashed rgba(197,164,109,0.7);
  background-color:rgba(250,248,243,0.8);
}
.process-cta p{
  margin-bottom:0;
}
.formats-grid{
  margin-top:var(--space-6);
}
.format-card h3{
  font-size:var(--font-size-2xl);
}
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:var(--space-6);
}
.portfolio-card{
  background-color:var(--color-bg-elevated);
  border-radius:var(--radius-lg);
  border:1px solid rgba(197,164,109,0.5);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
}
.portfolio-media{
  margin:0;
  max-height:240px;
  overflow:hidden;
}
.portfolio-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.portfolio-content{
  padding:var(--space-5);
}
.portfolio-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}
.portfolio-meta-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:var(--space-4);
  margin-top:var(--space-4);
  font-size:var(--font-size-sm);
}
.portfolio-meta-list dt{
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-size:var(--font-size-xs);
  color:var(--gray-600);
}
.portfolio-meta-list dd{
  margin:0.2rem 0 0;
}
.portfolio-cta-row{
  margin-top:var(--space-8);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
}
.trust-grid{
  gap:var(--space-6);
}
.trust-card h3{
  font-size:var(--font-size-2xl);
}
.trust-meta-row{
  margin-top:var(--space-8);
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background-color:var(--color-surface-soft);
  border:1px solid var(--color-border-subtle);
}
.trust-meta-label{
  font-size:var(--font-size-xs);
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--gray-600);
  margin-bottom:var(--space-2);
}
.trust-meta-copy{
  margin-bottom:0;
}
.testimonials-grid{
  margin-top:var(--space-2);
}
.testimonial-card blockquote{
  margin:0 0 var(--space-4);
}
.testimonial-name{
  font-weight:600;
  margin-bottom:0.1rem;
  color:var(--color-text);
}
.testimonial-meta{
  font-size:var(--font-size-xs);
  color:var(--gray-600);
  margin-bottom:0;
}
.consultation-highlight{
  background:linear-gradient(135deg,rgba(238,229,213,0.96),rgba(250,248,243,0.98));
}
.consultation-inner{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);
  gap:var(--space-8);
  align-items:flex-start;
}
.consultation-copy h2{
  font-size:var(--font-size-3xl);
}
.consultation-list{
  margin-top:var(--space-4);
}
.consultation-cta{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background-color:var(--color-bg-elevated);
  border:1px solid rgba(197,164,109,0.7);
  box-shadow:var(--shadow-soft);
}
.consultation-meta-title{
  font-size:var(--font-size-sm);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.14em;
  color:var(--gray-700);
}
.consultation-meta p{
  margin-bottom:0;
}
.consultation-meta .link{
  font-size:var(--font-size-xs);
}
@media (max-width:1024px){
  .grid-4-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .consultation-inner{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .grid-4-steps{
    grid-template-columns:1fr;
  }
  .portfolio-grid{
    grid-template-columns:1fr;
  }
  .process-cta,
  .portfolio-cta-row{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:480px){
  .portfolio-meta-list{
    grid-template-columns:1fr;
  }
}
ul{
  list-style:none !important;
}
.nav-toggle{
  flex-direction:column;
}

/* Keep the consultation card in the document flow, never over the hero content. */
.hero-media-wrap{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:var(--space-4);
}
.hero-media{
  height:auto;
  min-height:30rem;
}
.hero-floating-card{
  position:static;
  right:auto;
  bottom:auto;
  width:min(100%,360px);
  max-width:100%;
  margin:0 0 0 auto;
}

/* Tablet layout */
@media (max-width:1024px){
  .hero-layout{
    gap:var(--space-6);
  }
  .hero-copy{
    order:1;
  }
  .hero-media-wrap{
    order:2;
  }
  .hero-media{
    min-height:0;
  }
  .hero-floating-card{
    width:100%;
    margin:0;
  }
  .section-heading{
    margin-bottom:var(--space-6);
  }
  .services-grid,
  .testimonials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:769px) and (max-width:1024px){
  .hero-media-inner{
    grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);
  }
  .hero-scene{
    min-height:18rem;
  }
}

/* Phone layout */
@media (max-width:768px){
  .hero{
    padding-top:var(--space-6);
    padding-bottom:var(--space-10);
  }
  .hero-layout{
    gap:var(--space-5);
  }
  .hero-copy{
    padding:var(--space-5);
  }
  .hero-kicker{
    align-items:flex-start;
  }
  .hero-kicker-divider{
    width:2rem;
    flex:0 0 auto;
    margin-top:0.55rem;
  }
  .hero-title{
    font-size:clamp(2rem,8vw,2.35rem);
  }
  .hero-subtitle,
  .section-heading-subtitle{
    font-size:1rem;
  }
  .hero-meta{
    margin-bottom:var(--space-5);
  }
  .hero-ctas{
    align-items:stretch;
  }
  .hero-ctas .btn,
  .process-cta .btn,
  .portfolio-cta-row .btn,
  .consultation-cta .btn{
    width:100%;
  }
  .hero-ctas .link{
    align-self:center;
  }
  .hero-media{
    padding:var(--space-4);
  }
  .hero-media-inner{
    gap:var(--space-5);
  }
  .hero-scene{
    min-height:0;
  }
  .hero-scene img{
    width:100%;
    height:clamp(15rem,62vw,21rem);
    object-fit:cover;
  }
  .hero-sidebar-item{
    align-items:flex-start;
  }
  .hero-sidebar-value{
    max-width:60%;
    text-align:right;
  }
  .hero-floating-card-inner{
    padding:var(--space-5);
  }
  .hero-floating-header{
    flex-direction:column;
    gap:var(--space-2);
  }
  .hero-floating-price{
    text-align:left;
  }
  .hero-floating-actions .btn{
    width:100%;
  }
  .section{
    padding-top:var(--space-10);
    padding-bottom:var(--space-10);
  }
  .section-heading{
    margin-bottom:var(--space-5);
  }
  .section-heading h2,
  .consultation-copy h2{
    font-size:clamp(1.9rem,7.5vw,2.25rem);
  }
  .services-grid,
  .testimonials-grid,
  .grid-auto-fit{
    grid-template-columns:1fr;
  }
  .grid-4-steps{
    gap:var(--space-4);
  }
  .card,
  .card-soft,
  .portfolio-content,
  .trust-meta-row,
  .consultation-cta{
    padding:var(--space-4);
  }
  .service-card h3,
  .format-card h3,
  .trust-card h3{
    font-size:clamp(1.35rem,6vw,1.6rem);
  }
  .process-cta,
  .portfolio-cta-row{
    gap:var(--space-3);
    padding:var(--space-4);
  }
  .process-cta p,
  .portfolio-cta-row p{
    margin-bottom:0;
  }
  .portfolio-grid{
    gap:var(--space-5);
  }
  .portfolio-media{
    height:13rem;
    max-height:none;
  }
  .portfolio-media img{
    height:100%;
  }
  .portfolio-meta-list{
    grid-template-columns:1fr;
    gap:var(--space-3);
  }
  .trust-meta-row{
    margin-top:var(--space-5);
  }
  .consultation-inner{
    gap:var(--space-5);
  }
  .consultation-cta{
    gap:var(--space-3);
  }
}

@media (max-width:480px){
  .container,
  .container-wide{
    padding-left:var(--space-4);
    padding-right:var(--space-4);
  }
  .hero-copy,
  .hero-floating-card-inner{
    padding:var(--space-4);
  }
  .hero-title{
    font-size:1.9rem;
  }
  .hero-meta .tag,
  .hero-sidebar .pill,
  .hero-floating-card .pill{
    font-size:0.65rem;
    letter-spacing:0.08em;
  }
  .hero-sidebar-item{
    flex-direction:column;
    gap:0.15rem;
  }
  .hero-sidebar-value{
    max-width:none;
    text-align:left;
  }
  .hero-scene img{
    height:15rem;
  }
  .section-heading h2,
  .consultation-copy h2{
    font-size:1.85rem;
  }
  .portfolio-media{
    height:11.5rem;
  }
}