/*
Theme Name: Timehri Networks
Theme URI: https://timehrinetworks.com
Author: Timehri Networks LLC
Description: Enterprise-style cybersecurity, OT security, SCADA security, and critical infrastructure WordPress theme.
Version: 4.1.4
License: GPLv2 or later
Text Domain: timehri-networks
*/

:root{--navy:#061a34;--navy-2:#09254b;--blue:#0b65a3;--cyan:#36b8ff;--orange:#ff6b00;--orange-2:#ff8a00;--gold:#f5b036;--white:#fff;--muted:#e7eef8;--ink:#07142b;--text:#26364d;--soft:#f4f8fd;--card:#fff;--border:#dce6f3;--shadow-sm:0 10px 28px rgba(6,26,52,.08);--shadow:0 22px 55px rgba(6,26,52,.15);--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#f7faff;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,92vw);margin-inline:auto}.narrow{width:min(820px,92vw)}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--ink);padding:10px 16px;z-index:9999}.skip-link:focus{left:8px}

.topbar{background:linear-gradient(90deg,#04152c,#092b58);color:#fff;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.12)}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:42px}.topbar-tagline{letter-spacing:.01em}.topbar-contact{display:flex;align-items:center;gap:20px}.topbar-contact a{font-weight:750}.topbar-contact b,.footer-regions span{color:var(--orange-2)}
.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:100;box-shadow:0 5px 18px rgba(6,26,52,.06);transition:.25s ease}.site-header.is-scrolled{box-shadow:0 10px 30px rgba(6,26,52,.13)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.logo-wrap{display:flex;align-items:center;flex:0 0 auto}.logo-wrap img{display:block;width:158px;max-height:78px;object-fit:contain}
.main-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto;font-weight:800;color:var(--ink)}.main-nav>a{position:relative;padding:31px 0 27px;white-space:nowrap}.main-nav>a:not(.mobile-menu-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:3px;background:var(--orange);transition:.2s ease}.main-nav>a:hover,.main-nav>a:focus-visible{color:var(--orange)}.main-nav>a:hover::after,.main-nav>a:focus-visible::after{right:0}.mobile-menu-cta{display:none}
.menu-toggle{display:none;background:transparent;border:0;color:var(--ink);padding:8px;align-items:center;gap:9px;font-weight:900}.menu-toggle-lines{width:25px;display:grid;gap:5px}.menu-toggle-lines i{display:block;height:2px;background:currentColor;border-radius:5px;transition:.2s ease}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 21px;border-radius:10px;font-weight:900;border:1px solid transparent;transition:.2s ease;cursor:pointer;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;box-shadow:0 12px 26px rgba(255,107,0,.28)}.btn-secondary{background:var(--navy);color:#fff;box-shadow:0 12px 24px rgba(6,26,52,.18)}.btn-outline{color:#fff;border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.08)}

.hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:radial-gradient(circle at 79% 25%,rgba(54,184,255,.28),transparent 27%),radial-gradient(circle at 15% 20%,rgba(255,107,0,.16),transparent 25%),linear-gradient(105deg,rgba(4,20,43,.99) 0%,rgba(6,26,52,.97) 48%,rgba(7,47,88,.84) 100%),url('assets/timehri-logo.jpeg');background-size:auto,auto,auto,630px;background-repeat:no-repeat;background-position:center,center,center,right 5% center}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(115deg,transparent,rgba(6,26,52,.72)),radial-gradient(circle,rgba(54,184,255,.18) 1px,transparent 1.8px);background-size:100% 100%,34px 34px}.hero-layout{padding:94px 0 46px}.hero-content{max-width:720px}.kicker,.eyebrow{letter-spacing:.17em;text-transform:uppercase;font-size:.76rem;font-weight:950;color:var(--gold);margin-bottom:12px}.eyebrow{color:var(--orange)}

h1 {
    font-size: clamp(2.65rem, 5.5vw, 5rem);
    line-height: 1.01;
    margin: 0 0 22px;
    color: var(--ink);
    letter-spacing: -0.055em;
}

/* White H1 text only where the background is dark */
.hero h1,
.page-hero h1,
.article-hero h1 {
    color: #fff;
}

/* Make article H1 headings visible on white backgrounds */
.single-post .article-content h1,
.single-post .entry-content h1 {
    color: var(--ink);
    font-size: clamp(2.4rem, 5vw, 4rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
    margin: 0 0 1.5rem;
}

h1 .orange{color:var(--orange-2)}.hero p{font-size:1.15rem;max-width:680px;color:#edf5ff;margin:0 0 29px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:710px;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;gap:16px}.hero-proof div{display:grid}.hero-proof strong{font-size:1.25rem;color:#fff}.hero-proof span{font-size:.83rem;color:#bcd0e7}.hero-badges{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.2);border-radius:16px 16px 0 0;overflow:hidden;box-shadow:var(--shadow)}.hero-badge{padding:18px 20px;background:rgba(4,21,44,.73);font-weight:850;display:flex;align-items:center;gap:12px;color:#fff}.hero-badge .icon{color:var(--orange-2);font-size:1.5rem}
.trust-strip{padding:18px 0;background:#fff;border-bottom:1px solid var(--border)}.trust-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:12px;color:#54657b;font-weight:850;font-size:.9rem}.trust-strip-grid span+span{border-left:1px solid var(--border)}

.section-pad{padding:88px 0}.section-title{text-align:center;margin:0 auto 42px;max-width:830px}.section-title .eyebrow{margin-bottom:5px}h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.08;margin:6px 0 12px;color:var(--ink);letter-spacing:-.04em}h3{color:var(--ink);font-size:1.25rem;line-height:1.23;margin:0 0 10px}.section-title p{max-width:750px;margin:0 auto;font-size:1.08rem;color:#586a82}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:29px;box-shadow:var(--shadow-sm);transition:.24s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card{display:flex;flex-direction:column}.service-card p{margin-bottom:20px}.card-icon{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#fff1e6;color:var(--orange);font-size:1.55rem;font-weight:900;margin-bottom:18px}.price{display:inline-block;align-self:flex-start;margin:5px 0 13px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:900}.card-link{margin-top:auto;color:var(--blue);font-weight:900}.card-link:hover{color:var(--orange)}
.industries{background:linear-gradient(145deg,#04152c,#082c58);color:#fff;position:relative;overflow:hidden}.industries::after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-160px;top:-150px;background:rgba(54,184,255,.1)}.light-title{position:relative;z-index:1}.industries h2,.industries h3{color:#fff}.industries .section-title p{color:#d3e3f5}.industry-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.industry-card{min-height:218px;border:1px solid rgba(255,255,255,.16);border-radius:17px;padding:23px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 16px 30px rgba(0,0,0,.16);transition:.2s ease}.industry-card:hover{transform:translateY(-4px);border-color:rgba(255,138,0,.7)}.industry-icon{font-size:2rem;margin-bottom:18px}.industry-card p{color:#d3e3f5;margin:0;font-size:.94rem}
.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.about-copy p{font-size:1.06rem}.experience-panel{background:linear-gradient(145deg,#061a34,#0a3365);border-radius:26px;padding:38px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.experience-panel::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-100px;top:-100px;background:rgba(54,184,255,.12)}.experience-number{font-size:5.5rem;line-height:.9;font-weight:950;color:var(--orange-2);letter-spacing:-.08em}.experience-label{max-width:260px;font-weight:850;margin:10px 0 28px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}.check{display:flex;gap:9px;align-items:flex-start;font-weight:750}.check span{color:var(--orange-2)}
.knowledge-section{background:var(--soft)}
.section-title-row{max-width:none;text-align:left;display:flex;align-items:end;justify-content:space-between;gap:30px}
.section-title-row p{margin:0;max-width:700px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.article-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;min-width:0;transition:.24s ease}
.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.article-image{display:block;width:100%;aspect-ratio:16/9;min-height:250px;overflow:hidden;background:#dfe9f4;flex:0 0 auto}
.article-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;transition:.3s ease}
.article-card:hover .article-image img{transform:scale(1.04)}
.article-body{padding:28px;display:flex;flex-direction:column;flex:1;min-height:470px}
.article-meta{color:var(--orange);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}
.article-body h2,.article-body h3{font-size:1.85rem;line-height:1.2;font-weight:800;margin:0 0 16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.article-body p{flex-grow:1;margin:0 0 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.article-body .card-link{margin-top:auto;color:var(--blue);font-weight:900}
.article-body .card-link:hover{color:var(--orange)}
.article-placeholder{border-top:5px solid var(--orange)}
.cta{background:linear-gradient(130deg,#ff6b00,#ef4e00);color:#fff;padding:60px 0}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{color:#fff;margin:0 0 9px}.cta p{margin:0;color:#fff5ed;max-width:730px}.cta .eyebrow{color:#fff2d6}.cta-button{background:#fff;color:var(--ink);flex:0 0 auto}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:start}.contact-copy{padding:25px 0}.contact-list{list-style:none;padding:0;margin:25px 0 0}.contact-list li{padding:14px 0;border-bottom:1px solid var(--border);color:var(--ink);font-weight:850;overflow-wrap:anywhere}.contact-list span{color:var(--orange);margin-right:9px}.panel{background:#fff;border-radius:22px;padding:34px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.form-intro{margin-top:-3px}.form-note{background:#eef6ff;border-left:5px solid var(--orange);padding:20px;border-radius:13px;color:#26364d}.wpforms-container input,.wpforms-container select,.wpforms-container textarea{max-width:100%!important}.wpforms-container button[type=submit]{background:linear-gradient(135deg,var(--orange),var(--orange-2))!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:13px 20px!important;font-weight:900!important}

.page-hero{color:#fff;background:linear-gradient(135deg,#061a34,#0b376b);padding:84px 0 70px}
.compact-hero h1,.article-hero h1{font-size:clamp(2.45rem,5vw,4.6rem)}
.page-hero p{font-size:1.15rem;max-width:720px;color:#dceafb}
.archive-grid{align-items:stretch}
.archive-grid .pagination,.archive-grid>.navigation{grid-column:1/-1}
.pagination ul,.nav-links{display:flex;justify-content:center;gap:8px;list-style:none;padding:0}
.page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:8px;font-weight:850}
.page-numbers.current{background:var(--navy);color:#fff}
.empty-state{grid-column:1/-1;text-align:center;background:#fff;padding:50px;border-radius:var(--radius);border:1px solid var(--border)}
.featured-image{margin-top:-35px;position:relative}
.featured-image img{width:100%;border-radius:20px;box-shadow:var(--shadow)}
.article-content{background:#fff;margin:40px auto 80px;padding:44px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:1.08rem;line-height:1.85;max-width:900px}
.article-content h2{font-size:2.1rem}
.article-content h3{font-size:1.45rem}
.article-content h2,.article-content h3{margin-top:1.5em}
.article-content a:not(.btn){color:var(--blue);text-decoration:underline}
.article-content img{border-radius:12px}
.article-content>*{max-width:820px;margin-left:auto;margin-right:auto}
.article-content img,.article-content figure,.article-content table,.article-content .wp-block-image,.article-content .wp-block-media-text,.article-content .wp-block-columns{max-width:100%}
.article-content blockquote{border-left:5px solid var(--orange);background:#f6f9fd;padding:24px 30px;margin:35px auto;font-size:1.15rem;font-style:italic}
.article-content table{width:100%;border-collapse:collapse;margin:40px auto}
.article-content th{background:var(--navy);color:#fff;padding:14px;text-align:left}
.article-content td{padding:12px;border:1px solid #d9e4f2}
.article-content pre{background:#061a34;color:#fff;border-radius:12px;padding:24px;overflow-x:auto}
.article-content code{font-family:Consolas,Monaco,monospace}
.article-return{margin-top:38px;padding-top:25px;border-top:1px solid var(--border)}

.site-footer{background:#031225;color:#d5e5f6;border-top:5px solid var(--orange);padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr 1fr;gap:55px}

.footer-logo {
    width: 145px;
    max-height: 90px;
    object-fit: contain;
    background: transparent;
    border-radius: 0;
    padding: 0;
}
.footer-brand p{max-width:450px;color:#abc0d7}.footer-regions{font-weight:850}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-column h2{font-size:1rem;color:#fff;margin:0 0 8px;letter-spacing:.06em;text-transform:uppercase}.footer-column a{color:#bcd0e5;overflow-wrap:anywhere}.footer-column a:hover{color:var(--orange-2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;font-size:.82rem;color:#8fa9c4}.mobile-sticky-cta{display:none}

@media(max-width:1080px){.main-nav{gap:17px;font-size:.92rem}.header-cta{padding-inline:14px}.industry-grid{grid-template-columns:repeat(3,1fr)}.industry-card:last-child{grid-column:2}}
@media(max-width:980px){html{scroll-padding-top:84px}.topbar-regions{display:none}.header-inner{min-height:78px}.menu-toggle{display:flex;order:3}.header-cta{display:none}.main-nav{position:absolute;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;top:100%;left:0;right:0;background:#fff;padding:10px 4vw 24px;border-top:1px solid var(--border);box-shadow:0 20px 35px rgba(6,26,52,.18);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s ease;max-height:calc(100vh - 78px);overflow:auto}.main-nav.is-open{opacity:1;visibility:visible;transform:none}.main-nav>a{padding:14px 4px;border-bottom:1px solid #edf2f7}.main-nav>a::after{display:none!important}.mobile-menu-cta{display:flex!important;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff!important;justify-content:center;border-radius:9px;margin-top:14px;border:0!important}.menu-toggle[aria-expanded=true] .menu-toggle-lines i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-lines i:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle-lines i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.services-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.hero{background-size:480px;background-position:right -150px center}.hero-badges{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-card:last-child{grid-column:auto}.section-title-row{align-items:flex-start}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:30px}}
@media(max-width:700px){body{padding-bottom:62px}.topbar{display:none}.site-header{top:0}.header-inner{min-height:72px}.logo-wrap img{width:130px;max-height:62px}.menu-toggle-label{font-size:.82rem}.hero{background-image:radial-gradient(circle at 80% 15%,rgba(54,184,255,.18),transparent 28%),linear-gradient(160deg,rgba(4,20,43,.99),rgba(7,45,84,.97));background-size:auto}.hero-layout{padding:58px 0 32px}.kicker{font-size:.67rem;letter-spacing:.13em;line-height:1.6}.hero h1{font-size:clamp(2.35rem,12vw,3.7rem);line-height:1.03;letter-spacing:-.05em}.hero p{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr;margin-bottom:28px}.hero-actions .btn{width:100%}.hero-proof{grid-template-columns:1fr;gap:12px;padding-top:18px}.hero-proof div{grid-template-columns:110px 1fr;align-items:center;gap:8px}.hero-proof strong{font-size:1.04rem}.hero-badges{width:100%;border-radius:0;margin:0;box-shadow:none}.hero-badge{padding:14px 4vw;font-size:.91rem}.trust-strip-grid{grid-template-columns:1fr 1fr;text-align:left}.trust-strip-grid span{padding:7px}.trust-strip-grid span+span{border:0}.section-pad{padding:66px 0}.section-title{margin-bottom:30px;text-align:left}.section-title h2{font-size:2.15rem}.section-title p{font-size:1rem}.services-grid,.article-grid,.industry-grid{grid-template-columns:1fr}.card{padding:23px}.industry-card{min-height:auto}.about-grid{gap:28px}.experience-panel{padding:28px}.experience-number{font-size:4.4rem}.checks{grid-template-columns:1fr}.section-title-row{display:block}.section-title-row .btn{width:100%;margin-top:22px}.cta{padding:48px 0}.cta-row{display:block}.cta-button{width:100%;margin-top:22px}.contact-copy{padding:0}.panel{padding:23px}.form-note{padding:14px}.wpforms-container input,.wpforms-container select,.wpforms-container textarea{font-size:16px!important}.page-hero{padding:58px 0 50px}.article-content{padding:24px;margin-top:25px;margin-bottom:55px;border-radius:14px;font-size:1rem;line-height:1.75}.featured-image{margin-top:-22px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-column{border-top:1px solid rgba(255,255,255,.12);padding-top:22px}.footer-bottom{display:grid;text-align:center}.mobile-sticky-cta{display:flex;position:fixed;left:12px;right:12px;bottom:8px;z-index:120;min-height:48px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-weight:950;box-shadow:0 12px 32px rgba(0,0,0,.28)}.site-footer{padding-bottom:34px}}
@media(max-width:380px){.container{width:min(94vw,1180px)}.hero h1{font-size:2.2rem}.menu-toggle-label{display:none}.hero-proof div{grid-template-columns:1fr}.trust-strip-grid{grid-template-columns:1fr}.footer-logo{width:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ===============================
   GUTENBERG BUTTONS
================================ */
.wp-block-button__link{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff!important;font-size:18px;font-weight:700;padding:16px 32px;border-radius:10px;text-decoration:none;box-shadow:0 8px 20px rgba(255,107,0,.25);transition:all .25s ease}
.wp-block-button__link:hover{background:linear-gradient(135deg,#ff7d1f,#ff9800);color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,107,0,.35)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--navy)!important;border:2px solid var(--navy);box-shadow:none}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--navy);color:#fff!important}

/* ===============================
   ARTICLE CTA
================================ */
.article-cta{background:#eef6ff;border-left:6px solid var(--orange);padding:28px;margin:50px 0;border-radius:12px;box-shadow:0 10px 25px rgba(6,26,52,.08)}
.article-cta h3{margin-top:0;color:var(--navy)}
.article-cta p{margin-bottom:20px}

/* ===============================
   KNOWLEDGE CENTER ARTICLE HEADER
   Add class: article-feature
================================ */
.article-feature{display:grid;grid-template-columns:minmax(300px,40%) minmax(0,60%);align-items:stretch;gap:0;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 30px rgba(6,26,52,.15)}
.article-feature .wp-block-media-text__media{min-height:680px;margin:0;overflow:hidden;background:var(--navy)}
.article-feature .wp-block-media-text__media img{width:100%;height:100%;min-height:680px;display:block;object-fit:cover;object-position:35% 45%;border-radius:0}
.article-feature .wp-block-media-text__content{padding:42px 46px;align-self:start}
.article-feature .wp-block-media-text__content>:first-child{margin-top:0}
.article-feature .wp-block-media-text__content h1,.article-feature .wp-block-media-text__content h2{color:var(--ink)}
.article-feature .wp-block-media-text__content h2{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.08;letter-spacing:-.04em}
.article-feature .article-meta{display:flex;flex-wrap:wrap;gap:9px 14px;margin-bottom:22px;color:var(--text);font-size:.92rem;line-height:1.5;text-transform:none;letter-spacing:normal}
.article-feature .article-meta strong{color:var(--ink)}

@media(max-width:980px){.article-feature{grid-template-columns:minmax(250px,38%) minmax(0,62%)}.article-feature .wp-block-media-text__media,.article-feature .wp-block-media-text__media img{min-height:620px}.article-feature .wp-block-media-text__content{padding:34px}}
@media(max-width:700px){.article-body{min-height:0}.article-feature{display:block;border-radius:14px}.article-feature .wp-block-media-text__media,.article-feature .wp-block-media-text__media img{width:100%;min-height:0;height:auto;aspect-ratio:4/5}.article-feature .wp-block-media-text__media img{object-position:35% 45%}.article-feature .wp-block-media-text__content{padding:26px 22px 30px}.article-feature .wp-block-media-text__content h2{font-size:2rem}.wp-block-button,.wp-block-button__link{width:100%}}

/* ==========================================
   ARTICLE TYPOGRAPHY
========================================== */

.single-post .article-content h2{

    margin-top:2.25rem;
    margin-bottom:1rem;

}

.single-post .article-content h3{

    margin-top:1.5rem;
    margin-bottom:.75rem;

}

.single-post .article-content p{

    margin:0 0 1.2rem;

}

.single-post .article-content ul,
.single-post .article-content ol{

    margin:.75rem 0 1.4rem 1.5rem;

}

.single-post .article-content li{

    margin-bottom:.45rem;

}
/* ======================================================
   ARTICLE BLOCK SPACING
   Timehri Networks Theme 4.0.2
====================================================== */

.single-post .article-content
.wp-block-heading{

    margin-top:2rem;
    margin-bottom:1rem;

}

.single-post .article-content
.wp-block-paragraph{

    margin-top:0;
    margin-bottom:1.25rem;

}

.single-post .article-content
.wp-block-list{

    margin-top:.75rem;
    margin-bottom:1.5rem;

}

.single-post .article-content
.wp-block-image{

    margin-top:2rem;
    margin-bottom:2rem;

}

.single-post .article-content
.wp-block-columns{

    margin-top:2rem;
    margin-bottom:2rem;

}

.single-post .article-content
.wp-block-media-text{

    margin-top:2rem;
    margin-bottom:2rem;

}

/* ==========================================
   THEME 4.0.2 RESPONSIVE REFINEMENTS
========================================== */
@media(max-width:980px){
    .article-body{min-height:430px}
    .article-body h2,.article-body h3{font-size:1.65rem}
}

@media(max-width:700px){
    .article-image{min-height:0}
    .article-body{min-height:0;padding:23px}
    .article-body h2,.article-body h3{font-size:1.55rem;-webkit-line-clamp:unset}
    .article-body p{-webkit-line-clamp:unset}
    .article-content>*{max-width:100%}
    .article-content blockquote{padding:20px}
    .article-content table{display:block;overflow-x:auto;white-space:nowrap}
}

/* ==========================================
   SINGLE ARTICLE FEATURED IMAGE CONSISTENCY
   Timehri Networks Theme 4.0.3
========================================== */

.single-post .featured-image{
    width:min(820px,92vw);
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:20px;
    box-shadow:var(--shadow);
    background:#dfe9f4;
}

.single-post .featured-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:0;
    box-shadow:none;
}

/* Keep the article body aligned with the featured image footprint. */
.single-post .article-content{
    width:min(820px,92vw);
}

/* Prevent accidental duplicate excerpt styling inside article content. */
.single-post .article-content > p:first-child.excerpt-duplicate{
    display:none;
}

@media(max-width:700px){
    .single-post .featured-image{
        width:92vw;
        border-radius:14px;
    }

    .single-post .article-content{
        width:92vw;
    }
}

/* ======================================================
   THEME 4.0.4 — ARTICLE IMAGE AND NAVIGATION FIXES
====================================================== */

/* Keep article-card artwork fully visible on the front page and blog archive. */
.article-image{
    display:block;
    width:100%;
    aspect-ratio:16 / 9;
    min-height:0;
    overflow:hidden;
    background:var(--navy);
    flex:0 0 auto;
}

.article-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    background:var(--navy);
    transition:transform .3s ease;
}

.article-card:hover .article-image img{
    transform:scale(1.015);
}

/* Keep single-post featured artwork fully visible and aligned with the article. */
.single-post .featured-image{
    width:min(820px,92vw);
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:20px;
    box-shadow:var(--shadow);
    background:var(--navy);
}

.single-post .featured-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    border-radius:0;
    box-shadow:none;
    background:var(--navy);
}

.single-post .article-content{
    width:min(820px,92vw);
}

/* Back-to-blog navigation above and below individual articles. */
.single-post .article-nav{
    padding:24px 0;
}

.single-post .article-return{
    margin-top:42px;
    padding-top:28px;
    border-top:1px solid var(--border);
}

.single-post .back-to-articles{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    min-height:46px;
    padding:11px 18px;
    border:1px solid var(--navy);
    border-radius:10px;
    background:var(--navy);
    color:#fff;
    box-shadow:0 10px 22px rgba(6,26,52,.16);
    font-size:.95rem;
    font-weight:900;
    line-height:1.2;
    text-decoration:none;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.single-post .back-to-articles:hover{
    background:var(--orange);
    border-color:var(--orange);
    color:#fff;
    transform:translateX(-2px);
    box-shadow:0 12px 25px rgba(255,107,0,.24);
}

.single-post .back-to-articles:focus-visible{
    outline:3px solid rgba(255,107,0,.35);
    outline-offset:3px;
}

@media(max-width:700px){
    .single-post .featured-image,
    .single-post .article-content{
        width:92vw;
    }

    .single-post .featured-image{
        border-radius:14px;
    }

    .single-post .article-nav{
        padding:16px 0;
    }

    .single-post .article-return{
        margin-top:32px;
        padding-top:22px;
    }

    .single-post .back-to-articles{
        width:100%;
        padding:12px 15px;
        font-size:.92rem;
    }
}

/* ======================================================
   THEME 4.1.0 — CAPABILITY STATEMENT
====================================================== */
.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn-capability{background:#fff;color:var(--navy);border-color:var(--navy);box-shadow:0 10px 24px rgba(6,26,52,.08)}
.btn-capability:hover{background:var(--navy);color:#fff}

.capability-page{background:#f7faff}
.capability-hero{padding:76px 0 68px;background:radial-gradient(circle at 82% 22%,rgba(54,184,255,.2),transparent 24%),linear-gradient(135deg,#04152c,#0a315f)}
.capability-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}
.capability-hero .eyebrow{color:var(--gold)}
.capability-hero h1{max-width:820px;margin-bottom:18px}
.capability-hero p{max-width:760px;margin:0 0 26px;color:#dceafb;font-size:1.12rem}
.capability-hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.capability-hero-mark{display:flex;justify-content:center;align-items:center}
.capability-hero-mark img{width:min(310px,78%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}

.capability-intro{background:#fff}
.capability-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.capability-intro-copy p{font-size:1.05rem}
.capability-quickfacts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.capability-fact{background:var(--soft);border:1px solid var(--border);border-radius:15px;padding:20px;box-shadow:var(--shadow-sm)}
.capability-fact strong{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:4px}
.capability-fact span{color:#5a6b82;font-size:.92rem}

.capability-section{padding:82px 0}
.capability-section.alt{background:#fff}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.capability-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:27px;box-shadow:var(--shadow-sm)}
.capability-section.alt .capability-card{background:var(--soft)}
.capability-card h3{margin-bottom:13px}
.capability-card ul{margin:0;padding-left:1.15rem}
.capability-card li{margin-bottom:.42rem}
.capability-icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#fff1e6;color:var(--orange);font-weight:950;margin-bottom:17px;font-size:1.25rem}

.capability-industries{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.capability-industry{background:linear-gradient(145deg,#061a34,#0a315f);color:#fff;border-radius:16px;padding:23px;min-height:160px}
.capability-industry h3{color:#fff;margin-bottom:8px;font-size:1.05rem}
.capability-industry p{margin:0;color:#d3e3f5;font-size:.92rem}

.capability-diff-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.capability-diff{background:var(--soft);border:1px solid var(--border);border-radius:15px;padding:22px}
.capability-diff h3{font-size:1.05rem}
.capability-diff p{margin:0;font-size:.92rem}

.capability-frameworks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.capability-frameworks span{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border-radius:999px;background:#eef6ff;border:1px solid #cfe3f8;color:var(--navy);font-weight:850;font-size:.9rem}

.capability-leadership{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:center;background:linear-gradient(145deg,#061a34,#0a315f);border-radius:24px;padding:38px;color:#fff;box-shadow:var(--shadow)}
.capability-leadership .leadership-mark{text-align:center}
.capability-leadership .leadership-mark img{width:min(240px,82%)}
.capability-leadership h2,.capability-leadership h3{color:#fff}
.capability-leadership p,.capability-leadership li{color:#dbe8f7}
.capability-leadership ul{columns:2;column-gap:30px;padding-left:1.15rem;margin-bottom:0}

.capability-questions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:900px;margin:0 auto}
.capability-question{background:#fff;border:1px solid var(--border);border-left:5px solid var(--orange);border-radius:12px;padding:18px 20px;color:var(--navy);font-weight:850;box-shadow:var(--shadow-sm)}

.capability-download{background:linear-gradient(130deg,#ff6b00,#ef4e00);color:#fff;padding:62px 0}
.capability-download-row{display:flex;justify-content:space-between;align-items:center;gap:34px}
.capability-download h2{color:#fff;margin:0 0 8px}
.capability-download p{margin:0;color:#fff4ec;max-width:720px}
.capability-download-actions{display:flex;gap:12px;flex-wrap:wrap;flex:0 0 auto}
.capability-download .btn-download{background:#fff;color:var(--navy)}
.capability-download .btn-download:hover{background:#f3f7fb}
.capability-download .btn-request{background:var(--navy);color:#fff;border-color:rgba(255,255,255,.35)}

@media(max-width:1080px){
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .capability-industries{grid-template-columns:repeat(3,1fr)}
  .capability-diff-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:800px){
  .capability-hero-grid,.capability-intro-grid,.capability-leadership{grid-template-columns:1fr}
  .capability-hero-mark{display:none}
  .capability-leadership ul{columns:1}
  .capability-download-row{display:block}
  .capability-download-actions{margin-top:22px}
}

@media(max-width:700px){
  .about-actions{display:grid;grid-template-columns:1fr}
  .about-actions .btn{width:100%}
  .capability-hero{padding:58px 0 52px}
  .capability-grid,.capability-industries,.capability-diff-grid,.capability-questions,.capability-quickfacts{grid-template-columns:1fr}
  .capability-section{padding:64px 0}
  .capability-leadership{padding:28px 22px}
  .capability-download-actions{display:grid;grid-template-columns:1fr}
  .capability-download-actions .btn{width:100%}
}



/* ======================================================
   THEME 4.1.1 — COOKIEYES MOBILE COMPATIBILITY
   Prevent the consent layer from rendering as a partial-
   width translucent panel over the mobile hero.
====================================================== */
@media(max-width:700px){
  /* CookieYes notice: keep it as a compact bottom sheet instead of a side panel. */
  .cky-consent-container{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    left:12px!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(76px + env(safe-area-inset-bottom, 0px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 110px)!important;
    transform:none!important;
  }

  .cky-consent-container .cky-consent-bar{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 110px)!important;
    overflow-y:auto!important;
    background:#fff!important;
    opacity:1!important;
  }

  /* A stale CookieYes backdrop was visually splitting the hero on phones.
     The preference center remains usable without the cosmetic dimming layer. */
  .cky-overlay{
    display:none!important;
  }

  /* Keep the revisit icon above the site's sticky assessment CTA. */
  .cky-btn-revisit-wrapper{
    left:12px!important;
    right:auto!important;
    bottom:calc(76px + env(safe-area-inset-bottom, 0px))!important;
  }
}


/* ======================================================
   THEME 4.1.2 — MOBILE HERO COMPOSITING FIX
   iOS/Android safeguard: remove the negative-z-index hero
   pseudo-layer that can render as a partial translucent
   vertical panel on some mobile browsers.
====================================================== */
@media(max-width:700px){
  .hero{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:#061a34!important;
    background-image:
      radial-gradient(circle at 82% 18%,rgba(54,184,255,.16),transparent 30%),
      linear-gradient(160deg,#04142b 0%,#072d54 100%)!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
  }

  /* Disable the original negative-z-index decorative layer on phones.
     Its content is recreated safely in the hero background above. */
  .hero::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  /* Ensure hero content paints above the section background without
     relying on a negative stacking context. */
  .hero > .container,
  .hero .hero-layout,
  .hero .hero-content,
  .hero .hero-badges{
    position:relative!important;
    z-index:2!important;
  }

  .hero .hero-content,
  .hero .hero-content *{
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* ======================================================
   THEME 4.1.3 — DESKTOP HERO LOGO WATERMARK
   Restore the Timehri Networks brand mark in the open
   right side of the desktop hero. Uses the same PNG asset
   already used by the site header. Hidden on phones so the
   4.1.2 mobile hero fix remains unchanged.
====================================================== */
@media(min-width:701px){
  .hero::after{
    content:"";
    position:absolute;
    right:5%;
    top:50%;
    width:min(500px,38vw);
    aspect-ratio:1 / 1;
    transform:translateY(-50%);
    background:url('assets/timehri-logo.png') center / contain no-repeat;
    opacity:.30;
    z-index:0;
    pointer-events:none;
  }

  .hero-layout,
  .hero-badges{
    position:relative;
    z-index:1;
  }
}

@media(max-width:700px){
  .hero::after{
    content:none!important;
    display:none!important;
  }
}

/* ======================================================
   THEME 4.1.4 — MOBILE STICKY CTA SAFE-AREA FIX
   Keep the Request Assessment bar clear of iPhone/Android
   safe areas and prevent it from covering the lower hero.
   JavaScript adds .is-visible only after the hero exits.
====================================================== */
@media(max-width:700px){
  body{
    padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-sticky-cta{
    left:12px;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px));
    min-height:52px;
    padding:12px 18px;
    opacity:0;
    visibility:hidden;
    transform:translateY(14px);
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  }

  .mobile-sticky-cta.is-visible{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }

  /* Keep CookieYes revisit control above the sticky CTA. */
  .cky-btn-revisit-wrapper{
    bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important;
  }
}

@media(max-width:380px){
  .mobile-sticky-cta{
    left:10px;
    right:10px;
    min-height:50px;
    font-size:.94rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-sticky-cta{
    transition:none!important;
  }
}