/*
Theme Name: 360BrandWorks
Theme URI: https://360brandworks.com
Author: 360BrandWorks
Description: Full-circle digital marketing agency theme v3.8 — India, UK, USA & APAC markets, 8 service pages, 30 blog posts with unique branded SVG covers (slate blue + copper, replacing Unsplash photos), secure contact form with admin enquiry management + CSV export, meta tags + Open Graph + JSON-LD schema.
Version: 3.8
License: GNU General Public License v2 or later
Text Domain: brandworks360
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:17px;} /* bumped from 16px for better readability */
:root{
  --blue:#1b2d4f;
  --blue2:#243d6b;
  --blue3:#0d1a30;
  --copper:#b5622a;
  --copper2:#d4773a;
  --copper3:#e8976a;
  --cream:#faf8f3;
  --cream2:#f0ece3;
  --cream3:#e4dfd3;
  --white:#fff;
  --ink:#1b1f2b;
  --ink2:#3a4053;     /* darker than before for better contrast */
  --ink3:#6a7088;     /* darker than before */
  --ff:'Cabinet Grotesk',sans-serif;
  --fs:'Instrument Serif',serif;
  --fm:'Kode Mono',monospace;
  --nav-h:74px;
  --ease:cubic-bezier(.25,.46,.45,.94);
}
body{font-family:var(--ff);background:var(--cream);color:var(--ink);overflow-x:hidden;font-size:1rem;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
button{font-family:var(--ff);cursor:pointer;}
ul{list-style:none;}

/* ═══════ NAV ═══════ */
.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;padding:0 2.75rem;
  background:rgba(250,248,243,.97);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--cream3);
}
.brand-logo{display:flex;align-items:center;gap:.85rem;}

/* DIAL logo */
.logo-dial{display:flex;align-items:center;font-family:var(--ff);font-weight:900;font-size:1.15rem;letter-spacing:-.3px;color:var(--blue);}
.dial-o{display:inline-block;margin:0 2px;vertical-align:middle;line-height:0;}
.dial-sweep{transform-origin:50% 50%;}
@keyframes dialSweep{0%{stroke-dashoffset:138;transform:rotate(-90deg);}75%{stroke-dashoffset:0;transform:rotate(270deg);}100%{stroke-dashoffset:0;transform:rotate(270deg);}}
.do-anim .dial-sweep{animation:dialSweep 1.8s var(--ease) forwards;}
@keyframes dotPop{0%,65%{transform:scale(0);}85%{transform:scale(1.3);}100%{transform:scale(1);}}
.do-anim .dial-dot{animation:dotPop 1.8s cubic-bezier(.34,1.56,.64,1) forwards;}
.dial-dot{transform-origin:50% 50%;}
@keyframes tickIn{0%,50%{opacity:0;}75%,100%{opacity:1;}}
.do-anim .dial-tick{animation:tickIn 1.8s ease forwards;}

/* APERTURE logo */
.logo-ap{display:flex;align-items:center;gap:.7rem;}
.ap-blade{transform-origin:50% 50%;}
@keyframes bladeOpen{0%{transform:rotate(0deg) scale(1.5);}100%{transform:rotate(145deg) scale(1);}}
.ap-anim .ap-blade{animation:bladeOpen 1.5s cubic-bezier(.4,0,.2,1) forwards;}
.ap-anim .ap-blade:nth-child(2){animation-delay:.04s;}
.ap-anim .ap-blade:nth-child(3){animation-delay:.08s;}
.ap-anim .ap-blade:nth-child(4){animation-delay:.12s;}
.ap-anim .ap-blade:nth-child(5){animation-delay:.16s;}
.ap-anim .ap-blade:nth-child(6){animation-delay:.2s;}
@keyframes apCenter{0%,45%{transform:scale(0);}75%{transform:scale(1.2);}100%{transform:scale(1);}}
.ap-anim .ap-center-dot{animation:apCenter 1.5s cubic-bezier(.34,1.56,.64,1) forwards;}
.ap-center-dot{transform-origin:50% 50%;}
.ap-ring{transform-origin:50% 50%;}
@keyframes apRing{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.ap-anim .ap-ring{animation:apRing 1.5s ease-out forwards;}
.logo-ap-text{display:flex;flex-direction:column;gap:1px;}
.logo-ap-name{font-family:var(--ff);font-weight:900;font-size:1.1rem;color:var(--blue);letter-spacing:-.2px;line-height:1;}
.logo-ap-name em{font-style:normal;color:var(--copper);}
.logo-ap-sub{font-family:var(--fm);font-size:.52rem;color:var(--ink3);letter-spacing:2px;text-transform:uppercase;}

.custom-logo-img{max-height:46px;width:auto;}

/* Nav links — bumped sizes */
.nav-menu{display:flex;align-items:center;gap:.3rem;}
.nav-menu li{position:relative;}
.nav-menu a,.nav-menu .svc-toggle{
  font-size:.95rem;font-weight:600;color:var(--ink2);padding:.5rem .95rem;border-radius:6px;
  background:none;border:none;display:flex;align-items:center;gap:.35rem;transition:all .2s;
  cursor:pointer;
}
.nav-menu a:hover,.nav-menu .svc-toggle:hover{background:var(--cream2);color:var(--blue);}
.nav-menu a.current,.nav-menu .svc-toggle.current{color:var(--copper);}
.drop-arr{font-size:.6rem;opacity:.5;transition:transform .2s;}
.svc-nav-item:hover .drop-arr{transform:rotate(180deg);}

/* SERVICES MEGA DROPDOWN — opens on hover */
.svc-nav-item{padding-bottom:8px;margin-bottom:-8px;} /* hover bridge */
.svc-dropdown{
  position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);
  width:720px;background:var(--white);border:1px solid var(--cream3);border-radius:14px;padding:1.5rem;
  box-shadow:0 24px 60px rgba(27,45,79,.12);
  display:none;z-index:400;
}
.svc-nav-item:hover .svc-dropdown,
.svc-nav-item:focus-within .svc-dropdown,
.svc-nav-item.open .svc-dropdown{display:block;}
.dd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;}
.dd-item{padding:.85rem 1rem;border-radius:8px;border:1px solid transparent;transition:all .2s;display:block;}
.dd-item:hover{background:var(--cream);border-color:var(--cream3);}
.dd-i{font-size:1.2rem;float:left;margin-right:.75rem;margin-top:.1rem;}
.dd-t{font-size:.88rem;font-weight:800;color:var(--blue);line-height:1.3;margin-bottom:.2rem;}
.dd-s{font-size:.72rem;color:var(--ink3);line-height:1.4;overflow:hidden;}
.dd-ft{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--cream2);display:flex;justify-content:space-between;align-items:center;}
.dd-ft-t{font-size:.82rem;color:var(--ink3);}
.dd-ft-l{font-size:.82rem;font-weight:800;color:var(--copper);}

.nav-right{display:flex;align-items:center;gap:.85rem;}
.nav-pill{font-family:var(--fm);font-size:.58rem;letter-spacing:1.5px;color:var(--ink3);border:1px solid var(--cream3);padding:.28rem .68rem;border-radius:3px;}
.btn-nav{background:var(--blue);color:var(--white);padding:.6rem 1.4rem;border-radius:6px;font-size:.92rem;font-weight:700;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;}
.btn-nav:hover{background:var(--blue2);transform:translateY(-1px);}

.nav-toggle{display:none;background:none;border:none;flex-direction:column;gap:5px;padding:.5rem;}
.nav-toggle span{width:24px;height:2px;background:var(--blue);border-radius:2px;}

/* ═══════ BUTTONS ═══════ */
.btn-white{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--blue);padding:.75rem 1.7rem;border-radius:6px;font-size:.95rem;font-weight:800;border:none;transition:all .2s;cursor:pointer;}
.btn-white:hover{background:var(--cream);transform:translateY(-1px);}
.btn-glass{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);color:rgba(255,255,255,.92);padding:.75rem 1.7rem;border-radius:6px;font-size:.95rem;font-weight:700;border:1px solid rgba(255,255,255,.2);transition:all .2s;cursor:pointer;}
.btn-glass:hover{background:rgba(255,255,255,.18);}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--blue);color:#fff;padding:.75rem 1.7rem;border-radius:6px;font-size:.95rem;font-weight:700;border:none;transition:all .2s;cursor:pointer;}
.btn-primary:hover{background:var(--blue2);transform:translateY(-1px);}
.btn-dark{display:inline-flex;align-items:center;gap:.5rem;background:var(--blue);color:#fff;padding:.85rem 2.2rem;border-radius:6px;font-weight:700;font-size:.98rem;border:none;transition:all .2s;white-space:nowrap;cursor:pointer;}
.btn-dark:hover{background:var(--blue2);transform:translateY(-1px);}

.ov{font-family:var(--fm);font-size:.68rem;letter-spacing:3px;text-transform:uppercase;color:var(--copper);display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem;font-weight:700;}
.ov::before{content:'';width:18px;height:1.5px;background:var(--copper);}
.dh{font-family:var(--fs);font-weight:400;line-height:1.08;letter-spacing:-.3px;color:var(--blue);}
.dh em{font-style:italic;color:var(--copper);}
.body-t{font-size:1.02rem;color:var(--ink2);line-height:1.75;} /* bigger, darker */
.more-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.92rem;color:var(--copper);margin-top:1.25rem;transition:gap .2s;}
.more-link:hover{gap:.7rem;}

.rev{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.rev.in{opacity:1;transform:translateY(0);}
.rd1{transition-delay:.1s;}.rd2{transition-delay:.2s;}.rd3{transition-delay:.3s;}

/* ═══════ HERO ═══════ */
.hero{min-height:calc(100vh - var(--nav-h));background:var(--blue);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;margin-top:var(--nav-h);}
.hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;}
.hero-sep{position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.06) 30%,rgba(255,255,255,.06) 70%,transparent);z-index:1;}
.hero-l{display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem 5rem 3.5rem;position:relative;z-index:2;}
.h-kicker{display:flex;align-items:center;gap:.75rem;margin-bottom:1.85rem;}
.h-dot{width:8px;height:8px;background:var(--copper3);border-radius:50%;animation:blink 2.5s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.h-dot-label{font-family:var(--fm);font-size:.7rem;color:rgba(255,255,255,.55);letter-spacing:3px;text-transform:uppercase;font-weight:700;}
.hero h1{font-family:var(--fs);font-size:clamp(2.8rem,5vw,4.8rem);color:#fff;line-height:1.06;letter-spacing:-.5px;margin-bottom:1.6rem;}
.hero h1 em{font-style:italic;color:var(--copper3);}
.hero-sub{font-size:1.08rem;color:rgba(255,255,255,.7);line-height:1.75;max-width:44ch;margin-bottom:2.75rem;}
.hero-btns{display:flex;gap:.85rem;margin-bottom:3.5rem;flex-wrap:wrap;}
.hero-mkt{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}
.ml{font-family:var(--fm);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-right:.3rem;font-weight:700;}
.mc{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:.32rem .75rem;border-radius:3px;font-size:.82rem;color:rgba(255,255,255,.75);transition:all .2s;font-weight:500;}
.mc:hover{background:rgba(181,98,42,.25);color:#fff;}

.hero-r{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 3rem;position:relative;z-index:2;gap:2.5rem;}
.hero-mark{position:relative;width:340px;height:340px;}
.hero-mark-bg{position:absolute;inset:-50px;background:radial-gradient(ellipse,rgba(181,98,42,.12) 0%,transparent 68%);animation:breathe 4s ease-in-out infinite;}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}
.hero-mark svg{width:100%;height:100%;position:relative;z-index:1;}
.hero-mark-img{position:relative;z-index:1;max-width:100%;border-radius:16px;}

@keyframes bigSweep{0%{stroke-dashoffset:817;transform:rotate(-90deg);}70%{stroke-dashoffset:0;transform:rotate(270deg);}100%{stroke-dashoffset:0;transform:rotate(270deg);}}
.big-sweep{transform-origin:50% 50%;animation:bigSweep 2s .3s var(--ease) both;}
@keyframes bigDotPop{0%,60%{transform:scale(0);}82%{transform:scale(1.25);}100%{transform:scale(1);}}
.big-dot{transform-origin:50% 50%;animation:bigDotPop 2s .3s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes bigTickIn{0%,55%{opacity:0;}80%,100%{opacity:1;}}
.big-tick{animation:bigTickIn 2s .3s ease both;}
@keyframes bigBlade{0%{transform:rotate(0deg) scale(1.6);}100%{transform:rotate(145deg) scale(1);}}
.big-blade{transform-origin:50% 50%;animation:bigBlade 1.8s .2s cubic-bezier(.4,0,.2,1) both;}
.big-blade:nth-child(2){animation-delay:.26s;}.big-blade:nth-child(3){animation-delay:.32s;}
.big-blade:nth-child(4){animation-delay:.38s;}.big-blade:nth-child(5){animation-delay:.44s;}.big-blade:nth-child(6){animation-delay:.5s;}
@keyframes bigApCenter{0%,50%{transform:scale(0);}80%{transform:scale(1.2);}100%{transform:scale(1);}}
.big-ap-center{transform-origin:50% 50%;animation:bigApCenter 1.8s .4s cubic-bezier(.34,1.56,.64,1) both;}
.big-ap-ring{transform-origin:50% 50%;animation:bigApCenter 1.8s .2s ease-out both;}

.stat-pills{display:flex;gap:.95rem;position:relative;z-index:2;}
.stat-pill{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:.85rem 1.25rem;text-align:center;backdrop-filter:blur(6px);}
.sp-n{font-family:var(--ff);font-weight:900;font-size:1.55rem;color:#fff;line-height:1;}
.sp-n em{font-style:normal;color:var(--copper3);}
.sp-l{font-family:var(--fm);font-size:.6rem;color:rgba(255,255,255,.55);letter-spacing:2px;text-transform:uppercase;margin-top:.3rem;font-weight:600;}

/* ═══════ MARQUEE ═══════ */
.mqw{background:var(--copper);padding:.75rem 0;overflow:hidden;}
.mqt{display:flex;gap:2.5rem;white-space:nowrap;animation:mq 22s linear infinite;}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mqi{font-family:var(--fm);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:.7rem;flex-shrink:0;font-weight:700;}
.mqi::after{content:'·';color:rgba(255,255,255,.5);}

/* ═══════ SECTIONS ═══════ */
.sec{padding:6rem 3.5rem;}
.sec-top{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:3.5rem;}
.sec-title{font-family:var(--fs);font-size:clamp(2.4rem,3.8vw,3.4rem);}

/* 4-col home tiles */
.svc-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cream3);}
.svc-t{background:var(--cream);padding:2.1rem 1.85rem;position:relative;overflow:hidden;transition:background .25s;display:block;}
.svc-t::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--copper);transition:width .4s var(--ease);}
.svc-t:hover{background:#fff;}
.svc-t:hover::after{width:100%;}
.svc-t-n{font-family:var(--fm);font-size:.62rem;color:var(--cream3);letter-spacing:1px;position:absolute;top:1.5rem;right:1.6rem;font-weight:700;}
.svc-t-ico{width:42px;height:42px;background:var(--blue);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:1.3rem;transition:background .2s;}
.svc-t:hover .svc-t-ico{background:var(--copper);}
.svc-t h3{font-family:var(--ff);font-size:1rem;font-weight:800;color:var(--blue);margin-bottom:.55rem;line-height:1.35;}
.svc-t p{font-size:.88rem;color:var(--ink2);line-height:1.65;}

/* WHY */
.why{background:var(--blue);padding:6rem 3.5rem;position:relative;overflow:hidden;}
.why::before{content:'';position:absolute;right:-5%;bottom:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(181,98,42,.1) 0%,transparent 70%);pointer-events:none;}
.why-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center;margin-top:4rem;}
.why-pts{display:flex;flex-direction:column;gap:2.3rem;}
.why-pt{display:grid;grid-template-columns:2.2rem 1fr;gap:1.3rem;}
.wn{font-family:var(--fm);font-size:.68rem;color:var(--copper3);letter-spacing:2px;padding-top:.2rem;font-weight:700;}
.why-pt h4{font-family:var(--ff);font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:.4rem;}
.why-pt p{font-size:.92rem;color:rgba(255,255,255,.65);line-height:1.7;}
.why-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:2.5rem;display:flex;flex-direction:column;gap:1.75rem;}
.why-card-h{font-family:var(--fs);font-size:1.75rem;color:#fff;line-height:1.2;font-style:italic;}
.why-card-h span{color:var(--copper3);}
.why-mkts{display:flex;flex-wrap:wrap;gap:.5rem;}
.wm{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:.4rem .85rem;border-radius:3px;font-size:.82rem;color:rgba(255,255,255,.75);font-weight:500;}

/* CTA BAND */
.cta-band{background:var(--cream2);padding:5.5rem 3.5rem;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;position:relative;overflow:hidden;}
.cta-band::before{content:'360°';position:absolute;right:-1rem;top:50%;transform:translateY(-50%);font-family:var(--fs);font-size:14rem;color:rgba(27,45,79,.05);line-height:1;pointer-events:none;}
.cta-band h2{font-family:var(--fs);font-size:clamp(2.2rem,3.8vw,3.2rem);color:var(--blue);line-height:1.15;}
.cta-band h2 span{color:var(--ink3);font-style:italic;}

/* ═══════ PAGE HERO ═══════ */
.page-hero{background:var(--blue);padding:calc(var(--nav-h) + 5rem) 3.5rem 3.5rem;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.page-hero::after{content:'';position:absolute;right:-5%;top:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(181,98,42,.1) 0%,transparent 70%);pointer-events:none;}
.page-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;}
.page-hero h1{font-family:var(--fs);font-size:clamp(2.8rem,5vw,4.2rem);color:#fff;line-height:1.05;letter-spacing:-.3px;}
.page-hero h1 em{font-style:italic;color:var(--copper3);}
.page-hero p{font-size:1.08rem;color:rgba(255,255,255,.7);line-height:1.75;}
.page-hero-stats{position:relative;z-index:1;display:flex;gap:3.5rem;padding:1.75rem 0 0;border-top:1px solid rgba(255,255,255,.09);margin-top:2.5rem;}
.phs-n{font-family:var(--ff);font-weight:900;font-size:2.3rem;color:#fff;line-height:1;}
.phs-n em{font-style:normal;color:var(--copper3);}
.phs-l{font-family:var(--fm);font-size:.62rem;color:rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase;margin-top:.3rem;font-weight:600;}

/* ═══════ SERVICES GRID (services hub page) ═══════ */
.svc-all-wrap{padding:4rem 3.5rem;background:var(--cream);}
.svc-all-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.svc-card{background:#fff;border-radius:14px;border:1.5px solid var(--cream2);padding:2rem;display:flex;flex-direction:column;transition:all .3s var(--ease);position:relative;overflow:hidden;}
.svc-card:hover{border-color:var(--copper);transform:translateY(-4px);box-shadow:0 16px 40px rgba(27,45,79,.1);}
.svc-card-n{position:absolute;top:1.5rem;right:1.5rem;font-family:var(--fm);font-size:.62rem;color:var(--cream3);letter-spacing:1px;font-weight:700;}
.svc-card-ico{width:46px;height:46px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.4rem;transition:background .2s;}
.svc-card:hover .svc-card-ico{background:var(--copper);}
.svc-card h3{font-family:var(--ff);font-size:1.02rem;font-weight:800;color:var(--blue);margin-bottom:.65rem;line-height:1.35;}
.svc-card p{font-size:.92rem;color:var(--ink2);line-height:1.7;flex:1;margin-bottom:1.35rem;}
.svc-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.15rem;}
.stag{background:var(--cream);border:1px solid var(--cream3);padding:.22rem .6rem;border-radius:3px;font-size:.72rem;color:var(--ink3);font-weight:500;}
.svc-rm{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;color:var(--copper);transition:gap .2s;margin-top:auto;}
.svc-card:hover .svc-rm{gap:.6rem;}

/* ═══════ SINGLE SERVICE PAGE ═══════ */
.single-svc-hero{background:var(--blue);padding:calc(var(--nav-h) + 4.5rem) 3.5rem 4rem;position:relative;overflow:hidden;}
.single-svc-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.single-svc-hero::after{content:'';position:absolute;right:-8%;top:-30%;width:600px;height:600px;background:radial-gradient(circle,rgba(181,98,42,.1) 0%,transparent 70%);pointer-events:none;}
.single-svc-inner{position:relative;z-index:1;max-width:880px;}
.svc-breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--fm);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:1.5rem;font-weight:600;}
.svc-breadcrumb a{color:var(--copper3);}
.svc-breadcrumb a:hover{color:#fff;}
.svc-icon-big{font-size:3rem;margin-bottom:1.2rem;}
.single-svc-hero h1{font-family:var(--fs);font-size:clamp(2.8rem,5vw,4rem);color:#fff;line-height:1.05;letter-spacing:-.3px;margin-bottom:1.25rem;}
.single-svc-hero h1 em{font-style:italic;color:var(--copper3);}
.svc-hero-desc{font-size:1.1rem;color:rgba(255,255,255,.75);line-height:1.75;max-width:60ch;}
.svc-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;}
.svc-tags-row .stag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.75);}

.single-svc-body{padding:5rem 3.5rem;display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;background:var(--cream);}
.single-svc-content h2{font-family:var(--fs);font-size:1.9rem;color:var(--blue);margin:2rem 0 1rem;line-height:1.2;}
.single-svc-content h2:first-child{margin-top:0;}
.single-svc-content p{font-size:1.02rem;color:var(--ink2);line-height:1.85;margin-bottom:1.3rem;}
.single-svc-points{background:#fff;border-radius:14px;padding:2.25rem;border:1.5px solid var(--cream2);position:sticky;top:calc(var(--nav-h) + 2rem);align-self:start;}
.single-svc-points h3{font-family:var(--fm);font-size:.66rem;letter-spacing:3px;text-transform:uppercase;color:var(--copper);margin-bottom:1.4rem;font-weight:700;}
.sp-list{display:flex;flex-direction:column;gap:.95rem;}
.sp-item{display:flex;gap:.85rem;align-items:flex-start;}
.sp-dot{width:22px;height:22px;background:var(--copper);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.12rem;}
.sp-dot::after{content:'';border:2px solid #fff;border-top:none;border-right:none;width:7px;height:3px;transform:rotate(-45deg) translateY(-1px);}
.sp-item p{font-size:.95rem;color:var(--ink2);line-height:1.6;}

.single-svc-media{padding:0 3.5rem 5rem;background:var(--cream);}
.sp-video,.sp-img{margin-top:0;border-radius:12px;overflow:hidden;border:1px solid var(--cream3);max-width:880px;}
.sp-video video,.sp-video iframe{width:100%;display:block;}
.sp-img img{width:100%;display:block;}

.single-svc-cta{background:var(--blue);padding:5rem 3.5rem;text-align:center;color:#fff;}
.single-svc-cta h2{font-family:var(--fs);font-size:2.4rem;color:#fff;line-height:1.15;margin-bottom:1.25rem;}
.single-svc-cta h2 em{font-style:italic;color:var(--copper3);}
.single-svc-cta p{font-size:1.05rem;color:rgba(255,255,255,.7);max-width:55ch;margin:0 auto 2rem;}

/* OTHER SERVICES (related) */
.other-svc{padding:5rem 3.5rem;background:var(--cream2);}
.other-svc h2{font-family:var(--fs);font-size:2rem;color:var(--blue);text-align:center;margin-bottom:2.5rem;}
.other-svc h2 em{font-style:italic;color:var(--copper);}
.other-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1200px;margin:0 auto;}
.other-svc-card{background:#fff;border:1.5px solid var(--cream3);border-radius:12px;padding:1.5rem;transition:all .25s var(--ease);display:flex;flex-direction:column;gap:.65rem;}
.other-svc-card:hover{border-color:var(--copper);transform:translateY(-3px);}
.other-svc-ico{font-size:1.4rem;width:38px;height:38px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.other-svc-card:hover .other-svc-ico{background:var(--copper);}
.other-svc-card h4{font-family:var(--ff);font-size:.95rem;font-weight:800;color:var(--blue);}
.other-svc-card p{font-size:.82rem;color:var(--ink2);line-height:1.55;}

/* ═══════ ABOUT (with globe) ═══════ */
.about-h{background:var(--blue);padding:calc(var(--nav-h) + 5rem) 3.5rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;overflow:hidden;}
.about-h::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.about-h::after{content:'';position:absolute;right:-5%;top:-10%;width:450px;height:450px;background:radial-gradient(circle,rgba(181,98,42,.09) 0%,transparent 70%);pointer-events:none;}
.ah-text{position:relative;z-index:1;}
.ah-head{font-family:var(--fs);font-size:clamp(2.8rem,5vw,4.2rem);color:#fff;line-height:1.05;letter-spacing:-.3px;}
.ah-head em{font-style:italic;color:var(--copper3);}
.ah-p{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.85;margin-top:1.5rem;margin-bottom:1.85rem;}
.ah-img{position:relative;z-index:1;}
.ah-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;aspect-ratio:4/4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.ah-box::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(181,98,42,.15) 0%,transparent 65%);}
.ah-box img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;}

/* Animated globe SVG */
.about-globe{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}
.about-globe svg{width:88%;height:auto;animation:globeFloat 8s ease-in-out infinite;}
@keyframes globeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes globeRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.globe-ring{transform-origin:50% 50%;animation:globeRotate 60s linear infinite;}
.globe-ring-2{transform-origin:50% 50%;animation:globeRotate 90s linear infinite reverse;}
.globe-dot{transform-origin:50% 50%;animation:globeDot 3s ease-in-out infinite;}
@keyframes globeDot{0%,100%{opacity:.4;}50%{opacity:1;}}

.ah-badge{position:absolute;bottom:-1.2rem;left:1.75rem;background:var(--copper);color:#fff;border-radius:10px;padding:1.1rem 1.4rem;z-index:2;box-shadow:0 8px 24px rgba(181,98,42,.3);}
.ahb-n{font-size:2.2rem;font-weight:900;line-height:1;}
.ahb-l{font-size:.7rem;font-weight:600;opacity:.85;letter-spacing:.5px;}

.about-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cream3);}
.as{background:#fff;padding:2.85rem;}
.as-n{font-family:var(--fs);font-size:3.6rem;font-style:italic;color:var(--copper);line-height:1;margin-bottom:.55rem;}
.as-l{font-size:.95rem;color:var(--ink2);line-height:1.55;max-width:26ch;}
.about-story{padding:6rem 3.5rem;display:grid;grid-template-columns:2fr 5fr;gap:6rem;}
.asl{font-family:var(--fm);font-size:.68rem;letter-spacing:3px;text-transform:uppercase;color:var(--copper);margin-bottom:.95rem;font-weight:700;}
.ash{font-family:var(--fs);font-size:2.1rem;font-weight:400;color:var(--blue);line-height:1.2;position:sticky;top:calc(var(--nav-h) + 2rem);}
.ast p{font-size:1.05rem;color:var(--ink2);line-height:1.9;margin-bottom:1.4rem;}
.ast p:first-child::first-letter{font-family:var(--fs);font-size:4.5rem;float:left;line-height:.8;margin-right:.12em;color:var(--copper);}

/* ═══════ BLOG ═══════ */
.blog-hero{background:var(--blue);padding:calc(var(--nav-h) + 5rem) 3.5rem 4rem;position:relative;overflow:hidden;}
.blog-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.blog-hero-inner{position:relative;z-index:1;max-width:880px;}
.blog-hero h1{font-family:var(--fs);font-size:clamp(2.6rem,4.5vw,3.8rem);color:#fff;line-height:1.06;letter-spacing:-.3px;margin-bottom:1.2rem;}
.blog-hero h1 em{font-style:italic;color:var(--copper3);}
.blog-hero p{font-size:1.08rem;color:rgba(255,255,255,.7);line-height:1.7;}

.blog-grid-wrap{padding:5rem 3.5rem;background:var(--cream);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1300px;margin:0 auto;}
.blog-card{background:#fff;border-radius:14px;overflow:hidden;border:1.5px solid var(--cream2);transition:all .3s var(--ease);display:flex;flex-direction:column;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(27,45,79,.1);border-color:var(--copper);}
.blog-card-img{aspect-ratio:16/10;overflow:hidden;background:var(--blue);}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.blog-card:hover .blog-card-img img{transform:scale(1.04);}
.blog-card-noimg{display:flex;align-items:center;justify-content:center;font-size:3rem;color:rgba(255,255,255,.3);}
.blog-card-body{padding:1.75rem;display:flex;flex-direction:column;gap:.65rem;flex:1;}
.blog-card-meta{font-family:var(--fm);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--copper);font-weight:700;}
.blog-card h2{font-family:var(--ff);font-size:1.1rem;font-weight:800;color:var(--blue);line-height:1.35;}
.blog-card-excerpt{font-size:.92rem;color:var(--ink2);line-height:1.65;flex:1;}
.blog-card-link{font-size:.88rem;font-weight:800;color:var(--copper);display:inline-flex;align-items:center;gap:.35rem;}

.blog-empty{text-align:center;padding:5rem 0;color:var(--ink2);font-size:1.05rem;}
.blog-pagination{margin-top:3rem;text-align:center;}
.blog-pagination .page-numbers{padding:.5rem .8rem;margin:0 .25rem;background:#fff;border:1px solid var(--cream3);border-radius:6px;color:var(--ink2);font-weight:600;}
.blog-pagination .page-numbers.current{background:var(--blue);color:#fff;border-color:var(--blue);}

/* SINGLE BLOG POST */
.post-wrap{max-width:780px;margin:0 auto;padding:calc(var(--nav-h) + 4rem) 1.5rem 5rem;}
.post-meta{font-family:var(--fm);font-size:.7rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--copper);margin-bottom:1.25rem;font-weight:700;}
.post-wrap h1{font-family:var(--fs);font-size:clamp(2.2rem,4vw,3.2rem);color:var(--blue);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.3px;}
.post-featured{margin:2rem 0;border-radius:14px;overflow:hidden;border:1px solid var(--cream3);}
.post-content{font-size:1.1rem;color:var(--ink2);line-height:1.85;}
.post-content h2{font-family:var(--fs);font-size:2rem;color:var(--blue);margin:3rem 0 1rem;line-height:1.2;}
.post-content h3{font-family:var(--ff);font-size:1.3rem;font-weight:800;color:var(--blue);margin:2.25rem 0 .85rem;}
.post-content p{margin-bottom:1.4rem;}
.post-content a{color:var(--copper);text-decoration:underline;}
.post-content ul,.post-content ol{margin:0 0 1.5rem 1.5rem;}
.post-content li{margin-bottom:.6rem;}
.post-content blockquote{border-left:4px solid var(--copper);padding:1rem 1.5rem;background:var(--cream);font-style:italic;color:var(--ink);margin:2rem 0;border-radius:0 8px 8px 0;}
.post-content img{border-radius:10px;margin:2rem 0;}
.post-content code{background:var(--cream2);padding:.15em .4em;border-radius:4px;font-family:var(--fm);font-size:.92em;color:var(--copper);}

/* ═══════ CONTACT ═══════ */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;}
.cl{background:var(--blue);padding:calc(var(--nav-h) + 4rem) 4rem 4rem;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.cl::before{content:'';position:absolute;bottom:-10%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(181,98,42,.1) 0%,transparent 70%);pointer-events:none;}
.cl-h{font-family:var(--fs);font-size:clamp(2.5rem,4.2vw,3.6rem);color:#fff;line-height:1.06;letter-spacing:-.2px;margin-bottom:1.2rem;}
.cl-h em{font-style:italic;color:var(--copper3);}
.cl-sub{font-size:1.02rem;color:rgba(255,255,255,.65);line-height:1.8;max-width:38ch;margin-bottom:3rem;}
.cl-dets{display:flex;flex-direction:column;gap:1.5rem;margin-top:auto;}
.cl-row{display:flex;gap:.95rem;align-items:flex-start;}
.cl-ico{width:38px;height:38px;background:rgba(255,255,255,.09);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
.cl-row h5{font-family:var(--fm);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem;font-weight:700;}
.cl-row p{font-size:.95rem;color:rgba(255,255,255,.78);}
.cl-row a{color:var(--copper3);}
.cr-form{background:var(--cream);padding:calc(var(--nav-h) + 4rem) 4rem 4rem;display:flex;flex-direction:column;justify-content:center;}
.cr-h{font-family:var(--ff);font-size:1.3rem;font-weight:800;color:var(--blue);margin-bottom:1.85rem;}
.fstack{display:flex;flex-direction:column;gap:1.1rem;}
.fg{display:flex;flex-direction:column;gap:.4rem;}
.fg label{font-family:var(--fm);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--ink3);font-weight:700;}
.fg input,.fg select,.fg textarea{background:#fff;border:1.5px solid var(--cream3);padding:.85rem 1rem;border-radius:6px;font-family:var(--ff);font-size:.98rem;color:var(--ink);outline:none;transition:border-color .2s;width:100%;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);}
.fg textarea{min-height:110px;resize:vertical;}
.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.btn-sub{background:var(--blue);color:#fff;border:none;padding:1rem 2rem;border-radius:6px;font-family:var(--ff);font-weight:800;font-size:.95rem;width:100%;margin-top:.5rem;transition:all .2s;cursor:pointer;}
.btn-sub:hover{background:var(--blue2);transform:translateY(-1px);}
.contact-form-note{font-size:.85rem;color:var(--ink3);margin-top:1.1rem;line-height:1.65;}

/* ═══════ FAQ ═══════ */
.faq-wrap{display:grid;grid-template-columns:320px 1fr;min-height:100vh;}
.faq-sb{background:var(--blue);padding:calc(var(--nav-h) + 3.5rem) 2.3rem 3.5rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;}
.faq-sb h1{font-family:var(--fs);font-size:1.95rem;color:#fff;line-height:1.15;margin-bottom:.7rem;}
.faq-sb h1 em{font-style:italic;color:var(--copper3);}
.faq-sb p{font-size:.92rem;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:2.5rem;}
.faq-main{background:var(--cream);padding:calc(var(--nav-h) + 3.5rem) 3.5rem 3.5rem;}
.fq-gl{font-family:var(--fm);font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--copper);margin-bottom:1.2rem;margin-top:2.85rem;font-weight:700;}
.fq-gl:first-child{margin-top:0;}
.fq-list{display:flex;flex-direction:column;gap:1px;background:var(--cream3);border-radius:11px;overflow:hidden;margin-bottom:1.2rem;}
.fq-item{background:#fff;}
.fq-q{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;gap:1rem;cursor:pointer;width:100%;background:none;border:none;text-align:left;}
.fq-q span{font-family:var(--ff);font-size:.98rem;font-weight:700;color:var(--ink);line-height:1.4;}
.fq-tog{width:26px;height:26px;background:var(--cream2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ink2);flex-shrink:0;transition:all .2s;border:none;}
.fq-item.open .fq-tog{background:var(--copper);color:#fff;}
.fq-a{display:none;padding:0 1.5rem 1.25rem;font-size:.95rem;color:var(--ink2);line-height:1.8;border-top:1px solid var(--cream2);}
.fq-item.open .fq-a{display:block;padding-top:.95rem;}

/* ═══════ FOOTER ═══════ */
.site-footer{background:var(--blue);padding:5rem 3.5rem 2.5rem;}
.ft-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:2rem;}
.ft-logo-r{display:flex;align-items:center;gap:.85rem;margin-bottom:.95rem;}
.ft-nm{font-family:var(--ff);font-weight:900;font-size:1.05rem;color:#fff;}
.ft-nm em{font-style:normal;color:var(--copper3);}
.ft-sub{font-family:var(--fm);font-size:.5rem;color:rgba(255,255,255,.35);letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-weight:700;}
.ft-desc{font-size:.92rem;color:rgba(255,255,255,.5);line-height:1.7;max-width:32ch;margin-bottom:1rem;}
.ft-email{font-size:.92rem;color:var(--copper3);}
.ft-ch{font-family:var(--fm);font-size:.6rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:1.2rem;font-weight:700;}
.ft-col ul{display:flex;flex-direction:column;gap:.6rem;}
.ft-col li,.ft-col a{font-size:.92rem;color:rgba(255,255,255,.55);transition:color .2s;}
.ft-col a:hover{color:#fff;}
.ft-bot{display:flex;justify-content:space-between;align-items:center;font-family:var(--fm);font-size:.62rem;color:rgba(255,255,255,.3);letter-spacing:1px;font-weight:600;}
.ft-bot-r{display:flex;gap:1.5rem;}
.ft-bot-r a{color:rgba(255,255,255,.3);transition:color .2s;}
.ft-bot-r a:hover{color:rgba(255,255,255,.7);}

/* ═══════ GENERIC CONTENT PAGES ═══════ */
.alignleft{float:left;margin-right:1.5rem;}
.alignright{float:right;margin-left:1.5rem;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{max-width:100%;}
.wp-caption-text{font-size:.85rem;color:var(--ink3);text-align:center;margin-top:.55rem;}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;}
.sticky,.gallery-caption,.bypostauthor{display:block;}

.content-page{padding:calc(var(--nav-h) + 5rem) 3.5rem 5rem;max-width:850px;margin:0 auto;}
.content-page h1{font-family:var(--fs);font-size:3rem;color:var(--blue);margin-bottom:1.6rem;line-height:1.1;}
.content-page h2{font-family:var(--fs);font-size:1.95rem;color:var(--blue);margin:2.25rem 0 1.1rem;}
.content-page p{font-size:1.05rem;color:var(--ink2);line-height:1.85;margin-bottom:1.35rem;}
.content-page a{color:var(--copper);text-decoration:underline;}
.content-page ul,.content-page ol{margin:0 0 1.4rem 1.6rem;}
.content-page li{font-size:1.05rem;color:var(--ink2);line-height:1.8;margin-bottom:.55rem;}

/* ═══════ RESPONSIVE ═══════ */
@media(max-width:1100px){
  .svc-all-grid,.blog-grid,.other-svc-grid{grid-template-columns:repeat(2,1fr);}
  .single-svc-body{grid-template-columns:1fr;gap:3rem;}
  .single-svc-points{position:static;}
}
@media(max-width:900px){
  .hero,.page-hero-inner,.about-h,.contact-wrap,.why-inner,.sec-top,.cta-band{grid-template-columns:1fr;}
  .hero{min-height:auto;}
  .hero-r{padding-top:0;}
  .ft-g{grid-template-columns:1fr 1fr;}
  .faq-wrap{grid-template-columns:1fr;}
  .faq-sb{position:static;height:auto;}
  .about-story{grid-template-columns:1fr;}
  .ash{position:static;}
  .about-stats-row{grid-template-columns:1fr;}
  .page-hero-stats{flex-wrap:wrap;gap:2rem;}
  .svc-4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  html{font-size:16px;}
  .site-nav{padding:0 1.25rem;}
  .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--cream);border-bottom:1px solid var(--cream3);padding:1rem;gap:.3rem;}
  .nav-menu.open{display:flex;}
  .nav-menu li{width:100%;}
  .nav-menu a,.nav-menu .svc-toggle{width:100%;}
  .svc-dropdown{position:static;width:100%;transform:none;box-shadow:none;border:none;padding:.5rem 0 0;}
  .dd-grid{grid-template-columns:1fr;}
  .nav-toggle{display:flex;}
  .nav-pill{display:none;}
  .sec,.why,.cta-band,.svc-all-wrap,.blog-grid-wrap,.other-svc{padding-left:1.25rem;padding-right:1.25rem;}
  .hero-l{padding:3rem 1.25rem;}
  .hero-r{padding:0 1.25rem 3rem;}
  .svc-4,.svc-all-grid,.blog-grid,.other-svc-grid{grid-template-columns:1fr;}
  .ft-g{grid-template-columns:1fr;}
  .cl,.cr-form{padding-left:1.5rem;padding-right:1.5rem;}
  .about-story,.single-svc-hero,.single-svc-body,.single-svc-media,.single-svc-cta,.other-svc,.blog-hero,.blog-grid-wrap{padding-left:1.25rem;padding-right:1.25rem;}
}