/*
Theme Name: Cary Consulting Group
Theme URI: https://caryconsultinggroup.com/
Author: Cary Consulting Group
Description: A custom WordPress theme adapted from the CCG redesign concept, using the Cary Consulting Group teal and charcoal brand palette.
Version: 1.0.1
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ccg-consulting
*/

:root{
  --ccg-canvas:#212427;
  --ccg-surface:#2c2e32;
  --ccg-surface-soft:#272a2d;
  --ccg-ink:#ffffff;
  --ccg-body:#c7d1d2;
  --ccg-body-strong:#edf3f3;
  --ccg-muted:#98a4a6;
  --ccg-hairline:#41474b;
  --ccg-accent:#669fa5;
  --ccg-accent-light:#8ab9bd;
  --ccg-display:'Montserrat',Arial,sans-serif;
  --ccg-text:'Montserrat',Arial,sans-serif;
  --ccg-maxw:1280px;
  --ccg-hero-image:url('https://images.unsplash.com/photo-1600880292089-90a7e086ee0c?auto=format&fit=crop&w=1900&q=82');
  --ccg-cta-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1900&q=82');
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ccg-canvas);color:var(--ccg-body);font-family:var(--ccg-text);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto}
button,input,textarea{font:inherit}
.screen-reader-text,.ccg-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link:focus{clip:auto!important;width:auto!important;height:auto!important;margin:12px!important;padding:10px 14px!important;background:#fff;color:#000;z-index:9999}

.ccg-wrap{width:min(calc(100% - 48px),var(--ccg-maxw));margin-inline:auto}
.ccg-wrap-wide{width:min(calc(100% - 48px),1480px);margin-inline:auto}
.ccg-up{text-transform:uppercase;letter-spacing:1.5px}
.ccg-accent{color:var(--ccg-accent)}

h1,h2,h3,h4,h5,h6,.ccg-display{font-family:var(--ccg-display);color:var(--ccg-ink);font-weight:700;line-height:1.08;margin-top:0}
h1{font-size:clamp(2.7rem,6vw,5.25rem)}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:clamp(1.25rem,2vw,1.65rem)}
p{margin-top:0}

/* Header / navigation */
.ccg-site-header{position:sticky;top:0;z-index:100;background:rgba(33,36,39,.97);border-bottom:1px solid var(--ccg-hairline);backdrop-filter:blur(8px)}
.ccg-nav{min-height:76px;display:flex;align-items:center}
.ccg-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.ccg-brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0}
.ccg-brand .custom-logo{max-height:54px;width:auto}
.ccg-logo-mark{width:42px;height:42px;border:1px solid var(--ccg-accent);display:grid;place-items:center;color:var(--ccg-accent);font-weight:700;letter-spacing:-1px;font-size:12px}
.ccg-logo-name{font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#fff;font-size:14px;white-space:nowrap}
.ccg-menu-toggle{display:none;background:transparent;border:1px solid var(--ccg-hairline);color:#fff;padding:9px 11px;cursor:pointer}
.primary-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.primary-menu a{text-decoration:none;color:var(--ccg-body-strong);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;padding:10px 0}
.primary-menu a:hover,.primary-menu .current-menu-item>a,.primary-menu .current_page_item>a{color:var(--ccg-accent)}
.primary-menu>li:last-child>a{border:1px solid var(--ccg-accent);padding:11px 18px;color:#fff}
.primary-menu>li:last-child>a:hover{background:var(--ccg-accent);color:#111}

/* Buttons */
.wp-block-button__link,.ccg-btn,.ccg-contact-form button{border-radius:0!important;background:transparent!important;border:1px solid var(--ccg-ink)!important;color:var(--ccg-ink)!important;font-family:var(--ccg-display);font-weight:700;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;padding:14px 26px!important;text-decoration:none;transition:.15s ease}
.wp-block-button__link:hover,.ccg-btn:hover,.ccg-contact-form button:hover{background:var(--ccg-ink)!important;color:#101010!important}
.ccg-btn-fill .wp-block-button__link,.wp-block-button.ccg-btn-fill .wp-block-button__link{background:var(--ccg-accent)!important;border-color:var(--ccg-accent)!important;color:#101010!important}
.ccg-btn-fill .wp-block-button__link:hover,.wp-block-button.ccg-btn-fill .wp-block-button__link:hover{background:#fff!important;border-color:#fff!important}

/* Homepage hero */
.ccg-hero{position:relative;min-height:640px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(22,24,26,.96) 0%,rgba(22,24,26,.80) 48%,rgba(22,24,26,.38) 100%),var(--ccg-hero-image);background-size:cover;background-position:center}
.ccg-hero>.wp-block-group__inner-container,.ccg-hero>.wp-block-group{width:100%}
.ccg-hero .ccg-wrap{padding-block:90px}
.ccg-kicker{font-size:12px;color:var(--ccg-accent);font-weight:700;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:24px}
.ccg-hero h1{max-width:13ch;text-transform:uppercase;margin-bottom:25px}
.ccg-hero-lead{max-width:58ch;font-size:18px;color:var(--ccg-body-strong);margin-bottom:34px}
.ccg-hero .wp-block-buttons{gap:14px}

/* Page header */
.ccg-page-head{padding:88px 0 70px;border-bottom:1px solid var(--ccg-hairline);background:linear-gradient(120deg,var(--ccg-surface) 0%,var(--ccg-canvas) 75%)}
.ccg-eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ccg-accent);font-weight:700;margin-bottom:18px}
.ccg-page-head h1{font-size:clamp(2.7rem,5vw,4.25rem);max-width:19ch;text-transform:uppercase;margin-bottom:20px}
.ccg-page-head .ccg-lead{max-width:62ch;font-size:17px;color:var(--ccg-body-strong)}

/* Stats */
.ccg-specs{background:#181a1c;border-bottom:1px solid var(--ccg-hairline)}
.ccg-specs .wp-block-columns{margin:0!important;gap:0!important}
.ccg-spec-cell{padding:48px 34px!important;border-right:1px solid var(--ccg-hairline);margin:0!important}
.ccg-spec-cell:last-child{border-right:0}
.ccg-stat-value{font-size:clamp(2.1rem,3.3vw,2.85rem)!important;line-height:1!important;margin-bottom:15px!important;color:#fff!important}
.ccg-stat-value strong{color:var(--ccg-accent);font-weight:700}
.ccg-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--ccg-muted);margin:0}

/* Standard bands */
.ccg-band{padding:86px 0}
.ccg-band-alt{padding:86px 0;background:var(--ccg-surface-soft);border-top:1px solid var(--ccg-hairline);border-bottom:1px solid var(--ccg-hairline)}
.ccg-band-head{margin-bottom:46px}
.ccg-band-head h2{text-transform:uppercase;margin-bottom:0}
.ccg-lead{font-size:18px;color:var(--ccg-body-strong);max-width:66ch}
.ccg-divider{height:4px;background:var(--ccg-accent);border:0;margin:0}

/* Cards */
.ccg-card-row{gap:2px!important;margin-bottom:2px!important;background:var(--ccg-hairline)}
.ccg-card{height:100%;background:var(--ccg-canvas);margin:0!important;padding:0!important}
.ccg-card .wp-block-image{margin:0!important;overflow:hidden;height:190px;background:#151719}
.ccg-card .wp-block-image img{width:100%;height:190px;object-fit:cover;filter:grayscale(1) contrast(1.04) brightness(.82);transition:.2s ease}
.ccg-card:hover .wp-block-image img{filter:grayscale(.7) contrast(1.02) brightness(.92)}
.ccg-card-body{padding:28px 26px 32px!important}
.ccg-card-num{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ccg-muted);font-weight:600;margin-bottom:14px}
.ccg-card h3{text-transform:uppercase;font-size:22px;margin-bottom:12px}
.ccg-card p{font-size:14px;color:var(--ccg-body);margin-bottom:20px}
.ccg-text-link a{color:#fff;text-decoration:none;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1.4px}
.ccg-text-link a:hover{color:var(--ccg-accent)}

/* Services detail rows */
.ccg-service-row{gap:26px!important;padding:38px 0;border-bottom:1px solid var(--ccg-hairline);margin:0!important}
.ccg-service-row:last-child{border-bottom:0}
.ccg-service-index{font-size:28px!important;color:var(--ccg-accent)!important;margin:0!important}
.ccg-service-row h3{text-transform:uppercase;margin-bottom:10px}
.ccg-service-row p{max-width:74ch;margin-bottom:0}

/* Founder */
.ccg-founder{margin:0!important;gap:0!important;background:var(--ccg-surface-soft)}
.ccg-founder-image{margin:0!important;height:100%;min-height:540px;background:#141618}
.ccg-founder-image img{width:100%;height:100%;min-height:540px;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.84)}
.ccg-founder-copy{padding:70px 58px!important;display:flex;flex-direction:column;justify-content:center}
.ccg-founder-copy h2{text-transform:uppercase;font-size:clamp(2rem,3vw,2.6rem);margin-bottom:24px}
.ccg-founder-copy p{color:var(--ccg-body-strong)}
.ccg-signature{font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.4px;margin:13px 0 3px}
.ccg-role{font-size:13px;color:var(--ccg-muted)}
.ccg-role a{color:var(--ccg-accent)}

/* CTA */
.ccg-cta{padding:100px 0;text-align:center;background:linear-gradient(rgba(24,26,28,.88),rgba(24,26,28,.88)),var(--ccg-cta-image);background-size:cover;background-position:center}
.ccg-cta h2{text-transform:uppercase;margin-bottom:20px}
.ccg-cta p{max-width:58ch;margin:0 auto 30px;color:var(--ccg-body-strong);font-size:17px}
.ccg-cta .wp-block-buttons{justify-content:center}

/* Contact */
.ccg-contact-grid{gap:58px!important}
.ccg-contact-form label{display:block;color:var(--ccg-muted);font-size:11px;text-transform:uppercase;letter-spacing:1.3px;font-weight:600;margin-bottom:8px}
.ccg-contact-form .ccg-field{margin-bottom:20px}
.ccg-contact-form input,.ccg-contact-form textarea{width:100%;border-radius:0;background:var(--ccg-surface);border:1px solid var(--ccg-hairline);color:#fff;padding:13px 14px}
.ccg-contact-form input:focus,.ccg-contact-form textarea:focus{outline:2px solid var(--ccg-accent);outline-offset:1px}
.ccg-form-message{padding:14px 16px;margin-bottom:20px;border-left:4px solid var(--ccg-accent);background:var(--ccg-surface)}
.ccg-form-error{border-left-color:#d06b6b}
.ccg-contact-info-row{padding:20px 0;border-bottom:1px solid var(--ccg-hairline)}
.ccg-contact-info-row .ccg-label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--ccg-muted);margin-bottom:6px}
.ccg-contact-info-row .ccg-value{font-size:17px;color:#fff;margin:0}
.ccg-contact-info-row a{color:var(--ccg-accent)}

/* Blog / news */
.ccg-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--ccg-hairline);margin:48px 0}
.ccg-post-card{background:var(--ccg-canvas);padding:30px}
.ccg-post-card .ccg-meta{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ccg-accent);margin-bottom:13px}
.ccg-post-card h2{font-size:22px;text-transform:uppercase;margin-bottom:12px}
.ccg-post-card h2 a{text-decoration:none}
.ccg-post-card h2 a:hover{color:var(--ccg-accent)}
.ccg-post-card p{font-size:14px}
.ccg-pagination{margin:32px 0 0}
.ccg-pagination .page-numbers{display:inline-block;border:1px solid var(--ccg-hairline);padding:8px 12px;margin-right:4px;text-decoration:none}
.ccg-pagination .current,.ccg-pagination a:hover{background:var(--ccg-accent);color:#111;border-color:var(--ccg-accent)}
.ccg-article{padding:76px 0}
.ccg-article-header{max-width:880px;margin-bottom:40px}
.ccg-article-header .ccg-meta{color:var(--ccg-accent);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:15px}
.ccg-entry-content{max-width:880px;color:var(--ccg-body-strong)}
.ccg-entry-content a{color:var(--ccg-accent)}
.ccg-entry-content h2,.ccg-entry-content h3{margin-top:1.8em}

/* Footer */
.ccg-site-footer{border-top:1px solid var(--ccg-hairline);background:#17191b}
.ccg-footer-accent{height:4px;background:var(--ccg-accent)}
.ccg-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:42px;padding:62px 0 42px}
.ccg-footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#fff;margin-bottom:18px}
.ccg-footer-grid a{display:block;color:var(--ccg-muted);text-decoration:none;margin-bottom:10px;font-size:13px}
.ccg-footer-grid a:hover{color:var(--ccg-accent)}
.ccg-footer-brand{font-size:15px;text-transform:uppercase;letter-spacing:1.8px;color:#fff;font-weight:700;margin-bottom:13px}
.ccg-footer-tagline{font-size:13px;color:var(--ccg-muted);max-width:36ch}
.ccg-footer-bottom{border-top:1px solid var(--ccg-hairline);padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--ccg-muted)}

/* Default WordPress content */
.alignwide{width:min(calc(100% - 48px),var(--ccg-maxw));margin-left:auto!important;margin-right:auto!important}
.alignfull{width:100%;max-width:none!important}
.wp-block-separator{border-color:var(--ccg-hairline)}

@media (max-width:980px){
  .ccg-menu-toggle{display:block}
  .ccg-primary-nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--ccg-canvas);border-bottom:1px solid var(--ccg-hairline);padding:14px 24px 22px}
  .ccg-primary-nav.is-open{display:block}
  .primary-menu{display:block}
  .primary-menu li{border-bottom:1px solid var(--ccg-hairline)}
  .primary-menu li:last-child{border-bottom:0}
  .primary-menu a{display:block;padding:14px 0}
  .primary-menu>li:last-child>a{border:0;padding:14px 0;color:var(--ccg-accent)}
  .ccg-logo-name{font-size:12px}
  .ccg-specs .wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ccg-spec-cell:nth-child(2){border-right:0}
  .ccg-spec-cell:nth-child(-n+2){border-bottom:1px solid var(--ccg-hairline)}
  .ccg-card-row{display:grid!important;grid-template-columns:1fr!important}
  .ccg-card-row>.wp-block-column{margin:0!important}
  .ccg-founder{display:grid!important;grid-template-columns:1fr!important}
  .ccg-founder-image,.ccg-founder-image img{min-height:340px}
  .ccg-founder-copy{padding:48px 28px!important}
  .ccg-contact-grid{display:grid!important;grid-template-columns:1fr!important}
  .ccg-post-grid{grid-template-columns:1fr 1fr}
  .ccg-footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:620px){
  .ccg-wrap,.ccg-wrap-wide,.alignwide{width:min(calc(100% - 32px),var(--ccg-maxw))}
  .ccg-nav{min-height:68px}
  .ccg-primary-nav{top:68px}
  .ccg-logo-mark{width:36px;height:36px}
  .ccg-logo-name{display:none}
  .ccg-hero{min-height:570px;background-position:62% center}
  .ccg-hero .ccg-wrap{padding-block:70px}
  .ccg-hero h1{font-size:clamp(2.55rem,13vw,4rem)}
  .ccg-hero-lead{font-size:16px}
  .ccg-specs .wp-block-columns{grid-template-columns:1fr}
  .ccg-spec-cell{border-right:0!important;border-bottom:1px solid var(--ccg-hairline)!important;padding:34px 24px!important}
  .ccg-spec-cell:last-child{border-bottom:0!important}
  .ccg-band,.ccg-band-alt{padding:64px 0}
  .ccg-page-head{padding:65px 0 52px}
  .ccg-cta{padding:74px 0}
  .ccg-service-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .ccg-post-grid{grid-template-columns:1fr}
  .ccg-footer-grid{grid-template-columns:1fr;padding-top:46px}
  .ccg-footer-bottom{display:block}
  .ccg-footer-bottom span{display:block;margin-bottom:7px}
}