body.homepage-mockup{--orange:#000;--accent-hover:#f68716}
body.homepage-mockup header{background:#151515;color:white;position:relative;padding:32px 0}
.homepage-mockup .hero-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:48px}
.homepage-mockup h1{font-size:clamp(42px,5.2vw,70px)}
body.homepage-mockup .tag{color:#000}
body.homepage-mockup .lead,body.homepage-mockup .hero-note{color:#eee}
.homepage-mockup .hero-art{position:relative;overflow:hidden;border:1px solid #444;border-radius:6px;min-height:460px}
.homepage-mockup .hero-art img{width:100%;height:460px;object-fit:cover;opacity:.72}
.homepage-mockup .hero-art span{position:absolute;bottom:0;left:0;right:0;padding:80px 24px 24px;background:linear-gradient(transparent,#151515);font-size:27px;font-weight:700;line-height:1.2}
body.homepage-mockup .button{background:#000;border-color:#000;color:white}
.homepage-mockup .text-link{align-self:center;font-size:14px;font-weight:600}
.homepage-mockup .alumni{padding:56px 0;background:radial-gradient(ellipse at center,#292929,#000);color:white}
.homepage-mockup .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.homepage-mockup .stat-row strong{display:block;font-size:clamp(35px,4.5vw,62px);line-height:1.2;letter-spacing:-.04em}
.homepage-mockup .stat-row span{font-size:15px}
.homepage-mockup .customer-quotes figure{border-top-color:#000}
body.homepage-mockup #online-course{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.4675) 45%,rgba(0,0,0,0)),url('/img/pmc-course-background.webp') center/cover;color:white}
.homepage-mockup .course-price{font-size:38px;font-weight:800;margin-top:28px}
.homepage-mockup .course-price small{display:block;font-size:12px;font-weight:400}
body.homepage-mockup #online-course .small{color:white;font-size:14px}
body.homepage-mockup #online-course .button{background:#fff;border-color:#fff;color:#111}
.homepage-mockup .program-referral{background:#f4f4f2;padding:70px 0}
.homepage-mockup .audience-routes article{background:#f4f4f2;border-top:4px solid #000;padding:28px;display:flex;flex-direction:column}
.homepage-mockup .audience-routes article a{margin-top:auto;font-size:14px;font-weight:700}
.homepage-mockup .audience-routes .program-route{border-color:#f68716}.homepage-mockup .audience-routes .corporate-route{border-color:#16cbf6}.homepage-mockup .audience-routes .event-route{border-color:#F62116}
.homepage-mockup .teacher-portrait{max-width:none;width:100%;height:auto}
.homepage-mockup .closing{padding:70px 0;background:#151515;color:white;text-align:center}
.homepage-mockup .closing p:last-child{margin-top:24px;font-size:14px}
@media(max-width:760px){.homepage-mockup .hero-layout{grid-template-columns:1fr}.homepage-mockup .hero-art{min-height:220px}.homepage-mockup .hero-art img{height:260px}.homepage-mockup .stat-row{grid-template-columns:1fr;gap:24px}.homepage-mockup .alumni,.homepage-mockup .program-referral,.homepage-mockup .closing{padding:50px 0}}

.homepage-mockup .resource-strip{padding:40px 0;background:#fff;border-bottom:1px solid #ddd}
.homepage-mockup .resource-layout{display:flex;align-items:center;justify-content:space-between;gap:40px}
.homepage-mockup .resource-layout p:last-child{max-width:650px;margin-bottom:0}
.homepage-mockup .resource-layout .button{flex-shrink:0}
.homepage-mockup .resources{background:#f4f4f2;padding:70px 0}
.homepage-mockup .resource-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.homepage-mockup .resource-cards article{background:white;padding:30px;border-top:3px solid #000}
.homepage-mockup .resource-cards a{font-weight:700;font-size:14px}
@media(max-width:760px){.homepage-mockup .resource-layout{flex-direction:column;align-items:stretch;gap:24px}.homepage-mockup .resource-cards{grid-template-columns:1fr}.homepage-mockup .resources{padding:50px 0}}

body.homepage-mockup .tag{color:#fff}

.homepage-mockup .trailer-frame{position:relative;aspect-ratio:16/9;background:#000;border:2px solid #fff;border-radius:4px;overflow:hidden}
.homepage-mockup .trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.homepage-mockup .trailer-caption{font-size:14px;margin-top:14px;color:#ddd}

.homepage-mockup .hero-layout{grid-template-columns:1fr}
.homepage-mockup .hero-layout>div{max-width:1000px}
.homepage-mockup .trailer-section{background:#151515;color:#fff;padding:0 0 72px}
.homepage-mockup .trailer-section .trailer-frame{width:100%}
@media(max-width:760px){.homepage-mockup .trailer-section{padding-bottom:45px}}

body.homepage-mockup .program-referral-button{background:#f68716;border-color:#f68716;color:#fff}
body.homepage-mockup .corporate-referral-button{background:#16cbf6;border-color:#16cbf6;color:#fff}
.homepage-mockup .employee-referral{margin-top:36px;padding-top:30px;border-top:1px solid #ccc}

.homepage-mockup .customer-quotes .testimonial-image{width:110px;height:110px;margin:4px 0 22px;background:#fff;overflow:hidden}
.homepage-mockup .testimonial-image img{display:block;width:100%;height:100%;object-fit:contain}
.homepage-mockup .testimonial-image.portrait{border-radius:50%}
.homepage-mockup .testimonial-image.portrait img{object-fit:cover}

.homepage-mockup .audience-routes .event-route .eyebrow,.homepage-mockup .audience-routes .event-route a{color:#F62116}

.homepage-mockup .audience-routes .program-route .eyebrow,.homepage-mockup .audience-routes .program-route a{color:#f68716}
.homepage-mockup .audience-routes .corporate-route .eyebrow,.homepage-mockup .audience-routes .corporate-route a{color:#16cbf6}

body.homepage-mockup .audience-routes .program-route a.button{background:#f68716;border-color:#f68716;color:#fff}
body.homepage-mockup .audience-routes .corporate-route a.button{background:#16cbf6;border-color:#16cbf6;color:#fff}
body.homepage-mockup .audience-routes .event-route a.button{background:#F62116;border-color:#F62116;color:#fff}
body.homepage-mockup .audience-routes a.button{display:inline-block;margin-top:12px;text-decoration:none;text-align:center}
body.homepage-mockup .audience-routes a.button:hover{filter:brightness(.92);color:#fff}

/* Keep edition buttons aligned despite different copy lengths. */
body.homepage-mockup .audience-routes{align-items:stretch}
body.homepage-mockup .audience-routes>article{display:flex;flex-direction:column}
body.homepage-mockup .audience-routes>article>a.button{margin-top:auto;align-self:stretch}
body.homepage-mockup .audience-routes>article>p:last-of-type{margin-bottom:24px}


.homepage-mockup .customer-quotes .testimonial-orange-circle{background:#ff6600;border-radius:50%}

.homepage-mockup .customer-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:960px){.homepage-mockup .customer-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.homepage-mockup .customer-quotes{grid-template-columns:1fr}}

/* Homepage video uses centred framing and the shared poster-to-video fade. */
body.homepage-mockup header{isolation:isolate}
body.homepage-mockup .hero-shade{background:linear-gradient(65deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.65) 45%,rgba(0,0,0,0) 100%)}
body.homepage-mockup .hero-background>img,body.homepage-mockup .hero-background>video{object-position:center}
@media(prefers-reduced-motion:reduce){body.homepage-mockup header{background-image:none}}

body.homepage-mockup .hero-background>img,body.homepage-mockup .hero-background>video{transform:scaleX(-1)}

body.homepage-mockup .homepage-trailer{background:#000;padding:64px 0 0}
.homepage-mockup .homepage-trailer lite-vimeo{display:block;width:100%;aspect-ratio:16/9;max-width:none;background-size:cover;background-position:center}
@media(max-width:760px){body.homepage-mockup .homepage-trailer{padding:36px 0 0}}

body.homepage-mockup .homepage-trailer .eyebrow,body.homepage-mockup .homepage-trailer h2{color:#fff}
.homepage-mockup .homepage-trailer h2{margin-bottom:32px}

.homepage-mockup .hero-stats{margin:36px 0 26px;max-width:800px;color:#fff}
.homepage-mockup .hero-stats strong{color:#fff;font-size:clamp(32px,4vw,54px)}
.homepage-mockup .hero-stats span{color:#fff}
@media(max-width:760px){.homepage-mockup .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.homepage-mockup .hero-stats strong{font-size:clamp(22px,6vw,36px)}.homepage-mockup .hero-stats span{font-size:12px}}

.homepage-mockup .hero-stats+.hero-note{margin-top:52px}

/* Balance the closing header line between the stats and header edge. */
body.homepage-mockup header{padding-bottom:0}
.homepage-mockup .hero-stats{margin-bottom:0}
.homepage-mockup .hero-stats+.hero-note{margin:0;padding:64px 0;text-align:left}
@media(max-width:760px){.homepage-mockup .hero-stats+.hero-note{padding:44px 0}}

/* Homepage hover accent follows the programs signature orange. */
body.homepage-mockup a:hover{color:#f68716}
body.homepage-mockup a.button:hover{background:#f68716;border-color:#f68716;color:#fff;filter:none}
body.homepage-mockup .audience-routes article a.button:hover{background:#f68716;border-color:#f68716;color:#fff;filter:none}
body.homepage-mockup nav.site-nav a:not(.brand):is(:hover,:focus-visible){color:#f68716;background:rgba(255,255,255,.3)}

/* Larger fluid header figures, balanced between actions and the closing line. */
.homepage-mockup .hero-stats{max-width:1000px;margin:clamp(36px,4vw,64px) 0 0;gap:clamp(16px,3vw,44px)}
.homepage-mockup .hero-stats strong{font-size:clamp(36px,6vw,82px);white-space:nowrap}
.homepage-mockup .hero-stats span{font-size:clamp(13px,1.4vw,18px)}
.homepage-mockup .hero-stats+.hero-note{padding-top:clamp(36px,4vw,64px);padding-bottom:64px}
@media(max-width:760px){
 .homepage-mockup .hero-stats{gap:12px}
 .homepage-mockup .hero-stats strong{font-size:clamp(24px,7vw,52px)}
 .homepage-mockup .hero-stats span{font-size:clamp(11px,2.8vw,15px)}
 .homepage-mockup .hero-stats+.hero-note{padding-bottom:44px}
}

.homepage-mockup .hero-stats>div{width:fit-content;text-align:center}
.homepage-mockup .hero-stats span{display:block}

body.homepage-mockup #contact{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.55)),url('/img/pmc-corporate-contact.jpg') center 60%/cover no-repeat;color:#fff}
body.homepage-mockup #contact h2,body.homepage-mockup #contact p,body.homepage-mockup #contact .eyebrow{color:#fff}
body.homepage-mockup #contact .button{background:#fff;border-color:#fff;color:#000}
body.homepage-mockup #contact .button:hover{background:#f68716;border-color:#f68716;color:#fff}

/* Independent lead magnets, using the inquiry section's visual treatment. */
body.homepage-mockup .lead-magnet{padding:72px 0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.55)),url('https://pitchingmasterclass.com/img/pitching_leweb.webp') center/cover no-repeat;color:#fff}
body.homepage-mockup .lead-magnet h2,body.homepage-mockup .lead-magnet .eyebrow{color:#fff}
.homepage-mockup .lead-magnet h2{max-width:800px}
body.homepage-mockup .lead-magnet .button{background:#fff;border-color:#fff;color:#000}
body.homepage-mockup .lead-magnet .button:hover{background:#f68716;border-color:#f68716;color:#fff}
.homepage-mockup #pitch-timer{margin-top:48px;background-position:center 65%}
@media(max-width:760px){body.homepage-mockup .lead-magnet{padding:48px 0}.homepage-mockup #pitch-timer{margin-top:32px}}

.homepage-mockup .program-referral .actions{flex-direction:column;align-items:flex-start;gap:16px}
.homepage-mockup .program-referral .actions .text-link{align-self:flex-start}

/* Edition cards retain their own signature colours on hover. */
body.homepage-mockup .audience-routes .program-route a.button:hover{background:#d9700c;border-color:#d9700c;color:#fff}
body.homepage-mockup .audience-routes .corporate-route a.button:hover{background:#079cce;border-color:#079cce;color:#fff}
body.homepage-mockup .audience-routes .event-route a.button:hover{background:#d51b12;border-color:#d51b12;color:#fff}

body.homepage-mockup #competition-guide{background-position:center top}

body.homepage-mockup #pitch-timer{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.35)),url("/img/pmc-pitch-timer-background.webp");background-position:center 65%}

body.homepage-mockup #readiness-assessment{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.55)),url('/img/pmc-readiness-workshop-background.webp') center 60%/cover no-repeat;color:#fff}
body.homepage-mockup #readiness-assessment p{color:#fff;max-width:700px}
@media(min-width:761px) and (orientation:landscape){body.homepage-mockup #readiness-assessment{background-position:center 40%}}


/* Tighten the three gaps below the homepage CTA by approximately 40%. */
.homepage-mockup .hero-stats{margin-top:clamp(21.6px,2.4vw,38.4px)}
.homepage-mockup .hero-stats+.hero-note{padding-top:clamp(21.6px,2.4vw,38.4px);padding-bottom:38.4px}
@media(max-width:760px){.homepage-mockup .hero-stats+.hero-note{padding-bottom:26.4px}}

.homepage-mockup .audience-routes .edition-eyebrow span{display:inline-block;white-space:nowrap}

.homepage-mockup .bio-recognition{margin:28px 0 0}
.homepage-mockup .bio-recognition blockquote{margin:0;font-size:clamp(23px,2.6vw,34px);font-weight:800;line-height:1.3}
.homepage-mockup .bio-recognition blockquote p{margin:0 0 20px}
.homepage-mockup .bio-recognition figcaption img{display:block;width:160px;max-width:45%;height:auto}

.homepage-mockup .homepage-trusted-logos{display:block;width:100%;max-width:1000px;height:auto;margin:0 0 32px}

.homepage-mockup .hero-stats+.homepage-trusted-logos{margin-top:clamp(21.6px,2.4vw,38.4px);margin-bottom:0}
.homepage-mockup .homepage-trusted-logos+.hero-note{margin:0;padding:clamp(21.6px,2.4vw,38.4px) 0}
@media(max-width:760px){.homepage-mockup .homepage-trusted-logos+.hero-note{padding-bottom:26.4px}}

html[lang="de"] body.homepage-mockup #online-course h2{max-width:none;width:100%}

/* Workshop referrals use the same edition hover colours as audience buttons. */
body.homepage-mockup #bring-the-workshop .program-referral-button:is(:hover,:focus-visible){background:#d9700c;border-color:#d9700c;color:#fff}
body.homepage-mockup #bring-the-workshop .corporate-referral-button:is(:hover,:focus-visible){background:#079cce;border-color:#079cce;color:#fff}

/* Main homepage workshop referral buttons use its signature black. */
body.homepage-mockup #bring-the-workshop .button{background:#000;border-color:#000;color:#fff}

body.homepage-mockup #bring-the-workshop .button:is(:hover,:focus-visible){background:#f68716;border-color:#f68716;color:#fff}

/* Tighten the course section below the free-preview note. */
body.homepage-mockup #online-course{padding-bottom:40px}
body.homepage-mockup #online-course .course-preview-note{margin-bottom:0}
@media(max-width:760px){body.homepage-mockup #online-course{padding-bottom:28px}}

.homepage-mockup .bio-pitched-people{margin:0 0 20px;font-size:12px;line-height:1.7;font-style:normal}



.homepage-mockup .teacher{align-items:start}

.homepage-mockup .bio-alumni-image{display:block;width:100%;height:auto;margin:48px 0 20px}
.homepage-mockup .bio-alumni-narrow{display:none}
@media(max-width:760px){.homepage-mockup .bio-alumni-wide{display:none}.homepage-mockup .bio-alumni-narrow{display:block;margin:28px 0}}

.homepage-mockup .bio-alumni-image{border:1px solid #dededb}

body.homepage-mockup .audience-routes .event-route a.main-guide-link{color:#000}
body.homepage-mockup .audience-routes .event-route a.main-guide-link:is(:hover,:focus-visible){color:#f68716}