/*
Theme Name: Hanny Korach
Theme URI: https://hannykorach.co.il
Author: Hanny Korach
Description: חני קורח - בונה סדר ניהולי שמאפשר לארגון להתפתח בביטחון
Version: 1.4
Text Domain: hanny-korach
*/

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700;900&family=Cormorant+Garamond:ital,wght@0,300;0,500;1,300;1,500&display=swap');

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --teal:        #1CBFB8;
  --teal-dark:   #0d9991;
  --teal-light:  #6edbd6;
  --navy:        #0e2a50;
  --blue:        #163e78;
  --blue-light:  #e8f2fb;
  --orange:      #f4641a;
  --orange-dark: #d44f10;
  --white:       #f6faff;
  --offwhite:    #edf4fd;
  --text-dark:   #0c1e3a;
  --text-muted:  #4a6080;
  --font-he: 'Heebo', sans-serif;
  --font-en: 'Cormorant Garamond', serif;
}

html { scroll-behavior: smooth; }
body { font-family: var(--font-he); background: var(--white); color: var(--text-dark); overflow-x: hidden; direction: rtl; }
img { max-width: 100%; height: auto; }
a { color: inherit; }

/* ── NAV ── */
.site-header {
  position: fixed; top: 0; right: 0; left: 0; z-index: 200;
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.2rem 5vw; background: transparent;
  transition: background .4s, padding .4s, box-shadow .4s;
}
.site-header.scrolled { background: rgba(14,42,80,.96); backdrop-filter: blur(14px); padding: .8rem 5vw; box-shadow: 0 2px 24px rgba(14,42,80,.3); }
.site-branding a, .site-branding { text-decoration: none; }
.site-branding .logo-text { font-family: var(--font-en); font-size: 1.4rem; font-weight: 300; color: #fff; letter-spacing: .06em; }
.site-branding .logo-text span { color: var(--teal); }
.site-branding img { max-height: 52px; width: auto; }
.main-navigation ul { display: flex; gap: 2rem; list-style: none; margin: 0; }
.main-navigation a { font-size: .8rem; letter-spacing: .12em; color: rgba(255,255,255,.75); text-decoration: none; transition: color .25s; text-transform: uppercase; }
.main-navigation a:hover { color: var(--teal); }
.nav-cta { background: var(--orange); color: #fff !important; padding: .5rem 1.3rem; font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; transition: background .25s; flex-shrink: 0; }
.nav-cta:hover { background: var(--orange-dark); }

/* ── HERO ── */
.hero {
  min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 0 5vw 0; position: relative; overflow: hidden;
  background: linear-gradient(140deg, #0a1f40 0%, #143972 55%, #1a5090 100%);
}
.hero-bg-overlay {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(140deg, rgba(10,31,64,.95) 0%, rgba(20,57,114,.85) 55%, rgba(26,80,144,.8) 100%);
}
.hero-bg-img { position: absolute; inset: 0; z-index: 0; object-fit: cover; width: 100%; height: 100%; opacity: .25; }

/* Teal glow */
.hero::after { content:''; position:absolute; top:8%; left:4%; width:40vw; height:40vw; border-radius:50%; background:radial-gradient(circle,rgba(28,191,184,.16) 0%,transparent 70%); pointer-events:none; z-index:1; }

/* Triangle decorations — subtle, not overlapping text */
.hero-tri-a { position:absolute; bottom:0; left:0; right:0; height:18vw; background:var(--white); clip-path:polygon(0 100%,100% 100%,100% 0); z-index:2; }
.hero-tri-b { position:absolute; top:15%; right:5%; width:28vw; height:28vw; max-width:380px; max-height:380px; border:1px solid rgba(28,191,184,.2); clip-path:polygon(50% 0%,100% 100%,0% 100%); animation:triFloat 9s ease-in-out infinite; z-index:1; }
.hero-tri-c { position:absolute; top:28%; right:12%; width:14vw; height:14vw; max-width:200px; border:1px solid rgba(28,191,184,.38); clip-path:polygon(50% 0%,100% 100%,0% 100%); animation:triFloat 6s ease-in-out 2s infinite reverse; z-index:1; }
.hero-tri-d { position:absolute; bottom:20%; left:5%; width:7vw; height:7vw; max-width:100px; background:rgba(244,100,26,.15); clip-path:polygon(50% 0%,100% 100%,0% 100%); animation:triFloat 8s ease-in-out 1s infinite; z-index:1; }
@keyframes triFloat { 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-14px) rotate(3deg)} }

.hero-content { position:relative; z-index:3; max-width:720px; padding: 16rem 0 22vw; }
.hero-tag { display:inline-block; border:1px solid rgba(28,191,184,.6); color:var(--teal); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; padding:.4rem 1rem; margin-bottom:1.8rem; }
.hero-title { font-size:clamp(2.6rem,6.5vw,5.5rem); font-weight:900; line-height:1.05; letter-spacing:-.02em; color:#fff; margin-bottom:1.4rem; }
.hero-title em { font-style:normal; color:var(--orange); display:block; }
.hero-sub { font-size:clamp(.9rem,1.5vw,1.1rem); font-weight:300; color:rgba(255,255,255,.72); line-height:1.9; max-width:480px; margin-bottom:2.5rem; }
.hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
.btn-orange { background:var(--orange); color:#fff; padding:.9rem 2.2rem; font-size:.85rem; font-weight:700; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; transition:background .25s,transform .2s; display:inline-block; }
.btn-orange:hover { background:var(--orange-dark); transform:translateY(-2px); color:#fff; }
.btn-ghost { border:1px solid rgba(255,255,255,.35); color:#fff; padding:.9rem 2.2rem; font-size:.85rem; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; transition:border-color .25s,color .25s; display:inline-block; }
.btn-ghost:hover { border-color:var(--teal); color:var(--teal); }

.hero-stats { position:absolute; bottom:calc(18vw + 2.5rem); left:5vw; z-index:3; display:flex; gap:2.5rem; }
.stat-num { font-size:clamp(1.8rem,3.5vw,3rem); font-weight:900; color:var(--teal); line-height:1; }
.stat-label { font-size:.68rem; letter-spacing:.12em; color:rgba(255,255,255,.5); text-transform:uppercase; margin-top:.25rem; }

/* ── SHARED ── */
.section-tag { display:inline-block; border:1px solid var(--teal-dark); color:var(--teal-dark); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; padding:.38rem .9rem; margin-bottom:1.6rem; }
.section-tag.on-dark { border-color:var(--teal); color:var(--teal); }
.section-title { font-size:clamp(1.8rem,3.5vw,3rem); font-weight:900; line-height:1.1; margin-bottom:1.4rem; letter-spacing:-.02em; }
.at { color:var(--teal-dark); }
.ao { color:var(--orange); }
.al { color:var(--teal-light); }
.body-text { font-size:1rem; font-weight:300; line-height:2; color:var(--text-muted); }

/* ── ABOUT ── */
.about { background:var(--white); padding:8rem 5vw 14rem; position:relative; }
.about::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:10vw; background:var(--offwhite); clip-path:polygon(0 0,0 100%,100% 100%); }
.about-inner { display:grid; grid-template-columns:1fr 1fr; gap:6vw; align-items:center; max-width:1200px; margin:0 auto; }
.about-img-wrap { position:relative; }
.about-img-frame { width:100%; aspect-ratio:3/4; clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%); overflow:hidden; background:linear-gradient(160deg,#daeeff,#b8d4f0); display:flex; align-items:center; justify-content:center; }
.about-img-frame img { width:100%; height:100%; object-fit:cover; }
.about-img-frame .placeholder-hk { font-family:var(--font-en); font-size:5rem; font-weight:300; color:rgba(14,42,80,.18); }
.about-badge { position:absolute; bottom:-1.5rem; right:-1.5rem; background:var(--orange); color:#fff; padding:1.2rem 1.6rem; font-weight:900; font-size:.88rem; }
.about-badge .big { display:block; font-size:2.2rem; line-height:1; }
.logo-phrase { margin-top:2rem; font-family:var(--font-en); font-style:italic; font-size:1.35rem; color:var(--teal-dark); letter-spacing:.06em; }

/* ── SERVICES ── */
.services { background:var(--offwhite); padding:6rem 5vw 14rem; position:relative; overflow:hidden; }
.services::before { content:''; position:absolute; top:0; left:0; right:0; height:10vw; background:var(--white); clip-path:polygon(100% 0,0 100%,100% 100%); }
.services::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:10vw; background:var(--navy); clip-path:polygon(0 0,0 100%,100% 100%); }
.services-header { text-align:center; margin-bottom:3rem; padding-top:5rem; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; max-width:1200px; margin:0 auto; }
.service-card { background:#fff; padding:2.8rem 2.2rem; border-top:3px solid var(--teal); box-shadow:0 4px 28px rgba(14,42,80,.07); position:relative; overflow:hidden; transition:transform .3s,box-shadow .3s; }
.service-card::after { content:''; position:absolute; bottom:0; right:0; width:0; height:0; border-style:solid; border-width:0 0 5rem 5rem; border-color:transparent transparent rgba(28,191,184,.1) transparent; transition:border-width .35s; }
.service-card:hover::after { border-width:0 0 9rem 9rem; }
.service-card:hover { transform:translateY(-5px); box-shadow:0 12px 48px rgba(14,42,80,.13); }
.service-num { font-family:var(--font-en); font-size:3.5rem; font-weight:300; color:rgba(28,191,184,.2); display:block; line-height:1; margin-bottom:.5rem; }
.service-icon { font-size:1.3rem; color:var(--orange); margin-bottom:1rem; }
.service-name { font-size:1.15rem; font-weight:700; margin-bottom:.8rem; color:var(--navy); }
.service-desc { font-size:.88rem; font-weight:300; line-height:1.9; color:var(--text-muted); }

/* ── PROCESS ── */
.process { background:var(--navy); padding:8rem 5vw 14rem; position:relative; overflow:hidden; }
.process::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:10vw; background:var(--blue-light); clip-path:polygon(100% 0,0 100%,100% 100%); }
.process-inner { max-width:860px; margin:0 auto; }
.process-step { display:grid; grid-template-columns:72px 1fr; gap:1.8rem; padding:2.2rem 0; border-bottom:1px solid rgba(255,255,255,.07); transition:border-color .3s; }
.process-step:hover { border-color:rgba(28,191,184,.28); }
.process-step:last-child { border-bottom:none; }
.step-num-wrap { display:flex; flex-direction:column; align-items:center; }
.step-num { width:48px; height:48px; border:1px solid rgba(28,191,184,.5); display:flex; align-items:center; justify-content:center; font-family:var(--font-en); font-size:1.2rem; font-weight:300; color:var(--teal); clip-path:polygon(50% 0%,100% 100%,0% 100%); background:rgba(28,191,184,.08); flex-shrink:0; }
.step-line { flex:1; width:1px; background:rgba(28,191,184,.16); margin-top:.4rem; }
.process-step:last-child .step-line { display:none; }
.step-title { font-size:1.05rem; font-weight:700; margin-bottom:.5rem; color:#fff; }
.step-desc { font-size:.88rem; font-weight:300; line-height:1.9; color:rgba(255,255,255,.6); }

/* ── PILLARS ── */
.pillars { background:var(--blue-light); padding:6rem 5vw 14rem; position:relative; overflow:hidden; }
.pillars::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:10vw; background:var(--blue); clip-path:polygon(0 0,0 100%,100% 100%); }
.pillars-inner { max-width:1100px; margin:0 auto; }
.pillars-header { text-align:center; margin-bottom:3.5rem; }
.pillars-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.8rem; }
.pillar { background:#fff; padding:2.2rem 1.8rem; border-top:3px solid var(--orange); box-shadow:0 4px 24px rgba(14,42,80,.06); text-align:center; }
.pillar-word { font-family:var(--font-en); font-size:2.8rem; font-weight:300; font-style:italic; color:var(--teal-dark); display:block; line-height:1; margin-bottom:.3rem; }
.pillar-he { font-size:.75rem; letter-spacing:.2em; text-transform:uppercase; color:var(--text-muted); margin-bottom:1rem; }
.pillar-desc { font-size:.85rem; font-weight:300; line-height:1.9; color:var(--text-muted); }

/* ── SOCIAL STRIP ── */
.social-strip { background:var(--navy); padding:2rem 5vw; display:flex; align-items:center; justify-content:center; gap:1.5rem; }
.social-strip-label { font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.45); }
.social-link { display:flex; align-items:center; gap:.6rem; padding:.65rem 1.4rem; border:1px solid rgba(28,191,184,.3); color:rgba(255,255,255,.8); text-decoration:none; font-size:.8rem; letter-spacing:.08em; transition:border-color .25s,color .25s,background .25s; }
.social-link:hover { border-color:var(--teal); color:var(--teal); background:rgba(28,191,184,.06); }
.social-link svg { flex-shrink:0; }

/* ── CTA ── */
.cta-section { background:var(--blue); padding:8rem 5vw; position:relative; overflow:hidden; }
.cta-section::before { content:''; position:absolute; top:0; left:0; right:0; height:10vw; background:var(--navy); clip-path:polygon(0 0,0 100%,100% 0); }
.cta-section::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:10vw; background:var(--navy); clip-path:polygon(0 0,0 100%,100% 100%); }
.cta-tri1 { position:absolute; bottom:10vw; left:0; width:28vw; height:28vw; max-width:380px; background:rgba(28,191,184,.07); clip-path:polygon(0 0,0 100%,100% 100%); }
.cta-tri2 { position:absolute; top:10vw; right:0; width:18vw; height:18vw; max-width:260px; background:rgba(244,100,26,.09); clip-path:polygon(100% 0,0 0,100% 100%); }
.cta-inner { max-width:640px; position:relative; z-index:1; }
.cta-title { font-size:clamp(2rem,4.5vw,3.6rem); font-weight:900; color:#fff; line-height:1.15; margin-bottom:1.2rem; }
.cta-title span { color:var(--teal-light); }
.cta-sub { font-size:1rem; color:rgba(255,255,255,.7); font-weight:300; margin-bottom:2.2rem; line-height:1.85; }
.btn-cta { background:var(--orange); color:#fff; padding:1rem 2.6rem; font-size:.88rem; font-weight:700; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; transition:background .25s,transform .2s; display:inline-block; }
.btn-cta:hover { background:var(--orange-dark); transform:translateY(-2px); color:#fff; }

/* ── CONTACT ── */
.contact { background:var(--navy); padding:7rem 5vw 5rem; }
.contact-inner { display:grid; grid-template-columns:1fr 1.2fr; gap:5vw; max-width:1080px; margin:0 auto; align-items:start; }
.contact-item { display:flex; gap:1rem; margin-bottom:1.8rem; align-items:flex-start; }
.contact-icon { width:42px; height:42px; border:1px solid rgba(28,191,184,.4); display:flex; align-items:center; justify-content:center; color:var(--teal); font-size:1rem; flex-shrink:0; }
.contact-label { font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--teal); margin-bottom:.2rem; }
.contact-val { font-size:.92rem; color:rgba(255,255,255,.8); font-weight:300; }
.contact-form { display:flex; flex-direction:column; gap:1.1rem; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.form-group { display:flex; flex-direction:column; gap:.4rem; }
.form-label { font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45); }
.form-input,.form-textarea { background:rgba(255,255,255,.06); border:1px solid rgba(28,191,184,.18); color:#fff; padding:.8rem .95rem; font-family:var(--font-he); font-size:.88rem; font-weight:300; outline:none; width:100%; transition:border-color .25s,background .25s; }
.form-input:focus,.form-textarea:focus { border-color:var(--teal); background:rgba(255,255,255,.09); }
.form-input::placeholder,.form-textarea::placeholder { color:rgba(255,255,255,.28); }
.form-textarea { min-height:120px; resize:vertical; }
.form-submit { background:var(--orange); color:#fff; border:none; padding:.95rem 2.2rem; font-family:var(--font-he); font-size:.85rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; transition:background .25s,transform .2s; align-self:flex-start; }
.form-submit:hover { background:var(--orange-dark); transform:translateY(-2px); }
.form-success { background:rgba(28,191,184,.15); border:1px solid var(--teal); color:var(--teal-light); padding:1rem 1.2rem; margin-bottom:1rem; font-size:.9rem; }

/* ── WHATSAPP FAB ── */
.whatsapp-fab {
  position:fixed; bottom:2rem; left:2rem; z-index:500;
  width:58px; height:58px; border-radius:50%;
  background:#25d366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.45);
  text-decoration:none; transition:transform .25s,box-shadow .25s;
}
.whatsapp-fab:hover { transform:scale(1.1); box-shadow:0 6px 28px rgba(37,211,102,.6); }
.whatsapp-pulse {
  position:absolute; inset:0; border-radius:50%;
  background:rgba(37,211,102,.35);
  animation:waPulse 2.2s ease-out infinite;
}
@keyframes waPulse { 0%{transform:scale(1);opacity:1} 100%{transform:scale(1.7);opacity:0} }

/* ── FOOTER ── */
.site-footer { background:#07192e; padding:2.2rem 5vw; border-top:1px solid rgba(28,191,184,.12); }
.footer-inner { display:flex; align-items:center; justify-content:space-between; max-width:1200px; margin:0 auto; }
.footer-brand { font-family:var(--font-en); font-size:1.15rem; font-weight:300; color:rgba(255,255,255,.5); }
.footer-brand span { color:var(--teal); }
.footer-slogan { font-size:.72rem; color:rgba(255,255,255,.3); letter-spacing:.06em; margin-top:.2rem; }
.footer-copy { font-size:.72rem; color:rgba(255,255,255,.3); }
.footer-links { display:flex; gap:1.6rem; }
.footer-links a { font-size:.72rem; letter-spacing:.1em; color:rgba(255,255,255,.4); text-decoration:none; text-transform:uppercase; transition:color .25s; }
.footer-links a:hover { color:var(--teal); }
.footer-social { display:flex; gap:.8rem; }
.footer-social a { width:34px; height:34px; border:1px solid rgba(28,191,184,.3); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.5); transition:border-color .25s,color .25s; }
.footer-social a:hover { border-color:var(--teal); color:var(--teal); }

/* ── REVEAL ── */
.reveal { opacity:0; transform:translateY(26px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ══════════════════════════════
   BLOG ARCHIVE
══════════════════════════════ */
.archive-hero { background:linear-gradient(140deg,#0a1f40 0%,#143972 55%,#1a5090 100%); padding:12rem 5vw 8rem; position:relative; overflow:hidden; }
.archive-hero::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:8vw; background:var(--white); clip-path:polygon(0 100%,100% 100%,100% 0); }
.archive-hero-tri { position:absolute; top:20%; left:5%; width:22vw; height:22vw; max-width:300px; border:1px solid rgba(28,191,184,.2); clip-path:polygon(50% 0%,100% 100%,0% 100%); animation:triFloat 8s ease-in-out infinite; }
.archive-title { font-size:clamp(2.2rem,5vw,4rem); font-weight:900; color:#fff; position:relative; z-index:1; }
.archive-title span { color:var(--orange); }
.archive-sub { font-size:1rem; color:rgba(255,255,255,.65); font-weight:300; margin-top:.8rem; position:relative; z-index:1; }
.posts-grid-wrap { max-width:1200px; margin:0 auto; padding:5rem 5vw 7rem; }
.posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.post-card { background:#fff; box-shadow:0 4px 28px rgba(14,42,80,.07); overflow:hidden; transition:transform .3s,box-shadow .3s; display:flex; flex-direction:column; }
.post-card:hover { transform:translateY(-5px); box-shadow:0 12px 40px rgba(14,42,80,.13); }
.post-card-thumb { aspect-ratio:16/9; overflow:hidden; background:var(--blue-light); position:relative; }
.post-card-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.post-card:hover .post-card-thumb img { transform:scale(1.05); }
.post-card-thumb-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#daeeff,#b8d4f0); }
.post-card-thumb-placeholder span { font-size:2.5rem; color:rgba(14,42,80,.2); }
.post-card-cat { position:absolute; top:.8rem; right:.8rem; background:var(--teal); color:#fff; font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; padding:.25rem .7rem; }
.post-card-body { padding:1.8rem; flex:1; display:flex; flex-direction:column; }
.post-card-meta { font-size:.72rem; color:var(--text-muted); letter-spacing:.08em; margin-bottom:.8rem; }
.post-card-title { font-size:1.15rem; font-weight:700; color:var(--navy); margin-bottom:.8rem; line-height:1.4; }
.post-card-title a { text-decoration:none; transition:color .25s; }
.post-card-title a:hover { color:var(--teal-dark); }
.post-card-excerpt { font-size:.88rem; font-weight:300; line-height:1.85; color:var(--text-muted); flex:1; }
.post-card-link { display:inline-block; margin-top:1.2rem; color:var(--teal-dark); font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; border-bottom:1px solid rgba(13,153,145,.3); transition:border-color .25s,color .25s; }
.post-card-link:hover { border-color:var(--teal-dark); color:var(--teal-dark); }
.pagination-wrap { display:flex; justify-content:center; gap:.6rem; padding:2rem 0 4rem; }
.pagination-wrap a,.pagination-wrap span { width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(14,42,80,.2); font-size:.85rem; color:var(--navy); text-decoration:none; transition:all .25s; }
.pagination-wrap a:hover,.pagination-wrap .current { background:var(--teal); border-color:var(--teal); color:#fff; }

/* ══════════════════════════════
   SINGLE POST
══════════════════════════════ */
.single-hero { background:linear-gradient(140deg,#0a1f40,#143972); padding:10rem 5vw 5rem; position:relative; overflow:hidden; }
.single-hero::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:6vw; background:var(--white); clip-path:polygon(0 100%,100% 100%,100% 0); }
.single-cat { display:inline-block; background:var(--orange); color:#fff; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; padding:.3rem .9rem; margin-bottom:1.2rem; position:relative; z-index:1; }
.single-title { font-size:clamp(1.8rem,4vw,3.2rem); font-weight:900; color:#fff; line-height:1.15; max-width:800px; position:relative; z-index:1; }
.single-meta { font-size:.8rem; color:rgba(255,255,255,.55); margin-top:1rem; position:relative; z-index:1; }
.single-content-wrap { max-width:820px; margin:0 auto; padding:4rem 5vw 6rem; }
.single-thumb { width:100%; border-radius:0; margin-bottom:2.5rem; aspect-ratio:16/7; object-fit:cover; }
.entry-content { font-size:1.02rem; font-weight:300; line-height:2; color:var(--text-muted); }
.entry-content h2,.entry-content h3 { color:var(--navy); font-weight:700; margin:2rem 0 1rem; }
.entry-content p { margin-bottom:1.4rem; }
.entry-content a { color:var(--teal-dark); text-decoration:underline; }
.entry-content ul,.entry-content ol { padding-right:1.5rem; margin-bottom:1.4rem; }
.entry-content li { margin-bottom:.5rem; }
.entry-content blockquote { border-right:3px solid var(--teal); padding-right:1.2rem; margin:1.5rem 0; font-style:italic; color:var(--navy); }
.single-back { display:inline-flex; align-items:center; gap:.5rem; color:var(--teal-dark); font-size:.82rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; margin-bottom:2rem; }
.single-back:hover { color:var(--teal); }

/* ══════════════════════════════
   PAGE (text page)
══════════════════════════════ */
.page-hero { background:linear-gradient(140deg,#0a1f40,#143972); padding:10rem 5vw 5rem; position:relative; overflow:hidden; }
.page-hero::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:6vw; background:var(--white); clip-path:polygon(0 100%,100% 100%,100% 0); }
.page-title-main { font-size:clamp(2rem,4vw,3.5rem); font-weight:900; color:#fff; position:relative; z-index:1; }
.page-content-wrap { max-width:880px; margin:0 auto; padding:4rem 5vw 7rem; }
.page-content-wrap .entry-content { font-size:1.02rem; font-weight:300; line-height:2; color:var(--text-muted); }
.page-content-wrap .entry-content h2,.page-content-wrap .entry-content h3 { color:var(--navy); font-weight:700; margin:2rem 0 1rem; }
.page-content-wrap .entry-content p { margin-bottom:1.4rem; }

/* ══ RESPONSIVE ══ */
@media (max-width: 960px) {
  .about-inner,.contact-inner { grid-template-columns:1fr; }
  .services-grid,.pillars-grid { grid-template-columns:1fr; }
  .posts-grid { grid-template-columns:repeat(2,1fr); }
  .form-row { grid-template-columns:1fr; }
  .hero-stats { position:static; margin-top:2.5rem; flex-wrap:wrap; gap:1.8rem; }
  .hero-content { padding-bottom:4rem; }
  .hero-tri-b,.hero-tri-c { display:none; }
  .main-navigation { display:none; }
  .footer-inner { flex-direction:column; gap:1.2rem; text-align:center; }
  .footer-links { flex-wrap:wrap; justify-content:center; }
  .social-strip { flex-wrap:wrap; }
}
@media (max-width: 600px) {
  .posts-grid { grid-template-columns:1fr; }
}