/*!
Theme Name: Culper Intelligence Group
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: culper-intelligence-group
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Culper Intelligence Group is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


:root{
  /* Gold sampled from the logo */
  --gold:#d4ad5f; --gold-l:#f3d987; --gold-d:#a8823e;
  --gold-grad:linear-gradient(135deg,#f3d987 0%,#d4ad5f 45%,#a8823e 100%);
  --black:#0b0b0c; --char:#141416; --char-2:#1c1c1f; --char-3:#26262a;
  --cream:#f8f5ee; --white:#fff; --ink:#18181b;
  --muted:#5f5d58; --muted-d:#a9a59b; --line:#e7e1d3; --line-d:rgba(212,173,95,.22);
  --maxw:1200px;
  --shadow:0 24px 50px -24px rgba(0,0,0,.45);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:Montserrat,system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.18}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
section{padding:110px 0}
.dark{background:var(--black);color:#fff}

/* section headings — ASIG style: small gold eyebrow with rule, big serif title */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-bottom:16px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--gold-grad)}
.dark .eyebrow{color:var(--gold)}
.center-head{text-align:center;max-width:780px;margin:0 auto 60px}
.center-head .eyebrow::after{content:"";width:34px;height:2px;background:var(--gold-grad)}
.h2{font-size:clamp(30px,4vw,48px);margin-bottom:18px}
.h2 em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:17px}
.dark .lead{color:var(--muted-d)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:2px;font:700 13.5px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid transparent;cursor:pointer;transition:.25s}
.btn-gold{background:var(--gold-grad);color:#1a1406;box-shadow:0 10px 30px -12px rgba(212,173,95,.7)}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-outline{border-color:var(--gold);color:#fff;background:transparent}
.btn-outline:hover{background:var(--gold);color:#1a1406}
.btn-outline.on-light{color:var(--ink);border-color:var(--gold-d)}
.btn-outline.on-light:hover{color:#1a1406}
.btn.sm{padding:12px 20px;font-size:12px}

.img{background:linear-gradient(135deg,var(--char-3),var(--black));position:relative;overflow:hidden}
.img img{width:100%;height:100%;object-fit:cover}

/* ===== top bar ===== */
.topbar{background:var(--black);color:var(--muted-d);font-size:13px;border-bottom:1px solid var(--line-d)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:42px;gap:16px}
.topbar b{color:var(--gold);font-weight:600}
.topbar .tb-right{display:flex;gap:26px}
.topbar a:hover{color:var(--gold-l)}

/* ===== header ===== */
header{position:sticky;top:0;z-index:40;background:rgba(11,11,12,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-d);transition:.3s}
header.scrolled{box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.nav{display:flex;align-items:center;justify-content:space-between;height:92px;gap:20px}
.logo-img{height:70px;width:auto;transition:.3s}
header.scrolled .logo-img{height:56px}
nav ul{display:flex;gap:4px;list-style:none}
nav a{display:block;padding:10px 16px;color:#e9e4d8;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;position:relative}
nav a::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;background:var(--gold-grad);transform:scaleX(0);transition:.25s;transform-origin:left}
nav a:hover,nav a.active{color:var(--gold-l)}
nav a:hover::after,nav a.active::after{transform:scaleX(1)}
.call{display:flex;align-items:center;gap:12px;color:#fff}
.call .ic{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:18px}
.call small{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.call b{font-size:16px;font-weight:700}
.burger{display:none;width:46px;height:46px;border:1.5px solid var(--gold);background:transparent;color:var(--gold);font-size:20px;cursor:pointer}

/* ===== hero (full-bleed, ASIG style) ===== */
.hero{position:relative;min-height:calc(100vh - 134px);display:flex;align-items:center;padding:80px 0 170px;overflow:hidden}
.hero .bgimg{position:absolute;inset:0}
.hero .bgimg img{object-position:62% 40%;animation:kb 22s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.hero .bgimg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(95deg,rgba(11,11,12,.96) 10%,rgba(11,11,12,.8) 48%,rgba(11,11,12,.35)),
  linear-gradient(0deg,rgba(11,11,12,.9),transparent 40%)}
.hero .wrap{position:relative;width:100%}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.hero-in{max-width:640px}
.pill{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line-d);background:rgba(212,173,95,.08);color:var(--gold-l);padding:8px 18px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:28px}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,173,95,.25)}
.hero h1{font-size:clamp(40px,5.2vw,68px);margin-bottom:24px;letter-spacing:-.01em}
.hero h1 em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{font-size:18px;color:#d3cec2;max-width:590px;margin-bottom:14px}
.hero p.tag{font-family:"Playfair Display",serif;font-style:italic;font-size:20px;color:var(--gold-l);margin-bottom:40px}
.cta{display:flex;gap:16px;flex-wrap:wrap}

/* ===== value strip (overlaps hero) ===== */
.values{position:relative;z-index:5;margin-top:-100px;padding:0}
.v-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--char);border:1px solid var(--line-d);box-shadow:var(--shadow)}
.v{padding:36px 30px;color:#fff;border-right:1px solid var(--line-d);transition:.3s;position:relative}
.v:last-child{border-right:0}
.v::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--gold-grad);transform:scaleX(0);transition:.3s}
.v:hover{background:var(--char-2)}
.v:hover::before{transform:scaleX(1)}
.v .ico{width:54px;height:54px;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold);margin-bottom:18px}
.v .ico svg{width:26px;height:26px}
.v h3{font-size:20px;margin-bottom:6px}
.v p{font-size:14px;color:var(--muted-d)}

/* ===== services (Who We Serve style) ===== */
.services{background:var(--cream)}
.s-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}
.card{background:#fff;grid-column:span 2;display:flex;flex-direction:column;border:1px solid var(--line);transition:.3s;position:relative}
.card:nth-child(4),.card:nth-child(5){grid-column:span 3}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold)}
.card .img{aspect-ratio:16/10}
.card:nth-child(4) .img,.card:nth-child(5) .img{aspect-ratio:16/8}
.card .img img{object-position:center 30%;transition:.6s}
.card:hover .img img{transform:scale(1.06)}
.card .num{position:absolute;top:18px;left:18px;z-index:2;background:var(--black);color:var(--gold);font:600 15px "Playfair Display",serif;padding:6px 12px}
.card .body{padding:28px 28px 30px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{font-size:23px}
.card p{color:var(--muted);font-size:14.5px}
.card .more{margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.card:hover .more{color:var(--ink)}
.center{text-align:center;margin-top:52px}

/* ===== about / approach ===== */
.about .grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about .pic{position:relative}
.about .pic .img{aspect-ratio:5/5.2}
.about .pic .img img{object-position:center 30%}
.about .pic::before{content:"";position:absolute;left:-22px;top:-22px;width:62%;height:62%;border:2px solid var(--gold);z-index:-1}
.about .badge{position:absolute;right:-26px;bottom:40px;background:var(--black);color:#fff;padding:24px 30px;box-shadow:var(--shadow);border-left:4px solid var(--gold)}
.about .badge b{display:block;font:700 44px "Playfair Display",serif;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.about .badge small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-d)}
.checks{list-style:none;margin:28px 0 36px;display:grid;gap:14px}
.checks li{display:flex;gap:14px;align-items:center;font-weight:600}
.checks li::before{content:"✓";flex:none;width:28px;height:28px;background:var(--black);color:var(--gold);display:grid;place-items:center;font-size:13px;font-weight:800}

/* ===== track record / counters ===== */
.record{position:relative;overflow:hidden;padding:100px 0}
.record .bgimg{position:absolute;inset:0;opacity:.14}
.record .wrap{position:relative}
.rec-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center}
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d)}
.stat{background:var(--black);padding:40px 30px;text-align:left}
.stat b{display:block;font:700 clamp(42px,5vw,60px) "Playfair Display",serif;line-height:1.05;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.stat span{color:var(--muted-d);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}

/* ===== process ===== */
.process{background:var(--cream)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);padding:44px 34px;position:relative;transition:.3s}
.step:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-4px)}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;right:28px;top:22px;font:700 54px "Playfair Display",serif;color:rgba(212,173,95,.22)}
.step .ico{width:64px;height:64px;background:var(--black);color:var(--gold);display:grid;place-items:center;margin-bottom:24px}
.step .ico svg{width:30px;height:30px}
.step h3{font-size:25px;margin-bottom:12px}
.step p{color:var(--muted);font-size:15px}

/* ===== testimonials ===== */
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.t{background:var(--char);border:1px solid var(--line-d);padding:40px 34px;display:flex;flex-direction:column;gap:22px;position:relative}
.t::before{content:"\201C";position:absolute;top:6px;right:28px;font:700 110px/1 "Playfair Display",serif;color:rgba(212,173,95,.18)}
.t.hl{background:var(--gold-grad);color:#1a1406;border:0}
.t.hl::before{color:rgba(26,20,6,.15)}
.stars{color:var(--gold);letter-spacing:4px}
.t.hl .stars{color:#1a1406}
.t p{font-size:15px;color:#cfcabd}
.t.hl p{color:#2a2110}
.who{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line-d)}
.t.hl .who{border-color:rgba(26,20,6,.2)}
.av{width:46px;height:46px;border-radius:50%;background:var(--gold-grad);display:grid;place-items:center;font-weight:800;color:#1a1406}
.t.hl .av{background:#1a1406;color:var(--gold-l)}
.who b{display:block;font-size:15px}
.who small{color:var(--muted-d);font-weight:600;font-size:13px}
.t.hl .who small{color:#4a3c1c}

/* ===== coverage ===== */
.coverage .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.areas{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.area{border:1px solid var(--line);padding:18px 20px;display:flex;gap:12px;align-items:center;font-weight:600;transition:.25s}
.area:hover{border-color:var(--gold);background:var(--cream)}
.area i{width:10px;height:10px;background:var(--gold);transform:rotate(45deg);flex:none}
.area small{display:block;font-size:11.5px;color:var(--gold-d);letter-spacing:.12em;text-transform:uppercase}
.area:last-child{grid-column:span 2}
.coverage .pic .img{aspect-ratio:4/4.3}
.coverage .pic{position:relative}
.coverage .pic::after{content:"";position:absolute;right:-22px;bottom:-22px;width:60%;height:60%;border:2px solid var(--gold);z-index:-1}

/* ===== blog ===== */
.blog{background:var(--cream)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:50px}
.b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.post{background:#fff;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:.3s;position:relative}
.post:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold)}
.post .img{aspect-ratio:16/10}
.post .img img{object-position:center 30%}
.post .body{padding:28px;display:flex;flex-direction:column;gap:12px;flex:1}
.tag-c{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--black);color:var(--gold);padding:6px 12px}
.post h3{font-size:21px;transition:.2s}
.post:hover h3{color:var(--gold-d)}
.post p{color:#fff;font-size:14.5px}
.post .foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);font-weight:600}
.post .foot a{color:var(--gold-d);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.post .foot a::after{content:"";position:absolute;inset:0;z-index:2}
.post:focus-within{outline:3px solid var(--gold);outline-offset:3px}

/* ===== contact / confidential ===== */
.contact{position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;right:-200px;top:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(212,173,95,.16),transparent 65%)}
.contact .grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.c-list{list-style:none;display:grid;gap:22px;margin-top:34px}
.c-list li{display:flex;gap:16px;align-items:flex-start}
.c-list .ic{width:48px;height:48px;border:1.5px solid var(--gold);color:var(--gold);display:grid;place-items:center;flex:none;font-size:18px}
.c-list small{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.c-list b{font-size:16.5px;font-weight:600}
.form-card{background:#fff;color:var(--ink);padding:36px 34px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);border-top:4px solid var(--gold)}
.hero .form-card{position:relative;z-index:6}
.form-card h2{font-size:26px;margin-bottom:8px}
.form-card .sub2{color:var(--muted);font-size:14.5px;margin-bottom:24px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-bottom:14px}
.field label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.12em}
.field input,.field select{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:0;font:500 15px Montserrat,sans-serif;background:var(--cream);color:var(--ink)}
.field input:focus,.field select:focus{outline:0;border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px rgba(212,173,95,.2)}
.captcha{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);padding:14px 16px;margin:6px 0 18px;font-size:14px;background:var(--cream)}
.captcha input{width:20px;height:20px;accent-color:var(--gold-d)}
.captcha span{margin-left:auto;font-size:10px;color:#8a8679}
.form-card .btn{width:100%}
.cta-box{background:var(--char);border:1px solid var(--line-d);border-top:4px solid var(--gold);padding:48px 40px}
.cta-box h3{font-size:30px;margin-bottom:12px}
.cta-box p{color:var(--muted-d);margin-bottom:30px}
.cta-btns{display:flex;flex-direction:column;gap:14px}
.secure{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12.5px;color:var(--muted);margin-top:14px}

/* ===== footer ===== */
footer{background:#070708;color:#bdb8ab;padding:90px 0 0;border-top:3px solid transparent;border-image:var(--gold-grad) 1}
.f-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.1fr;gap:50px;padding-bottom:60px}
footer .logo-img{height:110px;margin-bottom:14px}
footer h4{font-size:20px;color:#fff;margin-bottom:22px;position:relative;padding-bottom:12px}
footer h4::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:var(--gold-grad)}
footer p,footer li{font-size:14.5px}
footer ul{list-style:none;display:grid;gap:10px}
footer ul a:hover{color:var(--gold-l)}
footer ul.links li::before{content:"›";color:var(--gold);margin-right:10px;font-weight:700}
footer ul.dots li::before{content:"";display:inline-block;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);margin-right:12px;vertical-align:middle}
.socials{display:flex;gap:10px;margin-top:22px}
.socials a{width:40px;height:40px;border:1px solid var(--line-d);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--gold)}
.socials a:hover{background:var(--gold);color:#1a1406;border-color:var(--gold)}
.lic{display:inline-block;margin-top:14px;font-size:12.5px;color:var(--gold);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.legal{display:inline-block;margin-top:18px;color:var(--gold);text-decoration:underline;font-size:14px}
.bar{border-top:1px solid var(--line-d)}
.bar .wrap{padding:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted-d)}
.bar a{color:var(--gold)}
.totop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;background:var(--gold-grad);color:#1a1406;display:grid;place-items:center;font-weight:800;z-index:50;opacity:0;pointer-events:none;transition:.3s;box-shadow:var(--shadow)}
.totop.show{opacity:1;pointer-events:auto}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.hero .bgimg img{animation:none}}

/* ===== responsive ===== */
@media(max-width:1120px){
  nav a{padding:10px 10px;font-size:12px}
  nav a::after{left:10px;right:10px}
  .call small{display:none}
}
@media(max-width:1024px){
  .hero-grid,.about .grid,.coverage .grid,.contact .grid,.rec-grid{grid-template-columns:1fr;gap:56px}
  .v-grid{grid-template-columns:1fr 1fr}
  .v:nth-child(2){border-right:0}
  .v:nth-child(-n+2){border-bottom:1px solid var(--line-d)}
  .s-grid{grid-template-columns:repeat(2,1fr)}
  .card,.card:nth-child(4),.card:nth-child(5){grid-column:span 1}
  .card:last-child{grid-column:span 2}
  .steps,.t-grid,.b-grid{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:1fr 1fr}
  .about .badge{right:16px}
  .about .pic{max-width:560px}
  .hero .form-card{max-width:620px}
  nav ul{display:none;position:absolute;top:92px;left:0;right:0;flex-direction:column;background:var(--black);padding:12px 24px 22px;border-bottom:1px solid var(--line-d)}
  nav ul.open{display:flex}
  nav a{padding:14px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}
  nav a::after{display:none}
  .burger{display:block}
  .call{margin-left:auto}
}
@media(max-width:720px){
  section{padding:76px 0}
  .wrap{padding:0 16px}
  .topbar .tb-left{display:none}
  .topbar .wrap{justify-content:center}
  .topbar .tb-right{gap:16px;font-size:12px}
  .nav{height:78px}
  .logo-img{height:54px}
  nav ul{top:78px}
  .call div{display:none}
  .hero{min-height:auto;padding:80px 0 150px}
  .hero .cta .btn{flex:1 1 100%}
  .v-grid,.s-grid,.steps,.t-grid,.b-grid,.f-grid,.areas,.f2{grid-template-columns:1fr}
  .v{border-right:0;border-bottom:1px solid var(--line-d)}
  .v:last-child{border-bottom:0}
  .card:last-child,.area:last-child{grid-column:span 1}
  .card:nth-child(n) .img{aspect-ratio:16/10}
  .stat-row{grid-template-columns:1fr 1fr}
  .stat{padding:28px 18px}
  .about .pic::before,.coverage .pic::after{display:none}
  .about .badge{right:12px;bottom:16px;padding:18px 20px}
  .form-card{padding:32px 22px}
  .center-head{margin-bottom:44px}
}


/* FAQ Page */

 .faq-hero, .faq-hero *,
  .faq, .faq * { box-sizing: border-box; }
 
  .faq-hero, .faq {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.7;
  }
 
  .faq-hero .faq-wrap,
  .faq .faq-wrap { width: min(1140px, 92%); margin: 0 auto; }
 
  /* Hero banner */
  .faq-hero {
    text-align: center;
    padding: 80px 0 50px;
    background: radial-gradient(ellipse at top, #242424 0%, #141414 70%);
    color: #e9e6df;
  }
  .faq-hero .faq-badge {
    display: inline-block;
    border: 1px solid #4a3f1c;
    background: rgba(224,190,90,.08);
    color: #e0be5a;
    font-size: 13px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase;
    padding: 10px 18px; margin-bottom: 26px;
  }
  .faq-hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(40px, 6vw, 40px);
    color: #fff; line-height: 1.15; margin: 0;
  }
  .faq-hero h1 em {
    font-style: normal;
    background: linear-gradient(90deg, #f0d77a, #b8912f);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .faq-hero p { max-width: 640px; margin: 18px auto 0; color: #a9a59b; font-size: 17px; }
 
  /* FAQ accordion section */
  .faq { background: #141414; padding: 30px 0 90px; color: #e9e6df; }
  .faq .accordion { max-width: 860px; margin: 0 auto; display: grid; gap: 16px; }
  .faq .item {
    background: #1f1f1f; border: 1px solid #2e2e2e; border-top: 3px solid transparent;
    transition: border-color .3s, box-shadow .3s;
  }
  .faq .item.open { border-top-color: #e0be5a; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
 
  .faq .q {
    width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px;
    background: none; border: 0; cursor: pointer; text-align: left;
    padding: 22px 26px; color: #fff;
    font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600;
  }
  .faq .q:hover { color: #e0be5a; }
  .faq .q:focus-visible { outline: 2px solid #e0be5a; outline-offset: -2px; }
  .faq .item.open .q { color: #e0be5a; }
 
  .faq .chev {
    flex: none; width: 34px; height: 34px; border: 1.5px solid #e0be5a; border-radius: 50%;
    position: relative; transition: background .3s;
  }
  .faq .chev::before, .faq .chev::after {
    content: ""; position: absolute; background: #e0be5a; top: 50%; left: 50%; transition: .3s;
  }
  .faq .chev::before { width: 12px; height: 2px; transform: translate(-50%, -50%); }
  .faq .chev::after  { width: 2px; height: 12px; transform: translate(-50%, -50%); }
  .faq .item.open .chev { background: #e0be5a; }
  .faq .item.open .chev::before { background: #141414; }
  .faq .item.open .chev::after  { background: #141414; transform: translate(-50%, -50%) scaleY(0); }
 
  .faq .panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
  .faq .item.open .panel { grid-template-rows: 1fr; }
  .faq .panel > div { overflow: hidden; }
  .faq .panel .inner { padding: 22px 26px 26px; border-top: 1px solid #2e2e2e; background: #f8f5ee; color: #2a2a2a; }
  .faq .panel p { font-size: 16px; margin: 0; }
  .faq .panel strong { color: #141414; }
  .faq .panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
  .faq .panel li { position: relative; padding-left: 26px; font-size: 16px; margin: 0; }
  .faq .panel li::before {
    content: ""; position: absolute; left: 0; top: 10px; width: 9px; height: 9px;
    background: #c9a23f; transform: rotate(45deg);
  }
  .faq .panel li b { color: #141414; font-weight: 700; }
 
  @media (max-width: 820px) {
    .faq .q { font-size: 18px; padding: 18px; }
    .faq .panel .inner { padding-left: 18px; padding-right: 18px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .faq *, .faq-hero * { transition: none !important; }
  }


/* Blog detail Page */

.blog-detail-page,
.blog-detail-page * { box-sizing: border-box; }
 
.blog-detail-page {
  font-family: 'Montserrat', sans-serif;
  background: #141414;
  color: #cfcbc2;
  line-height: 1.8;
  padding: 80px 0 100px;
}
 
.blog-detail-page .container {
  width: min(1200px, 92%);
  margin: 0 auto;
}
 
/* Layout: content (+ optional sidebar if you add .blog-detail-sidebar later) */
.blog-detail-page .blog-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 50px;
}
.blog-detail-page .blog-detail-layout:has(.blog-detail-sidebar) {
  grid-template-columns: minmax(0, 1fr) 340px;
}
.blog-detail-page .blog-detail-content {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
}
 
/* ---------- Article card ---------- */
.blog-detail-page article.post,
.blog-detail-page article.page {
  background: #1f1f1f;
  border: 1px solid #2e2e2e;
  border-top: 4px solid #c9a23f;
  padding: 0 0 46px;
  box-shadow: 0 24px 50px rgba(0,0,0,.45);
  margin: 0;
}
 
/* Featured image */
.blog-detail-page .post-thumbnail {
  display: block;
  margin: 0 0 40px;
  overflow: hidden;
  background: #2a2a2a;
  max-height: 460px;
}
.blog-detail-page .post-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 770px;
  object-fit: cover;
}
 
/* Header: title + meta */
.blog-detail-page .entry-header {
  padding: 40px 46px 0;
  margin-bottom: 26px;
}
.blog-detail-page .post-thumbnail + .entry-header,
.blog-detail-page .entry-header:not(:first-child) { padding-top: 0; }
 
.blog-detail-page .entry-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(30px, 4vw, 35px);
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 18px;
}
.blog-detail-page .entry-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin-top: 20px;
  background: linear-gradient(90deg, #f0d77a, #b8912f);
}
 
.blog-detail-page .entry-meta,
.blog-detail-page .entry-meta a {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #a9a59b;
  text-decoration: none;
  margin-bottom: 25px;
}
.blog-detail-page .entry-meta a:hover { color: #e0be5a; }
.blog-detail-page .entry-meta > span { margin-right: 18px; }
.blog-detail-page .entry-meta .posted-on a,
.blog-detail-page .entry-meta .byline a { color: #e0be5a; }
 
/* ---------- Article body ---------- */
.blog-detail-page .entry-content {
  padding: 0 46px;
  font-size: 16.5px;
  color: #cfcbc2;
}
.blog-detail-page .entry-content > *:first-child { margin-top: 0; }
.blog-detail-page .entry-content p { margin: 0 0 1.4em; }
 
.blog-detail-page .entry-content h1,
.blog-detail-page .entry-content h2,
.blog-detail-page .entry-content h3,
.blog-detail-page .entry-content h4,
.blog-detail-page .entry-content h5,
.blog-detail-page .entry-content h6 {
  font-family: 'Playfair Display', serif;
  color: #e0be5a;
  line-height: 1.3;
  margin: 1.8em 0 .7em;
}
.blog-detail-page .entry-content h2 { font-size: 32px; }
.blog-detail-page .entry-content h3 { font-size: 26px; }
.blog-detail-page .entry-content h4 { font-size: 22px; }
.blog-detail-page .entry-content h5,
.blog-detail-page .entry-content h6 { font-size: 18px; }
 
.blog-detail-page .entry-content a {
  color: #e0be5a;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .2s;
}
.blog-detail-page .entry-content a:hover { color: #fff; }
.blog-detail-page .entry-content strong,
.blog-detail-page .entry-content b { color: #fff; }
 
/* Lists with gold diamonds */
.blog-detail-page .entry-content ul,
.blog-detail-page .entry-content ol { margin: 0 0 1.5em; padding-left: 0; list-style: none; }
.blog-detail-page .entry-content ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}
.blog-detail-page .entry-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .7em;
  width: 9px;
  height: 9px;
  background: #c9a23f;
  transform: rotate(45deg);
}
.blog-detail-page .entry-content ol { counter-reset: bd; }
.blog-detail-page .entry-content ol li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  counter-increment: bd;
}
.blog-detail-page .entry-content ol li::before {
  content: counter(bd);
  position: absolute;
  left: 0;
  top: .2em;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  color: #141414;
  background: linear-gradient(90deg, #f0d77a, #b8912f);
}
.blog-detail-page .entry-content li > ul,
.blog-detail-page .entry-content li > ol { margin-top: 10px; }
 
/* Blockquote */
.blog-detail-page .entry-content blockquote {
  position: relative;
  margin: 2em 0;
  padding: 28px 32px 28px 36px;
  background: #141414;
  border-left: 4px solid #e0be5a;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 21px;
  line-height: 1.6;
  color: #fff;
}
.blog-detail-page .entry-content blockquote p:last-child { margin-bottom: 0; }
.blog-detail-page .entry-content blockquote cite {
  display: block;
  margin-top: 14px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #e0be5a;
}
 
/* Images, figures, captions */
.blog-detail-page .entry-content img { max-width: 100%; height: auto; display: block; }
.blog-detail-page .entry-content figure { margin: 2em 0; }
.blog-detail-page .entry-content figcaption,
.blog-detail-page .wp-caption-text {
  margin-top: 10px;
  font-size: 13px;
  color: #a9a59b;
  text-align: center;
}
.blog-detail-page .entry-content .alignleft  { float: left;  margin: 6px 28px 16px 0; }
.blog-detail-page .entry-content .alignright { float: right; margin: 6px 0 16px 28px; }
.blog-detail-page .entry-content .aligncenter { margin-left: auto; margin-right: auto; }
 
/* Tables */
.blog-detail-page .entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  font-size: 15px;
}
.blog-detail-page .entry-content th {
  background: linear-gradient(90deg, #f0d77a, #b8912f);
  color: #141414;
  text-align: left;
  padding: 14px 16px;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.blog-detail-page .entry-content td { padding: 13px 16px; border-bottom: 1px solid #2e2e2e; }
.blog-detail-page .entry-content tr:nth-child(even) td { background: #1a1a1a; }
 
/* Code, hr */
.blog-detail-page .entry-content code,
.blog-detail-page .entry-content pre {
  background: #141414;
  border: 1px solid #2e2e2e;
  color: #f0d77a;
  font-size: 14px;
}
.blog-detail-page .entry-content code { padding: 2px 7px; }
.blog-detail-page .entry-content pre { padding: 20px; overflow-x: auto; margin: 1.6em 0; }
.blog-detail-page .entry-content pre code { border: 0; padding: 0; }
.blog-detail-page .entry-content hr { border: 0; height: 1px; background: #2e2e2e; margin: 2.4em 0; }
 
/* Footer: categories + tags */
.blog-detail-page .entry-footer {
  margin: 40px 46px 0;
  padding-top: 24px;
  border-top: 1px solid #2e2e2e;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #a9a59b;
  display: none;
}
.blog-detail-page .entry-footer a {
  display: inline-block;
  margin: 2px 4px 2px 0;
  padding: 6px 14px;
  background: transparent;
  border: 1px solid #4a3f1c;
  color: #e0be5a;
  text-decoration: none;
  transition: .2s;
}
.blog-detail-page .entry-footer a:hover {
  background: linear-gradient(90deg, #f0d77a, #b8912f);
  border-color: #e0be5a;
  color: #141414;
}
.blog-detail-page .entry-footer .edit-link a { border-color: #2e2e2e; color: #a9a59b; }
 
/* ---------- Previous / Next post navigation ---------- */
.blog-detail-page .post-navigation { margin: 50px 0 0; }
.blog-detail-page .post-navigation .nav-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.blog-detail-page .post-navigation .nav-previous,
.blog-detail-page .post-navigation .nav-next { margin: 0; width: auto; float: none; flex: none; }
.blog-detail-page .post-navigation .nav-next { text-align: right; grid-column: 2; }
.blog-detail-page .post-navigation .nav-previous:only-child { grid-column: 1; }
.blog-detail-page .post-navigation a {
  display: block;
  height: 100%;
  padding: 24px 28px;
  background: #1f1f1f;
  border: 1px solid #2e2e2e;
  border-top: 3px solid #2e2e2e;
  text-decoration: none;
  transition: transform .3s, border-color .3s, box-shadow .3s;
}
.blog-detail-page .post-navigation a:hover {
  transform: translateY(-4px);
  border-top-color: #e0be5a;
  box-shadow: 0 16px 34px rgba(0,0,0,.5);
}
.blog-detail-page .post-navigation .nav-subtitle {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #e0be5a;
}
.blog-detail-page .post-navigation .nav-title {
  font-family: 'Playfair Display', serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.blog-detail-page .post-navigation a:hover .nav-title { color: #e0be5a; }
 
/* ---------- Comments ---------- */
.blog-detail-page .comments-area {
  margin-top: 60px;
  padding: 40px 46px 46px;
  background: #1f1f1f;
  border: 1px solid #2e2e2e;
  border-top: 4px solid #c9a23f;
}
.blog-detail-page .comments-title,
.blog-detail-page .comment-reply-title {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 28px;
}
.blog-detail-page .comment-reply-title small { font-size: 13px; margin-left: 14px; }
.blog-detail-page .comment-reply-title small a { color: #e0be5a; }
 
.blog-detail-page .comment-list,
.blog-detail-page .comment-list .children { list-style: none; margin: 0; padding: 0; }
.blog-detail-page .comment-list .children { margin-left: 40px; }
.blog-detail-page .comment-body {
  padding: 24px 0;
  border-bottom: 1px solid #2e2e2e;
}
.blog-detail-page .comment-author { display: flex; align-items: center; gap: 14px; margin-bottom: 6px; }
.blog-detail-page .comment-author img { width: 52px; height: 52px; border: 2px solid #c9a23f; border-radius: 50%; }
.blog-detail-page .comment-author .fn,
.blog-detail-page .comment-author .fn a { font-weight: 700; font-style: normal; color: #fff; text-decoration: none; }
.blog-detail-page .comment-author .says { display: none; }
.blog-detail-page .comment-metadata,
.blog-detail-page .comment-metadata a {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #a9a59b;
  text-decoration: none;
}
.blog-detail-page .comment-content { margin-top: 12px; font-size: 15.5px; }
.blog-detail-page .comment-content p { margin: 0 0 1em; }
.blog-detail-page .reply a {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #e0be5a;
  text-decoration: none;
  border-bottom: 2px solid #e0be5a;
  padding-bottom: 3px;
}
.blog-detail-page .reply a:hover { color: #fff; }
 
/* Comment form */
.blog-detail-page .comment-respond { margin-top: 40px; }
.blog-detail-page .comment-form label {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #a9a59b;
}
.blog-detail-page .comment-form p { margin: 0 0 20px; }
.blog-detail-page .comment-notes,
.blog-detail-page .logged-in-as { font-size: 14px; color: #a9a59b; }
.blog-detail-page .logged-in-as a { color: #e0be5a; }
 
.blog-detail-page .comment-form input[type="text"],
.blog-detail-page .comment-form input[type="email"],
.blog-detail-page .comment-form input[type="url"],
.blog-detail-page .comment-form textarea {
  width: 100%;
  background: #f8f5ee;
  border: 1px solid #e6e0d2;
  border-radius: 0;
  padding: 15px 18px;
  font-family: inherit;
  font-size: 15px;
  color: #222;
}
.blog-detail-page .comment-form textarea { min-height: 160px; resize: vertical; }
.blog-detail-page .comment-form input:focus,
.blog-detail-page .comment-form textarea:focus { outline: 2px solid #c9a23f; outline-offset: 0; }
 
.blog-detail-page .comment-form-cookies-consent { display: flex; align-items: center; gap: 10px; }
.blog-detail-page .comment-form-cookies-consent label { margin: 0; text-transform: none; letter-spacing: 0; font-weight: 500; }
.blog-detail-page .comment-form input[type="checkbox"] { accent-color: #c9a23f; }
 
.blog-detail-page .comment-form .submit,
.blog-detail-page .form-submit input[type="submit"] {
  cursor: pointer;
  border: 1px solid #e0be5a;
  border-radius: 0;
  padding: 18px 38px;
  background: linear-gradient(90deg, #f0d77a, #b8912f);
  color: #141414;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  box-shadow: 0 10px 26px rgba(224,190,90,.22);
  transition: transform .2s, box-shadow .2s;
}
.blog-detail-page .comment-form .submit:hover,
.blog-detail-page .form-submit input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(224,190,90,.4);
}
 
/* ---------- Optional sidebar (only styled if you add it later) ---------- */
.blog-detail-page .blog-detail-sidebar .widget {
  background: #1f1f1f;
  border: 1px solid #2e2e2e;
  border-top: 3px solid #c9a23f;
  padding: 28px;
  margin-bottom: 28px;
}
.blog-detail-page .blog-detail-sidebar .widget-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  color: #fff;
  margin: 0 0 18px;
}
.blog-detail-page .blog-detail-sidebar a { color: #cfcbc2; text-decoration: none; }
.blog-detail-page .blog-detail-sidebar a:hover { color: #e0be5a; }
 
/* ---------- Responsive ---------- */
@media (max-width: 1020px) {
  .blog-detail-page .blog-detail-layout:has(.blog-detail-sidebar) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .blog-detail-page { padding: 50px 0 70px; }
  .blog-detail-page .entry-header { padding: 28px 22px 0; }
  .blog-detail-page .entry-content { padding: 0 22px; font-size: 16px; }
  .blog-detail-page .entry-footer { margin: 32px 22px 0; }
  .blog-detail-page .entry-content h2 { font-size: 26px; }
  .blog-detail-page .entry-content h3 { font-size: 22px; }
  .blog-detail-page .entry-content blockquote { padding: 22px; font-size: 18px; }
  .blog-detail-page .entry-content .alignleft,
  .blog-detail-page .entry-content .alignright { float: none; margin: 1.5em auto; }
  .blog-detail-page .post-navigation .nav-links { grid-template-columns: 1fr; }
  .blog-detail-page .post-navigation .nav-next { grid-column: 1; text-align: left; }
  .blog-detail-page .comments-area { padding: 28px 20px 32px; }
  .blog-detail-page .comment-list .children { margin-left: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .blog-detail-page * { transition: none !important; }
}