/*
Theme Name: Jankovsky Capital Markets v14
Theme URI: https://jcm.markets/
Author: Jankovsky Capital Markets
Author URI: https://jcm.markets/
Description: Minimalist one-page investment research and strategy website for Jankovsky Capital Markets.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: jcm
*/

:root{
  --navy:#0A2540;
  --gold:#C9A961;
  --off:#FAFAF8;
  --gray:#E5E9F0;
  --slate:#64748B;
  --charcoal:#1F2937;
  --white:#fff;
  --max:1220px;
  --section-label-size:18px;
  --serif:"Playfair Display", Georgia, "Times New Roman", serif;
  --sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--charcoal);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:var(--navy);color:#fff;padding:10px 14px;z-index:9999}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid #eef0f3;backdrop-filter:blur(10px)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand-mark{font-family:var(--serif);font-size:39px;line-height:1;color:var(--navy);letter-spacing:-.04em}.brand-divider{width:1px;height:34px;background:var(--gold)}.brand-name{font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.13em;color:var(--navy);white-space:nowrap}.brand-tag{display:block;margin-top:3px;color:var(--slate);font-weight:400;letter-spacing:.02em}
.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650;color:var(--navy)}.nav a{position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .25s ease}.nav a:not(.nav-cta):hover:after{right:0}.nav-cta{border:1px solid var(--navy);padding:11px 17px;transition:.2s ease}.nav-cta:hover{background:var(--navy);color:#fff}
.mobile-toggle{display:none;background:none;border:0;color:var(--navy);font-size:24px}

.hero{background:var(--off);padding:50px 0 52px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin:0 0 24px}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(54px,6vw,82px);line-height:.98;letter-spacing:-.045em;color:var(--navy);margin:0 0 32px;max-width:650px}.lead{font-size:18px;line-height:1.75;color:#405773;max-width:650px;margin:0 0 34px}.button{display:inline-flex;align-items:center;gap:15px;background:var(--navy);color:#fff;padding:16px 23px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--navy);transition:.2s ease}.button:hover{background:transparent;color:var(--navy)}.text-link{font-weight:750;color:var(--navy);display:inline-flex;gap:9px;margin-left:22px}.text-link:hover{color:var(--gold)}
.hero-visual{position:relative;border:1px solid #dfe4eb;background:#fff;padding:0;min-height:400px;display:flex;align-items:stretch;overflow:hidden}.hero-image{width:100%;height:100%;min-height:400px;object-fit:cover;object-position:center;display:block}

.section{padding:32px 0}.section-alt{background:var(--off)}.section-head{display:flex;align-items:center;margin-bottom:24px}.section-label{font-size:var(--section-label-size);line-height:1.2;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--gold);margin:0 0 17px}.services-label{display:inline-flex;align-items:center;min-height:42px;padding:9px 17px;border:1px solid #d9dee6;background:#fff;color:var(--navy);font-family:var(--serif);font-size:18px;letter-spacing:0;font-weight:600;text-transform:none;margin:0}.services-label:before{content:"";width:20px;height:1px;background:var(--gold);margin-right:12px}.section h2{font-family:var(--serif);font-size:clamp(40px,4.3vw,61px);font-weight:500;line-height:1.03;letter-spacing:-.04em;color:var(--navy);margin:0}.section-intro{font-size:18px;color:#53677d;max-width:650px;margin:34px 0 0}

.help-heading{margin:0 0 11px}.help-heading .section-label{margin:0}.trigger-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9dee6;border-bottom:1px solid #d9dee6}.trigger{padding:15px 26px 16px;border-right:1px solid #d9dee6}.trigger:last-child{border-right:0}.icon{width:32px;height:32px;margin-bottom:12px;color:var(--gold)}.icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}.trigger h3{font-family:var(--serif);font-size:25px;line-height:1.15;font-weight:500;color:var(--navy);margin:0 0 9px}.trigger p{font-size:14px;color:#5c6d80;margin:0}.trigger-note{margin:28px auto 0;font-weight:700;color:var(--navy);text-align:center}

.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #d9dee6}.service{padding:20px 34px 22px 0;border-bottom:1px solid #d9dee6}.service:nth-child(odd){padding-right:55px;border-right:1px solid #d9dee6}.service:nth-child(even){padding-left:55px}.service-number{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:800}.service h3{font-family:var(--serif);font-weight:500;color:var(--navy);font-size:29px;line-height:1.15;margin:10px 0 11px}.service p{color:#52667d;max-width:540px}.service ul{list-style:none;margin:17px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.service li{font-size:13px;color:#53677d;position:relative;padding-left:13px}.service li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:1px;background:var(--gold);border-radius:0}

.audience{background:var(--navy);color:#fff;padding-top:30px;padding-bottom:30px}.audience .section-label{color:var(--gold)}.audience h2{color:#fff}.audience p{color:#d4dce5;font-size:18px;max-width:none;margin-bottom:0}.audience-break{display:block}.audience-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.tag{border:1px solid rgba(255,255,255,.25);padding:9px 13px;color:#eef2f6;font-size:12px;letter-spacing:.06em;text-transform:uppercase}

.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.about-text{padding-right:30px}.about-copy{font-family:var(--serif);font-size:32px;line-height:1.28;color:var(--navy);margin:0 0 24px}.about-button{margin-top:0}.about-photo-wrap{display:flex;justify-content:flex-end;align-items:center}.about-photo{display:block;width:100%;max-width:260px;height:250px;object-fit:cover;object-position:center top}

.pub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pub-card{border:1px solid #dce2e9;padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;transition:.2s ease}.pub-card:hover{transform:translateY(-3px);border-color:#b9c2ce;box-shadow:0 12px 28px rgba(10,37,64,.06)}.pub-logo{color:var(--navy);font-weight:800;font-size:22px;letter-spacing:-.02em}.pub-logo.forbes{font-family:Georgia,serif;font-size:31px}.pub-logo.startit{font-size:19px}.pub-logo.iw{font-size:22px}.pub-meta{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-top:35px}.pub-card h3{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.2;color:var(--navy);margin:9px 0 0}.pub-arrow{color:var(--navy);font-size:13px;font-weight:800;margin-top:24px}.pub-more{margin-top:28px}.pub-more a{font-weight:750;color:var(--navy)}

.contact{background:var(--off);padding:18px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-details{display:flex;flex-direction:column;gap:10px;margin-top:12px}.contact-details a{font-size:18px;color:var(--navy);font-weight:700}.contact-details a:hover{color:var(--gold)}.linkedin{display:inline-flex;align-items:center;gap:10px}.linkedin-mark{width:26px;height:26px;border:1px solid var(--navy);display:inline-grid;place-items:center;font-size:14px;font-weight:800}.contact-panel{border-left:1px solid #d9dee6;padding-left:55px}.contact-panel p{color:#53677d;font-size:17px}.contact-panel .button{margin-top:18px}

.site-footer{background:#fff;border-top:1px solid #e5e9ee;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{font-weight:800;color:var(--navy);font-size:13px;letter-spacing:.1em}.footer-sub{display:block;font-weight:400;color:var(--slate);letter-spacing:.03em;margin-top:3px}.footer-nav{display:flex;gap:22px;font-size:12px;font-weight:700;color:var(--navy)}.copyright{font-size:11px;color:#8793a1}

@media(max-width:980px){.hero-grid,.section-head,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:45px}.hero-visual{min-height:400px}.hero-image{min-height:400px}.trigger-grid{grid-template-columns:repeat(2,1fr)}.trigger:nth-child(2){border-right:0}.trigger:nth-child(1),.trigger:nth-child(2){border-bottom:1px solid #d9dee6}.service-grid{grid-template-columns:1fr}.service:nth-child(odd){padding-right:0;border-right:0}.service:nth-child(even){padding-left:0}.pub-grid{grid-template-columns:1fr 1fr}.section-head{gap:20px}}
@media(max-width:760px){.audience .section-label{margin-bottom:32px}.container{width:min(calc(100% - 32px),var(--max))}.site-header{position:relative}.header-inner{min-height:72px;gap:10px}.brand{gap:9px;flex:1;min-width:0}.brand-mark{font-size:34px}.brand-divider{display:block;width:1px;height:28px}.brand-name{display:block;font-size:10px;line-height:1.15;letter-spacing:.11em;white-space:normal;max-width:205px}.brand-tag{font-size:9px;margin-top:3px;letter-spacing:.01em}.mobile-toggle{font-size:25px;flex:0 0 auto}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid #e5e9ee;padding:16px;flex-direction:column;align-items:flex-start;gap:16px}.nav.open{display:flex}.hero{padding:46px 0 48px}.hero h1{font-size:55px}.lead{font-size:16px}.hero-visual{min-height:330px}.hero-image{min-height:330px}.hero-copy{font-size:34px}.section{padding:32px 0}.trigger-grid{grid-template-columns:1fr}.trigger{border-right:0;border-bottom:1px solid #d9dee6!important}.trigger:last-child{border-bottom:0!important}.pub-grid{grid-template-columns:1fr}.about-grid{display:flex;flex-direction:column;align-items:stretch;gap:38px}.about-text{padding-right:0}.about-copy{font-size:34px;line-height:1.3;margin-bottom:24px}.about-photo-wrap{display:block;width:100%}.about-photo{width:100%;max-width:none;height:auto;aspect-ratio:1.18/1;object-fit:cover;object-position:center top}.contact-panel{border-left:0;border-top:1px solid #d9dee6;padding-left:0;padding-top:35px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-nav{flex-wrap:wrap}.text-link{margin-left:0;margin-top:18px}.button{padding:14px 18px}}

/* v12 — mobile header + about layout */
@media (max-width: 760px){
  /* HEADER: show the complete JCM brand on mobile */
  .site-header .header-inner{
    min-height: 82px !important;
    width: calc(100% - 32px) !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  .site-header .brand{
    display:flex !important;
    align-items:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:9px !important;
  }
  .site-header .brand-mark{
    display:block !important;
    flex:0 0 auto !important;
    font-size:34px !important;
    line-height:1 !important;
  }
  .site-header .brand-divider{
    display:block !important;
    flex:0 0 1px !important;
    width:1px !important;
    height:30px !important;
    background:var(--gold) !important;
  }
  .site-header .brand-name{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    font-size:9.5px !important;
    line-height:1.15 !important;
    letter-spacing:.105em !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  .site-header .brand-tag{
    display:block !important;
    margin-top:3px !important;
    font-size:8.5px !important;
    line-height:1.15 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
  }
  .site-header .mobile-toggle{
    display:block !important;
    flex:0 0 auto !important;
    font-size:25px !important;
    line-height:1 !important;
    padding:4px 0 4px 6px !important;
  }

  /* ABOUT: one clean mobile column */
  #about.section{
    padding:48px 0 54px !important;
  }
  #about .about-grid{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:30px !important;
  }
  #about .about-text{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }
  #about .section-label{
    margin:0 0 28px !important;
    font-size:18px !important;
    line-height:1.2 !important;
    letter-spacing:.22em !important;
  }
  #about .about-copy{
    width:100% !important;
    max-width:none !important;
    margin:0 0 24px !important;
    font-size:34px !important;
    line-height:1.29 !important;
    letter-spacing:-.025em !important;
  }
  #about .about-button{
    display:inline-flex !important;
    margin:0 !important;
    padding:16px 23px !important;
  }
  #about .about-photo-wrap{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }
  #about .about-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:1.18 / 1 !important;
    object-fit:cover !important;
    object-position:center top !important;
  }
}

/* v13 — media logos in O MNE */
.media-logos{display:flex;align-items:center;gap:30px;margin:0 0 24px;flex-wrap:wrap}
.media-logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--navy);transition:opacity .2s ease;line-height:1}
.media-logo:hover{opacity:.72}
.media-forbes{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:700;letter-spacing:-.04em}
.media-startitup{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.03em}
.media-iw{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;gap:8px;letter-spacing:-.025em}
.iw-mark{position:relative;display:inline-flex;align-items:flex-end;gap:3px;height:21px;padding-top:5px}
.iw-mark b{position:absolute;left:0;top:0;width:5px;height:4px;background:#e60046}
.iw-mark i{display:block;width:5px;background:#e60046}
.iw-mark i:nth-child(2){height:16px}.iw-mark i:nth-child(3){height:11px}.iw-mark i:nth-child(4){height:14px}.iw-mark i:nth-child(5){height:16px}
@media(max-width:760px){.media-logos{gap:22px;margin-bottom:24px}.media-forbes{font-size:28px}.media-startitup{font-size:18px}.media-iw{font-size:16px}}