/* Keynote, workshop, category and leadership pages (Amanda's documents of 29 September 2026). The home page's design
system: cream ground, Lexend, Kaushan Script for the one accent word in a display line (sun, on dark only), wavy
section edges, blob-shaped tilted photos, sparkle doodles in the side margins only, Clementine for Book Amanda only.
The pages are written by build/make_keynote_pages.py. The main /keynotes/ page keeps its own older design
(body.kp-classic) and only takes the cards, jump links and FAQ styles from here. */
.kp{--gap:96px}
@media(max-width:899px){.kp{--gap:72px}}
@media(max-width:599px){.kp{--gap:56px}}
.kp-sec>.wrap,.kp-hero>.wrap{width:min(1080px,100% - 2rem);margin-inline:auto;position:relative;z-index:2}
/* ---- hero: a real photo of Amanda under a dark wash, words on the left */
.kp-hero{position:relative;overflow:hidden;color:var(--cream);padding:clamp(2.8rem,6vw,4.8rem) 0 calc(clamp(3rem,6vw,4.6rem) + 32px);
background:radial-gradient(ellipse 70% 90% at 85% 40%,rgba(10,118,136,.45) 0%,rgba(10,118,136,0) 60%),radial-gradient(ellipse 50% 60% at 10% 100%,rgba(255,212,94,.12) 0%,rgba(255,212,94,0) 70%),var(--navy)}
.kp-hero-in{display:grid;gap:2.2rem;align-items:center}
@media(min-width:900px){.kp-hero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3.5rem}}
.kp-hero-text>*{max-width:640px}
/* The photo sits beside the words, never under them, so Amanda's face is always clear. */
.kp-hero-photo{margin:0;justify-self:center;width:100%;max-width:480px;aspect-ratio:5/4;overflow:hidden;border-radius:14px 64px 14px 64px;transform:rotate(-2deg);box-shadow:0 26px 50px rgba(0,0,0,.35);transition:transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kp-hero-photo:hover{transform:rotate(0) translateY(-6px)}
.kp-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:899px){.kp-hero-photo{max-width:440px;aspect-ratio:16/11}}
.kp-hero .eyebrow{color:var(--turquoise)}
.kp-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,2.9rem);max-width:22ch;margin-bottom:.45em}
.kp-hero .kp-subtitle{color:var(--cream);font-weight:600;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.35;margin:-.1rem 0 1rem}
.kp-hero .kp-display{color:#fff;font-weight:600;font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.25;margin:0 0 1rem;text-wrap:balance}
.kp-hero .kp-support{color:var(--cream);font-weight:500;font-size:1.1rem;margin:-.4rem 0 1rem}
.kp-hero .lede{color:var(--cream);font-size:1.05rem;max-width:60ch}
.kp-script{font-family:'Kaushan Script',cursive;font-weight:400;color:var(--sun);font-size:1.18em;line-height:1;padding:0 .04em}
.kp-hero .cta-row{margin-top:1.4rem}
.btn.kp-watch{display:inline-flex;align-items:center;gap:.55rem}
.kp-play{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--navy);color:var(--sun);flex:none}
.kp-play svg{width:.66rem;height:.66rem;margin-left:1px}
.kp-proof{display:flex;flex-wrap:wrap;gap:.3rem 0;margin:1.6rem 0 0;font-weight:600;color:#fff;font-size:.98rem}
.kp-proof span+span::before{content:"\00B7";margin:0 .7rem;color:var(--sun)}
.kp-trust{margin-top:2.2rem;max-width:none!important}
.kp-trust-label{font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75);margin:0 0 .8rem}
.kp-logos{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 2.2rem}
.kp-logos img{height:var(--h);width:auto;filter:brightness(0) invert(1)}
@media(max-width:599px){.kp-logos{gap:.9rem 1.4rem}.kp-logos img{height:calc(var(--h) * .72)}}
/* ---- sections, their washes and the wavy edge where two washes meet */
.kp-sec{position:relative;padding:calc(var(--gap) / 2) 0}
.kp-cream{background:var(--cream)} .kp-sun{background:var(--sun-pale)} .kp-sea{background:var(--sea-glass)}
.kp-navy{background:var(--navy);color:var(--cream)}
.kp-wave{position:absolute;left:0;top:-31px;width:100%;height:32px;display:block;pointer-events:none;z-index:3}
.kp-cream .kp-wave{color:var(--cream)} .kp-sun .kp-wave{color:var(--sun-pale)} .kp-sea .kp-wave{color:var(--sea-glass)} .kp-navy .kp-wave{color:var(--navy)}
@media(max-width:700px){.kp-wave{height:20px;top:-19px}.kp-hero{padding-bottom:calc(3rem + 20px)}}
.kp-sec h2{font-size:clamp(1.5rem,2.8vw,2.1rem);max-width:30ch}
.kp-sec h2:first-child,.kp-sec .eyebrow+h2{margin-top:0}
.kp-sec p,.kp-sec li{max-width:68ch;font-size:1.02rem}
.kp-sec>.wrap>:last-child{margin-bottom:0}
.kp-summary{font-size:1.14rem!important;font-weight:400;color:var(--ink);line-height:1.55}
.kp-subtitle{font-weight:600;font-size:1.12rem;color:var(--ink);margin-top:-.3rem}
.kp-listintro{font-weight:600;margin-bottom:.4rem}
.kp-list{list-style:none;padding:0;margin:.4rem 0 1.4rem}
.kp-list li{position:relative;padding-left:1.7rem;margin-bottom:.55rem}
.kp-list li::before{content:"";position:absolute;left:.1rem;top:.5em;width:.7rem;height:.7rem;border-radius:50%;background:var(--sun);box-shadow:0 0 0 3px rgba(255,212,94,.35)}
.kp-sun .kp-list li::before{background:var(--turquoise);box-shadow:0 0 0 3px rgba(127,216,206,.35)}
.kp-note{background:rgba(255,255,255,.7);border-radius:10px 26px 10px 26px;padding:.9rem 1.2rem;margin:1.1rem 0}
.kp-note strong{color:var(--accent);font-weight:700}
.kp-more{margin-top:1.2rem;font-weight:600}
.kp-more a::after{content:" \2192"}
.kp-source{font-size:.85rem!important;color:var(--muted);margin-top:1rem}
.kp-sec .cta-row{margin-top:1.4rem}
/* ---- the opening words with a blob-shaped, tilted photo of Amanda beside them */
.kp-split{display:grid;gap:2.4rem;align-items:center}
@media(min-width:900px){.kp-split{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:4rem}}
.kp-blob{margin:0;justify-self:center;width:min(420px,86%);aspect-ratio:4/5;overflow:hidden;border-radius:58% 42% 52% 48% / 44% 50% 50% 56%;
transform:rotate(2.5deg);box-shadow:0 22px 44px rgba(11,34,51,.22);transition:transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kp-blob img{width:100%;height:100%;object-fit:cover;display:block}
.kp-blob:hover{transform:rotate(0) translateY(-6px)}
@media(max-width:899px){.kp-blob{width:min(320px,78%)}}
/* ---- cards: keynotes (a sun edge) and workshops (a turquoise edge) */
.kp-cards{display:grid;gap:1.3rem;margin:1.6rem 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.kp-card{background:#fff;border-radius:10px 34px 10px 34px;padding:1.5rem 1.5rem 1.4rem;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(11,34,51,.08);border-top:5px solid var(--sun)}
.kp-card.kp-wcard{border-top-color:var(--turquoise)}
.kp-card h3{font-size:1.2rem;margin:0 0 .45rem;line-height:1.2}
.kp-card h3 a{color:var(--accent);text-decoration:none}
.kp-card h3 a:hover{text-decoration:underline}
.kp-card p{font-size:.97rem;margin:0 0 .6rem}
.kp-hook{font-weight:600;color:var(--ink);font-size:1rem!important}
.kp-card-sub{font-weight:600;color:var(--ink)}
.kp-card .kp-card-btns{margin-top:auto;padding-top:.6rem;gap:.6rem}
.kp-card .btn{font-size:.86rem;padding:.6rem 1.15rem}
h3.kp-cat{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:2rem 0 -.6rem}
/* ---- testimonials: real text, no decorative quotation marks, no years */
.kp-qgrid{column-gap:1.3rem;margin:1.4rem 0 .4rem}
.kp-qgrid.kp-q1{max-width:820px}
.kp-qgrid.kp-q2{columns:2 320px}
.kp-qgrid.kp-q3{columns:3 300px}
.kp-qgrid .kp-quote{break-inside:avoid;margin-bottom:1.3rem}
.kp-quote{margin:0;background:#fff;border-radius:34px 10px 34px 10px;padding:1.5rem 1.6rem;box-shadow:0 10px 28px rgba(11,34,51,.08)}
.kp-quote blockquote{margin:0 0 .9rem;font-size:1rem;line-height:1.6;font-weight:400;color:var(--ink)}
.kp-quote figcaption{font-size:.9rem;font-weight:600;color:var(--accent)}
/* ---- statistics: static text, never animated */
.kp-stats{display:grid;gap:1rem;margin:1.6rem 0 .4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.kp-stat{background:var(--sun);border-radius:10px 30px 10px 30px;padding:1.3rem 1.2rem;color:var(--ink)}
.kp-stat b{display:block;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;line-height:1.05;letter-spacing:-.02em}
.kp-stat span{display:block;font-weight:500;margin-top:.3rem}
/* ---- the three glasses */
.kp-glasses{display:grid;gap:1.1rem;margin:1.6rem 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.kp-glass{border-radius:10px 30px 10px 30px;padding:1.3rem 1.3rem 1.1rem}
.kp-glass h3{font-size:1.15rem;margin:0 0 .35rem}
.kp-glass p{margin:0}
.kp-glass-black{background:var(--navy);color:var(--cream)} .kp-glass-black h3{color:#fff}
.kp-glass-yellow{background:var(--sun);color:var(--ink)} .kp-glass-yellow h3{color:var(--ink)}
.kp-glass-gold{background:linear-gradient(135deg,#F7DC8A 0%,#E2B24A 55%,#C8912B 100%);color:var(--navy)} .kp-glass-gold h3{color:var(--navy)}
/* ---- FAQ */
.kp-faq{margin:1.4rem 0;display:grid;gap:.7rem;max-width:820px}
.kp-faq details{background:#fff;border-radius:10px 26px 10px 26px;padding:0 1.3rem;box-shadow:0 6px 18px rgba(11,34,51,.06)}
.kp-faq summary{cursor:pointer;list-style:none;font-weight:600;color:var(--ink);padding:1rem 2rem 1rem 0;position:relative;font-size:1.02rem}
.kp-faq summary::-webkit-details-marker{display:none}
.kp-faq summary::after{content:"+";position:absolute;right:0;top:.8rem;font-size:1.4rem;line-height:1;color:var(--accent);font-weight:400}
.kp-faq details[open] summary::after{content:"\2212"}
.kp-faq details p{margin:0 0 1.1rem}
.kp-faq summary:focus-visible{outline:3px solid var(--turquoise);outline-offset:3px;border-radius:6px}
/* ---- course card, closer, figures, jump links */
.kp-course{display:flex;justify-content:center}
.kp-course-in{background:var(--sea-glass);border-radius:12px 44px 12px 44px;padding:2rem 2.2rem;max-width:640px;text-align:center}
.kp-sea .kp-course-in{background:#fff}
.kp-course-in p{margin-inline:auto}
.kp-course-lead{font-weight:600;font-size:1.1rem;color:var(--ink)}
h2.kp-course-name{margin:.2rem auto .4rem;font-size:clamp(1.5rem,2.6vw,2rem);max-width:none}
.kp-course-tag{font-weight:500}
.kp-course .btn{margin-top:.8rem}
.kp-s-closer{text-align:center}
.kp-s-closer>.wrap>*{margin-inline:auto}
.kp-s-closer .kp-display{color:#fff;font-weight:700;font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.2;max-width:26ch;margin-bottom:1rem;text-wrap:balance}
.kp-s-closer p{color:var(--cream)}
.kp-s-closer .cta-row{justify-content:center}
.kp-figure{margin:1.6rem 0;max-width:526px}
.kp-figure img{border-radius:12px 36px 12px 36px;box-shadow:0 12px 30px rgba(11,34,51,.12);background:#fff}
.kz-catsec[id]{scroll-margin-top:60px} /* a jump button lands the section just below the fixed menu bar (Amanda, 11 Oct 2026) */
.kp-jumps{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 .2rem}
.kp-jumps a{display:inline-block;padding:.55rem 1.1rem;border-radius:999px;background:#fff;border:2px solid var(--ink);color:var(--ink);font-weight:600;text-decoration:none;font-size:.92rem}
.kp-jumps a:hover{background:var(--ink);color:var(--cream)}
.kp .kp-sec a:not(.btn){color:var(--accent)}
.kp-navy a:not(.btn){color:var(--turquoise)!important}
/* ---- the main /keynotes/ page keeps its older sections; the category headings are jump targets under the sticky menu */
.kp-classic section[id]{scroll-margin-top:84px}
.kp-classic .kp-s-closer .kp-display{color:#fff}
.kp-classic .kp-cards{margin-bottom:1rem}
@media(prefers-reduced-motion:reduce){.kp-blob,.kp-hero-photo{transition:none}.kp-blob:hover{transform:rotate(2.5deg)}.kp-hero-photo:hover{transform:rotate(-2deg)}}
/* ===== Vibrancy pass (Amanda, 29 September 2026): the home page's energy on every new page. ===== */
/* A turquoise band and a dark blue testimonial band with faint circles join the cream, sea-glass and sun washes; the
generator never puts the same wash twice in a row. */
.kp-turq{background:var(--turquoise)}
.kp-turq .kp-wave{color:var(--turquoise)}
.kp-dq{background:
radial-gradient(circle at 8% 20%,rgba(255,255,255,.06) 0 70px,transparent 72px),
radial-gradient(circle at 20% 85%,rgba(127,216,206,.08) 0 46px,transparent 48px),
radial-gradient(circle at 78% 12%,rgba(255,212,94,.07) 0 58px,transparent 60px),
radial-gradient(circle at 92% 70%,rgba(255,255,255,.05) 0 96px,transparent 98px),
radial-gradient(circle at 55% 105%,rgba(127,216,206,.07) 0 80px,transparent 82px),
radial-gradient(circle at 42% 8%,rgba(255,255,255,.05) 0 30px,transparent 32px),
var(--navy);color:var(--cream)}
.kp-dq .kp-wave{color:var(--navy)}
.kp-dq h2,.kp-dq h3{color:#fff}
.kp-dq .eyebrow{color:var(--turquoise)}
.kp-dq p:not(.kp-quote *),.kp-dq li{color:var(--cream)}
.kp-dq a:not(.btn){color:var(--sun)!important}
.kp-dq .kp-quote{box-shadow:0 16px 36px rgba(0,0,0,.28)}
/* Small text in deep turquoise measures under 4.5 to 1 on sea-glass and turquoise, so on those bands it is ink. */
.kp-sea .eyebrow,.kp-turq .eyebrow,.kp-sea .kp-source,.kp-turq .kp-source,.kp-sun .kp-source{color:var(--ink)}
.kp .kp-sea a:not(.btn),.kp .kp-turq a:not(.btn){color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.kp-turq h2,.kp-turq h3:not(.kp-card h3){color:var(--navy)}
.kp-turq .kp-list li::before{background:var(--sun);box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.kp-turq .kp-note{background:rgba(255,255,255,.82)}
.kp-turq .kp-card h3 a,.kp-sea .kp-card h3 a{color:var(--accent);text-decoration:none}
/* The hand-drawn Clementine underline under one word of each section heading, as on the home page. */
.kp-ul{position:relative;display:inline-block;white-space:nowrap}
.kp-swoosh{position:absolute;left:-.04em;right:-.14em;bottom:-.24em;height:.34em;width:auto;color:var(--coral);pointer-events:none;z-index:-1}
.kp-sec h2{position:relative;z-index:0;isolation:isolate}
@media(prefers-reduced-motion:no-preference){.kp-swoosh{clip-path:inset(0 100% 0 0);animation:kp-draw .6s ease-out .2s forwards}}
@keyframes kp-draw{to{clip-path:inset(0 0 0 0)}}
/* Rounded, slightly tilted cards with a colored top edge; they straighten and lift on hover (the home page's wobble). */
.kp-card,.kp-quote,.kp-stat,.kp-glass{transition:transform .45s cubic-bezier(.2,.8,.3,1.2),box-shadow .3s ease}
.kp-cards>.kp-card:nth-child(odd),.kp-qgrid>.kp-quote:nth-child(odd),.kp-stats>.kp-stat:nth-child(odd){rotate:-.7deg}
.kp-cards>.kp-card:nth-child(even),.kp-qgrid>.kp-quote:nth-child(even),.kp-stats>.kp-stat:nth-child(even){rotate:.7deg}
.kp-card:hover,.kp-quote:hover,.kp-stat:hover,.kp-glass:hover{rotate:0deg;transform:translateY(-6px);box-shadow:0 20px 40px rgba(11,34,51,.16)}
.kp-cards>.kp-card:nth-child(3n){border-top-color:var(--coral)}
.kp-cards>.kp-card.kp-wcard{border-top-color:var(--turquoise)}
.kp-quote{border-top:5px solid var(--sun)}
.kp-qgrid>.kp-quote:nth-child(3n+2){border-top-color:var(--turquoise)}
.kp-qgrid>.kp-quote:nth-child(3n){border-top-color:var(--coral)}
/* The three glasses as bold illustrated cards. */
.kp-glass{position:relative;padding-top:1.1rem;box-shadow:0 12px 28px rgba(11,34,51,.14)}
.kp-glasses>.kp-glass:nth-child(1){rotate:-1.2deg}.kp-glasses>.kp-glass:nth-child(2){rotate:.8deg}.kp-glasses>.kp-glass:nth-child(3){rotate:-.6deg}
.kp-glass-art{display:block;width:96px;height:auto;margin:0 0 .6rem}
.kp-glass-black .kp-glass-art{color:#fff;--lens:#1c1c1c}
.kp-glass-yellow .kp-glass-art{color:var(--navy);--lens:#FFE68F}
.kp-glass-gold .kp-glass-art{color:var(--navy);--lens:#F5CF63}
.kp-glass h3{font-size:1.3rem}
/* The From Burnout to Joy article: Amanda's own story, then the A to Z as a grid of colorful letter tiles. */
h2.kp-art-h2{margin-bottom:.4rem}
h3.kp-art-h3{font-size:clamp(1.2rem,2vw,1.45rem);color:var(--ink);margin:1.2rem 0 .6rem}
.kp-art-h2+h3.kp-art-h3{margin-top:.6rem}
.kp-sec h3.kp-art-h3:first-child{margin-top:0}
.kp-turq h3.kp-art-h3{color:var(--navy)}
.kp-blob-b{border-radius:46% 54% 42% 58% / 55% 45% 55% 45%;transform:rotate(-2.5deg)}
.kp-blob-b:hover{transform:rotate(0) translateY(-6px)}
.kp-sign{margin-top:1.4rem;font-weight:500}
.kp-sign-name{font-family:'Kaushan Script',cursive;font-size:2rem;line-height:1.2;color:var(--accent)}
.kp-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.kp-az{list-style:none;padding:0;max-width:none;width:100%;margin:1.8rem 0 .4rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.kp-az li{position:relative;border-radius:10px 30px 10px 30px;padding:1.1rem 1.15rem 1.1rem 1.15rem;color:var(--ink);box-shadow:0 8px 22px rgba(11,34,51,.1);
transition:transform .45s cubic-bezier(.2,.8,.3,1.2),box-shadow .3s ease;max-width:none}
.kp-az li:nth-child(odd){rotate:-.8deg} .kp-az li:nth-child(even){rotate:.8deg}
.kp-az li:hover{rotate:0deg;transform:translateY(-5px);box-shadow:0 16px 34px rgba(11,34,51,.16)}
.kp-az-0{background:var(--sun)} .kp-az-1{background:var(--turquoise)} .kp-az-2{background:#fff}
.kp-az-3{background:var(--coral-pale)} .kp-az-4{background:var(--sea-glass)} .kp-az-5{background:var(--sun-pale)}
.kp-az-l{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--navy);color:var(--sun);
font-weight:700;font-size:1.4rem;line-height:1;margin-bottom:.55rem}
.kp-az-1 .kp-az-l,.kp-az-4 .kp-az-l{color:#fff}
.kp-az h4{font-size:1.08rem;margin:0 0 .35rem;color:var(--navy);letter-spacing:-.01em}
.kp-az p{font-size:.94rem!important;line-height:1.5;margin:0;color:var(--ink)}
.kp-sea .kp-az-4{background:#fff}
.kp-turq .kp-az-1{background:#fff}
@media(prefers-reduced-motion:reduce){
.kp-card,.kp-quote,.kp-stat,.kp-glass,.kp-az li{transition:none}
.kp-card:hover,.kp-quote:hover,.kp-stat:hover,.kp-glass:hover,.kp-az li:hover{transform:none}
}
.kp-s-glasses .kp-glasses{margin:0}
/* The A to Z poster above the tiles, with its download links (29 September 2026). */
.kp-poster{margin:1.8rem auto .6rem;max-width:400px;text-align:center}
.kp-poster>a{display:block;border-radius:10px 34px 10px 34px;overflow:hidden;box-shadow:0 20px 44px rgba(11,34,51,.22);rotate:-1.5deg;transition:rotate .45s cubic-bezier(.2,.8,.3,1.2),transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kp-poster>a:hover{rotate:0deg;transform:translateY(-6px)}
.kp-poster img{display:block;width:100%;height:auto}
.kp-poster figcaption{margin-top:1.3rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}
.kp .kp-sec .kp-poster-png{font-size:.92rem;font-weight:600}
@media(prefers-reduced-motion:reduce){.kp-poster>a{transition:none}.kp-poster>a:hover{transform:none;rotate:-1.5deg}}
/* ===== The zig-zag layout system (Amanda's design brief, 29 September 2026), first on /leadership-keynote-speaker. =====
Every section pairs its words (about 55%, never wider than 640px) with a visual (about 45%) on the opposite side, and
the side alternates down the page. Phones: one column, words first. Doodles sit outside the photos and cards they
decorate, never on text, faces, buttons, logos or the wavy edges; still for reduced motion. */
.d-coral{color:#F47D20}
.kz{display:grid;gap:2.4rem;align-items:center}
@media(min-width:900px){
.kz{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:3.2rem}
.kz-l>.kz-text{order:2}.kz-l>.kz-vis{order:1}
}
.kz-text{max-width:640px}
.kz-vis{position:relative;min-width:0}
.kv{position:relative;margin-inline:auto;width:min(460px,100%)}
.kz-dd{position:absolute;pointer-events:none;z-index:2}
.a-pulse{animation:kz-pulse var(--d,4s) ease-in-out var(--dl,0s) infinite;transform-origin:50% 50%}
@keyframes kz-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.a-pulse{animation:none!important}}
/* blob photo frames, each a little different, tilted, with the hover wobble */
.kz-blob{margin:0;overflow:hidden;aspect-ratio:4/4.4;box-shadow:0 22px 44px rgba(11,34,51,.22);transition:transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kz-blob img{width:100%;height:100%;object-fit:cover;display:block}
.kz-shape-a{border-radius:58% 42% 52% 48% / 44% 50% 50% 56%;transform:rotate(2.5deg)}
.kz-shape-b{border-radius:44% 56% 40% 60% / 56% 42% 58% 44%;transform:rotate(-2.5deg)}
.kz-shape-c{border-radius:52% 48% 60% 40% / 40% 58% 42% 60%;transform:rotate(-2deg)}
.kz-shape-d{border-radius:48% 52% 46% 54% / 54% 46% 54% 46%;transform:rotate(2deg);aspect-ratio:4/3}
.kz-blob:hover{transform:rotate(0) translateY(-6px)}
/* sticker badges: real text, tilted */
.kz-badge{position:absolute;right:-6px;bottom:-14px;margin:0;width:124px;height:124px;border-radius:50%;display:flex;align-items:center;justify-content:center;
text-align:center;padding:14px;font-weight:700;font-size:.86rem;line-height:1.15;color:var(--navy);transform:rotate(-10deg);box-shadow:0 10px 24px rgba(11,34,51,.2);z-index:3}
.kz-badge-sun{background:var(--sun)}
.kz-sticker{position:absolute;right:-4px;bottom:4%;margin:0;max-width:170px;background:#fff;border:2px dashed var(--coral);border-radius:14px;padding:.7rem .85rem;
font-weight:700;font-size:.9rem;line-height:1.25;color:var(--navy);transform:rotate(6deg);box-shadow:0 10px 22px rgba(11,34,51,.16);z-index:3}
/* 1. the hero: a big tall blob on the right, the shared logo row across the base */
.kh{padding-bottom:calc(2.4rem + 32px)}
.kh-grid{display:grid;gap:2rem;align-items:center}
@media(min-width:900px){.kh-grid{grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:2.6rem}}
.kh-vis{position:relative}
.kh-photo{margin:0 auto;width:min(100%,560px);aspect-ratio:4/4.6;overflow:hidden;border-radius:46% 54% 42% 58% / 38% 40% 60% 62%;transform:rotate(1.5deg);
box-shadow:0 30px 60px rgba(0,0,0,.4);transition:transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kh-photo img{width:100%;height:100%;object-fit:cover;display:block}
.kh-photo:hover{transform:rotate(0) translateY(-6px)}
.kh-logos{margin-top:2.6rem}
@media(max-width:899px){.kh-photo{width:min(100%,420px)}}
/* 3. the lead keynote card */
.kz-card{position:relative;background:var(--turquoise);border-radius:14px 60px 14px 60px;padding:clamp(1.6rem,4vw,3rem);box-shadow:0 20px 44px rgba(11,34,51,.14)}
.kz-card h2,.kz-card .eyebrow,.kz-card .kp-subtitle{color:var(--navy)}
.kz-card .eyebrow{letter-spacing:.16em;margin-bottom:.5rem}
.kz-card .kp-list li::before{background:var(--sun);box-shadow:0 0 0 3px rgba(255,255,255,.5)}
@media(min-width:1200px){.kv-edge{margin-right:calc(-1 * clamp(3rem,6vw,5rem));width:min(430px,112%)}}
/* 4. the circle cluster */
.kz-cluster{height:380px}
.kz-circ{position:absolute;margin:0;border-radius:50%;overflow:hidden;border:6px solid #fff;box-shadow:0 16px 34px rgba(11,34,51,.2);transition:transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kz-circ img{width:100%;height:100%;object-fit:cover;display:block}
.kz-circ:hover{transform:translateY(-6px)}
.kz-c1{width:230px;height:230px;left:8%;top:4%}
.kz-c2{width:180px;height:180px;right:6%;top:18%}
.kz-c3{width:190px;height:190px;left:26%;bottom:0}
@media(max-width:599px){.kz-cluster{height:320px}.kz-c1{width:180px;height:180px}.kz-c2{width:140px;height:140px}.kz-c3{width:150px;height:150px}.kz-sticker{max-width:140px;font-size:.8rem}}
.kz-cards .kp-card{position:relative;overflow:visible;background:linear-gradient(180deg,rgba(255,212,94,.28) 0,rgba(255,255,255,0) 90px),#fff}
.kz-cards .kp-card:nth-child(even){background:linear-gradient(180deg,rgba(127,216,206,.3) 0,rgba(255,255,255,0) 90px),#fff}
.kz-after{margin-top:1.6rem}
/* 5. opening and closing cards, and paired quotes */
.kz-centerhead>.wrap>h2,.kz-centerhead .kz-lead{margin-inline:auto;text-align:center}
.kz-two{display:grid;gap:1.4rem;margin:1.8rem 0}
@media(min-width:760px){.kz-two{grid-template-columns:1fr 1fr}}
.kz-oc{position:relative;background:#fff;border-radius:12px 36px 12px 36px;padding:1.4rem 1.5rem;box-shadow:0 10px 28px rgba(11,34,51,.08);border-top:5px solid var(--sun)}
.kz-oc:nth-child(2){border-top-color:var(--coral);rotate:.6deg}.kz-oc:nth-child(1){rotate:-.6deg}
.kz-sky{display:block;width:96px;height:auto;margin-bottom:.6rem;color:var(--ink)}
.kz-qpair{display:grid;gap:1.4rem}
@media(min-width:760px){.kz-qpair{grid-template-columns:1fr 1fr;align-items:start}.kz-qpair>.kp-quote:nth-child(2){margin-top:2rem}}
.kz-qpair>.kp-quote:nth-child(1){rotate:-.8deg}.kz-qpair>.kp-quote:nth-child(2){rotate:.8deg}
/* 6. the full-width quote band */
.kz-band-quote{position:relative;max-width:900px;margin-inline:auto}
.kz-band-quote .kp-quote{padding:2rem 2.2rem;border-top:0;box-shadow:0 16px 36px rgba(11,34,51,.12)}
.kz-band-quote .kp-quote blockquote{font-size:1.1rem;font-weight:500}
/* 7. results */
.kz-results>.wrap{text-align:center}
.kz-results h2,.kz-results p{margin-inline:auto}
.kz-stars7{position:relative;height:30px;width:84px;margin:0 auto .6rem}
.kz-stats4{grid-template-columns:repeat(4,minmax(0,1fr));text-align:left}
@media(max-width:760px){.kz-stats4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 8. testimonials: a heading row, then three staggered cards with the featured one in the middle */
.kz-headrow{margin-bottom:1.4rem}
.kz-headrow .kz-vis .kv{width:min(360px,100%)}
.kz-q3{display:grid;gap:1.6rem;align-items:start}
@media(min-width:900px){.kz-q3{grid-template-columns:1fr 1.15fr 1fr}.kz-q3>.kp-quote:nth-child(1){margin-top:2.6rem;rotate:-1.2deg}.kz-q3>.kp-quote:nth-child(3){margin-top:3.6rem;rotate:1.2deg}}
.kp-quote.kz-feat{background:var(--sun);border-top-color:var(--coral);padding:2rem 1.9rem}
.kp-quote.kz-feat blockquote{font-size:1.2rem;font-weight:600;color:var(--navy)}
.kp-quote.kz-feat figcaption{color:var(--navy)}
.kz-center{text-align:center;margin-inline:auto}
/* 9. the tall oval and the Speaker Kit cover */
.kz-planners{width:min(340px,100%);padding-bottom:40px}
.kz-oval{margin:0;border-radius:50%;overflow:hidden;aspect-ratio:3/4.1;box-shadow:0 22px 44px rgba(11,34,51,.2)}
.kz-oval img{width:100%;height:100%;object-fit:cover;display:block}
.kz-kitcover{position:absolute;right:-18%;bottom:0;margin:0;width:44%;transform:rotate(8deg);box-shadow:0 14px 30px rgba(11,34,51,.28);border-radius:6px;overflow:hidden;border:4px solid #fff;
transition:transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kz-kitcover:hover{transform:rotate(2deg) translateY(-6px)}
.kz-kitcover img{display:block;width:100%;height:auto}
@media(max-width:1199px){.kz-kitcover{right:-4%}}
@media(max-width:699px){.kz-kitcover{right:0}}
@media(max-width:999px){.kz-dd.kz-wide{display:none}}
/* 10. round text badges and the two-column star list */
.kz-roundels{display:flex;justify-content:center;gap:.9rem;flex-wrap:nowrap;width:100%}
@media(max-width:420px){.kz-roundel{width:96px!important;height:96px!important;font-size:.74rem!important}.kz-r1{font-size:1.2rem!important}}
.kz-roundel{margin:0;width:118px;height:118px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;
font-weight:700;font-size:.85rem;line-height:1.15;color:var(--navy);box-shadow:0 10px 22px rgba(11,34,51,.14)}
.kz-r0{background:var(--sun);rotate:-6deg}.kz-r1{background:var(--turquoise);rotate:4deg;font-size:1.4rem}.kz-r2{background:var(--coral-pale);rotate:-3deg}
.kz-stars2{list-style:none;padding:0;margin:1rem 0 1.4rem;max-width:none;columns:2 300px;column-gap:2.4rem}
.kz-stars2 li{position:relative;padding-left:1.6rem;margin-bottom:.55rem;break-inside:avoid;max-width:none}
.kz-stars2 li::before{content:"";position:absolute;left:0;top:.28em;width:1rem;height:1rem;background:var(--sun);
clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.kz-full{max-width:none!important}
/* 11. the FAQ with its sticky card */
.kz-faqrow{align-items:start}
.kz-ask{position:relative;background:#fff;border-radius:14px 40px 14px 40px;padding:1.6rem;box-shadow:0 16px 36px rgba(11,34,51,.12);text-align:center;max-width:340px;margin-inline:auto}
@media(min-width:900px){.kz-ask{position:sticky;top:96px}}
.kz-ask-ph{margin:0 auto .8rem;width:96px;height:96px;border-radius:50%;overflow:hidden;border:4px solid var(--sun)}
.kz-ask-ph img{width:100%;height:100%;object-fit:cover;display:block}
.kz-ask h3{font-size:1.2rem;margin:0 0 .5rem;color:var(--accent)}
.kz-ask p{margin:0 auto .5rem}
.kz-ask .btn{margin-top:.6rem}
/* 12 and 13 */
.kz-course{position:relative;max-width:640px;margin-inline:auto}
.kz-closer .kz-text{text-align:left}
.kz-closer .kp-display{margin-left:0}
.kz-closer .kz-text .cta-row{justify-content:flex-start}
.kz-stay{position:relative;display:inline-block}
.kz-stay{isolation:isolate}
.kz-stay .kp-swoosh{color:var(--sun);bottom:-.18em;z-index:-1}
@media(prefers-reduced-motion:reduce){.kz-blob,.kh-photo,.kz-circ,.kz-kitcover{transition:none}.kz-blob:hover,.kh-photo:hover,.kz-circ:hover,.kz-kitcover:hover{transform:none}}
.kz-vis .kv{margin-block:64px}
.kh-vis{padding-block:64px 8px}
@media(max-width:899px){.kz-vis .kv{margin-block:56px 48px}}
/* ===== The combined brief (Amanda and Chat, 29 September 2026): the home page's energy in every hero. ===== */
/* Navy with soft blurred lights, never flat. */
.kh{background:
radial-gradient(circle at 12% 18%,rgba(127,216,206,.16) 0,rgba(127,216,206,0) 120px),
radial-gradient(circle at 34% 78%,rgba(255,212,94,.13) 0,rgba(255,212,94,0) 150px),
radial-gradient(circle at 58% 12%,rgba(255,255,255,.09) 0,rgba(255,255,255,0) 90px),
radial-gradient(circle at 88% 30%,rgba(10,118,136,.42) 0,rgba(10,118,136,0) 260px),
radial-gradient(circle at 76% 88%,rgba(244,125,32,.12) 0,rgba(244,125,32,0) 170px),
radial-gradient(circle at 4% 70%,rgba(255,255,255,.07) 0,rgba(255,255,255,0) 70px),
radial-gradient(ellipse 60% 80% at 80% 45%,rgba(10,118,136,.35) 0,rgba(10,118,136,0) 70%),
var(--navy);padding-bottom:calc(2.2rem + 32px)}
.kh-wave{top:auto;bottom:-1px;color:var(--sun)}
@media(max-width:700px){.kh-wave{bottom:-1px;top:auto}}
/* The small Radiate Joy and its tagline, above the eyebrow. The H1 stays the biggest text. */
.kh-rj{margin:0 0 1.1rem}
.kh-rj img{display:block;width:clamp(130px,11vw,170px);height:auto}
.kh-rj-tag{margin:.2rem 0 0;font-size:.82rem;font-weight:500;letter-spacing:.02em;color:var(--cream)}
.kh .kz-stay .kp-swoosh{color:var(--sun)}
/* The sun-ray band straight under the hero: the home page's own anchor-band rays (.sun-panel in site.css). */
.kp-sunray{background:var(--sun)}
.kp-sunray .kp-list li::before{background:var(--turquoise)}
.kp .kp-sunray a:not(.btn){color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.kp-sunray .kz-badge-sun{background:#fff}
/* Tighter hero (Amanda, 29 Sep 2026): less space above, less between the photo and the logos, a shorter photo. Its bottom
edge is the wave itself, cut with a mask as on the home page, and the sun band slides 32px up under it, so the rays
run right up to the curve with no line where they start. */
.kh{--wave:32px;position:relative;z-index:2;padding:clamp(1.6rem,3.4vw,2.6rem) 0 calc(1.2rem + var(--wave));
-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--wave) + 1px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 46' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1440,0 L1440,22 C1200,6 980,34 720,20 C420,4 200,46 0,24 Z'/%3E%3C/svg%3E") bottom/100% var(--wave) no-repeat;
mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--wave) + 1px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 46' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1440,0 L1440,22 C1200,6 980,34 720,20 C420,4 200,46 0,24 Z'/%3E%3C/svg%3E") bottom/100% var(--wave) no-repeat}
.kh+.kp-sunray{margin-top:calc(-1 * var(--wave,32px));padding-top:calc(var(--gap) / 2 + 32px)}
.kh .kh-vis{padding-block:34px 0}
.kh .kh-photo{width:min(100%,500px);aspect-ratio:4/4}
.kh .kh-logos{margin-top:1.1rem}
.kh .kh-rj{margin-bottom:.8rem}
@media(max-width:700px){.kh{--wave:20px}.kh+.kp-sunray{margin-top:-20px;padding-top:calc(var(--gap) / 2 + 20px)}}
@media(max-width:899px){.kh .kh-photo{width:min(100%,400px)}}
/* ===== Leadership page, combined brief, sections 4 to 13 (29 September 2026) ===== */
.kz-subline{font-weight:600;font-size:1.12rem!important;color:var(--ink);margin-top:-.3rem}
/* 1 + 2 cards: the keynote full width and horizontal, the two workshops below it, same height, small side-by-side buttons */
.kz-cards13{display:grid;gap:1.3rem;margin:2rem 0 1.2rem}
@media(min-width:760px){.kz-cards13{grid-template-columns:1fr 1fr}.kz-cards13>.kz-hcard{grid-column:1/-1}}
.kz-cards13 .kp-card{position:relative;overflow:visible;height:100%}
.kz-cards13 .kp-card:nth-child(1){background:linear-gradient(180deg,rgba(255,212,94,.28) 0,rgba(255,255,255,0) 90px),#fff;rotate:-.4deg}
.kz-cards13 .kp-card:nth-child(2){background:linear-gradient(180deg,rgba(127,216,206,.3) 0,rgba(255,255,255,0) 90px),#fff;rotate:-.6deg}
.kz-cards13 .kp-card:nth-child(3){background:linear-gradient(180deg,rgba(127,216,206,.3) 0,rgba(255,255,255,0) 90px),#fff;rotate:.6deg}
@media(min-width:760px){
.kz-hcard{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;column-gap:1.8rem;align-items:center;padding:1.7rem 1.9rem}
.kz-hcard>h3{grid-column:1;grid-row:1}.kz-hcard>.kp-card-sub{grid-column:1;grid-row:2}
.kz-hcard>p:not(.kp-card-sub){grid-column:2;grid-row:1/3;margin:0}
.kz-hcard>.kp-card-btns{grid-column:3;grid-row:1/3;margin:0!important;padding:0!important}
}
.kp-card .kp-card-btns{flex-wrap:nowrap;gap:.5rem}
.kp-card .kp-card-btns .btn{font-size:.82rem;padding:.5rem 1rem;white-space:nowrap}
.kz-center-row{justify-content:center}
.kp-card h3 a{text-decoration:none!important}
/* testimonial headings: centered, underline, stars */
.kz-qhead{position:relative;width:max-content;max-width:100%;margin:2.4rem auto 1.2rem;text-align:center}
.kz-qh{font-size:clamp(1.3rem,2.2vw,1.6rem);margin:0;color:var(--accent)}
.kp-sea .kz-qh,.kp-turq .kz-qh{color:var(--navy)}
.kz-iq{position:relative}
.kz-qicon{display:block;width:52px;height:auto;margin:0 0 .7rem}
.kz-qpair{align-items:stretch!important}
.kz-qpair>.kp-quote:nth-child(2){margin-top:0!important}
.kz-band-quote{text-align:left}
/* the drawing-on squiggle: draws itself once, still for reduced motion */
.kz-squiggle{display:block;width:140px;height:26px;margin:0 auto .6rem}
.kz-squiggle path{stroke-dasharray:260;stroke-dashoffset:0}
@media(prefers-reduced-motion:no-preference){.kz-squiggle path{stroke-dashoffset:260;animation:kz-draw 1.4s ease-out .3s forwards}}
@keyframes kz-draw{to{stroke-dashoffset:0}}
/* testimonials: heading centered with an audience photo either side; cards close together, even heights */
.kz-testi .kz-qtop{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-bottom:1.6rem}
.kz-testi .kz-qhead{margin:0}
.kz-testi .kz-qhead h2{color:#fff;margin:0;text-align:center;max-width:16ch}
.kz-flank{margin:0;width:150px;height:150px;border-radius:50%;overflow:hidden;border:5px solid rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(0,0,0,.35);flex:none}
.kz-flank img{width:100%;height:100%;object-fit:cover;display:block}
.kz-flank-l{rotate:-5deg}.kz-flank-r{rotate:5deg}
@media(max-width:760px){.kz-testi .kz-qtop{flex-wrap:wrap;gap:1rem}.kz-testi .kz-qhead{order:-1;flex-basis:100%}.kz-flank{width:110px;height:110px}}
.kz-testi .kz-q3{align-items:stretch}
@media(min-width:900px){.kz-testi .kz-q3>.kp-quote:nth-child(1),.kz-testi .kz-q3>.kp-quote:nth-child(3){margin-top:1.4rem!important}}
.kz-testi .kz-q3>.kp-quote{display:flex;flex-direction:column;justify-content:space-between}
/* credentials: two rows of round badges */
.kz-roundels2{width:100%}
.kz-awards{margin-top:1rem}
.kz-awards .kz-roundel{font-size:.74rem;padding:14px}
.kz-a0{background:var(--turquoise);rotate:3deg}.kz-a1{background:var(--sun);rotate:-4deg}.kz-a2{background:var(--coral-pale);rotate:5deg}
/* the long, slim course band */
.kz-cband{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--sea-glass);border-radius:14px 44px 14px 44px;
padding:1.3rem 2rem;box-shadow:0 14px 30px rgba(11,34,51,.1);max-width:1000px;margin-inline:auto}
.kz-cband-words>*{margin:0}
.kz-cband .eyebrow{margin-bottom:.2rem}
.kz-cband-lead{font-weight:600;color:var(--ink)}
h2.kz-cband-name{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:.15rem 0 .1rem;max-width:none}
.kz-cband-tag{font-weight:500}
.kz-cband-body{font-size:.9rem!important;color:var(--muted);margin-top:.15rem!important}
.kz-cband .btn{flex:none}
@media(max-width:699px){.kz-cband{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.3rem 1.3rem}}
/* the closer on a crowd photo under a navy scrim */
.kz-crowd{overflow:visible}
.kz-crowd-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.kz-crowd::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,34,51,.92) 0%,rgba(11,34,51,.84) 55%,rgba(11,34,51,.62) 100%)}
.kz-crowd>.kp-wave{z-index:3}
.kz-crowd>.wrap{z-index:2}
/* testimonials in two balanced columns: the long quote left, the featured MDRT quote and the Hilton quote stacked right */
.kz-q2col{display:grid;gap:1.4rem;max-width:980px;margin-inline:auto}
@media(min-width:800px){.kz-q2col{grid-template-columns:1fr 1fr;align-items:center}}
.kz-qcol{display:flex;flex-direction:column;gap:1.4rem}
.kz-q2col .kp-quote{margin:0}
.kz-q2col .kz-qcol:first-child .kp-quote{rotate:-1deg}
.kz-q2col .kz-qcol:last-child .kp-quote:last-child{rotate:1deg}
.kz-q2col .kz-feat{rotate:.5deg}
@media(max-width:1199px){.kz-roundel{width:100px;height:100px;font-size:.76rem;padding:10px}.kz-r1{font-size:1.2rem}.kz-awards .kz-roundel{font-size:.66rem}}
@media(max-width:420px){.kz-roundels{gap:.45rem}.kz-roundel{width:86px!important;height:86px!important;font-size:.66rem!important;padding:8px!important}.kz-r1{font-size:1.05rem!important}.kz-awards .kz-roundel{font-size:.58rem!important}}
@media(max-width:599px){.kz-sticker{right:8px}}
@media(max-width:420px){.kp-card .kp-card-btns{flex-wrap:wrap}}
.kz-badge{right:10px}
@media(max-width:599px){.kz-badge{width:106px;height:106px;font-size:.78rem;right:14px}}
/* The key line in Why Amanda (Amanda, 29 Sep 2026) */
.kz-keyline{border-left:5px solid var(--accent);padding:.2rem 0 .2rem 1.1rem;margin:1.4rem 0!important}
.kz-key1{display:block;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700;color:var(--navy);line-height:1.25;margin-bottom:.35rem;position:relative;z-index:0;isolation:isolate}
.kz-key2{display:block;font-size:1.1rem;font-weight:500;color:var(--ink)}
/* Hall of Fame section tightened (Amanda, 29 Sep 2026): less space above, badges close to the heading and the list */
.kz-headrow .kv.kz-roundels2{margin-block:0}
.kz-sec .kz-headrow:has(.kz-roundels2){margin-bottom:.4rem;gap:1.6rem}
.kz-sec .kz-headrow:has(.kz-roundels2) h2{margin-bottom:0}
.kz-sec:has(.kz-roundels2){padding-top:calc(var(--gap) / 2 - 12px)}
.kz-sec:has(.kz-roundels2) .kz-stars2{margin-top:1.2rem}
/* FAQ balanced: the right column holds the card and the last three questions */
.kz-askcol{display:flex;flex-direction:column;gap:1.4rem}
.kz-askcol .kz-ask{position:relative;top:auto;max-width:none;width:100%}
.kz-faq-r{margin:0}
.kz-faqrow .kz-text .kp-faq{margin-bottom:0}
.kz-roundels2{position:relative;padding-inline:30px}
/* Amanda's hero and section tweaks, 29 Sep 2026 */
.kh .kh-rj{margin-top:1rem}
.kh h1{font-size:clamp(1.55rem,2.9vw,2.25rem)}
.kz-trim{padding-top:calc(var(--gap) / 2 - 24px);padding-bottom:calc(var(--gap) / 2 - 24px)}
.kz-trim .kz-vis .kv{margin-block:40px}
.kz-q2col{position:relative}
.kz-credhead{position:relative}
.kz-credhead h2{margin-bottom:.2rem}
.kz-h2sub{font-size:1rem!important;font-weight:600;color:var(--ink);margin:0;white-space:nowrap}
@media(max-width:420px){.kz-h2sub{white-space:normal}}
.kz-credword{position:relative;display:inline-block}
.kz-credword h2{margin-bottom:.2rem}
@media(max-width:1199px){.kz-dd.kz-xwide{display:none}}
/* Credentials on turquoise: the turquoise badges turn white so they still show */
.kz-cred .kz-r1,.kz-cred .kz-a0{background:#fff}
.kz-cred .kz-h2sub{color:var(--navy)}
.kz-cred .kz-stars2 li::before{background:#fff}
/* Opening and closing on navy: white headings and lead line, white cards */
.kz-onnavy h2,.kz-onnavy .kz-qh{color:#fff}
.kz-onnavy .kz-lead{color:var(--cream)}
.kz-onnavy .kz-sky{color:var(--navy)}
/* Hero buttons (Amanda, 29 Sep 2026): the two the same size, about a third smaller, and with the numbers line they sit at
the foot of the words, just above "Clients include", leaving space under the display line. */
@media(min-width:900px){
.kh .kh-grid{align-items:stretch}
.kh .kp-hero-text{display:flex;flex-direction:column}
.kh .kp-hero-text>.cta-row{margin-top:auto;padding-top:1.6rem}
.kh .kh-vis{display:flex;align-items:center}
}
.kh .cta-row{gap:.7rem;flex-wrap:nowrap}
.kh .cta-row .btn{box-sizing:border-box;width:9.6rem;height:2.45rem;padding:0 .8rem;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap}
.kh .cta-row .kp-play{width:1.15rem;height:1.15rem}
.kh .cta-row .kp-play svg{width:.55rem;height:.55rem}
.kh .kp-proof{margin-top:1rem}
@media(max-width:379px){.kh .cta-row{flex-wrap:wrap}}
/* White cards on the navy band keep their dark text (Amanda, 29 Sep 2026: it had turned pale cream) */
.kz-onnavy .kz-oc p,.kz-onnavy .kz-oc{color:var(--ink)}
/* The top block of the hero sits lower (Amanda, 29 Sep 2026: "down about an inch and a quarter", 120 CSS px on desktop) */
@media(min-width:900px){.kh .kh-rj{margin-top:calc(1rem + 120px)}}
/* The closer band cropped close to Amanda's circle photo (Amanda, 29 Sep 2026: about an inch off the top and bottom) */
.kz-closer{padding-top:calc(var(--gap) / 2 - 20px);padding-bottom:calc(var(--gap) / 2 - 20px)}
.kz-closer .kz-vis .kv{margin-block:10px}
@media(max-width:899px){.kz-closer .kz-vis .kv{margin-block:14px 6px}}
@media(max-width:699px){.kz-cband{margin-top:16px}}
/* Hero, round three (Amanda, 29 Sep 2026): Radiate Joy level with the top of the photo; the H1 about half an inch higher
than it was, so a clear space opens between the tagline and the H1 */
@media(min-width:900px){.kh .kh-rj{margin-top:calc(1rem + 20px)}.kh h1{margin-top:52px}}
/* ===== The other 15 pages in the leadership page's style (Amanda, 29 September 2026) ===== */
/* more frame shapes for variety: two ovals, and two hero shapes */
.kz-shape-e,.kz-shape-f{margin:0}
.kz-oval-e{border-radius:50%;aspect-ratio:3/4.1;rotate:-2deg}
.kz-oval-f{border-radius:50%;aspect-ratio:1/1;rotate:2deg}
.kz-oval-e img,.kz-oval-f img{width:100%;height:100%;object-fit:cover;display:block}
.kh-photo.kh-shape-b{border-radius:54% 46% 58% 42% / 42% 56% 44% 58%;transform:rotate(-1.5deg)}
.kh-inner .kh-photo{width:min(100%,480px);aspect-ratio:4/4.1}
.kh-inner .kp-hero-text>.cta-row{margin-top:1.6rem}
@media(min-width:900px){.kh-inner .kp-hero-text>.cta-row{margin-top:1.6rem;padding-top:0}.kh-inner .kh-rj{margin-top:1rem}.kh-inner h1{margin-top:0}.kh-inner .kh-grid{align-items:center}}
.kh-inner .kp-subtitle{margin-top:0}
/* the words columns: lists with star bullets in two columns where there is room */
.kz-text .kz-starlist{columns:1;margin:.6rem 0 1.2rem}
@media(min-width:1100px){.kz-text .kz-starlist{columns:2 250px}}
.kz-text .kz-starlist li{max-width:none}
/* statistic tiles beside the words */
.kz-tilebox{width:min(420px,100%)}
.kz-tiles2{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0}
.kz-tiles2 .kp-stat:nth-child(odd){rotate:-1.2deg}.kz-tiles2 .kp-stat:nth-child(even){rotate:1.2deg}
.kz-tiles2 .kp-stat:only-child{grid-column:1/-1}
/* the joy art where a section has no photo */
.kz-artbox{width:min(320px,80%)}
.kz-art{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:no-preference){.kz-art{animation:kz-spin 60s linear infinite}}
@keyframes kz-spin{to{rotate:360deg}}
/* /keynotes/ extras: the photo with four icon tiles on its lower edge */
.kz-extras{padding-bottom:70px}
.kz-xtiles{position:absolute;left:-4%;right:-4%;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.kz-xtile{margin:0;background:#fff;border-radius:12px 22px 12px 22px;padding:.5rem .4rem;text-align:center;box-shadow:0 10px 22px rgba(11,34,51,.16);font-size:.72rem;font-weight:700;color:var(--navy);line-height:1.2}
.kz-xtile:nth-child(odd){rotate:-3deg}.kz-xtile:nth-child(even){rotate:3deg}
.kz-xtile svg{display:block;width:40px;height:34px;margin:0 auto .2rem}
@media(max-width:599px){.kz-xtiles{grid-template-columns:repeat(2,1fr);position:static;margin-top:1rem}.kz-extras{padding-bottom:0}}
/* /keynotes/ intro: the four category buttons two by two, even in size */
.kz-intro-jumps .kp-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;max-width:520px}
.kz-intro-jumps .kp-jumps a{text-align:center}
/* The Joy Formula's Life Pizza, larger */
.kz-pizza{width:min(480px,100%)}
.kz-pizza .kp-figure{max-width:none;margin:0}
.kz-pizza .kp-figure img{width:100%;height:auto;rotate:-1.5deg}
/* cards sections */
.kz-catsec>.wrap>h2,.kz-catsec>.wrap>p:first-of-type{max-width:640px}
.kz-cards13 .kp-card{position:relative;overflow:visible}
.kz-cards13 .kp-card:nth-child(odd){background:linear-gradient(180deg,rgba(255,212,94,.28) 0,rgba(255,255,255,0) 90px),#fff}
.kz-cards13 .kp-card:nth-child(even){background:linear-gradient(180deg,rgba(127,216,206,.3) 0,rgba(255,255,255,0) 90px),#fff}
.kz-cards13 .kp-card:nth-child(odd){rotate:-.5deg}.kz-cards13 .kp-card:nth-child(even){rotate:.5deg}
.kz-catsec .kz-cband{margin-top:2rem}
/* testimonial bands */
.kz-testi .kz-qhead h2.kz-qh2{color:#fff;margin:0;text-align:center}
.kz-testi .kz-qh{color:#fff}
.kz-testi .kz-band-quote,.kz-testi .kz-qpair{max-width:980px;margin-inline:auto}
/* the closer: centered words on the crowd photo */
.kz-closer-c .kz-closer-in{text-align:center;max-width:760px;margin-inline:auto;padding-block:1.2rem}
.kz-closer-c .kz-closer-in .cta-row{justify-content:center}
.kz-closer-c .kp-display{margin-inline:auto}
/* the glasses band and the A to Z band */
.kz-glassband .kp-glasses{max-width:980px;margin-inline:auto}
.kz-testi>.wrap>.kz-qhead{margin:0 auto 1.4rem}
.kz-catsec{padding-bottom:calc(var(--gap) / 2 + 22px)}
.kz-after-glasses{max-width:760px;margin:1.8rem auto 0;text-align:center}.kz-after-glasses p{margin-inline:auto}
@media(min-width:900px){.kz-lkw .kz-vis .kv.kz-cluster{margin-top:0}.kz-lkw{padding-top:calc(var(--gap) / 2 - 8px)}}
@media(min-width:900px){.kz-lkw>.wrap>.kz{align-items:start}.kz-lkw{padding-top:calc(var(--gap) / 2 - 20px)}.kz-lkw .kz-vis .kv.kz-cluster{margin-top:52px}.kz-lkw .kz-text{padding-top:4px}}
/* What's It Like to Be Led by You? (Amanda, 29 Sep 2026): the display line the size of the subtitle, a leaner hero, and a
tighter walk-away band with its stars lower and the orange heart under the words */
.kh-lean .kp-display{font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:600;line-height:1.35}
.kz-rel{position:relative}
.kz-walk{padding-top:calc(var(--gap) / 2 - 16px);padding-bottom:calc(var(--gap) / 2 - 8px)}
.kz-walk .kz-vis .kv.kz-cluster{height:330px;margin-block:30px 0}
.kz-walk>.dp-doodle[style*="top:"]{translate:0 30px}
@media(max-width:599px){.kz-walk .kz-vis .kv.kz-cluster{height:300px}}
/* Leadership keynotes and workshops: two keynote cards side by side, the two workshops under them (29 Sep 2026) */
.kz-cards22 .kp-card.kz-leadcard{background:linear-gradient(180deg,rgba(127,216,206,.55) 0,rgba(127,216,206,.12) 110px,#fff 200px)!important;border-top-color:var(--turquoise)}
.kz-cards22 .kp-card:nth-child(2){background:linear-gradient(180deg,rgba(255,212,94,.28) 0,rgba(255,255,255,0) 90px),#fff!important;rotate:.5deg}
.kz-cards22 .kp-card:nth-child(1){rotate:-.5deg}
.kz-cards22 .kp-card:nth-child(3){rotate:-.6deg}.kz-cards22 .kp-card:nth-child(4){rotate:.6deg}
.kp-sunray.kz-trimcomm{padding-top:calc(var(--gap) / 2 + 32px - 48px);padding-bottom:calc(var(--gap) / 2 - 24px)}
@media(max-width:899px){.kp-sunray.kz-trimcomm{padding-bottom:calc(var(--gap) / 2)}}
/* /keynotes/ (Amanda, 29 Sep 2026): Radiate Joy and its tagline higher, the eyebrow and H1 where they were; an inch less
yellow at the top of the first band, a quarter inch less at the top of the next */
@media(min-width:900px){.kh-kn .kh-rj{transform:translateY(-76px);margin-bottom:calc(.8rem - 26px)}}
.kz-kn1{padding-top:calc(var(--gap) / 2 + 32px - 80px)}
@media(min-width:900px){.kz-kn1>.wrap>.kz{align-items:start}.kz-kn1 .kz-vis .kv{margin-top:24px}}
.kz-kn2{padding-top:calc(var(--gap) / 2 - 24px)}
.kh+.kp-sunray.kz-kn1{padding-top:calc(var(--gap) / 2 + 32px - 24px)}
/* Per-section trims set by the page generator (TRIMS in build/make_keynote_pages.py): --tt off the top, --tb off the bottom */
.kz-sec[style*="--tt"]{padding-top:max(8px,calc(var(--gap) / 2 - var(--tt)));padding-bottom:max(8px,calc(var(--gap) / 2 - var(--tb)))}
.kh+.kp-sunray.kz-sec[style*="--tt"]{padding-top:calc(var(--gap) / 2 + 32px - var(--tt))}
@media(min-width:900px){.kz-sec[style*="--tt"] .kz-vis .kv{margin-block:calc(64px - min(var(--tt),40px)) calc(64px - min(var(--tb),40px))}}
@media(min-width:900px){.kh-left .kh-vis{justify-content:flex-start}.kh-left .kh-photo{margin-left:0;translate:-24px 0}}
/* a short paragraph as a slim band that just holds its words (Amanda, 29 Sep 2026) */
.kz-compact{padding-top:calc(var(--gap) / 2 - 14px);padding-bottom:calc(var(--gap) / 2 - 14px)}
.kz-oneline{max-width:760px;margin-inline:auto;text-align:center}
.kz-oneline p{margin:0 auto}
/* the tighter band's photo circles a little smaller */
@media(min-width:900px){.kz-sec[style*="--tt"] .kz-cluster{height:320px}}
/* bands Amanda asked to trim hard: smaller visuals, and a wider words column so the words take fewer lines */
@media(min-width:900px){
.kz-tight .kz-vis .kv{margin-block:10px!important}
.kz-tight .kz-cluster{height:270px!important}
.kz-tight .kz-cluster .kz-c1{width:190px;height:190px}.kz-tight .kz-cluster .kz-c2{width:150px;height:150px}.kz-tight .kz-cluster .kz-c3{width:160px;height:160px}
.kz-tight>.wrap>.kz{grid-template-columns:minmax(0,62fr) minmax(0,38fr)}
.kz-tight .kz-text{max-width:720px}
.kz-tight .kz-blob{aspect-ratio:1/1}
}
@media(min-width:900px){.kz-tight>.wrap>.kz-l{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}}
/* the Perspective Payoff line across the top of the three glasses, on two lines (Amanda, 29 Sep 2026) */
.kz-glassline{text-align:center;margin:0 auto 1.6rem!important;max-width:none!important;font-weight:700;color:var(--navy);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3}
.kz-glassline span{display:block}
/* Page-only nudges (Amanda, 29 Sep 2026) */
@media(min-width:900px){.pg-keynotes-the-perspective-payoff .kp-sunray .kz-vis .kv{margin-top:calc(64px - min(var(--tt),40px) + 20px)}}
@media(min-width:900px){.pg-workshops-the-joy-formula .kz-sec:nth-of-type(3) .kz-cluster{translate:0 -24px}}
.kh .kh-h1-2{font-size:clamp(2rem,4.2vw,3.1rem);margin-top:.4rem}
@media(min-width:900px){.pg-workshops-buyers-feel-it-first-deep-dive .kh-inner .kp-hero-text{padding-top:40px}}
/* however hard a yellow band under the hero is trimmed, its words and photo start clear of the hero's wavy edge */
.kh+.kp-sunray.kz-sec[style*="--tt"]{padding-top:max(60px,calc(var(--gap) / 2 + 32px - var(--tt)))}
@media(min-width:900px){.kh+.kp-sunray.kz-tight .kz-vis .kv{margin-top:14px!important}}
@media(min-width:900px){.pg-keynotes-the-perspective-payoff .kh+.kp-sunray .kz-vis .kv{margin-top:26px!important}}
@media(min-width:900px){.pg-keynotes-the-perspective-payoff .kh+.kp-sunray .kz-vis .kv{margin-bottom:34px!important}}
/* The laughing cutout (white ground) is shown whole inside its rounded frame, so no part of Amanda's head is ever
clipped (Amanda, 29 Sep 2026) */
.kz-blob img[src*="amanda-laughing-retouched"]{object-fit:contain;object-position:50% 100%;background:#fff;padding:9% 6% 0}
.kz-blob:has(img[src*="amanda-laughing-retouched"]){background:#fff}
/* hero text blocks a little higher on four pages (Amanda, 29 Sep 2026) */
@media(min-width:900px){
.pg-keynotes-its-not-what-you-say .kh-inner .kp-hero-text{translate:0 -24px}
.pg-workshops-buyers-feel-it-first-deep-dive .kh-inner .kp-hero-text{padding-top:0!important;translate:0 -28px}
.pg-workshops-joy-under-pressure .kh-inner .kp-hero-text{translate:0 -48px}
}
/* The Joy Formula: a little more yellow under the Life Pizza */
@media(min-width:900px){.pg-workshops-the-joy-formula .kh+.kp-sunray.kz-sec{padding-bottom:30px}}
/* ===== The Amanda Gore JQ® page (29 September 2026) ===== */
/* three sun speech bubbles, real text */
.kz-bubbles{display:flex;flex-direction:column;gap:1rem;width:min(400px,100%);padding-block:10px}
.kz-bubble{position:relative;margin:0;padding:1.2rem 1.6rem 2rem;font-weight:800;font-size:clamp(1.15rem,1.8vw,1.4rem);color:var(--navy);text-align:center;max-width:none!important}
.kz-bubble span{position:relative;z-index:1}
.kz-bubble-shape{position:absolute;inset:0;width:100%;height:100%;color:var(--sun);filter:drop-shadow(0 8px 16px rgba(11,34,51,.14))}
.kz-bub0{rotate:-2deg;margin-right:18%}.kz-bub1{rotate:1.5deg;margin-left:14%}.kz-bub2{rotate:-1deg;margin-right:8%}
.kz-bub1 .kz-bubble-shape{transform:scaleX(-1)}
/* four statistic tiles */
.kz-tiles4 .kp-stat b{font-size:clamp(1.5rem,2.6vw,2rem)}
/* the reel facade */
.kz-reel{width:min(360px,100%)}
.kz-reel-fig{margin:0;text-align:center}
.kz-reel-a{position:relative;display:block;border-radius:14px 40px 14px 40px;overflow:hidden;box-shadow:0 20px 44px rgba(11,34,51,.24);aspect-ratio:9/12;rotate:-1.5deg;transition:rotate .45s cubic-bezier(.2,.8,.3,1.2),transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kz-reel-a:hover{rotate:0deg;transform:translateY(-6px)}
.kz-reel-a img{width:100%;height:100%;object-fit:cover;display:block}
.kz-reel-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:72px;height:72px;border-radius:50%;background:var(--coral);color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.kz-reel-play svg{width:28px;height:28px;margin-left:4px}
.kz-reel-fig figcaption{margin-top:1rem;font-weight:700;color:var(--navy)}
@media(prefers-reduced-motion:reduce){.kz-reel-a{transition:none}.kz-reel-a:hover{transform:none}}
/* the tools: seven cards, four across then three, never one alone */
.kz-tools-intro{max-width:760px;margin:0 auto 1.6rem;text-align:center}
.kz-tools-intro h2,.kz-tools-intro p{margin-inline:auto}
.kz-tools{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
@media(min-width:1000px){.kz-tools{grid-template-columns:repeat(12,1fr)}.kz-tools>.kz-tool{grid-column:span 3}.kz-tools>.kz-tool:nth-child(n+5){grid-column:span 4}}
@media(min-width:600px) and (max-width:999px){.kz-tools{grid-template-columns:1fr 1fr}.kz-tools>.kz-tool:last-child{grid-column:1/-1}}
.kz-tool{position:relative;background:#fff;border-radius:12px 32px 12px 32px;padding:1.3rem 1.3rem 1.1rem;box-shadow:0 10px 26px rgba(11,34,51,.1);border-top:5px solid var(--sun);
transition:transform .45s cubic-bezier(.2,.8,.3,1.2)}
.kz-tool1{border-top-color:var(--turquoise);rotate:.6deg}.kz-tool2{border-top-color:var(--coral);rotate:-.6deg}.kz-tool3{rotate:.4deg}.kz-tool0{rotate:-.4deg}
.kz-tool:hover{rotate:0deg;transform:translateY(-6px)}
.kz-tool-ico{display:block;width:58px;height:58px;margin-bottom:.4rem}
.kz-tool h3{font-size:1.1rem;margin:0 0 .4rem;color:var(--accent)}
.kz-tool p{font-size:.93rem!important;margin:0 0 .5rem}
@media(prefers-reduced-motion:reduce){.kz-tool{transition:none}.kz-tool:hover{transform:none}}
/* the four experience cards two by two, the closer's lead-in */
.kz-cards22{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
@media(min-width:760px){.kz-cards22{grid-template-columns:1fr 1fr}}
.kz-leadin{font-size:.95rem!important;color:var(--cream);opacity:.92;max-width:620px;margin:0 auto 1rem!important}
.kz-jqtesti .kz-qhead{margin-top:0}
.pg-amanda-gore-jq .kz-cards22+.kp-more{margin-top:2rem}
/* JQ page: the video band trimmed top and bottom; the two shorter testimonials smaller and stacked */
.kz-vidsec{padding-top:calc(var(--gap) / 2 - 24px);padding-bottom:calc(var(--gap) / 2 - 24px)}
@media(min-width:900px){.kz-vidsec .kz-vis .kv{margin-block:30px 16px}.kz-vidsec .kz-reel{width:min(300px,100%)}}
.kz-qsmall .kp-quote{padding:1.2rem 1.3rem}
.kz-qsmall .kp-quote blockquote{font-size:.9rem}
.kz-qsmall .kz-qicon{width:40px}
@media(min-width:800px){.kz-jqtesti .kz-q2col{grid-template-columns:.9fr 1.1fr}}
.kz-reel-frame{display:block;width:100%;border:0;border-radius:14px;background:#fff;box-shadow:0 20px 44px rgba(11,34,51,.24)}
/* Watch a clip band on the five keynote pages (4 Oct 2026): a click-to-play YouTube facade in the home page's .video box. */
.kz-clipsec .kz-clip{margin:1.6rem auto 0;max-width:860px}
.kz-clipsec .video{border-radius:14px 14px 40px 14px;box-shadow:0 14px 32px rgba(11,34,51,.14)}
.kz-clipsec figcaption{margin-top:.8rem;text-align:center;font-weight:500;font-size:.95rem;color:var(--muted)}
/* Radiate Joy: Be the Best Boss hero (4 Oct 2026): words a quarter inch (24px) right, photo a quarter inch left. Wide screens only. */
@media(min-width:900px){.kh-shift .kp-hero-text{translate:24px 0}.kh-shift .kh-photo{translate:-24px 0}}
/* Two PDF downloads on the leadership keynote page (5 Oct 2026), in the same cream band the video had. */
.kz-pdfsec .kz-pdfs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;max-width:860px;margin:1.6rem auto 0}
.kz-pdf{background:#fff;border-radius:14px 14px 40px 14px;box-shadow:0 14px 32px rgba(11,34,51,.12);padding:1.1rem 1.1rem 1.3rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.kz-pdf-pic{display:block;width:100%;border-radius:8px;overflow:hidden;background:var(--cream)}
.kz-pdf-pic img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:top}
.kz-pdf h3{margin:1rem 0 .3rem;font-size:1.15rem}
.kz-pdf p{margin:0 0 1rem;font-size:.95rem}
.kz-pdf .btn{margin-top:auto}
.kz-pdf-n{margin-top:.5rem;font-size:.8rem;color:var(--muted)}
@media(max-width:699px){.kz-pdfsec .kz-pdfs{grid-template-columns:1fr}}
/* One card (Connected Team) is centered at card width; a PDF band that follows a video sits clear of it. */
.kz-pdfsec .kz-pdfs.kz-pdfs-1{grid-template-columns:minmax(0,420px);justify-content:center}
.kz-clipsec .kz-clip + h2{margin-top:2.6rem}
/* Two smaller clips side by side (From Burnout to Joy, 5 Oct 2026); one under the other on a phone. */
.kz-clipsec .kz-clip-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;max-width:860px;margin:1.6rem auto 0}
.kz-clip-pair .kz-clip{margin:0}
@media(max-width:699px){.kz-clipsec .kz-clip-pair{grid-template-columns:1fr}}
.kz-clipsec .kz-clip-pair + h2{margin-top:2.6rem}
/* Hero words never closer than 0.625in (60px) to the left of the screen on a laptop or tablet, or 0.5in (48px) on a phone
(Amanda, 5 Oct 2026). The content column is 1080px wide, centered, with 16px of side padding, so its text starts at
max(16px, (100vw - 1080px) / 2); this adds only what is missing to reach 60px and adds nothing on a wide screen. */
@media(min-width:900px){.kh .kp-hero-text{padding-left:max(0px,calc(60px - max(16px,(100vw - 1080px) / 2)))}
.kh.kh-shift .kp-hero-text{padding-left:max(0px,calc(36px - max(16px,(100vw - 1080px) / 2)))}}
@media(max-width:899px){.kh .kp-hero-text{padding-left:32px}}
/* The Clients include row under the hero words keeps the same left edge as the words (5 Oct 2026). */
@media(min-width:900px){.kh .kh-logos{padding-left:max(0px,calc(60px - max(16px,(100vw - 1080px) / 2)))}}
@media(max-width:899px){.kh .kh-logos{padding-left:32px}}
/* Sparkling stars dotted through every hero (Amanda, 5 Oct 2026): four small stars in the empty places, never on the words, the
buttons, the logos or the photo: the left margin (high and low), between the two columns, and between the buttons and the
logos. They are two background layers on the hero itself, so every page that uses .kh gets them from this one rule and
no page needs its own markup. The positions were checked at 1440, 1100 and 900px against the real element boxes. */
.kh>.wrap{position:relative;z-index:1}
.kh::before,.kh::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;pointer-events:none;background-repeat:no-repeat}
.kh::before{background-image:url("data:image/svg+xml,"),url("data:image/svg+xml,");background-size:30px 30px,20px 20px;
background-position:max(12px,calc(50% - 640px)) 31%,calc(50% - 100px) 3.5%;animation:kh-tw 5.2s ease-in-out infinite}
.kh::after{background-image:url("data:image/svg+xml,"),url("data:image/svg+xml,");background-size:18px 18px,26px 26px;
background-position:max(14px,calc(50% - 600px)) 68%,calc(50% - 130px) 74.5%;animation:kh-tw 6.4s ease-in-out -2.4s infinite}
/* The planners, retreats and leadership heroes have buttons or a proof line right above the logo row, so there is no gap for the fourth star there. */
.kh:has(.lede)::after,.kh:has(.kp-proof)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 L23 17 L38 20 L23 23 L20 38 L17 23 L2 20 L17 17 Z' fill='%23FDF8F0'/%3E%3C/svg%3E");background-size:18px 18px;background-position:max(14px,calc(50% - 600px)) 68%}
@keyframes kh-tw{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:899px){
/* phones: the photo sits under the words and fills the width, so the stars stay in the left margin beside the words */
.kh::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 L23 17 L38 20 L23 23 L20 38 L17 23 L2 20 L17 17 Z' fill='%23FFD45E'/%3E%3C/svg%3E");background-size:24px 24px;background-position:12px 10%}
.kh::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 L23 17 L38 20 L23 23 L20 38 L17 23 L2 20 L17 17 Z' fill='%23FDF8F0'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 L23 17 L38 20 L23 23 L20 38 L17 23 L2 20 L17 17 Z' fill='%237FD8CE'/%3E%3C/svg%3E");background-size:16px 16px,18px 18px;background-position:16px 20%,14px 28%}}
@media(prefers-reduced-motion:reduce){.kh::before,.kh::after{animation:none}}
/* The four proof facts under the buttons stay on one line (Amanda, 5 Oct 2026: 20+ countries was dropping onto a second line). The
type scales with the screen so it fits the column from 700px up; a phone, whose column is narrower than the line, keeps the
facts whole and lets the row break between them. */
.kh .kp-proof{flex-wrap:nowrap;font-size:clamp(.62rem,1.3vw,.88rem)}
.kh .kp-proof span{white-space:nowrap}
.kh .kp-proof span+span::before{margin:0 clamp(.3rem,.6vw,.55rem)}
@media(max-width:699px){.kh .kp-proof{flex-wrap:wrap;font-size:.8rem}}
/* The Joy Formula hero: her photo half an inch further left (5 Oct 2026). Wide screens only; stacked on a phone. */
@media(min-width:900px){.kh-photo-left .kh-photo{translate:-48px 0}}
/* Joy at Work page (9 Oct 2026) */
.kp-stat small{display:block;font-weight:600;font-size:.82rem;margin-top:.15rem;opacity:.8}
.kz-sources{font-size:.8rem;line-height:1.4;margin:.9rem 0 0;max-width:none;opacity:.85}
.jw-ing{list-style:none;counter-reset:ing;padding:0;margin:1.6rem auto 1.4rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));max-width:980px;text-align:left}
.jw-ing li{counter-increment:ing;position:relative;background:rgba(255,255,255,.85);border-radius:10px 24px 10px 24px;padding:.85rem 1rem .85rem 3.1rem;font-weight:600;color:var(--ink);max-width:none;min-height:3.4rem;display:flex;align-items:center}
.jw-ing li::before{content:counter(ing);position:absolute;left:.7rem;top:50%;translate:0 -50%;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--sun);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}
.jw-after{max-width:62ch;margin-inline:auto;text-align:center}
.jw-ten{list-style:none;counter-reset:ten;padding:0;margin:1.2rem 0 1.4rem}
.jw-ten li{counter-increment:ten;position:relative;padding-left:2.6rem;margin-bottom:.75rem;max-width:none}
.jw-ten li::before{content:counter(ten);position:absolute;left:0;top:.05em;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--sun);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.jw-qgrid{display:grid;gap:1.4rem;margin-top:1.4rem}
@media(min-width:760px){.jw-qgrid{grid-template-columns:1fr 1fr}.jw-qgrid>.jw-q:nth-child(5){grid-column:1/-1;max-width:640px;justify-self:center}}
.jw-qgrid>.jw-q:nth-child(odd){rotate:-.6deg}.jw-qgrid>.jw-q:nth-child(even){rotate:.6deg}
@media(prefers-reduced-motion:reduce){.jw-qgrid>.jw-q{rotate:0deg}}
/* Joy at Work page, layout round 2 (9 Oct 2026) */
.jw-kicker{margin:0 0 .3rem;font-weight:700;color:var(--navy);font-size:clamp(1.05rem,1.8vw,1.25rem)}
.jw-bighead{margin:0 0 1rem;font-size:clamp(1.7rem,3.3vw,2.45rem);line-height:1.15}
.jw-hd{position:relative}
.jw-hd>h2{margin-top:0}
.jw-duo{width:min(500px,100%);position:relative;margin-inline:auto}
.jw-duo .jw-d1{width:80%;margin:0 auto 0 0}
.jw-duo .jw-d2{width:66%;margin:-2rem 0 0 auto;border:5px solid #fff;aspect-ratio:4/3}
.jw-duo .jw-d1.jw-tall{width:86%;aspect-ratio:3/4.1}
.jw-duo-tall{width:min(540px,100%)}
.jw-top{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-bottom:1rem}
.jw-topmid{flex:0 1 640px;text-align:center}
.jw-topmid h2,.jw-topmid .kz-lead{margin-inline:auto;text-align:center}
.jw-flank{margin:0;width:190px;height:190px;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 14px 30px rgba(11,34,51,.25);flex:none}
.jw-flank img{width:100%;height:100%;object-fit:cover;display:block}
.jw-flank-l{rotate:-5deg}.jw-flank-r{rotate:5deg}
@media(max-width:760px){.jw-top{flex-wrap:wrap;gap:1rem}.jw-topmid{order:-1;flex-basis:100%}.jw-flank{width:120px;height:120px}}
@media(min-width:900px){
.jw-faq{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);column-gap:3.2rem;row-gap:0;align-items:start}
.jw-faq>.kz-text{display:contents}
.jw-faq>.kz-text>h2{grid-column:1;grid-row:1;max-width:640px}
.jw-faq>.kz-text>.kp-faq{grid-column:1;grid-row:2;max-width:640px}
.jw-faq>.kz-vis{grid-column:2;grid-row:2;padding-top:23px}
}
@media(min-width:900px){
.kh+.kp-sunray.jw-s1{padding-top:100px;padding-bottom:48px}
.jw-s1>.wrap>.kz{align-items:start}
.jw-s1 .kz-vis .kv{margin-block:0;width:min(480px,100%)}
.jw-s1 .kz-blob{aspect-ratio:4/5.6}
.jw-s3.kz-sec{padding-block:24px}
.jw-s3 .kz-vis .kv{margin-block:24px}
}
.jw-s3 .kp-stat b{white-space:nowrap;font-size:clamp(1.5rem,2.3vw,2.1rem)}
/* Joy at Work page, round 3 (9 Oct 2026) */
body.pg-joy-at-work .kh .hp-logos{padding-left:0}
body.pg-joy-at-work .kh-logos .kp-proof{margin:0 0 1.2rem;font-size:.95rem}
.jw-duo .jw-d3{width:44%;margin:-1.6rem auto 0 6%;border:5px solid #fff;aspect-ratio:1/1}
.jw-trio .jw-d1{width:76%}
.jw-trio .jw-d2{width:62%;margin-top:-1.6rem}
@media(min-width:900px){
.kh+.kp-sunray.jw-s1{padding-top:76px}
.jw-s1 .kz-vis .kv{margin-top:6px}
.jw-s5>.wrap>.kz{align-items:start}
.jw-s5 .kz-vis .kv{margin-top:16px}
}
/* round 4 (9 Oct 2026): bigger photos in the burnout and ten-ways sections */
.jw-duo .jw-d3{width:62%;margin:-1.6rem auto 0 4%}
.jw-trio .jw-d1{width:78%}.jw-trio .jw-d2{width:66%}
@media(min-width:900px){
.jw-tensec>.wrap>.kz{align-items:start}
.jw-tensec .kz-vis .kv{margin-top:16px;width:min(600px,100%)}
.jw-tensec .jw-d1{width:90%}
.jw-tensec .jw-d2{width:80%;margin-top:-1.4rem}
}