/*
Theme Name: James Parker
Theme URI: https://jamesparker.com
Author: James Parker
Author URI: https://jamesparker.com
Description: A custom, hand-coded WordPress theme for the James Parker personal brand site (AI, content creation, and digital income). Converted line-for-line from the approved static HTML design — no page builders, no Gutenberg block styling dependencies.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: james-parker
*/

/* ==========================================================
   BASE STYLES (shared across all pages)
   ========================================================== */

  :root{
    --white:#FFFFFF;
    --offwhite:#F6F7F9;
    --ink:#14171F;
    --slate:#5B6472;
    --orange:#FF5A1F;
    --orange-deep:#E14A12;
    --line:#E7E9EE;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{
    font-family:'Inter', sans-serif;
    background:var(--white);
    color:var(--ink);
    line-height:1.6;
  }
  h1,h2,h3{
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    line-height:1.15;
    letter-spacing:-0.5px;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1140px; margin:0 auto; padding:0 32px;}

  /* TOP BAR - EMAIL CAPTURE */
  .topbar{background:var(--ink); padding:10px 0;}
  .topbar .wrap{display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; text-align:center;}
  .topbar p{color:#fff; font-size:15px; font-weight:500;}
  .topbar p strong{color:var(--orange);}
  .topbar-form{display:flex; gap:8px; flex-wrap:wrap; justify-content:center;}
  .topbar-form input{
    padding:8px 14px; border-radius:6px; border:1px solid #2E323D;
    background:#1E212B; color:#fff; font-size:15px; font-family:inherit; min-width:200px;
  }
  .topbar-form input::placeholder{color:#7A7F8C;}
  .topbar-form button{
    padding:8px 16px; border-radius:6px; border:none; background:var(--orange);
    color:#fff; font-size:15px; font-weight:600; cursor:pointer; white-space:nowrap;
  }
  .topbar-form button:hover{background:var(--orange-deep);}

  /* SEARCH BUTTON */
  .search-btn{
    width:38px; height:38px; border-radius:8px; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    background:#fff; transition:all .2s; margin-right:10px;
  }
  .search-btn:hover{border-color:var(--orange);}
  .search-btn svg{width:16px; height:16px; stroke:var(--ink);}
  .header-actions{display:flex; align-items:center;}

  /* HEADER */
  header{padding:26px 0; border-bottom:1px solid var(--line);}
  header .wrap{display:flex; align-items:center; justify-content:space-between;}
  .logo{font-family:'Montserrat', sans-serif; font-size:25px; font-weight:700;}
  .logo span{color:var(--orange);}
  nav{display:flex; gap:28px; font-size:16.5px; font-weight:500; align-items:center;}
  .nav-item{position:relative;}
  .nav-item > a{display:inline-flex; align-items:center; gap:5px; padding:10px 16px; border-radius:6px; transition:all .2s; text-transform:uppercase; letter-spacing:0.6px; font-weight:600;}
  .nav-item > a:hover{color:var(--orange); background:var(--offwhite);}
  .nav-item > a.active{color:var(--orange); background:var(--offwhite);}
  .nav-item > a .caret{font-size:11px; opacity:0.6; margin-top:1px;}
  .dropdown{
    position:absolute; top:calc(100% + 6px); left:0; min-width:210px;
    background:#fff; border:1px solid var(--line); border-radius:10px;
    box-shadow:0 14px 32px rgba(20,23,31,0.1); padding:8px;
    display:none; flex-direction:column; gap:2px; z-index:20;
  }
  .nav-item.has-dropdown:hover .dropdown{display:flex;}
  .dropdown a{padding:9px 12px; border-radius:6px; font-size:16.5px; font-weight:500; color:var(--ink); transition:all .2s;}
  .dropdown a:hover{background:var(--offwhite); color:var(--orange);}
  .header-cta{
    background:var(--orange); color:#fff;
    padding:11px 22px; border-radius:8px; font-size:16.5px; font-weight:600;
    transition:background .2s; text-transform:uppercase; letter-spacing:0.6px;
  }
  .header-cta:hover{background:var(--orange-deep);}

  /* HERO */
  .hero{
    position:relative; overflow:hidden;
    padding:140px 0 120px;
    background:
      linear-gradient(180deg, rgba(20,23,31,0.82), rgba(20,23,31,0.72)),
      linear-gradient(150deg, #2B2F3A, #14171F 60%, #1A1D26);
    background-size:cover; background-position:center;
  }
  .hero .wrap{max-width:720px; margin:0 auto; text-align:center;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:15px; font-weight:600; color:var(--orange);
    text-transform:uppercase; letter-spacing:1px; margin-bottom:20px;
  }
  .eyebrow::before{content:""; width:8px; height:8px; background:var(--orange); border-radius:2px;}
  .hero h1{font-size:59px; margin-bottom:22px; color:#fff;}
  .hero h1 u{text-decoration:none; background:linear-gradient(180deg, transparent 62%, rgba(255,90,31,0.35) 62%);}
  .hero p{font-size:19px; color:#C7CBD3; max-width:480px; margin:0 auto 32px;}
  .btn-row{display:flex; gap:14px; justify-content:center;}
  .btn-primary, .btn-secondary{
    padding:14px 26px; border-radius:8px; font-size:16.5px; font-weight:600;
    display:inline-block; transition:all .2s;
  }
  .btn-primary{background:var(--orange); color:#fff;}
  .btn-primary:hover{background:var(--orange-deep);}
  .btn-secondary{border:1.5px solid rgba(255,255,255,0.3); color:#fff;}
  .btn-secondary:hover{border-color:#fff;}

  /* TRUST STRIP */
  .trust{padding:28px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--offwhite);}
  .trust .wrap{display:flex; align-items:center; justify-content:center; gap:48px; flex-wrap:wrap;}
  .trust span{font-size:15px; font-weight:600; color:var(--slate); letter-spacing:0.5px; text-transform:uppercase;}

  /* MEET SECTION */
  .meet{padding:90px 0;}
  .meet .wrap{display:grid; grid-template-columns:0.8fr 1.2fr; gap:70px; align-items:center;}
  .meet-photo{
    aspect-ratio:1/1; border-radius:16px;
    background:linear-gradient(150deg, #232733, #14171F 80%);
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-family:'Montserrat', sans-serif; font-size:16.5px;
    border-bottom:5px solid var(--orange);
  }
  .meet h2{font-size:39px; margin-bottom:18px;}
  .meet p{color:var(--slate); margin-bottom:16px; max-width:520px;}
  .meet-signoff{font-family:'Montserrat', sans-serif; font-weight:600; font-size:20px; margin-top:18px;}

  /* NEWSLETTER */
  .newsletter{background:var(--ink); padding:70px 0; text-align:center;}
  .newsletter h2{font-size:37px; margin-bottom:12px; color:#fff;}
  .newsletter p{color:#B7BCC6; margin-bottom:28px;}
  .form-row{display:flex; gap:10px; justify-content:center; max-width:440px; margin:0 auto; flex-wrap:wrap;}
  .form-row input{
    flex:1; min-width:220px; padding:14px 18px; border-radius:8px;
    border:1px solid #2E323D; background:#1E212B; color:#fff; font-size:16.5px; font-family:inherit;
  }
  .form-row input::placeholder{color:#7A7F8C;}
  .form-row button{
    padding:14px 26px; border-radius:8px; border:none; background:var(--orange);
    color:#fff; font-size:16.5px; font-weight:600; cursor:pointer;
  }
  .form-row button:hover{background:var(--orange-deep);}
  .fine-print{font-size:13.5px; color:#7A7F8C; margin-top:14px;}

  /* POSTS */
  .posts{padding:90px 0;}
  .section-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:44px;}
  .section-head h2{font-size:37px;}
  .section-head a{font-size:16.5px; font-weight:600; color:var(--orange);}
  .post-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
  .post-card{background:var(--white); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:all .2s;}
  .post-card:hover{border-color:var(--orange); box-shadow:0 8px 24px rgba(20,23,31,0.06);}
  .post-thumb{aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; font-family:'Montserrat', sans-serif;}
  .thumb-1{background:linear-gradient(150deg,#14171F,#FF5A1F);}
  .thumb-2{background:linear-gradient(150deg,#2B2F3A,#5B6472);}
  .thumb-3{background:linear-gradient(150deg,#14171F,#4B5563);}
  .post-body{padding:22px;}
  .post-cat{font-size:12.5px; text-transform:uppercase; letter-spacing:1px; color:var(--orange); font-weight:700; margin-bottom:10px; display:block;}
  .post-card h3{font-size:20px; margin-bottom:8px;}
  .post-card p{font-size:16.5px; color:var(--slate);}

  /* OFFERS */
  .offers{padding:90px 0; background:var(--offwhite);}
  .offer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px;}
  .offer-card{
    background:#fff; border:1px solid var(--line); border-radius:12px; padding:32px 26px;
    transition:all .2s;
  }
  .offer-card:hover{border-color:var(--orange); box-shadow:0 10px 28px rgba(20,23,31,0.06);}
  .offer-icon{width:42px; height:42px; border-radius:8px; background:var(--ink); margin-bottom:20px; position:relative;}
  .offer-icon::after{content:""; position:absolute; inset:0; margin:auto; width:16px; height:16px; background:var(--orange); border-radius:4px;}
  .offer-card h3{font-size:21px; margin-bottom:10px;}
  .offer-card p{font-size:16.5px; color:var(--slate); margin-bottom:18px;}
  .offer-card a{font-size:15px; font-weight:700; color:var(--orange);}

  /* ===== SITE FOOTER (Shop / Info columns + legal bar) ===== */
  .site-footer{background:var(--ink); color:#B7BCC6; padding-top:64px;}
  .footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px;}
  .footer-brand .logo{color:#fff; margin-bottom:14px;}
  .footer-brand p{font-size:16.5px; color:#9AA0AC; max-width:280px; margin-bottom:20px;}
  .footer-social-icons{display:flex; gap:10px;}
  .footer-social-icons a{
    width:36px; height:36px; border-radius:8px; border:1px solid #2E323D; color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:600;
    transition:all .2s; cursor:pointer;
  }
  .footer-social-icons a:hover{background:var(--orange); border-color:var(--orange);}
  .footer-col h4{
    color:#fff; font-size:15px; text-transform:uppercase; letter-spacing:1px;
    margin-bottom:18px; font-family:'Montserrat',sans-serif;
  }
  .footer-col a{display:block; font-size:16.5px; color:#B7BCC6; margin-bottom:12px; transition:color .2s;}
  .footer-col a:hover{color:var(--orange);}
  .footer-disclosure{border-top:1px solid #2E323D; padding:22px 0; font-size:14px; color:#7A7F8C; text-align:center;}
  .footer-disclosure a{color:#B7BCC6; font-weight:600;}
  .footer-disclosure a:hover{color:var(--orange);}
  .footer-bottom{
    border-top:1px solid #2E323D; padding:22px 0; display:flex;
    justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  }
  .footer-legal{display:flex; gap:22px; font-size:14px;}
  .footer-legal a:hover{color:var(--orange);}
  .site-footer .copyright{font-size:14px; color:#7A7F8C;}

  @media (max-width:860px){
    nav{display:none;}
    .meet .wrap{grid-template-columns:1fr;}
    .hero{padding:90px 0 70px;}
    .hero h1{font-size:39px;}
    .post-grid, .offer-grid{grid-template-columns:1fr;}
    .section-head{flex-direction:column; align-items:flex-start; gap:10px;}
    .trust .wrap{gap:24px;}
    .topbar p{width:100%;}

    .footer-grid{grid-template-columns:1fr; gap:32px;}
    .footer-bottom{flex-direction:column; text-align:center;}
  }

  /* ===== SUB-PAGE HERO ===== */
  .page-hero{
    padding:90px 0 70px; text-align:center;
    background:linear-gradient(180deg, rgba(20,23,31,0.85), rgba(20,23,31,0.78)), linear-gradient(150deg, #2B2F3A, #14171F 60%, #1A1D26);
  }
  .page-hero .wrap{max-width:680px; margin:0 auto;}
  .page-hero h1{font-size:50px; color:#fff; margin-bottom:16px;}
  .page-hero p{color:#C7CBD3; font-size:18px;}
  .crumb{font-size:13.5px; color:#9AA0AC; margin-bottom:16px; letter-spacing:0.5px;}
  .crumb a{color:var(--orange); font-weight:600;}

  /* ===== PROSE (Legal pages) ===== */
  .prose-section{padding:80px 0;}
  .prose{max-width:720px; margin:0 auto;}
  .prose h2{font-size:25px; margin:36px 0 12px;}
  .prose h2:first-child{margin-top:0;}
  .prose p{color:var(--slate); font-size:17px; margin-bottom:14px;}
  .prose ul{margin:0 0 14px 20px; color:var(--slate); font-size:17px;}
  .prose li{margin-bottom:8px;}
  .updated-tag{display:block; font-size:13.5px; color:#9AA0AC; margin-bottom:30px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px;}

  /* ===== RESOURCE GRID ===== */
  .resource-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
  .res-card{
    background:#fff; border:1px solid var(--line); border-radius:12px; padding:26px;
    display:flex; gap:16px; align-items:flex-start; transition:all .2s;
  }
  .res-card:hover{border-color:var(--orange); box-shadow:0 8px 24px rgba(20,23,31,0.06);}
  .res-icon{
    width:42px; height:42px; border-radius:8px; background:var(--ink); color:#fff; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; font-family:'Montserrat',sans-serif; font-size:13.5px; font-weight:700;
  }
  .res-card h3{font-size:19px; margin-bottom:8px;}
  .res-card p{font-size:16.5px; color:var(--slate); margin-bottom:10px;}
  .res-card a{font-size:15px; font-weight:700; color:var(--orange);}

  /* ===== PRODUCT GRID (Shop) ===== */
  .product-card{
    background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden;
    transition:all .2s; display:flex; flex-direction:column;
  }
  .product-card:hover{border-color:var(--orange); box-shadow:0 8px 24px rgba(20,23,31,0.06);}
  .product-media{aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; font-family:'Montserrat',sans-serif;}
  .product-body{padding:22px; display:flex; flex-direction:column; flex:1;}
  .product-body h3{font-size:19px; margin-bottom:8px;}
  .product-body p{font-size:16.5px; color:var(--slate); margin-bottom:16px; flex:1;}
  .product-foot{display:flex; justify-content:space-between; align-items:center;}
  .price{font-family:'Montserrat',sans-serif; font-weight:700; color:var(--orange); font-size:18px;}
  .btn-small{
    padding:9px 16px; border-radius:8px; border:1.5px solid var(--line); font-size:15px; font-weight:600;
    transition:all .2s;
  }
  .btn-small:hover{border-color:var(--orange); color:var(--orange);}

  /* ===== CONTACT ===== */
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:flex-start;}
  .form-group{margin-bottom:18px;}
  .form-group label{display:block; font-size:15px; font-weight:600; margin-bottom:8px; color:var(--ink);}
  .form-group input, .form-group textarea{
    width:100%; padding:13px 16px; border-radius:8px; border:1.5px solid var(--line);
    font-size:16.5px; font-family:inherit; color:var(--ink);
  }
  .form-group textarea{resize:vertical; min-height:140px;}
  .contact-card{background:var(--offwhite); border:1px solid var(--line); border-radius:12px; padding:30px;}
  .contact-card h3{font-size:20px; margin-bottom:16px;}
  .contact-line{display:flex; gap:10px; padding:13px 0; border-top:1px solid var(--line); font-size:16.5px; color:var(--slate);}
  .contact-line:first-of-type{border-top:none;}
  .contact-line strong{color:var(--ink); min-width:90px; display:inline-block;}

  @media (max-width:860px){
    .resource-grid{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .page-hero h1{font-size:34px;}
  }


/* ==========================================================
   BLOG / ARTICLES PAGE (filter bar, pagination, featured post, sidebar widgets)
   ========================================================== */

  :root{
    --white:#FFFFFF;
    --offwhite:#F6F7F9;
    --ink:#14171F;
    --slate:#5B6472;
    --orange:#FF5A1F;
    --orange-deep:#E14A12;
    --line:#E7E9EE;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{
    font-family:'Inter', sans-serif;
    background:var(--white);
    color:var(--ink);
    line-height:1.6;
  }
  h1,h2,h3{
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    line-height:1.15;
    letter-spacing:-0.5px;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1140px; margin:0 auto; padding:0 32px;}

  /* TOP BAR - EMAIL CAPTURE */
  .topbar{background:var(--ink); padding:10px 0;}
  .topbar .wrap{display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; text-align:center;}
  .topbar p{color:#fff; font-size:15px; font-weight:500;}
  .topbar p strong{color:var(--orange);}
  .topbar-form{display:flex; gap:8px; flex-wrap:wrap; justify-content:center;}
  .topbar-form input{
    padding:8px 14px; border-radius:6px; border:1px solid #2E323D;
    background:#1E212B; color:#fff; font-size:15px; font-family:inherit; min-width:200px;
  }
  .topbar-form input::placeholder{color:#7A7F8C;}
  .topbar-form button{
    padding:8px 16px; border-radius:6px; border:none; background:var(--orange);
    color:#fff; font-size:15px; font-weight:600; cursor:pointer; white-space:nowrap;
  }
  .topbar-form button:hover{background:var(--orange-deep);}

  /* SEARCH BUTTON */
  .search-btn{
    width:38px; height:38px; border-radius:8px; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    background:#fff; transition:all .2s; margin-right:10px;
  }
  .search-btn:hover{border-color:var(--orange);}
  .search-btn svg{width:16px; height:16px; stroke:var(--ink);}
  .header-actions{display:flex; align-items:center;}

  /* HEADER */
  header{padding:26px 0; border-bottom:1px solid var(--line);}
  header .wrap{display:flex; align-items:center; justify-content:space-between;}
  .logo{font-family:'Montserrat', sans-serif; font-size:25px; font-weight:700;}
  .logo span{color:var(--orange);}
  nav{display:flex; gap:28px; font-size:16.5px; font-weight:500; align-items:center;}
  .nav-item{position:relative;}
  .nav-item > a{display:inline-flex; align-items:center; gap:5px; padding:10px 16px; border-radius:6px; transition:all .2s; text-transform:uppercase; letter-spacing:0.6px; font-weight:600;}
  .nav-item > a:hover{color:var(--orange); background:var(--offwhite);}
  .nav-item > a.active{color:var(--orange); background:var(--offwhite);}
  .nav-item > a .caret{font-size:11px; opacity:0.6; margin-top:1px;}
  .dropdown{
    position:absolute; top:calc(100% + 6px); left:0; min-width:210px;
    background:#fff; border:1px solid var(--line); border-radius:10px;
    box-shadow:0 14px 32px rgba(20,23,31,0.1); padding:8px;
    display:none; flex-direction:column; gap:2px; z-index:20;
  }
  .nav-item.has-dropdown:hover .dropdown{display:flex;}
  .dropdown a{padding:9px 12px; border-radius:6px; font-size:16.5px; font-weight:500; color:var(--ink); transition:all .2s;}
  .dropdown a:hover{background:var(--offwhite); color:var(--orange);}
  .header-cta{
    background:var(--orange); color:#fff;
    padding:11px 22px; border-radius:8px; font-size:16.5px; font-weight:600;
    transition:background .2s; text-transform:uppercase; letter-spacing:0.6px;
  }
  .header-cta:hover{background:var(--orange-deep);}

  /* NEWSLETTER */
  .newsletter{background:var(--ink); padding:70px 0; text-align:center;}
  .newsletter h2{font-size:37px; margin-bottom:12px; color:#fff;}
  .newsletter p{color:#B7BCC6; margin-bottom:28px;}
  .form-row{display:flex; gap:10px; justify-content:center; max-width:440px; margin:0 auto; flex-wrap:wrap;}
  .form-row input{
    flex:1; min-width:220px; padding:14px 18px; border-radius:8px;
    border:1px solid #2E323D; background:#1E212B; color:#fff; font-size:16.5px; font-family:inherit;
  }
  .form-row input::placeholder{color:#7A7F8C;}
  .form-row button{
    padding:14px 26px; border-radius:8px; border:none; background:var(--orange);
    color:#fff; font-size:16.5px; font-weight:600; cursor:pointer;
  }
  .form-row button:hover{background:var(--orange-deep);}
  .fine-print{font-size:13.5px; color:#7A7F8C; margin-top:14px;}

  /* POSTS */
  .posts{padding:90px 0;}
  .section-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:44px;}
  .section-head h2{font-size:37px;}
  .section-head a{font-size:16.5px; font-weight:600; color:var(--orange);}
  .post-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
  .post-card{background:var(--white); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:all .2s;}
  .post-card:hover{border-color:var(--orange); box-shadow:0 8px 24px rgba(20,23,31,0.06);}
  .post-thumb{aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; font-family:'Montserrat', sans-serif;}
  .thumb-1{background:linear-gradient(150deg,#14171F,#FF5A1F);}
  .thumb-2{background:linear-gradient(150deg,#2B2F3A,#5B6472);}
  .thumb-3{background:linear-gradient(150deg,#14171F,#4B5563);}
  .thumb-4{background:linear-gradient(150deg,#FF5A1F,#14171F);}
  .thumb-5{background:linear-gradient(150deg,#5B6472,#14171F);}
  .thumb-6{background:linear-gradient(150deg,#4B5563,#2B2F3A);}
  .post-body{padding:22px;}
  .post-cat{font-size:12.5px; text-transform:uppercase; letter-spacing:1px; color:var(--orange); font-weight:700; margin-bottom:10px; display:block;}
  .post-card h3{font-size:20px; margin-bottom:8px;}
  .post-card p{font-size:16.5px; color:var(--slate);}

  /* FILTER BAR */
  .filter-bar{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:44px;}
  .filter-chip{
    padding:9px 18px; border-radius:100px; border:1.5px solid var(--line);
    font-size:15px; font-weight:600; color:var(--slate); transition:all .2s;
  }
  .filter-chip:hover{border-color:var(--orange); color:var(--orange);}
  .filter-chip.active{background:var(--ink); border-color:var(--ink); color:#fff;}

  /* PAGINATION */
  .pagination{display:flex; justify-content:center; gap:8px; margin-top:56px;}
  .page-btn{
    width:38px; height:38px; border-radius:8px; border:1.5px solid var(--line);
    display:flex; align-items:center; justify-content:center; font-size:16.5px; font-weight:600;
    color:var(--slate); transition:all .2s;
  }
  .page-btn:hover{border-color:var(--orange); color:var(--orange);}
  .page-btn.active{background:var(--orange); border-color:var(--orange); color:#fff;}

  /* ===== SUB-PAGE HERO ===== */
  .page-hero{
    padding:90px 0 70px; text-align:center;
    background:linear-gradient(180deg, rgba(20,23,31,0.85), rgba(20,23,31,0.78)), linear-gradient(150deg, #2B2F3A, #14171F 60%, #1A1D26);
  }
  .page-hero .wrap{max-width:680px; margin:0 auto;}
  .page-hero h1{font-size:50px; color:#fff; margin-bottom:16px;}
  .page-hero p{color:#C7CBD3; font-size:18px;}
  .crumb{font-size:13.5px; color:#9AA0AC; margin-bottom:16px; letter-spacing:0.5px;}
  .crumb a{color:var(--orange); font-weight:600;}

  /* FEATURED POST */
  .featured{padding:70px 0 20px;}
  .featured-card{
    display:grid; grid-template-columns:1fr 1fr; gap:0;
    border:1px solid var(--line); border-radius:14px; overflow:hidden;
  }
  .featured-media{
    background:linear-gradient(150deg,#14171F,#FF5A1F);
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:15px; font-family:'Montserrat',sans-serif; min-height:280px;
  }
  .featured-body{padding:44px; display:flex; flex-direction:column; justify-content:center;}
  .featured-tag{font-size:12.5px; text-transform:uppercase; letter-spacing:1px; color:var(--orange); font-weight:700; margin-bottom:14px;}
  .featured-body h2{font-size:29px; margin-bottom:14px;}
  .featured-body p{color:var(--slate); font-size:17px; margin-bottom:20px;}
  .featured-body a{font-size:16.5px; font-weight:700; color:var(--orange);}

  /* ===== BLOG LAYOUT WITH SIDEBAR ===== */
  .blog-layout{display:grid; grid-template-columns:1fr 320px; gap:56px; align-items:start;}
  .main-col .filter-bar{margin-bottom:40px;}
  .main-col .post-grid{grid-template-columns:repeat(2,1fr);}

  /* ===== SIDEBAR ===== */
  .sidebar{display:flex; flex-direction:column; gap:26px; position:sticky; top:24px;}
  .widget{background:#fff; border:1px solid var(--line); border-radius:14px; padding:26px; text-align:center;}
  .widget-title{
    font-family:'Montserrat', sans-serif; font-size:13.5px; text-transform:uppercase;
    letter-spacing:1.2px; color:var(--slate); font-weight:700; margin-bottom:18px;
  }
  .widget-meet-photo{
    width:120px; height:120px; border-radius:50%; margin:0 auto 18px;
    background:linear-gradient(150deg,#232733,#14171F 80%);
    display:flex; align-items:center; justify-content:center; color:#fff;
    font-family:'Montserrat',sans-serif; font-size:13.5px;
    border:4px solid var(--offwhite); box-shadow:0 0 0 3px var(--orange);
  }
  .widget-meet h3{font-size:21px; margin-bottom:4px;}
  .widget-meet .role{font-size:13.5px; color:var(--orange); font-weight:700; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:14px; display:block;}
  .widget-meet p{font-size:16.5px; color:var(--slate); margin-bottom:18px; text-align:left;}
  .widget-meet a.btn-small{display:inline-block; border:1.5px solid var(--ink); padding:9px 20px;}
  .widget-meet a.btn-small:hover{background:var(--ink); color:#fff; border-color:var(--ink);}

  .widget-social-row{display:flex; justify-content:center; gap:10px;}
  .widget-social-row span{
    width:38px; height:38px; border-radius:50%; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:700;
    transition:all .2s; cursor:pointer;
  }
  .widget-social-row span:hover{background:var(--orange); border-color:var(--orange); color:#fff;}

  .widget-search{display:flex; gap:8px;}
  .widget-search input{
    flex:1; padding:11px 14px; border-radius:8px; border:1.5px solid var(--line);
    font-size:15px; font-family:inherit;
  }
  .widget-search button{
    width:42px; border-radius:8px; border:none; background:var(--ink); color:#fff; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .widget-search button:hover{background:var(--orange);}

  .widget-promo{padding:0; overflow:hidden;}
  .widget-promo-media{
    aspect-ratio:1/1; background:linear-gradient(150deg,#14171F,#FF5A1F);
    display:flex; align-items:center; justify-content:center; color:#fff;
    font-size:15px; font-family:'Montserrat',sans-serif; text-align:center; padding:20px;
  }

  .widget-optin{background:var(--ink); color:#fff;}
  .widget-optin h3{font-size:20px; color:#fff; margin-bottom:8px;}
  .widget-optin p{font-size:15px; color:#B7BCC6; margin-bottom:16px;}
  .widget-optin input{
    width:100%; padding:11px 14px; border-radius:8px; border:1px solid #2E323D;
    background:#1E212B; color:#fff; font-size:15px; font-family:inherit; margin-bottom:10px;
  }
  .widget-optin input::placeholder{color:#7A7F8C;}
  .widget-optin button{
    width:100%; padding:12px; border-radius:8px; border:none; background:var(--orange);
    color:#fff; font-size:15px; font-weight:600; cursor:pointer;
  }
  .widget-optin button:hover{background:var(--orange-deep);}

  .widget-posts{text-align:left;}
  .widget-post{display:flex; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--line);}
  .widget-post:first-of-type{border-top:none; padding-top:0;}
  .widget-post-thumb{
    width:60px; height:60px; border-radius:8px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; color:#fff; font-size:10px;
  }
  .widget-post h4{font-size:15px; font-weight:600; line-height:1.35; font-family:'Inter',sans-serif; letter-spacing:0;}
  .widget-post h4:hover{color:var(--orange);}

  @media (max-width:1024px){
    .blog-layout{grid-template-columns:1fr;}
    .sidebar{position:static; flex-direction:row; flex-wrap:wrap;}
    .sidebar .widget{flex:1; min-width:260px;}
  }

  /* ===== SITE FOOTER (Shop / Info columns + legal bar) ===== */
  .site-footer{background:var(--ink); color:#B7BCC6; padding-top:64px;}
  .footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px;}
  .footer-brand .logo{color:#fff; margin-bottom:14px;}
  .footer-brand p{font-size:16.5px; color:#9AA0AC; max-width:280px; margin-bottom:20px;}
  .footer-social-icons{display:flex; gap:10px;}
  .footer-social-icons a{
    width:36px; height:36px; border-radius:8px; border:1px solid #2E323D; color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:600;
    transition:all .2s; cursor:pointer;
  }
  .footer-social-icons a:hover{background:var(--orange); border-color:var(--orange);}
  .footer-col h4{
    color:#fff; font-size:15px; text-transform:uppercase; letter-spacing:1px;
    margin-bottom:18px; font-family:'Montserrat',sans-serif;
  }
  .footer-col a{display:block; font-size:16.5px; color:#B7BCC6; margin-bottom:12px; transition:color .2s;}
  .footer-col a:hover{color:var(--orange);}
  .footer-disclosure{border-top:1px solid #2E323D; padding:22px 0; font-size:14px; color:#7A7F8C; text-align:center;}
  .footer-disclosure a{color:#B7BCC6; font-weight:600;}
  .footer-disclosure a:hover{color:var(--orange);}
  .footer-bottom{
    border-top:1px solid #2E323D; padding:22px 0; display:flex;
    justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  }
  .footer-legal{display:flex; gap:22px; font-size:14px;}
  .footer-legal a:hover{color:var(--orange);}
  .site-footer .copyright{font-size:14px; color:#7A7F8C;}

  @media (max-width:860px){
    nav{display:none;}
    .post-grid{grid-template-columns:1fr;}
    .main-col .post-grid{grid-template-columns:1fr;}
    .section-head{flex-direction:column; align-items:flex-start; gap:10px;}
    .topbar p{width:100%;}
    .page-hero h1{font-size:34px;}
    .featured-card{grid-template-columns:1fr;}
    .featured-media{min-height:200px;}
    .footer-grid{grid-template-columns:1fr; gap:32px;}
    .footer-bottom{flex-direction:column; text-align:center;}
  }


/* ==========================================================
   404 ERROR PAGE
   ========================================================== */

/* ===== 404 ===== */
  .error-hero{
    position:relative; overflow:hidden;
    padding:130px 0 110px; text-align:center;
    background:
      linear-gradient(180deg, rgba(20,23,31,0.88), rgba(20,23,31,0.82)),
      linear-gradient(150deg, #2B2F3A, #14171F 60%, #1A1D26);
  }
  .error-hero .wrap{max-width:600px; margin:0 auto; position:relative; z-index:2;}
  .error-code{
    font-family:'Montserrat',sans-serif; font-weight:700; font-size:146px;
    line-height:1; margin-bottom:6px; letter-spacing:-2px;
    background:linear-gradient(180deg, #fff 40%, rgba(255,255,255,0.25));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .error-code span{
    background:linear-gradient(180deg, var(--orange) 40%, rgba(255,90,31,0.3));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .error-hero h1{font-size:37px; color:#fff; margin-bottom:14px;}
  .error-hero p{color:#C7CBD3; font-size:18px; max-width:440px; margin:0 auto 32px;}
  .error-search{display:flex; gap:10px; max-width:440px; margin:0 auto 28px; flex-wrap:wrap;}
  .error-search input{
    flex:1; min-width:220px; padding:15px 20px; border-radius:8px;
    border:1px solid #2E323D; background:rgba(255,255,255,0.06); color:#fff;
    font-size:16.5px; font-family:inherit;
  }
  .error-search input::placeholder{color:#A7ACB8;}
  .error-search button{
    padding:15px 24px; border-radius:8px; border:none; background:var(--orange);
    color:#fff; font-size:16.5px; font-weight:600; cursor:pointer; transition:background .2s;
  }
  .error-search button:hover{background:var(--orange-deep);}
  .error-links{display:flex; gap:24px; justify-content:center; flex-wrap:wrap; font-size:15.5px;}
  .error-links a{color:#C7CBD3; font-weight:600; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:2px; transition:color .2s;}
  .error-links a:hover{color:var(--orange); border-color:var(--orange);}

  .error-shape{
    position:absolute; border-radius:50%; z-index:1;
    background:radial-gradient(circle, rgba(255,90,31,0.14), transparent 70%);
  }
  .error-shape.s1{width:420px; height:420px; top:-160px; left:-120px;}
  .error-shape.s2{width:320px; height:320px; bottom:-160px; right:-80px;}

  .error-suggest{padding:80px 0;}
  .error-suggest .section-head{justify-content:center; text-align:center; flex-direction:column; gap:8px; margin-bottom:40px;}
  .error-suggest .section-head span{font-size:13.5px; text-transform:uppercase; letter-spacing:1px; color:var(--orange); font-weight:700;}

  @media (max-width:860px){
    .error-code{font-size:94px;}
    .error-hero h1{font-size:27px;}
  }


/* ==========================================================
   HOMEPAGE (hero with background image takes precedence below, stats bar)
   ========================================================== */

  :root{
    --white:#FFFFFF;
    --offwhite:#F6F7F9;
    --ink:#14171F;
    --slate:#5B6472;
    --orange:#FF5A1F;
    --orange-deep:#E14A12;
    --line:#E7E9EE;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{
    font-family:'Inter', sans-serif;
    background:var(--white);
    color:var(--ink);
    line-height:1.6;
  }
  h1,h2,h3{
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    line-height:1.15;
    letter-spacing:-0.5px;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1140px; margin:0 auto; padding:0 32px;}

  /* TOP BAR - EMAIL CAPTURE */
  .topbar{background:var(--ink); padding:10px 0;}
  .topbar .wrap{display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; text-align:center;}
  .topbar p{color:#fff; font-size:15px; font-weight:500;}
  .topbar p strong{color:var(--orange);}
  .topbar-form{display:flex; gap:8px; flex-wrap:wrap; justify-content:center;}
  .topbar-form input{
    padding:8px 14px; border-radius:6px; border:1px solid #2E323D;
    background:#1E212B; color:#fff; font-size:15px; font-family:inherit; min-width:200px;
  }
  .topbar-form input::placeholder{color:#7A7F8C;}
  .topbar-form button{
    padding:8px 16px; border-radius:6px; border:none; background:var(--orange);
    color:#fff; font-size:15px; font-weight:600; cursor:pointer; white-space:nowrap;
  }
  .topbar-form button:hover{background:var(--orange-deep);}

  /* SEARCH BUTTON */
  .search-btn{
    width:38px; height:38px; border-radius:8px; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    background:#fff; transition:all .2s; margin-right:10px;
  }
  .search-btn:hover{border-color:var(--orange);}
  .search-btn svg{width:16px; height:16px; stroke:var(--ink);}
  .header-actions{display:flex; align-items:center;}

  /* HEADER */
  header{padding:26px 0; border-bottom:1px solid var(--line);}
  header .wrap{display:flex; align-items:center; justify-content:space-between;}
  .logo{font-family:'Montserrat', sans-serif; font-size:25px; font-weight:700;}
  .logo span{color:var(--orange);}
  nav{display:flex; gap:28px; font-size:16.5px; font-weight:500; align-items:center;}
  .nav-item{position:relative;}
  .nav-item > a{display:inline-flex; align-items:center; gap:5px; padding:10px 16px; border-radius:6px; transition:all .2s; text-transform:uppercase; letter-spacing:0.6px; font-weight:600;}
  .nav-item > a:hover{color:var(--orange); background:var(--offwhite);}
  .nav-item > a.active{color:var(--orange); background:var(--offwhite);}
  .nav-item > a .caret{font-size:11px; opacity:0.6; margin-top:1px;}
  .dropdown{
    position:absolute; top:calc(100% + 6px); left:0; min-width:210px;
    background:#fff; border:1px solid var(--line); border-radius:10px;
    box-shadow:0 14px 32px rgba(20,23,31,0.1); padding:8px;
    display:none; flex-direction:column; gap:2px; z-index:20;
  }
  .nav-item.has-dropdown:hover .dropdown{display:flex;}
  .dropdown a{padding:9px 12px; border-radius:6px; font-size:16.5px; font-weight:500; color:var(--ink); transition:all .2s;}
  .dropdown a:hover{background:var(--offwhite); color:var(--orange);}
  .header-cta{
    background:var(--orange); color:#fff;
    padding:11px 22px; border-radius:8px; font-size:16.5px; font-weight:600;
    transition:background .2s; text-transform:uppercase; letter-spacing:0.6px;
  }
  .header-cta:hover{background:var(--orange-deep);}

  /* HERO */
  /* Background is the raw photo only — no overlay. */
  .hero{
    position:relative; overflow:hidden;
    padding:150px 0 130px;
    background:
      url('assets/images/hero-bg.png');
    background-size:cover; background-position:center;
  }
  .hero .wrap{max-width:640px; margin:0 auto; text-align:center;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:15px; font-weight:600; color:var(--orange);
    text-transform:uppercase; letter-spacing:1px; margin-bottom:20px;
  }
  .eyebrow::before{content:""; width:8px; height:8px; background:var(--orange); border-radius:2px;}
  .hero h1{font-size:61px; margin-bottom:20px; color:#fff; text-shadow:0 2px 20px rgba(0,0,0,0.5);}
  .hero h1 u{text-decoration:none; background:linear-gradient(180deg, transparent 62%, rgba(255,90,31,0.35) 62%);}
  .hero p.hero-sub{font-size:19px; color:#F1D9CC; max-width:480px; margin:0 auto 36px; text-shadow:0 1px 12px rgba(0,0,0,0.5);}
  .hero-form{
    display:flex; align-items:center; justify-content:center;
    max-width:460px; margin:0 auto;
    background:rgba(255,255,255,0.06); border:1px solid #2E323D; border-radius:10px;
    padding:6px; backdrop-filter:blur(4px);
  }
  .hero-form input{
    flex:1; min-width:0; padding:14px 16px; border:none; background:transparent;
    color:#fff; font-size:16.5px; font-family:inherit;
  }
  .hero-form input:focus{outline:none;}
  .hero-form input::placeholder{color:#A7ACB8;}
  .hero-form button{
    flex-shrink:0; padding:14px 26px; border-radius:7px; border:none; background:var(--orange);
    color:#fff; font-size:16.5px; font-weight:600; cursor:pointer; white-space:nowrap; transition:background .2s;
  }
  .hero-form button:hover{background:var(--orange-deep);}
  .hero-fineprint{font-size:14px; color:#8B90A0; margin-top:16px;}
  .hero-secondary{margin-top:22px; font-size:15.5px;}
  .hero-secondary a{color:#C7CBD3; font-weight:600; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:1px; transition:color .2s;}
  .hero-secondary a:hover{color:var(--orange); border-color:var(--orange);}

  /* STATS BAR (replaces generic 'As Seen In' strip) */
  .stats-bar{background:var(--ink); padding:44px 0;}
  .stats-bar .wrap{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .stat{text-align:center; padding:0 16px; position:relative;}
  .stat:not(:last-child)::after{content:""; position:absolute; right:0; top:8px; bottom:8px; width:1px; background:#2A2E38;}
  .stat-num{font-family:'Montserrat',sans-serif; font-size:26px; font-weight:700; color:var(--orange); margin-bottom:6px; letter-spacing:-0.3px;}
  .stat-label{font-size:14px; color:#9AA0AC; text-transform:uppercase; letter-spacing:0.8px; font-weight:600;}

  /* MEET SECTION */
  .meet{padding:90px 0;}
  .meet .wrap{display:grid; grid-template-columns:0.8fr 1.2fr; gap:70px; align-items:center;}
  .meet-photo{
    aspect-ratio:1/1; border-radius:16px;
    background:linear-gradient(150deg, #232733, #14171F 80%);
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-family:'Montserrat', sans-serif; font-size:16.5px;
    border-bottom:5px solid var(--orange);
  }
  .meet h2{font-size:39px; margin-bottom:18px;}
  .meet p{color:var(--slate); margin-bottom:16px; max-width:520px;}
  .meet-signoff{font-family:'Montserrat', sans-serif; font-weight:600; font-size:20px; margin-top:18px;}

  /* NEWSLETTER */
  .newsletter{background:var(--ink); padding:70px 0; text-align:center;}
  .newsletter h2{font-size:37px; margin-bottom:12px; color:#fff;}
  .newsletter p{color:#B7BCC6; margin-bottom:28px;}
  .form-row{display:flex; gap:10px; justify-content:center; max-width:440px; margin:0 auto; flex-wrap:wrap;}
  .form-row input{
    flex:1; min-width:220px; padding:14px 18px; border-radius:8px;
    border:1px solid #2E323D; background:#1E212B; color:#fff; font-size:16.5px; font-family:inherit;
  }
  .form-row input::placeholder{color:#7A7F8C;}
  .form-row button{
    padding:14px 26px; border-radius:8px; border:none; background:var(--orange);
    color:#fff; font-size:16.5px; font-weight:600; cursor:pointer;
  }
  .form-row button:hover{background:var(--orange-deep);}
  .fine-print{font-size:13.5px; color:#7A7F8C; margin-top:14px;}

  /* POSTS */
  .posts{padding:90px 0;}
  .section-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:44px;}
  .section-head h2{font-size:37px;}
  .section-head a{font-size:16.5px; font-weight:600; color:var(--orange);}
  .post-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
  .post-card{background:var(--white); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:all .2s;}
  .post-card:hover{border-color:var(--orange); box-shadow:0 8px 24px rgba(20,23,31,0.06);}
  .post-thumb{aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; font-family:'Montserrat', sans-serif;}
  .thumb-1{background:linear-gradient(150deg,#14171F,#FF5A1F);}
  .thumb-2{background:linear-gradient(150deg,#2B2F3A,#5B6472);}
  .thumb-3{background:linear-gradient(150deg,#14171F,#4B5563);}
  .post-body{padding:22px;}
  .post-cat{font-size:12.5px; text-transform:uppercase; letter-spacing:1px; color:var(--orange); font-weight:700; margin-bottom:10px; display:block;}
  .post-card h3{font-size:20px; margin-bottom:8px;}
  .post-card p{font-size:16.5px; color:var(--slate);}

  /* OFFERS */
  .offers{padding:90px 0; background:var(--offwhite);}
  .offer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px;}
  .offer-card{
    background:#fff; border:1px solid var(--line); border-radius:12px; padding:32px 26px;
    transition:all .2s;
  }
  .offer-card:hover{border-color:var(--orange); box-shadow:0 10px 28px rgba(20,23,31,0.06);}
  .offer-icon{width:42px; height:42px; border-radius:8px; background:var(--ink); margin-bottom:20px; position:relative;}
  .offer-icon::after{content:""; position:absolute; inset:0; margin:auto; width:16px; height:16px; background:var(--orange); border-radius:4px;}
  .offer-card h3{font-size:21px; margin-bottom:10px;}
  .offer-card p{font-size:16.5px; color:var(--slate); margin-bottom:18px;}
  .offer-card a{font-size:15px; font-weight:700; color:var(--orange);}

  /* ===== SITE FOOTER (Shop / Info columns + legal bar) ===== */
  .site-footer{background:var(--ink); color:#B7BCC6; padding-top:64px;}
  .footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px;}
  .footer-brand .logo{color:#fff; margin-bottom:14px;}
  .footer-brand p{font-size:16.5px; color:#9AA0AC; max-width:280px; margin-bottom:20px;}
  .footer-social-icons{display:flex; gap:10px;}
  .footer-social-icons a{
    width:36px; height:36px; border-radius:8px; border:1px solid #2E323D; color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:600;
    transition:all .2s; cursor:pointer;
  }
  .footer-social-icons a:hover{background:var(--orange); border-color:var(--orange);}
  .footer-col h4{
    color:#fff; font-size:15px; text-transform:uppercase; letter-spacing:1px;
    margin-bottom:18px; font-family:'Montserrat',sans-serif;
  }
  .footer-col a{display:block; font-size:16.5px; color:#B7BCC6; margin-bottom:12px; transition:color .2s;}
  .footer-col a:hover{color:var(--orange);}
  .footer-disclosure{border-top:1px solid #2E323D; padding:22px 0; font-size:14px; color:#7A7F8C; text-align:center;}
  .footer-disclosure a{color:#B7BCC6; font-weight:600;}
  .footer-disclosure a:hover{color:var(--orange);}
  .footer-bottom{
    border-top:1px solid #2E323D; padding:22px 0; display:flex;
    justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  }
  .footer-legal{display:flex; gap:22px; font-size:14px;}
  .footer-legal a:hover{color:var(--orange);}
  .site-footer .copyright{font-size:14px; color:#7A7F8C;}

  @media (max-width:860px){
    nav{display:none;}
    .meet .wrap{grid-template-columns:1fr;}
    .hero{padding:90px 0 70px;}
    .hero h1{font-size:39px;}
    .hero-form{flex-direction:column; padding:8px; border-radius:12px;}
    .hero-form input{width:100%; text-align:center; padding:14px 16px;}
    .hero-form button{width:100%;}
    .post-grid, .offer-grid{grid-template-columns:1fr;}
    .section-head{flex-direction:column; align-items:flex-start; gap:10px;}
    .stats-bar .wrap{grid-template-columns:repeat(2,1fr); row-gap:28px;}
    .stat:nth-child(2)::after{display:none;}
    .topbar p{width:100%;}

    .footer-grid{grid-template-columns:1fr; gap:32px;}
    .footer-bottom{flex-direction:column; text-align:center;}
  }
/* ==========================================================
   WORDPRESS CORE COMPATIBILITY (added for editor/content output;
   does not alter any visual rule above)
   ========================================================== */
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.alignleft{float:left; margin:6px 24px 12px 0;}
.alignright{float:right; margin:6px 0 12px 24px;}
.aligncenter{display:block; margin:12px auto;}
.wp-caption{max-width:100%;}
.wp-caption-text{font-size:14px; color:var(--slate); margin-top:6px;}
.prose img{border-radius:10px; margin:20px 0;}
.prose .wp-block-quote, .prose blockquote{
  border-left:3px solid var(--orange); padding-left:20px; color:var(--slate); font-style:italic; margin:20px 0;
}
.page-links{margin:24px 0; font-size:15px; font-weight:600; color:var(--slate);}
.page-links a{color:var(--orange); padding:0 6px;}
.jp-search-form{display:flex; gap:8px; width:100%;}
.jp-search-form input{flex:1; padding:11px 14px; border-radius:8px; border:1.5px solid var(--line); font-size:15px; font-family:inherit;}
.jp-search-form button{width:42px; border-radius:8px; border:none; background:var(--ink); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.jp-search-form button:hover{background:var(--orange);}
