/*
Theme Name: JP Performance & Coaching
Author: Studio M²
Description: Premium goud-zwart WordPress-thema voor coaching, leefstijl en performance.
Version: 2.0.0
Text Domain: jesse-postma
*/
:root{--gold:#c8a45d;--gold-light:#e5cd94;--black:#080909;--ink:#141515;--paper:#f4f0e7;--white:#fff;--muted:#a6a6a2;--line:rgba(200,164,93,.25);--max:1180px;--shadow:0 24px 60px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;z-index:999;background:#fff;color:#000;padding:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(8,9,9,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px}.brand-name{font-size:15px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brand-name small{display:block;color:var(--gold);font-size:9px;letter-spacing:.3em}.main-nav{display:flex;align-items:center;gap:28px}.main-nav ul{display:flex;gap:26px;margin:0;padding:0;list-style:none}.main-nav a{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold)}.menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line);background:transparent}.menu-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border:1px solid var(--gold);background:var(--gold);color:var(--black);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;transition:.25s}.button:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px)}.button-outline{background:transparent;color:var(--white)}.button-outline:hover{color:var(--black)}.header-cta{min-height:40px;padding:0 16px}.hero{position:relative;min-height:760px;overflow:hidden;display:flex;align-items:center;padding:110px 0 90px;background:radial-gradient(circle at 82% 38%,rgba(200,164,93,.17),transparent 28%),linear-gradient(120deg,#080909 0%,#101111 64%,#080909 100%)}.hero:before{content:"JP";position:absolute;right:-25px;top:40px;color:rgba(200,164,93,.06);font-size:380px;font-weight:950;line-height:1}.hero:after{content:"";position:absolute;right:8%;top:10%;width:300px;height:620px;border:1px solid rgba(200,164,93,.18);transform:skew(-15deg)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--gold);font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:42px;height:1px;background:var(--gold)}h1,h2,h3{margin:0 0 .5em;line-height:1.08;letter-spacing:-.035em}h1{max-width:800px;font-size:clamp(55px,7vw,94px);font-weight:750}h1 span{display:block;color:var(--gold)}h2{font-size:clamp(38px,5vw,62px)}h3{font-size:24px}.hero-lead{max-width:680px;margin:24px 0 34px;color:#c9c9c5;font-size:21px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-card{position:relative;padding:42px;border:1px solid var(--line);background:rgba(20,21,21,.8);box-shadow:var(--shadow)}.hero-card .metric{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.hero-card .metric:first-of-type{margin-top:22px}.metric strong{color:var(--gold);font-size:13px;letter-spacing:.1em}.metric span{color:#d3d3cf;font-size:14px}.section{padding:110px 0}.section-light{background:var(--paper);color:var(--ink)}.section-dark{background:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:55px}.section-head>div{max-width:720px}.section-head>p{max-width:390px;color:#74746f}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pillar{min-height:330px;padding:36px;border:1px solid #ded7c8;background:#fff}.pillar-number{display:block;margin-bottom:60px;color:var(--gold);font-size:13px;font-weight:850;letter-spacing:.14em}.pillar p{color:#6b6b67}.programs{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.program{position:relative;min-height:480px;padding:42px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(200,164,93,.13),transparent 46%)}.program:nth-child(2){background:linear-gradient(155deg,rgba(255,255,255,.07),transparent 50%)}.program h3{margin-top:120px;font-size:31px}.program p{color:#b9b9b5}.program ul{padding:0;list-style:none}.program li{padding:9px 0;border-top:1px solid var(--line);font-size:14px}.program-tag{color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.statement{position:relative;min-height:520px;padding:55px;display:flex;flex-direction:column;justify-content:end;background:var(--gold);color:var(--black);overflow:hidden}.statement:before{content:"MINDSET";position:absolute;left:-30px;top:20px;color:rgba(8,9,9,.08);font-size:100px;font-weight:950;transform:rotate(-8deg)}.statement blockquote{position:relative;margin:0;font-size:36px;font-weight:750;line-height:1.2}.statement cite{position:relative;margin-top:20px;font-size:13px;font-style:normal;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.checks{margin:30px 0;padding:0;list-style:none}.checks li{position:relative;padding:14px 0 14px 35px;border-bottom:1px solid #dcd5c6}.checks li:before{content:"";position:absolute;left:2px;top:23px;width:15px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}.audience{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.audience-item{min-height:220px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.audience-item span{display:block;margin-bottom:45px;color:var(--gold);font-size:13px;font-weight:850}.audience-item p{color:#b9b9b5;font-size:14px}.cta{padding:85px 0;background:var(--gold);color:var(--black)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{max-width:780px;margin:0}.site-footer{padding:65px 0 25px;background:#050606;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:65px}.site-footer p,.site-footer a{color:#a9aaa6;font-size:14px}.site-footer h3{color:var(--gold);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid var(--line);color:#777;font-size:12px}
@media(max-width:980px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:84px;left:0;right:0;padding:25px;background:#080909;border-bottom:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav li{padding:9px}.main-nav .header-cta{margin:12px 9px}.hero-grid,.split{grid-template-columns:1fr}.hero-card{max-width:650px}.pillars,.programs{grid-template-columns:1fr 1fr}.audience{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body{font-size:16px}.container{width:min(calc(100% - 28px),var(--max))}.header-inner{height:74px}.brand-name{font-size:12px}.main-nav{top:74px}.hero{min-height:auto;padding:80px 0}.hero:before{font-size:210px}.hero-grid{gap:40px}h1{font-size:52px}.section{padding:75px 0}.section-head,.cta-inner,.footer-bottom{display:block}.section-head>p{margin-top:20px}.pillars,.programs,.audience,.footer-grid{grid-template-columns:1fr}.program{min-height:380px}.statement{min-height:430px;padding:35px}.statement blockquote{font-size:29px}.cta .button{margin-top:25px}.footer-grid{gap:30px}.footer-bottom span{display:block;margin-top:7px}}
.brand-logo{display:block;width:270px;height:auto}.site-footer .brand-logo{width:250px}@media(max-width:650px){.brand-logo{width:210px}.site-footer .brand-logo{width:230px}}
.footer-bottom{align-items:center;gap:20px}.footer-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.creator-credit{display:inline-flex;align-items:center;gap:8px;color:#a9aaa6!important;font-size:12px!important;transition:.2s}.creator-credit:hover{color:var(--gold)!important}.creator-logo{width:30px;height:30px;object-fit:contain}@media(max-width:650px){.footer-meta{display:flex}.creator-credit span{margin-top:0}.creator-logo{width:28px;height:28px}}
.hero-card{padding:0;overflow:hidden}.hero-photo{position:relative;height:285px;overflow:hidden;border-bottom:1px solid var(--gold)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,9,9,.82))}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:56% 48%;filter:saturate(.78) contrast(1.05)}.hero-photo span{position:absolute;z-index:1;right:20px;bottom:16px;color:var(--gold);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hero-card-body{padding:30px 36px 34px}.hero-card-body h2{font-size:31px}.hero-card-body .metric{padding:12px 0}@media(max-width:950px){.hero-photo{height:420px}.hero-photo img{object-position:50% 45%}}@media(max-width:650px){.hero-photo{height:330px}.hero-card-body{padding:26px 24px 30px}.hero-card-body h2{font-size:27px}}
.card-link{display:inline-block;margin-top:18px;color:var(--gold);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.section-light .card-link{color:#8c6d31}.content-hero{position:relative;overflow:hidden;padding:105px 0 80px;background:radial-gradient(circle at 85% 35%,rgba(200,164,93,.2),transparent 30%),var(--black)}.content-hero:after{content:"";position:absolute;right:10%;top:25px;width:170px;height:270px;border:1px solid var(--line);transform:skew(-14deg)}.content-hero h1{max-width:880px}.content-section{padding:95px 0 120px}.page-content{max-width:980px}.page-content .page-lead{max-width:850px;margin:0 0 60px;color:#5d5d59;font-size:22px}.page-content h2{margin-top:70px;font-size:clamp(32px,4vw,48px)}.page-content>p{max-width:800px;color:#64645f}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:45px 0}.content-card{padding:32px;border:1px solid #dcd5c6;background:#fff}.content-card>span{display:block;margin-bottom:35px;color:#8c6d31;font-size:12px;font-weight:850;letter-spacing:.12em}.content-card p{color:#666660;font-size:15px}.process-list{max-width:800px;padding-left:22px}.process-list li{padding:15px 0;border-bottom:1px solid #dcd5c6}.contact-panel{max-width:720px;padding:45px;border-left:7px solid var(--gold);background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.08)}@media(max-width:800px){.content-grid{grid-template-columns:1fr}.content-hero{padding:75px 0 55px}.content-section{padding:70px 0}.contact-panel{padding:30px}}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.pricing-card{display:flex;flex-direction:column;padding:34px;border:1px solid #d8d0c1;background:#fff;box-shadow:0 16px 36px rgba(8,9,9,.06)}.pricing-card h2{margin:18px 0 8px;font-size:30px}.pricing-label{color:#8c6d31;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.pricing-price{margin:0 0 20px;color:var(--black);font-size:18px;font-weight:800}.pricing-card>p:not(.pricing-price){color:#64645f;font-size:15px}.pricing-card ul{flex:1;margin:20px 0 28px;padding:0;list-style:none}.pricing-card li{padding:10px 0 10px 22px;border-top:1px solid #e2dbce;font-size:14px}.pricing-card li:before{content:"✓";display:inline-block;width:22px;margin-left:-22px;color:#8c6d31;font-weight:900}.pricing-featured{transform:translateY(-14px);border:2px solid var(--gold);background:var(--black);color:var(--white)}.pricing-featured h2,.pricing-featured .pricing-price{color:var(--white)}.pricing-featured>p:not(.pricing-price),.pricing-featured li{color:#c7c7c2}.pricing-featured li{border-color:var(--line)}.button-dark{background:var(--black);border-color:var(--black);color:var(--white)}.button-dark:hover{background:#242526;border-color:#242526;color:var(--white)}.pricing-note{margin-top:65px;padding:45px;border-left:7px solid var(--gold);background:#fff}.pricing-note h2{margin-top:0}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-featured{transform:none}.pricing-card{max-width:650px}.pricing-note{padding:32px}}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.testimonial-card{display:flex;flex-direction:column;min-height:390px;padding:34px;border:1px solid #d8d0c1;background:#fff;box-shadow:0 16px 36px rgba(8,9,9,.06)}.testimonial-mark{height:62px;color:#8c6d31;font-family:Georgia,serif;font-size:82px;line-height:1}.testimonial-card blockquote{flex:1;margin:18px 0 35px;color:#3f403d;font-size:20px;font-weight:650;line-height:1.5}.testimonial-card strong,.testimonial-card>div>span{display:block}.testimonial-card>div>span{margin-top:4px;color:#777770;font-size:13px}.testimonial-featured{border-color:var(--gold);background:var(--black)}.testimonial-featured blockquote,.testimonial-featured strong{color:var(--white)}.testimonial-featured>div>span{color:#b9b9b5}.testimonial-cta{margin-top:65px;padding:48px;background:var(--black);color:var(--white)}.testimonial-cta h2{margin-top:0}.testimonial-cta>p:not(.eyebrow){color:#c2c2bd}.email-icon-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold)!important;vertical-align:middle;transition:.2s}.email-icon-link:hover,.email-icon-link:focus-visible{background:var(--gold);color:var(--black)!important}.email-icon-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.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}@media(max-width:850px){.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:0;max-width:650px}.testimonial-cta{padding:34px}}
.testimonials-page{max-width:1180px}.testimonial-photo{height:250px;margin:-34px -34px 24px;overflow:hidden;border-bottom:2px solid var(--gold)}.testimonial-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.before-after{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}.before-after figure{position:relative;height:155px;margin:0;overflow:hidden;background:#242526}.before-after img{width:100%;height:100%;object-fit:cover}.before-after figure>span{position:absolute;z-index:1;left:8px;bottom:8px;margin:0!important;padding:4px 8px;background:rgba(8,9,9,.8);color:var(--gold)!important;font-size:10px!important;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.testimonial-featured .testimonial-photo{border-bottom-color:var(--gold)}@media(max-width:850px){.testimonial-photo{height:330px}.before-after figure{height:220px}}@media(max-width:520px){.testimonial-photo{height:270px}.before-after{grid-template-columns:1fr}.before-after figure{height:250px}}
.header-inner{gap:18px}.header-inner .brand-logo{width:220px}.main-nav{gap:14px}.main-nav ul{gap:16px}.main-nav a{font-size:11px;letter-spacing:.045em;white-space:nowrap}.main-nav .header-cta{min-height:36px;padding:0 12px;font-size:10px}@media(max-width:1180px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:84px;left:0;right:0;padding:24px max(20px,calc((100vw - 1140px)/2));background:#080909;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(0,0,0,.28)}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav li{padding:7px 9px;border-bottom:1px solid rgba(200,164,93,.12)}.main-nav a{display:block;padding:6px 0;font-size:12px}.main-nav .header-cta{display:inline-flex;margin:14px 9px 2px;padding:0 15px}}@media(max-width:650px){.header-inner .brand-logo{width:205px}.main-nav{top:74px;padding:20px 14px}}