@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,500&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* =========================================================
   CONCEPT PHOTOGRAPHY — HOMEPAGE REDESIGN OVERLAY
   Loads AFTER style.css. Only touches visual styling
   (color / type / motion) of existing theme markup.
   Safe to remove any time by deleting the <link> in index.php
   ========================================================= */

:root{
  --cp-ink:#1C1712;
  --cp-paper:#FAF6EF;
  --cp-amber:#F99B1F;
  --cp-amber-deep:#D97D0A;
  --cp-graphite:#4B463F;
  --cp-line: rgba(28,23,18,0.12);
}

body#body{
  background:var(--cp-paper) !important;
  font-family:'Inter', sans-serif !important;
  color:var(--cp-ink) !important;
}

/* ---------- Headings everywhere on homepage ---------- */
h1, h2, h3, h4, h5,
.section-title1 h1, .section-title1 h2, .section-title1 h6 {
  font-family:'Fraunces', serif !important;
  font-weight:700 !important;
  letter-spacing:-0.01em !important;
  color:var(--cp-ink) !important;
}
.section-title1 h6{
  font-family:'Space Mono', monospace !important;
  font-size:13px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--cp-amber-deep) !important;
  font-weight:400 !important;
}

/* ---------- Links / accents ---------- */
a{ transition: color .25s ease, background .25s ease, transform .25s ease; }
.blog-content h4 a,
.gallery-content h4 a,
.about-content a{
  color:var(--cp-ink) !important;
}
.blog-content h4 a:hover,
.gallery-content h4 a:hover{
  color:var(--cp-amber-deep) !important;
}

/* ---------- Header / nav ---------- */
header.header-area{
  background:rgba(250,246,239,0.94) !important;
  backdrop-filter:blur(10px);
  transition: box-shadow .3s ease, padding .3s ease;
}
header.header-area.cp-scrolled{
  box-shadow:0 1px 0 var(--cp-line);
}
.menu-list > li > a.btn--primary1{
  font-family:'Inter', sans-serif !important;
  font-weight:600 !important;
  color:var(--cp-ink) !important;
}
.menu-list > li > a.btn--primary1:hover{
  color:var(--cp-amber-deep) !important;
}
.nav-contact-list .citem h6{
  font-family:'Space Mono', monospace !important;
  color:var(--cp-amber-deep) !important;
  font-size:11px !important;
  letter-spacing:.08em;
}

/* ---------- Hero ---------- */
.tg-hero-thumb, .horo-style-1{
  position:relative;
}
.horo-style-1::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(28,23,18,0.08) 0%, rgba(28,23,18,0.35) 100%);
  pointer-events:none;
  z-index:1;
}

/* ---------- About section ---------- */
.about-style-1 .about-content p{
  font-family:'Inter', sans-serif !important;
  color:var(--cp-graphite) !important;
  font-size:16.5px !important;
  line-height:1.7 !important;
}
.about-img1 img, .about-img2 img, .about-img3 img{
  border-radius:2px;
  box-shadow:0 24px 50px -18px rgba(28,23,18,0.35);
  transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.about-img1 img:hover, .about-img2 img:hover, .about-img3 img:hover{
  transform:translateY(-6px);
}

/* ---------- Services / "Our Services" cards ---------- */
.blog-grid{ background:#F1EADB; padding:70px 0; }
.blog-grid .about-content h1{
  font-size:clamp(30px,3.6vw,46px) !important;
}
.blog-wrrap{
  border-radius:2px;
  overflow:hidden;
  background:#F1EADB;
  transition: transform .4s ease, box-shadow .4s ease;
}
.blog-wrrap:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 40px -16px rgba(28,23,18,0.28);
}
.blog-img img{
  transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .5s ease;
  filter: grayscale(30%) brightness(.92);
}
.blog-wrrap:hover .blog-img img{
  transform:scale(1.06);
  filter: grayscale(0%) brightness(1);
}
.blog-content h4 a{
  font-family:'Fraunces', serif !important;
  font-weight:600 !important;
  font-size:19px !important;
}

/* ---------- Why Choose Us ---------- */
.services-area{
  background:var(--cp-ink) !important;
}
.services-content .section-title1 h2,
.services-content .section-title1 h6{
  color:var(--cp-paper) !important;
}
.services-content .section-title1 h6{
  color:var(--cp-amber) !important;
}
.services-content .section-title1 p{
  color:rgba(250,246,239,0.68) !important;
  font-family:'Inter', sans-serif !important;
}

/* ---------- Gallery ---------- */
.photo-gallery{ background:var(--cp-paper); }
.single-img{ border-radius:2px; overflow:hidden; }
.single-img img{
  transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.single-img:hover img{ transform:scale(1.07); }
.single-img .overlay{
  background:linear-gradient(180deg, transparent 45%, rgba(20,16,12,0.82) 100%) !important;
}
.gallery-content h4 a{
  font-family:'Fraunces', serif !important;
  color:#fff !important;
}

/* ---------- Video area ---------- */
.video-wraper{
  border-radius:2px;
  overflow:hidden;
}

/* ---------- Testimonials ---------- */
.testimonial-area{ background:#F1EADB; }
.testimonial-wrrap .content p{
  font-family:'Fraunces', serif !important;
  font-style:italic;
  font-weight:500;
  font-size:clamp(18px,2vw,22px) !important;
  color:var(--cp-ink) !important;
}
.author-name h4{
  font-family:'Space Mono', monospace !important;
  font-size:13px !important;
  color:var(--cp-amber-deep) !important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.checked{ color:var(--cp-amber) !important; }

/* ---------- Footer ---------- */
footer.style1{
  background:var(--cp-ink) !important;
  color:rgba(250,246,239,0.65) !important;
}
footer.style1 .widget-title h4{
  font-family:'Space Mono', monospace !important;
  font-size:13px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--cp-paper) !important;
  font-weight:400 !important;
}
footer.style1 a{ color:rgba(250,246,239,0.75) !important; }
footer.style1 a:hover{ color:var(--cp-amber) !important; }
footer.style1 i{ color:var(--cp-paper) !important; }
footer.style1 .footer-btm p{ color:rgba(250,246,239,0.5) !important; }

/* ---------- Buttons (generic bootstrap / theme buttons) ---------- */
.btn--primary1.active,
a.btn--primary1[href="index"]{
  color:var(--cp-amber-deep) !important;
}

/* ---------- Scroll reveal (JS toggles .cp-in) ---------- */
.cp-reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
.cp-reveal.cp-in{
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .cp-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  .blog-wrrap, .blog-img img, .single-img img, .about-img1 img, .about-img2 img, .about-img3 img{
    transition:none !important;
  }
}