/* amandagore.com page styles. Design settled with Amanda on 22 September 2026:
   cream ground, ink type, deep turquoise headings, sea-glass panels, turquoise bands,
   sun for stat tiles and highlights, coral for secondary buttons and the menu pill,
   ember for the one script word in the hero. Lexend throughout; Kaushan Script for
   Amanda's name in the wordmark and one accent word only. Soft gradient washes and bokeh
   backgrounds are allowed (Amanda, 24 September 2026); the tokens stay the same.
   Every colour is a token below: change it once here and it changes everywhere.
   The quiz at /signal does not load this file. */
:root{
  --cream:#FDF8F0; --ink:#1E4D6B; --accent:#0A7688; --sea-glass:#C3EAE3; --turquoise:#7FD8CE;
  --sun:#FFD45E; --coral:#F47D20; --coral-pale:#FDE3CF; --navy:#0B2233; --sun-pale:#FFF3B8; --ember:#E4573F;
  --scrim:rgba(20,40,55,.62); --line:rgba(30,77,107,.14); --muted:#4E6E85;
  --on-dark:#FDF8F0; --on-dark-muted:rgba(253,248,240,.82);
  --sans:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --script:"Kaushan Script",cursive;
  /* the shared header, footer, subscribe strip and popup (shell.css) read these */
  --sh-ink:#1E4D6B; --sh-ink-2:#1E4D6B; --sh-text:#1E4D6B; --sh-muted:#4E6E85;
  --sh-accent:#7FD8CE; --sh-accent-2:#C3EAE3; --sh-sun:#FFD45E; --sh-tint:#C3EAE3;
  --sh-line:rgba(30,77,107,.14); --sh-bg:rgba(253,248,240,.94); --sh-solid:#FDF8F0;
  --sh-sans:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* the names the older page styles below still use */
  --white:#FDF8F0; --ink-2:#1E4D6B; --accent-2:#7FD8CE; --accent-ink:#0A7688; --tint:#C3EAE3; --tint-2:#7FD8CE; --text:#1E4D6B;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.6;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
h1,h2,h3,h4{font-weight:700;line-height:1.08;margin:0 0 .6em;letter-spacing:-.02em;color:var(--accent);text-wrap:balance}
h1{font-size:clamp(1.65rem,3.4vw,2.35rem);max-width:24ch}
h2{font-size:clamp(1.3rem,2.4vw,1.65rem);max-width:32ch}
h3{font-size:1.02rem;letter-spacing:-.01em;color:var(--ink)}
h4{font-size:1.05rem;letter-spacing:0;color:var(--ink)}
p{margin:0 0 1.1em;max-width:64ch}
ul,ol{max-width:64ch}
li{margin-bottom:.35em}
a{color:var(--accent);font-weight:500;text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:600}
.accent{color:var(--accent);font-style:italic}
.dark .accent,.photo .accent{color:var(--sun)}
.wrap{width:min(1180px,100% - 2rem);margin-inline:auto}
.narrow{width:min(800px,100% - 2rem);margin-inline:auto}
section{padding:3rem 0;position:relative}
@media(min-width:900px){section{padding:4rem 0}}
section.tight{padding:2.4rem 0}
.centre{text-align:center}.centre h1,.centre h2,.centre h3,.centre p,.centre ul{margin-inline:auto}
.light{background:var(--cream)}
.tinted{background:var(--sea-glass)}
.band{background:var(--turquoise)}
.band h1,.band h2,.band h3{color:var(--ink)}
.dark{background:var(--ink);color:var(--on-dark)}
.dark p,.dark li{color:var(--on-dark-muted)}
.dark h1,.dark h2,.dark h3,.dark h4{color:var(--on-dark)}
.dark a{color:var(--turquoise)}
.photo{position:relative;overflow:hidden;background:var(--ink) center/cover no-repeat;color:var(--on-dark)}
.photo::after{content:"";position:absolute;inset:0;background:var(--scrim);pointer-events:none}
.photo.even::after{background:var(--scrim)}
.photo>.wrap,.photo>.narrow{position:relative;z-index:1}
.photo h1,.photo h2,.photo h3{color:var(--on-dark)}
.photo p,.photo li{color:var(--on-dark-muted)}
.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1.1rem;font-weight:600}
.dark .eyebrow,.photo .eyebrow{color:var(--sun)}
.band .eyebrow{color:var(--ink)}
.lede{font-size:1.02rem;max-width:60ch;font-weight:400}
/* buttons: ink pill is the primary; coral is the secondary; outline for over photos */
.btn{display:inline-block;background:var(--ink);color:var(--cream);font-weight:600;font-size:.94rem;padding:.8rem 1.5rem;border-radius:999px;text-decoration:none;border:2px solid #FFFFFF;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;font-family:var(--sans);line-height:1.3}
.btn:hover{transform:translateY(-2px);background:var(--accent);border-color:#FFFFFF;text-decoration:none;box-shadow:0 12px 30px rgba(30,77,107,.22)}
.btn:focus-visible{outline:3px solid var(--turquoise);outline-offset:3px}
.btn.navy{background:var(--ink);color:var(--cream);border-color:#FFFFFF}
.btn.secondary{background:var(--sun);color:var(--ink);border-color:#FFFFFF}
.btn.coral{background:var(--coral);color:var(--navy);border-color:#FFFFFF}   /* Clementine, navy text: Amanda, 26 Sep 2026 (palette option B) */
.btn.coral:hover,.btn.secondary:hover{background:var(--turquoise);border-color:#FFFFFF;color:var(--ink)}
.btn.btn-book,.dark .btn.btn-book,.photo .btn.btn-book{background:var(--coral);color:var(--navy);border-color:#FFFFFF}   /* every Book Amanda button: Clementine, navy text. Amanda, 26 Sep 2026 */
.btn.btn-book:hover{background:var(--navy);color:var(--cream)}
.btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.outline:hover{background:var(--ink);color:var(--cream);box-shadow:none}
.dark .btn,.photo .btn{border-color:var(--cream)}
.dark .btn.outline,.photo .btn.outline{color:var(--cream);border-color:var(--cream);background:transparent}
.dark .btn.outline:hover,.photo .btn.outline:hover{background:var(--cream);color:var(--ink)}
.dark .btn.secondary,.photo .btn.secondary{background:var(--sun);border-color:var(--cream);color:var(--ink)}
.dark .btn.coral,.photo .btn.coral{background:var(--coral);border-color:var(--cream);color:var(--navy)}
.btn.small{font-size:.92rem;padding:.65rem 1.25rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:1.8rem}
.centre .cta-row{justify-content:center}
.btn-note{display:block;margin-top:.8rem;font-size:.92rem;color:var(--muted)}
.dark .btn-note,.photo .btn-note{color:var(--sun)}
/* hero */
.hero{padding:4.5rem 0 4rem;min-height:auto}
@media(min-width:900px){.hero{padding:6rem 0 5.5rem}}
.hero .lede{margin-top:1rem}
.hero-split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.hero-split{grid-template-columns:1.1fr .9fr}}
.hero-split img.portrait{border-radius:28px;width:100%;object-fit:cover;background:var(--sea-glass)}
.hero-tag{font-weight:600;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:1.6rem 0 0}
.hero-tag span{opacity:.5;margin:0 .5rem}
/* home hero, 22 Sep 2026: Amanda's video will play behind it; a stage photo stands in.
   The question is the hook and the biggest thing; the brand and the second hook sit under it. */
.home-hero{text-align:center;padding:4.5rem 0 1.6rem}
.home-hero .cta-row{margin-top:3.2rem}
.home-hero .btn{font-size:.86rem;padding:.6rem 1.25rem}
/* Hero buttons, Amanda's palette decision, 26 Sep 2026: Book Amanda solid Clementine with navy text; View Keynotes outlined in cream. */
.home-hero .btn:not(.secondary){background:var(--coral);color:var(--navy);border-color:var(--cream)}
.home-hero .btn:not(.secondary):hover{background:var(--cream);color:var(--navy)}
.home-hero .btn.secondary{background:transparent;color:var(--cream);border-color:var(--cream)}
.home-hero .btn.secondary:hover{background:var(--cream);color:var(--ink)}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
/* hero background video, 26 Sep 2026: Amanda's stage clips (Vimeo, background mode) behind the
   home hero on desktop. The still in the section's inline style stays until the player says it
   is playing. Phones get the upright still and never load the player; so does reduced motion. */
.hero-video{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .9s ease;pointer-events:none}
.home-hero.video-on .hero-video{opacity:1}
.hero-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;width:100%;height:100%}
.hero-pause{position:absolute;right:1rem;bottom:1rem;z-index:2;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid rgba(253,248,240,.7);background:rgba(20,40,55,.55);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.hero-pause:hover{background:rgba(20,40,55,.8)}
.hero-pause[hidden]{display:none}
.hero-pause svg{width:14px;height:14px;fill:currentColor}
.hero-pause .play{display:none}
.hero-pause[aria-pressed="true"] .pause{display:none}
.hero-pause[aria-pressed="true"] .play{display:block}
@media(max-width:899px){.home-hero.has-video{background-image:url(/img/hero-still-mobile-640.webp?v=1)!important;background-position:50% 6%!important}.hero-video,.hero-pause{display:none}}   /* top-aligned so her whole head shows on a tablet (Amanda, 11 Oct 2026) */
@media(prefers-reduced-motion:reduce){.hero-video,.hero-pause{display:none}}
/* Hero words, Amanda's brief, 26 Sep 2026, then modelled on peterkatz.com at her request the same evening:
   set left, a dark scrim heavier on the left, generous height, a bold two-line headline, key words in sun.
   Display text only; no H1 in the hero. No animation. */
.home-hero{text-align:left;min-height:min(78vh,720px);display:flex;align-items:center;padding:calc(5rem + 68px) 0 4.5rem}   /* the extra 68px clears the transparent header that sits over the video */
.home-hero::after{background:linear-gradient(180deg,rgba(6,16,26,.62) 0,rgba(6,16,26,0) 170px),linear-gradient(90deg,rgba(14,30,44,.86) 0%,rgba(14,30,44,.72) 45%,rgba(14,30,44,.35) 100%)}   /* a soft dark gradient at the top so the menu reads over the video */
.home-hero .wrap{max-width:660px;margin-left:max(1rem,calc((100% - 1180px)/2 + 1rem))}
.home-hero .hero-kicker{font-weight:600;font-size:clamp(1.3rem,2.3vw,1.75rem);letter-spacing:0;color:var(--cream);margin:0 0 1rem;max-width:none}
.home-hero .hero-tilt{font-family:var(--script);font-weight:400;font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.15;color:var(--cream);margin:1rem 0 1.4rem;max-width:17ch;padding:.15em .5em .45em 0;transform:rotate(-3deg);transform-origin:left center;display:inline-block}
.home-hero .stay{font-family:var(--script);font-weight:400;font-size:1em;color:var(--sun);position:relative;display:inline-block;padding:0 .08em}
.home-hero .stay .swoosh{position:absolute;left:-.08em;right:-.38em;bottom:-.24em;height:.4em;width:auto;color:var(--coral);pointer-events:none;clip-path:inset(0 100% 0 0);animation:swoosh-in .5s ease-out .25s forwards}
@keyframes swoosh-in{to{clip-path:inset(0 0 0 0)}}
.home-hero .hero-brand{font-weight:900;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1;white-space:nowrap;letter-spacing:-.03em;color:var(--sun);margin:.2rem 0 1.1rem;max-width:none;text-shadow:0 0 18px rgba(255,212,94,.75),0 0 44px rgba(255,212,94,.45);animation:brand-glow 1.2s ease-out both}
@keyframes brand-glow{from{text-shadow:0 0 0 rgba(255,212,94,0),0 0 0 rgba(255,212,94,0)}}
.home-hero .hero-tag{font-family:var(--sans);font-weight:500;font-size:clamp(1.05rem,1.9vw,1.4rem);line-height:1.35;letter-spacing:0;text-transform:none;color:var(--cream);margin:0 0 1.4rem;max-width:26ch}
.home-hero .keep{white-space:nowrap}
.home-hero .cta-row{margin-top:1.6rem;justify-content:flex-start!important}
@media(max-width:600px){.home-hero{min-height:auto;padding:calc(3.4rem + 68px) 0 3rem}.home-hero .hero-tilt{font-size:1.8rem;max-width:13ch}.home-hero .hero-brand{font-size:2.3rem;white-space:nowrap}.home-hero .hero-kicker{font-size:1.25rem}.home-hero::after{background:rgba(14,30,44,.66)}}
@media(prefers-reduced-motion:reduce){.home-hero *{animation:none!important;transition:none!important}.home-hero .stay .swoosh{clip-path:none}}
/* Anchor band, directly under the hero: the page's only H1 (modest), the lead line, the anchor
   sentence. A full-width band, all centered. Amanda's brief, 26 Sep 2026. */
.anchor-band{background:transparent;color:var(--ink);text-align:center;padding:1.6rem 0 1.1rem}
.anchor-band .narrow{width:min(880px,100% - 2rem)}
/* The sun panel: one background of rays fanning out from behind the heading, a few shades darker than
   the sun, plus a light scatter of soft bokeh circles, running through the anchor band and the strip
   as one card. All CSS, no image files. Amanda, 26 Sep 2026. */
.sun-panel{position:relative;overflow:hidden;isolation:isolate;background:var(--sun)}
.sun-panel::before{content:"";position:absolute;inset:-30% -10% 0;z-index:-1;pointer-events:none;
  background:repeating-conic-gradient(from -90deg at 50% 14%,rgba(214,166,38,.22) 0deg 4deg,transparent 4deg 13deg);
  -webkit-mask-image:radial-gradient(ellipse 75% 100% at 50% 14%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 75% 100% at 50% 14%,#000 25%,transparent 80%)}
.sun-panel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 8% 22%,rgba(255,255,255,.28) 0 38px,transparent 40px),
    radial-gradient(circle at 18% 62%,rgba(255,255,255,.18) 0 22px,transparent 24px),
    radial-gradient(circle at 30% 10%,rgba(255,236,170,.35) 0 14px,transparent 16px),
    radial-gradient(circle at 72% 14%,rgba(255,255,255,.22) 0 28px,transparent 30px),
    radial-gradient(circle at 86% 48%,rgba(255,255,255,.26) 0 46px,transparent 48px),
    radial-gradient(circle at 93% 18%,rgba(255,236,170,.32) 0 16px,transparent 18px),
    radial-gradient(circle at 60% 90%,rgba(255,255,255,.16) 0 20px,transparent 22px),
    radial-gradient(circle at 12% 88%,rgba(255,236,170,.28) 0 12px,transparent 14px)}
.sun-panel>*{position:relative;z-index:1}
@media(max-width:600px){.sun-panel::after{background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.24) 0 30px,transparent 32px),radial-gradient(circle at 88% 55%,rgba(255,255,255,.22) 0 36px,transparent 38px)}}
.anchor-band h1{font-weight:600;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.2;color:var(--ink);max-width:none;margin:0 auto .5rem;letter-spacing:0}
.anchor-band .lead{font-weight:700;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.2;color:var(--ink);max-width:none;margin:0 auto .45rem}
.anchor-band .sub{font-weight:600;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.3;color:var(--ink);max-width:none;margin:0 auto .9rem}
.anchor-band p{color:var(--ink);font-weight:400;max-width:none;margin:0 auto}
.brand-strip{background:var(--sun);color:var(--ink);text-align:center;padding:1rem 1rem;font-weight:700;font-size:1.02rem}
.trust{background:transparent;color:var(--ink);text-align:center;padding:0 1rem 1.6rem}
.trust>.wrap{padding-top:0}
.trust p{max-width:none;margin:0;color:var(--ink)}
.trust .l1{font-weight:600;font-size:.98rem;margin:.2rem 0 .45rem}
.trust .l2{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.72;margin-bottom:.55rem}
.trust .l3{font-weight:400;font-size:.92rem;white-space:nowrap}
.trust .l4{font-weight:400;font-size:.8rem;opacity:.8;margin-top:.5rem}
@media(max-width:900px){.trust .l3{white-space:normal}}
@media(max-width:700px){.trust .l2{letter-spacing:.1em}}
/* circles, from Amanda's August mockup */
.circles{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem;margin:2.4rem auto 0}
.circle{width:124px;height:124px;border-radius:50%;background:var(--sea-glass);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center;color:var(--ink)}
.circle svg{width:28px;height:28px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.circle b{font-weight:600;font-size:.82rem;line-height:1.2}
@media(max-width:600px){.circle{width:140px;height:140px}.circle b{font-size:.85rem}}
/* testimonials in a row with arrows; they do not move on their own */
.ticker{overflow:hidden;padding:2.6rem 0;position:relative}
.ticker-track{display:flex;gap:1.2rem;width:max-content;will-change:transform}
.tq{flex:0 0 280px;background:var(--cream);border-radius:20px;padding:1.2rem 1.3rem 1rem;margin:0;font-size:.82rem;line-height:1.45;color:var(--ink)}
.tq blockquote{margin:0 0 .7rem;font-weight:400;max-width:none}
.tq figcaption{font-weight:600;font-size:.76rem;color:var(--accent)}
.tk-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:var(--cream);font-size:1.4rem;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--sans)}
.tk-arrow.prev{left:1rem}.tk-arrow.next{right:1rem}
.tk-arrow:hover{background:var(--accent)}
@media(max-width:600px){.tq{flex-basis:260px}.tk-arrow{width:38px;height:38px}}
/* planners: what you're looking for, what you dread */
.lists{display:grid;gap:1.4rem;margin-top:2rem;text-align:left}
@media(min-width:800px){.lists{grid-template-columns:1fr 1fr}}
.list{background:var(--cream);border-radius:24px;padding:1.6rem 1.6rem 1.2rem;border:1px solid var(--line)}
.list h3{margin-bottom:.8rem}
.list ul{list-style:none;padding:0;margin:0;max-width:none}
.list li{padding:.4rem 0 .4rem 2rem;position:relative;font-size:.95rem;font-weight:400}
.list li::before{position:absolute;left:0;top:.35rem;font-weight:700;font-size:1.1rem}
.list.yes li::before{content:"\2713";color:var(--accent)}
.list.no li::before{content:"\2715";color:var(--ember)}
.promise{font-size:clamp(1.05rem,1.9vw,1.35rem);font-weight:500;line-height:1.35;max-width:30ch;margin:0 auto 1rem}
.videos{display:grid;gap:1.4rem;margin:2rem auto 0;max-width:1000px}
@media(min-width:800px){.videos{grid-template-columns:1fr 1fr}}
.videos p{font-size:.95rem;font-weight:500;margin:.7rem 0 0;max-width:none}
.photo-ground{background:var(--sea-glass);border-radius:28px;padding:1.2rem}
.photo-ground img{border-radius:20px;width:100%;display:block}
.band .photo-ground{background:var(--cream)}
/* logo wall on the home page: 32 client logos sliding as one line, small, grey until hovered.
   Two identical runs so the loop has no seam. */
.logowall{overflow:hidden;margin-top:1.6rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logowall-track{display:flex;align-items:center;gap:3.2rem;width:max-content;animation:logoslide 90s linear infinite}
.logowall:hover .logowall-track{animation-play-state:paused}
.logowall img{flex:none;height:34px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.7;mix-blend-mode:multiply;transition:filter .2s,opacity .2s}
.logowall img:hover{filter:none;opacity:1}
@keyframes logoslide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 1.6rem))}}
@media(prefers-reduced-motion:reduce){.logowall{-webkit-mask-image:none;mask-image:none}.logowall-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:1.4rem 2.2rem}.logowall-track img:nth-child(n+33){display:none}}
/* grids and cards */
.grid{display:grid;gap:1.2rem;margin-top:2.2rem}
@media(min-width:700px){.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--sea-glass);border-radius:20px;padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.4rem}
.card h3{margin-bottom:.3rem}
.card p{max-width:none;font-size:.98rem}
.card p:last-child{margin-bottom:0}
.card .icon{width:56px;height:56px;object-fit:contain;margin-bottom:.6rem}
.card .btn{align-self:flex-start;margin-top:auto}
.card.white{background:var(--cream);border:1px solid var(--line)}
.band .card,.tinted .card{background:var(--cream)}
.dark .card{background:rgba(253,248,240,.08);border:1px solid rgba(253,248,240,.18)}
.dark .card h3{color:var(--cream)}.dark .card p{color:var(--on-dark-muted)}
.card.big{padding:0;overflow:hidden;background:var(--cream);border:1px solid var(--line);gap:0}
.card.big img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.card.big .in{padding:1.4rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.card.big h3{font-size:1.1rem;color:var(--accent)}
.card.big p{font-size:1rem}
.card.big .btn{align-self:flex-start;margin-top:auto}
.panel{background:var(--sea-glass);border-radius:24px;padding:1.6rem 1.4rem;display:grid;gap:1.6rem}
@media(min-width:900px){.panel{grid-template-columns:.8fr 1.2fr;padding:2.4rem;align-items:center}}
.panel img{border-radius:22px;width:100%;object-fit:cover}
.panel.flip>*:first-child{order:2}
.band .panel,.tinted .panel{background:var(--cream)}
/* testimonials */
.quotes{display:grid;gap:1.2rem;margin-top:2.2rem}
@media(min-width:900px){.quotes{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.quotes.two{grid-template-columns:repeat(2,1fr)}}
.quote{margin:0;background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:1.5rem 1.6rem;display:flex;flex-direction:column;text-align:left;position:relative}
/* Closing quote mark, bottom right, mirroring the opening one. Amanda, 27 Sep 2026: each quote framed once. */
.quote blockquote{margin:0 0 1rem;font-size:.95rem;line-height:1.55;font-weight:400;color:var(--ink);max-width:none}
.quote figcaption{font-size:.9rem;color:var(--accent);font-weight:600;margin-top:auto}
.quote figcaption span{display:block;font-weight:400;color:var(--muted)}
.dark .quote,.photo .quote{background:var(--cream);border-color:transparent}
.dark .quote blockquote,.photo .quote blockquote{color:var(--ink)}
.quote.big blockquote{font-size:1.1rem;font-weight:500}
/* logos, stats, awards */
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:center;margin-top:2rem}
@media(min-width:600px){.logos{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1000px){.logos{grid-template-columns:repeat(8,1fr)}}
.logos img{width:100%;height:56px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s;mix-blend-mode:multiply}
.logos img:hover{filter:none;opacity:1}
.stats{display:grid;gap:1.2rem;margin:2.2rem 0 0}
@media(min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--sun);border:0;border-radius:20px;padding:1.2rem 1rem;text-align:center;color:var(--ink);display:flex;flex-direction:column-reverse}
.light .stat,.tinted .stat,.dark .stat,.band .stat{background:var(--sun)}
.stat b{display:block;margin-top:.3rem;font-size:2rem;line-height:1;color:var(--ink);font-weight:700;margin-bottom:.4rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat span{font-size:.92rem;color:var(--ink);font-weight:600}
.light .stat span,.tinted .stat span{color:var(--ink)}
.awards{display:grid;gap:1rem;margin-top:2rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.awards{grid-template-columns:repeat(4,1fr)}}
.award{text-align:center;padding:1.4rem 1rem;border-radius:18px;background:var(--sea-glass);font-weight:600;font-size:.95rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;justify-content:center;color:var(--ink)}
.dark .award{background:rgba(253,248,240,.08);color:var(--cream)}
.award img{height:44px;width:auto;object-fit:contain}
.creds{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:none}
.creds li{padding:.55rem 1rem;border-radius:999px;background:var(--sea-glass);font-size:.9rem;font-weight:600;margin:0;color:var(--ink)}
.dark .creds li{background:rgba(253,248,240,.1);color:var(--cream)}
/* video */
.video{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--ink)}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#000}
.video-grid{display:grid;gap:1.4rem;margin-top:2rem}
@media(min-width:800px){.video-grid{grid-template-columns:repeat(2,1fr)}}
/* prose: long copy, legal pages and blog posts */
.prose{max-width:72ch}
.prose h2{font-size:1.7rem;margin-top:2.2rem}
.prose h3{margin-top:1.8rem}
.prose h4{margin-top:1.4rem}
.prose p,.prose li{font-size:1rem;font-weight:400}
.prose img{border-radius:18px;margin:1.2rem 0}
.prose figure{margin:1.4rem 0}
.prose figcaption{font-size:.9rem;color:var(--muted)}
.prose blockquote{margin:1.6rem 0;padding:1rem 1.4rem;border-left:4px solid var(--turquoise);background:var(--sea-glass);border-radius:0 16px 16px 0;font-weight:400}
.prose blockquote p:last-child{margin-bottom:0}
.prose iframe{max-width:100%;border-radius:18px}
.prose .wp-block-embed iframe,.prose iframe[src*="youtube"],.prose iframe[src*="vimeo"]{width:100%;aspect-ratio:16/9;height:auto}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem}
.prose td,.prose th{border:1px solid var(--line);padding:.5rem .7rem;vertical-align:top}
.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
.prose .alignright{float:right;margin:0 0 1rem 1.5rem;max-width:45%}
.prose .alignleft{float:left;margin:0 1.5rem 1rem 0;max-width:45%}
.prose .aligncenter{display:block;margin-inline:auto}
.prose:after{content:"";display:table;clear:both}
/* download lists */
.downloads{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem;max-width:none}
@media(min-width:700px){.downloads{grid-template-columns:repeat(2,1fr)}}
.downloads li{margin:0}
.downloads a{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;background:var(--cream);border:1px solid var(--line);border-radius:16px;color:var(--ink);font-weight:600;transition:transform .2s,box-shadow .2s}
.downloads a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,77,107,.12);text-decoration:none}
.downloads a::before{content:"";flex:none;width:34px;height:34px;border-radius:10px;background:var(--turquoise) center/18px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4D6B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0l-4-4m4 4l4-4M4 17v3h16v-3'/%3E%3C/svg%3E")}
.downloads small{display:block;font-weight:400;color:var(--muted);font-size:.85rem}
.tinted .downloads a{background:var(--cream)}
.steps{counter-reset:s;list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem;max-width:none}
.steps li{counter-increment:s;position:relative;padding:.9rem 1rem .9rem 3.4rem;background:var(--cream);border:1px solid var(--line);border-radius:16px;margin:0}
.steps li::before{content:counter(s);position:absolute;left:1rem;top:.8rem;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--turquoise);color:var(--ink);font-weight:700;display:grid;place-items:center;font-size:.9rem}
.checks{list-style:none;padding:0;margin:1rem 0 0}
.checks li{padding-left:1.8rem;position:relative;margin-bottom:.5rem}
.checks li::before{content:"";position:absolute;left:0;top:.45em;width:1.05rem;height:1.05rem;border-radius:999px;background:var(--turquoise) center/60% no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4D6B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.dark .checks li::before,.photo .checks li::before{background-color:var(--sun)}
/* blog */
.post-grid{display:grid;gap:1.4rem;margin-top:1rem}
@media(min-width:700px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.post-grid.three{grid-template-columns:repeat(3,1fr)}}
.post-card{display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(30,77,107,.12)}
.post-card .thumb{aspect-ratio:4/3;background:#fff;overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:contain;display:block}   /* whole picture, words included (Amanda, 1 Oct 2026) */
.post-card .body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.post-card h3{font-size:1.15rem;margin:0}
.post-card h3 a{color:var(--ink)}
.post-card time,.post-meta{font-size:.82rem;color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.post-card p{font-size:.95rem;margin:0;color:var(--ink)}
.post-card .more{margin-top:auto;padding-top:.6rem;font-size:.92rem}
.blog-layout{display:grid;gap:3rem}
@media(min-width:1000px){.blog-layout{grid-template-columns:1fr 300px}}
.sidebar h4{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:2rem 0 .8rem}
.sidebar h4:first-child{margin-top:0}
.sidebar ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.sidebar li{margin:0;font-size:.95rem}
.sidebar li span{color:var(--muted);font-size:.85rem}
.pager{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:2.5rem;align-items:center}
.pager a,.pager span{display:inline-block;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--line);font-size:.9rem;font-weight:600;color:var(--ink)}
.pager span.now{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.pager a:hover{background:var(--sea-glass);text-decoration:none}
.post-hero{padding:3.5rem 0 2rem}
.post-hero h1{font-size:clamp(1.45rem,3vw,2.05rem)}
.post-hero .post-meta{margin-bottom:1rem}
.post-hero .post-meta a{margin-left:.4rem}
.post-featured{border-radius:24px;width:100%;max-height:520px;object-fit:cover;margin:0 0 2rem}
.post-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}
.share{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}
/* contact */
.contact-grid{display:grid;gap:2.5rem;margin-top:1rem}
@media(min-width:900px){.contact-grid{grid-template-columns:1.1fr .9fr}}
.form-card{background:var(--ink);color:var(--cream);border-radius:28px;padding:2rem 1.7rem}
.form-card h3{color:var(--cream)}
.form-card label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(253,248,240,.75);margin:0 0 .35rem}
.form-card .sh-form{gap:.9rem}
.contact-lines{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.9rem;max-width:none}
.contact-lines li{margin:0;display:flex;gap:.9rem;align-items:flex-start;font-size:1.05rem}
.contact-lines li b{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.contact-lines a{font-size:1.15rem;font-weight:600;color:var(--ink)}
.sitemap-cols{display:grid;gap:2rem;margin-top:1.5rem}
@media(min-width:800px){.sitemap-cols{grid-template-columns:repeat(3,1fr)}}
.sitemap-cols ul{list-style:none;padding:0;margin:0}
.sitemap-cols li{margin-bottom:.4rem}
/* reveal */
.reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}
}
/* Client wall on the praise page (Amanda, 28 September 2026): two identical runs of names end to end (the second hidden
   from screen readers), moved by CSS only, so it loops forever with no gap. Half the old speed (128s a loop). It stops
   the instant the pointer is over it and starts again as it leaves; on phones a tap pauses it and a second tap starts it
   (the page's own script). Reduced motion: still, one run, scrolled by hand. The -1.3rem is half the gap, so the loop
   point lands exactly where the second run begins. */
.clientwall{position:relative;overflow:hidden;padding:1.6rem 0}
.clientwall-track{display:flex;width:max-content;gap:2.6rem;animation:wallslide 85.33s linear infinite}   /* the fallback, same speed as the per-name strip */
.clientwall-track>.cw-run{display:flex;flex:none;gap:2.6rem}
@media(hover:hover){.clientwall:hover .clientwall-track{animation-play-state:paused}}
.clientwall.tap-pause .clientwall-track{animation-play-state:paused}
.clientwall span{flex:none;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--muted);white-space:nowrap;transition:color .2s ease}
.clientwall span:hover{color:var(--accent)}
.dark .clientwall span{color:var(--on-dark-muted)}
.dark .clientwall span:hover{color:var(--sun)}
@keyframes wallslide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 1.3rem))}}
/* Each name on its own (the page's script adds .cw-items once the font has loaded and each name is measured): no giant
   moving strip, so it can never go blank. */
.clientwall.cw-items .clientwall-track{animation:none;display:block;position:relative;width:100%;height:var(--h)}
.clientwall.cw-items .cw-run{display:block}
.clientwall.cw-items .cw-run[aria-hidden="true"]{display:none}
.clientwall.cw-items .cw-run span{position:absolute;left:0;top:0;animation:cwitem var(--D) linear infinite}
@keyframes cwitem{from{transform:translateX(calc(var(--L) - var(--w)))}to{transform:translateX(calc(-1 * var(--w)))}}
@media(hover:hover){.clientwall.cw-items:hover .cw-run span{animation-play-state:paused}}
.clientwall.cw-items.tap-pause .cw-run span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .clientwall{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .clientwall-track{animation:none;padding:0 1rem}
  .clientwall-track>.cw-run[aria-hidden="true"]{display:none}
}
/* Outcome jump links on the praise page. */
.outcomenav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.outcomenav a{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:.6rem 1.1rem;transition:border-color .2s ease,color .2s ease,transform .2s ease}
.outcomenav a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.outcomenav b{font-size:.78rem;color:var(--muted);font-weight:700}
.outcomenav a:hover b{color:var(--accent)}
/* Full-width stage-photo hero (media page). Flat scrim. */
.stage-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);display:flex;align-items:center;min-height:520px;padding:4rem 0}
@media(min-width:900px){.stage-hero{min-height:620px;padding:5.5rem 0}}
.stage-hero::before{content:"";position:absolute;inset:0;background:url(/img/influence-room.jpg) center 31%/cover no-repeat}
.stage-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--scrim)}
.stage-hero>.wrap{position:relative;z-index:1}
.stage-hero .hero-copy{max-width:34rem}
.stage-hero h1{color:var(--cream);margin:0}
.stage-hero .lede{color:var(--cream)}
.stage-hero .eyebrow{color:var(--sun)}
.stage-hero .btn.outline{color:var(--cream);border-color:var(--cream)}
.stage-hero .btn.outline:hover{background:var(--cream);color:var(--ink)}
.stage-hero .btn-note{color:var(--sun)}
/* shared header and footer, on the pages that load this file (not the quiz) */
.sh-brand-name{font-family:var(--script);font-weight:400;font-size:1.7rem;letter-spacing:0;color:var(--ink)}
.sh-brand{align-items:baseline}   /* the letters sit on the name's baseline (Amanda, 28 Sep 2026); the mark centres itself */
/* Book Amanda, the one solid button in the menu: sun (yellow) with ink text, rounded, the same on mobile,
   to match the other yellow buttons. Amanda, 24 Sep 2026, replacing the turquoise of 23 Sep. This file is not
   loaded by the quiz at /signal, so its frozen menu is untouched. */
/* The menu Book Amanda pill takes its colour from shell.css: turquoise everywhere, sun on the home page only (Amanda, 26 Sep 2026). The sun-everywhere override that sat here is gone. */
.sh-menu>a.current,.sh-drop.current>button,.sh-drop-menu a.current{color:var(--accent)}
.sh-footer a:hover,.sh-footer-bottom a:hover{color:var(--turquoise)}
.sh-form button{font-weight:600}

/* home page: the Meet Amanda panel sits on the page with no box; the photo keeps its rounded corners */
.home-meet{padding-bottom:0;padding-top:1rem}
/* Gap from "See all questions" to the About Amanda title: at most 64px on desktop, 40px on phones (Amanda, 27 Sep 2026). */
.faq-home{padding-bottom:.6rem}
.faq-all{margin-bottom:0}
@media(max-width:600px){.home-meet{padding-top:.4rem}.faq-home{padding-bottom:.4rem}}
/* About Amanda: text column starts at the top of the section, the cut-out photo fills the left column from the
   title down to the bottom edge (Amanda, 27 Sep 2026: no empty cream above her head). */
.home-meet .panel{background:transparent;padding:0;border-radius:0;align-items:stretch}
.home-meet .panel img{border-radius:0;display:block;width:100%}
/* Photo column about 45%, the whole cut-out shown (contain), sitting on the bottom edge; text column never overflows. Amanda, 27 Sep 2026. */
@media(min-width:900px){.home-meet .panel{grid-template-columns:45fr 55fr;gap:2.4rem;align-items:start}.home-meet .panel img{width:100%;height:auto;object-fit:contain;object-position:top center;align-self:start}.home-meet .panel>div{min-width:0;align-self:start;padding-top:0;padding-bottom:3rem}}
@media(max-width:899px){.home-meet .panel{gap:1rem}.home-meet .panel img{width:min(100%,420px);margin:0 auto;height:auto;object-fit:contain}}
/* closer to the logos above */
.logowall-section{padding-bottom:1.2rem}
.logowall-section+section{padding-top:2rem}

/* the ink buttons on sea-glass and turquoise sections carry a cream border, like the hero buttons */
.tinted .btn,.band .btn{border-color:var(--cream)}
.tinted .btn:hover,.band .btn:hover{border-color:var(--cream)}

/* a pale wash of the coral, tried on the "when people feel different" section, 22 Sep */
.blush{background:var(--sun-pale)}
.blush .circle{background:var(--cream)}
.blush .stat{background:var(--sun)}

/* The joy wheel card. Desktop and tablet: heading and subtitle centered, the wheel left with its caption, the
   four sun tiles right two by two with the sources line, the full footnote across the bottom. Phones (under 700px):
   the stacked version. Amanda, 26 Sep 2026. Wording and colours as in radiate_joy_wheel_v3.svg. */
.rj-panel{padding:2rem 0 1.6rem}
.rj-desk{max-width:1040px;margin:0 auto;text-align:center}
.rj-desk h2{margin:0 auto .4rem;color:var(--accent);max-width:none}
.rj-desk .rj-sub{color:var(--accent);font-size:clamp(1.1rem,1.9vw,1.35rem);font-weight:600;line-height:1.35;margin:0 auto 1.6rem;max-width:none}
.rj-grid{display:grid;grid-template-columns:1.6fr .6fr;gap:1.6rem 2.2rem;align-items:stretch;text-align:center}
.rj-left{display:flex;flex-direction:column;align-items:center}
.rj-svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}
.rj-caption{font-weight:600;font-size:1.15rem;color:var(--accent);margin:.6rem auto 0;max-width:none}
.rj-right{display:flex;flex-direction:column;justify-content:stretch;max-width:220px;margin:0 auto}
/* The tiles at half the first size (Amanda, 27 Sep 2026), centred beside the wheel. */
.rj-stats{display:grid;grid-template-columns:1fr;flex:1;gap:.55rem;margin-bottom:.6rem}
.rj-stats div{background:var(--sun);color:var(--ink);border-radius:16px;padding:.5rem .4rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rj-stats b{font-size:1.35rem;font-weight:800;line-height:1.05}
.rj-stats span{font-weight:600;font-size:.78rem;margin-top:.15rem}
.rj-stats small{font-size:.66rem;opacity:.92;margin-top:.05rem}
.rj-sources{font-size:.72rem;color:var(--ink);opacity:.9;margin:0 auto;max-width:none}
.rj-note{font-size:.76rem;color:var(--ink);opacity:.75;margin:1.4rem auto 0;max-width:70ch}
/* The joy statistics sources, on the keynotes page since 27 Sep 2026 (moved off the home page wheel). */
.sources-note{font-size:.76rem;color:var(--ink);opacity:.75;margin:1.6rem 0 0;max-width:70ch}
.rj-stack{display:none}
@media(max-width:999px){.rj-grid{grid-template-columns:1fr 1fr}}
@media(max-width:699px){
  .rj-desk{display:none}
  .rj-stack{display:block;text-align:center}
  .rj-stack h2{margin:0 auto .5rem;color:var(--accent)}
  .rj-stack .rj-sub{color:var(--accent);font-size:1.22rem;line-height:1.35;font-weight:600;margin:0 auto 1.4rem;max-width:none}
  .rj-center{width:190px;height:190px;border-radius:50%;margin:0 auto 1.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:var(--ink);color:var(--cream);box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 7px var(--sun)}
  .rj-center img{width:58px;height:58px}
  .rj-center b{font-size:1.35rem;font-weight:700}
  .rj-outcomes{list-style:none;padding:0;margin:0 auto 1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;max-width:none}
  .rj-outcomes li{margin:0;background:#FFFDF8;border:1px solid #E8E1D6;border-radius:18px;padding:.8rem .6rem .8rem .9rem;font-weight:600;font-size:.92rem;color:var(--ink);text-align:left;position:relative;overflow:hidden}
  .rj-outcomes li::before{content:"";position:absolute;left:0;top:.6rem;bottom:.6rem;width:5px;border-radius:3px;background:var(--sun)}
  .rj-outcomes li.coral::before{background:var(--coral)}
  .rj-outcomes li.turq::before{background:var(--turquoise)}
  .rj-outcomes li.sun::before{background:var(--sun)}
  .rj-stack .rj-caption{font-size:1.1rem;margin:0 auto 1rem}
  .rj-stack .rj-stats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1rem}
  .rj-stack .rj-stats div{padding:1rem .6rem;border-radius:20px}
  .rj-stack .rj-stats b{font-size:1.8rem}
  .rj-stack .rj-stats span{font-size:.9rem}
  .rj-stack .rj-stats small{font-size:.74rem}
  .rj-stack .rj-sources{font-size:.74rem}
}
/* The closer at the very bottom of the home page. */
.closer-q{margin-inline:auto}
.photo .closer-line,.closer-line{font-weight:700;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;color:var(--sun);margin:0 auto .8rem;max-width:none}
/* The course card, Amanda's brief, 26 Sep 2026: the opening line is the closer. */
.card .card-lead{font-weight:600;color:var(--accent);font-size:.98rem;margin-bottom:.4rem}
.card .card-tagline{font-weight:600;color:var(--ink)}
/* Watch Amanda on stage: a faint pattern on the sea-glass, like the bubbles on the sun card above it.
   Soft bokeh circles in white and a slightly deeper turquoise, all CSS. Amanda, 27 Sep 2026. */
#watch{position:relative;overflow:hidden;isolation:isolate}
#watch::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 6% 24%,rgba(255,255,255,.34) 0 44px,transparent 46px),
    radial-gradient(circle at 15% 78%,rgba(255,255,255,.22) 0 26px,transparent 28px),
    radial-gradient(circle at 27% 12%,rgba(127,216,206,.5) 0 16px,transparent 18px),
    radial-gradient(circle at 70% 10%,rgba(255,255,255,.26) 0 30px,transparent 32px),
    radial-gradient(circle at 88% 58%,rgba(255,255,255,.3) 0 52px,transparent 54px),
    radial-gradient(circle at 94% 20%,rgba(127,216,206,.55) 0 18px,transparent 20px),
    radial-gradient(circle at 58% 90%,rgba(255,255,255,.2) 0 22px,transparent 24px),
    radial-gradient(circle at 40% 95%,rgba(127,216,206,.45) 0 12px,transparent 14px),
    radial-gradient(circle at 80% 88%,rgba(255,255,255,.18) 0 34px,transparent 36px)}
#watch>*{position:relative;z-index:1}
@media(max-width:600px){#watch::before{background:radial-gradient(circle at 8% 20%,rgba(255,255,255,.3) 0 32px,transparent 34px),radial-gradient(circle at 90% 70%,rgba(255,255,255,.26) 0 40px,transparent 42px),radial-gradient(circle at 75% 12%,rgba(127,216,206,.5) 0 14px,transparent 16px)}}
/* Video captions: title line, then a lighter second line. 27 Sep 2026. */
.videos p .video-sub{display:block;font-weight:400;color:var(--muted);font-size:.88rem;margin-top:.15rem}
/* Joy wheel card: the four statistic tiles stack in one column beside the wheel, the only layout since 27 Sep 2026 (Amanda removed the two-by-two option). */
/* Heading above the videos: three set lines on desktop and tablet, the first kept on one line (Amanda, 27 Sep 2026); phones wrap as they must. */
#watch .watch-h2{max-width:none;margin-inline:auto}
#watch .watch-h2 .line{display:block}
@media(min-width:700px){#watch .watch-h2{font-size:clamp(1.15rem,2.1vw,1.55rem)}#watch .watch-h2 .line{white-space:nowrap}}
/* Watch Amanda on stage, four slots: the TEDx talk bottom left and the full keynote bottom right, top right kept
   for the video Amanda is editing. On phones they simply stack. 27 Sep 2026. */
@media(min-width:800px){.videos-four .slot-bl{grid-column:1;grid-row:2}.videos-four .slot-br{grid-column:2;grid-row:2}}

/* Imagine if your people were: full sun with ripple rings spreading out from the heading, echoing the wheel
   above it, and a soft light behind the heading so it reads. Cream circles lift off the sun. Amanda, 27 Sep 2026. */
.imagine{background:var(--sun);position:relative;overflow:hidden;isolation:isolate}
.imagine::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 70% at 50% 30%,rgba(255,255,255,.45),transparent 70%),
    repeating-radial-gradient(circle at 50% 30%,transparent 0 78px,rgba(214,166,38,.22) 78px 81px)}
.imagine>*{position:relative;z-index:1}
.imagine .circle{background:var(--cream);box-shadow:0 6px 18px rgba(214,166,38,.25)}
@media(max-width:600px){.imagine::before{background:radial-gradient(ellipse 80% 50% at 50% 20%,rgba(255,255,255,.4),transparent 70%),repeating-radial-gradient(circle at 50% 20%,transparent 0 60px,rgba(214,166,38,.2) 60px 62px)}}
/* In their words: the testimonial tile wall on the home page, three pages of tiles in cream, sun and ink with a
   Clementine count tile linking to the testimonials page. Replaced the scrolling ticker on Amanda's word, 27 Sep 2026. */
.twall{padding:2.8rem 0 2.4rem}
.twall .centre h2{margin-bottom:1.2rem;color:var(--navy)}
/* Half-size tiles on desktop, Amanda, 27 Sep 2026: the wall is capped at 900px, tiles have less padding and no set
   height, quotes stay at body size. Phones keep full-width tiles with less padding. */
.tw-wall{max-width:860px;margin:0 auto}
/* Three brick columns: each tile as tall as its own words, packed with no holes. */
.tw-page{columns:3;column-gap:.7rem}
.tw-page .tw{break-inside:avoid;margin:0 0 .7rem;display:block}
.tw-page[hidden]{display:none}
.tw{margin:0;border-radius:14px;padding:.8rem .9rem;position:relative;min-height:0;color:var(--ink)}
.tw blockquote{margin:0 0 .3rem;font-weight:600;font-size:.82rem;line-height:1.3;max-width:none}
.tw figcaption{font-size:.66rem;font-weight:600;color:var(--accent)}
.tw.cream{background:var(--cream)} .tw.sun{background:var(--sun)} .tw.ink{background:var(--ink);color:var(--cream)}
.tw.ink figcaption{color:var(--turquoise)}
.tw-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.2rem}
.tw-arrow{width:38px;height:38px;border-radius:50%;border:0;background:var(--ink);color:var(--cream);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--sans)}
.tw-arrow:hover{background:var(--accent)}
.tw-dots{display:flex;gap:.5rem}
.tw-dots button{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:rgba(30,77,107,.3);cursor:pointer}
.tw-dots button[aria-selected="true"]{background:var(--ink)}
.tw-all{text-align:center;margin:1.4rem 0 0;font-weight:700;font-size:1.12rem}
.tw-all a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.tw-page{columns:2}}
@media(max-width:600px){.tw-page{columns:1}.tw-page .tw{margin-bottom:.6rem}.tw{padding:.8rem .9rem .7rem}}

/* Home page About credentials lines. Amanda, 27 Sep 2026. */
.home-meet .creds{display:block;font-size:.85em;line-height:1.4;margin:0 0 .35rem;font-weight:400;color:var(--ink);text-align:left}
.home-meet .creds:first-of-type{margin-top:1.2rem}
/* Keynotes page, rewrite v2 (27 Sep 2026): each keynote and workshop is an h3 under the page's h2s, styled like an h2. */
.kn h3{font-size:clamp(1.3rem,2.4vw,1.65rem);letter-spacing:-.02em;color:var(--accent);max-width:32ch;margin:0 0 .6em}
.kn .quote{margin-top:1.4rem}

/* Texture on the turquoise testimonial band: three diagonal light beams (Amanda's pick, option 2, 27 Sep 2026). */
.twall{position:relative;overflow:hidden;isolation:isolate}
.twall>*{position:relative;z-index:1}
.twall.tx-beams::before{content:"";position:absolute;inset:-20% 0;z-index:0;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 22%,rgba(255,255,255,.22) 22% 30%,transparent 30% 48%,rgba(255,255,255,.14) 48% 53%,transparent 53% 70%,rgba(255,255,255,.2) 70% 80%,transparent 80%),
    radial-gradient(ellipse 70% 60% at 50% 0%,rgba(255,255,255,.28),transparent 70%)}

/* For Event Planners, 27 Sep 2026: the eyebrow matches the heading; "you" in Kaushan Script with the hero swoosh, sun word, Clementine swoosh. */
.planners-h2{color:var(--ink);max-width:none;margin-inline:auto;text-align:center}
.planners-h2 .keep{white-space:nowrap}
/* Sun on the turquoise band measures 1.18 to 1 and fails WCAG AA, so the word is ink (5.42) and only the swoosh carries the colour. Reported to Amanda 27 Sep 2026. */
.planners-h2 .stay{font-family:var(--script);font-weight:400;font-size:1.08em;color:var(--ink);position:relative;display:inline-block;padding:0 .08em}
.planners-h2 .stay .swoosh{position:absolute;left:-.08em;right:-.38em;bottom:-.24em;height:.4em;width:auto;color:var(--coral);pointer-events:none}

/* Home page main section titles, Amanda's brief of 27 September 2026: one large size for every main section title,
   and the line under it a subheading at about half that size. */
.sec-title{font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.08;font-weight:700;letter-spacing:-.02em;max-width:none;margin:0 0 .5em}
.sec-sub{font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.35;font-weight:600;color:var(--ink);max-width:none;margin:0 0 1.2rem}
.home-meet .sec-title{color:var(--accent)} .home-meet .sec-sub{max-width:34ch}
.rj-desk .sec-title,.rj-stack .sec-title{color:var(--accent)}
.planners-band .sec-title{color:var(--ink)}
.offer-band .sec-title{color:var(--accent)}
.twall .sec-title{color:var(--navy)}
.imagine .sec-title{color:var(--accent)}
.rj-desk .eyebrow,.rj-stack .eyebrow{margin-bottom:.5rem}
@media(max-width:600px){.sec-title{font-size:1.75rem}}

/* CEO strip under the anchor band: Graybar photo 58 under a dark overlay, the quote in a cream card. 27 Sep 2026. */
.ceo-strip{padding:3.2rem 0}
.ceo-strip .ceo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:0}
.ceo-strip::after{background:rgba(11,34,51,.62);z-index:0}
.ceo-strip .narrow{position:relative;z-index:1}
.ceo-strip .quote{margin:0 auto}

/* For Event Planners band: soft bokeh in lighter and deeper turquoise, more toward the edges. 27 Sep 2026. */
.planners-band{position:relative;overflow:hidden;isolation:isolate}
.planners-band>*{position:relative;z-index:1}
.planners-band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 4% 12%,rgba(255,255,255,.34) 0 60px,transparent 62px),
    radial-gradient(circle at 10% 70%,rgba(255,255,255,.22) 0 34px,transparent 36px),
    radial-gradient(circle at 3% 92%,rgba(10,118,136,.26) 0 22px,transparent 24px),
    radial-gradient(circle at 96% 10%,rgba(255,255,255,.3) 0 44px,transparent 46px),
    radial-gradient(circle at 97% 55%,rgba(10,118,136,.24) 0 30px,transparent 32px),
    radial-gradient(circle at 92% 90%,rgba(255,255,255,.26) 0 70px,transparent 72px),
    radial-gradient(circle at 50% 4%,rgba(255,255,255,.18) 0 20px,transparent 22px),
    radial-gradient(circle at 60% 97%,rgba(10,118,136,.2) 0 16px,transparent 18px),
    radial-gradient(circle at 20% 40%,rgba(255,255,255,.14) 0 14px,transparent 16px)}
@media(max-width:600px){.planners-band::before{background:radial-gradient(circle at 6% 10%,rgba(255,255,255,.3) 0 40px,transparent 42px),radial-gradient(circle at 94% 60%,rgba(10,118,136,.24) 0 26px,transparent 28px),radial-gradient(circle at 85% 95%,rgba(255,255,255,.26) 0 48px,transparent 50px)}}

/* Keynotes, Workshops and Executive Retreats band: sun rays from behind the title plus soft bokeh, as on the anchor band. 27 Sep 2026. */
.offer-band{position:relative;overflow:hidden;isolation:isolate}
.offer-band>*{position:relative;z-index:1}
.offer-band::before{content:"";position:absolute;inset:-30% -10% 0;z-index:0;pointer-events:none;
  background:repeating-conic-gradient(from -90deg at 50% 12%,rgba(214,166,38,.2) 0deg 4deg,transparent 4deg 13deg);
  -webkit-mask-image:radial-gradient(ellipse 75% 100% at 50% 12%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 75% 100% at 50% 12%,#000 20%,transparent 80%)}
.offer-band::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 6% 20%,rgba(255,255,255,.55) 0 44px,transparent 46px),
    radial-gradient(circle at 14% 78%,rgba(255,212,94,.7) 0 26px,transparent 28px),
    radial-gradient(circle at 92% 16%,rgba(255,255,255,.5) 0 36px,transparent 38px),
    radial-gradient(circle at 95% 70%,rgba(255,212,94,.7) 0 52px,transparent 54px),
    radial-gradient(circle at 50% 96%,rgba(255,255,255,.45) 0 24px,transparent 26px),
    radial-gradient(circle at 30% 95%,rgba(255,212,94,.6) 0 16px,transparent 18px)}
@media(max-width:600px){.offer-band::after{background:radial-gradient(circle at 8% 14%,rgba(255,255,255,.5) 0 32px,transparent 34px),radial-gradient(circle at 92% 80%,rgba(255,212,94,.7) 0 40px,transparent 42px)}}

/* Pop-up player and the Speaker Kit form. 27 Sep 2026. */
.lightbox{position:fixed;inset:0;z-index:100000;background:rgba(11,34,51,.86);display:flex;align-items:center;justify-content:center;padding:1rem}
.lightbox[hidden]{display:none}
.lightbox-frame{width:min(1100px,100%);aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}
.lightbox-frame iframe{width:100%;height:100%;border:0;display:block}
.lightbox-close{position:absolute;top:1rem;right:1rem;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:var(--coral);color:var(--navy);font-size:1.7rem;line-height:1;cursor:pointer;font-family:var(--sans)}
.lightbox-close:hover{background:#E8701A}
body.lightbox-open{overflow:hidden}
.kit-card{position:relative;background:var(--cream);border-radius:24px;padding:2rem 1.8rem;width:min(520px,100%);color:var(--ink)}
.kit-card h2{margin-bottom:.4rem}
.kit-card .lightbox-close{top:.8rem;right:.8rem;width:38px;height:38px;font-size:1.4rem}
.kit-form{display:grid;gap:.6rem;margin-top:1rem}
.kit-form input{padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:.95rem}
.kit-form button{padding:.8rem 1.2rem;border:0;border-radius:999px;background:var(--coral);color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.kit-privacy{font-size:.78rem;color:var(--muted);margin:.2rem 0 0}
.kit-privacy a{color:var(--accent)}

/* hidden always wins, so the Speaker Kit button and the Wired for Joy block stay off until the Flodesk codes arrive. */
[hidden]{display:none!important}

/* FAQ accordions, home page and /faq/. Native details/summary, so keyboard and screen readers work without script. 27 Sep 2026. */
.faq-list{text-align:left;margin-top:1.4rem}
details.faq{background:var(--cream);border:1px solid var(--line);border-radius:18px;margin-bottom:.7rem;overflow:hidden}
.tinted details.faq{border-color:transparent}
details.faq summary{list-style:none;cursor:pointer;padding:1rem 3rem 1rem 1.3rem;position:relative;display:block}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary h3{margin:0;font-size:1.02rem;color:var(--accent)}
details.faq summary::after{content:"+";position:absolute;right:1.1rem;top:.75rem;font-size:1.5rem;line-height:1;color:var(--coral);font-weight:700}
details.faq[open] summary::after{content:"\2212"}
details.faq summary:focus-visible{outline:3px solid var(--sun);outline-offset:-3px}
.faq-a{padding:0 1.3rem 1.1rem}
.faq-a p{max-width:none;margin:0 0 .7em}
.faq-a p:last-child{margin-bottom:0}
.faq-all{text-align:center;margin-top:1.2rem;font-weight:600}
.faq-all a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.faq-home .narrow{max-width:820px}
.faq-group h2{margin-bottom:.4rem}

.imagine-line{text-align:center;font-weight:600;font-size:1.05rem;color:var(--ink);margin:2rem auto .2rem;max-width:none}
.imagine .cta-row{margin-top:1rem}

/* Quote cards carry no decorative quotation marks (Amanda, 27 Sep 2026): the quote starts at the top of the card with normal padding. */

/* Hero buttons (27 Sep 2026): Watch Amanda solid sun with navy text, Explore Keynotes cream outline; same size; stacked full width on phones. */
.home-hero .btn.hero-watch{background:var(--sun);color:var(--navy);border:2px solid var(--sun)}
.home-hero .btn.hero-watch:hover{background:var(--cream);border-color:var(--cream);color:var(--navy)}
.home-hero .btn.hero-explore{border:2px solid var(--cream)}
.home-hero .hero-ctas .btn{min-width:11.5rem;justify-content:center;text-align:center}
@media(max-width:600px){.home-hero .hero-ctas{flex-direction:column;align-items:stretch}.home-hero .hero-ctas .btn{width:100%;min-width:0}}

/* Video facades (27 Sep 2026): a still and a play button; shell.js swaps in the player on a click, so no player code loads with the page. */
.vfacade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;margin:0;cursor:pointer;background:#0B2233;display:block;overflow:hidden;border-radius:inherit}
.vfacade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.vfacade:hover img{transform:scale(1.03)}
.vplay{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(11,34,51,.78);box-shadow:0 4px 18px rgba(0,0,0,.35)}
.vplay::after{content:"";position:absolute;left:27px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #FDF8F0}
.vfacade:hover .vplay,.vfacade:focus-visible .vplay{background:rgba(11,34,51,.95)}
.vfacade:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
/* A photo behind a .photo band, loaded lazily as an <img> instead of a CSS background (27 Sep 2026). */
.photo>.bg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}

/* Logo grid, 27 Sep 2026: fifteen logos, still, one ink colour, three rows of five; five rows of three on phones. */
.logo-grid{list-style:none;padding:0;margin:1.8rem auto 0;max-width:1000px;display:grid;grid-template-columns:repeat(5,1fr);gap:2.2rem 2.6rem;align-items:center;justify-items:center}
.logo-grid li{display:flex;align-items:center;justify-content:center;width:100%;height:68px}
.logo-grid img{max-height:68px;max-width:170px;width:auto;height:auto;object-fit:contain}
@media(max-width:700px){.logo-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem 1.4rem}.logo-grid li{height:52px}.logo-grid img{max-height:52px;max-width:100px}}
/* Hobart quote over the laughing audience: lighter overlay so faces show, card to the left (27 Sep 2026). */
.ceo-strip::after{background:linear-gradient(90deg,rgba(11,34,51,.62) 0%,rgba(11,34,51,.35) 55%,rgba(11,34,51,.12) 100%)}
.ceo-strip .wrap{display:flex;justify-content:flex-start}
.ceo-strip .quote{margin:0;max-width:560px}
.ceo-strip{padding:4rem 0}
@media(max-width:700px){.ceo-strip::after{background:rgba(11,34,51,.45)}.ceo-strip .quote{max-width:none}}
/* Videos heading and the credited line under it (27 Sep 2026). */
#watch .sec-title{margin-bottom:.3rem}
.watch-quote{font-weight:600;font-size:1.05rem;color:var(--accent);margin:0 auto 1.6rem;max-width:none}
.watch-quote span{display:block;font-weight:400;font-size:.85rem;color:var(--muted);margin-top:.2rem}
/* Latest from Amanda line (27 Sep 2026). */
.latest-line{padding:1.1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream)}
.latest-line p{margin:0;max-width:none;text-align:center;font-size:.95rem}
.latest-line .ll-label{font-weight:700;color:var(--ink)}
.latest-line a{color:var(--accent);font-weight:600}
.latest-line .ll-course{margin-left:1.4rem;font-size:.85rem;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.latest-line .ll-course{display:block;margin:.5rem 0 0}}
/* Booking form select to match the inputs (27 Sep 2026). */
.form-card select{width:100%;padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}

/* About page (28 Sep 2026): the leather jacket cutout in Her story, and Amanda on the sofa beside the closing call to action. */
.panel .about-cutout{display:block;align-self:end}
.panel .about-cutout img{width:100%;height:auto;display:block;border-radius:0}
.about-closer .wrap{display:grid;gap:2rem;align-items:center}
.about-closer-photo img{width:100%;height:auto;display:block;border-radius:24px}
.about-closer h2{margin-bottom:1rem}
@media(min-width:800px){.about-closer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:799px){.about-closer{text-align:center}.about-closer .cta-row{justify-content:center}}

/* ===== Doodles (Amanda, 28 September 2026): hand-drawn swooshes, squiggles, hearts, sparkles, stars, dots and sunbursts
   on the plain coloured sections only (never on photos, photo backgrounds or videos). Written by dd() in build/build.py;
   used on /design-preview-2 and /faq/. Each shows from its own width up (dv-w1360 = 1360px and wider) or on phones only
   (dv-ph), so it never lands on text, buttons or faces. A few move, each on its own timing. Still with reduced motion. */
.dp-doodle{position:absolute!important;pointer-events:none;z-index:1;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.d-sun{color:#FFD45E} .d-turq{color:#7FD8CE} .d-white{color:#fff}
.dp-doodle.dv{display:none}
@media(max-width:599px){.dp-doodle.dv-ph{display:block}}
@media(min-width:600px){.dp-doodle.dv-w600{display:block}}
@media(min-width:900px){.dp-doodle.dv-w900{display:block}}
@media(min-width:1024px){.dp-doodle.dv-w1024{display:block}}
@media(min-width:1100px){.dp-doodle.dv-w1100{display:block}}
@media(min-width:1200px){.dp-doodle.dv-w1200{display:block}}
@media(min-width:600px){.dp-doodle.dv-a600{display:block}}
@media(min-width:1280px){.dp-doodle.dv-w1280{display:block}}
@media(min-width:1360px){.dp-doodle.dv-w1360{display:block}}
@media(min-width:1440px){.dp-doodle.dv-w1440{display:block}}
@media(min-width:1500px){.dp-doodle.dv-w1500{display:block}}
@media(min-width:900px) and (max-width:1279px){.dp-doodle.dv-r900{display:block}}
@keyframes dd-twinkle{0%,100%{transform:scale(.84);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes dd-wiggle{0%,100%{transform:rotate(-2.5deg) scale(.98)}50%{transform:rotate(2.5deg) scale(1.03)}}
/* Every doodle moves gently (Amanda, 28 September 2026): twinkle for stars, sparkles, hearts, dots and sunbursts, a small
   wiggle for squiggles and swooshes; 3 to 6 seconds a cycle, each with its own start (--d and --dl, set per doodle);
   transform and opacity only. */
.a-tw{animation:dd-twinkle var(--d,4s) ease-in-out var(--dl,0s) infinite}
.a-wig{animation:dd-wiggle var(--d,5s) ease-in-out var(--dl,0s) infinite;transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.a-tw,.a-wig{animation:none!important;opacity:1}}
.a-tw.off,.a-wig.off{animation-play-state:paused}
.dp-ribbon.off .tw{animation-play-state:paused}

/* ===== Questions planners ask (Amanda, 28 September 2026), on /design-preview-2 and /faq/: a soft sun-yellow wash with
   bokeh; the questions on the left (about two thirds), and on the right, sticky while the questions scroll, Amanda in a
   rounded, slightly tilted frame with a small "Still have a question?" card under it. One short testimonial halfway down
   in a turquoise card. Every answer stays in the HTML as plain text. Phones: one column, photo and card after the
   questions. ===== */
.faq-sun{position:relative;overflow:clip;isolation:isolate;background:linear-gradient(180deg,#FFF3B8 0%,#FFEBA6 100%)}
.faq-sun::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 5% 12%,rgba(255,255,255,.55) 0 46px,transparent 48px),
    radial-gradient(circle at 14% 62%,rgba(255,212,94,.45) 0 30px,transparent 32px),
    radial-gradient(circle at 3% 90%,rgba(255,255,255,.45) 0 22px,transparent 24px),
    radial-gradient(circle at 48% 4%,rgba(255,255,255,.4) 0 18px,transparent 20px),
    radial-gradient(circle at 96% 8%,rgba(255,212,94,.5) 0 38px,transparent 40px),
    radial-gradient(circle at 92% 52%,rgba(255,255,255,.5) 0 56px,transparent 58px),
    radial-gradient(circle at 98% 86%,rgba(255,212,94,.4) 0 26px,transparent 28px),
    radial-gradient(circle at 56% 97%,rgba(255,255,255,.42) 0 30px,transparent 32px)}
.faq-split{display:grid;gap:2.2rem}
.faq-split .faq-main{min-width:0;text-align:left}
.faq-split .faq-main>h2{text-align:left;margin-left:0}
.faq-split .faq-list{margin-top:1rem}
.faq-split details.faq{border-color:rgba(11,34,51,.08)}
.faq-split .faq-all{text-align:left}
.faq-quote{background:var(--turquoise);border-radius:40px 10px 10px 10px;padding:1.3rem 1.5rem 1.2rem;margin:1.1rem 0 .4rem;color:var(--ink);box-shadow:0 10px 24px rgba(11,34,51,.1)}
.faq-quote blockquote{margin:0 0 .5rem;font-weight:600;font-size:1.05rem;line-height:1.4;max-width:none;color:var(--ink)}
.faq-quote figcaption{font-size:.85rem;font-weight:600;color:var(--navy)}
.faq-side-in{display:grid;gap:1.4rem;justify-items:center}
.faq-photo{margin:0;width:min(100%,340px);transform:rotate(2deg);border-radius:10px 44px 10px 44px;overflow:hidden;box-shadow:0 18px 40px rgba(11,34,51,.2);background:var(--cream)}
.faq-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%}
.faq-ask{background:var(--cream);border-radius:10px 10px 40px 10px;padding:1.3rem 1.4rem 1.4rem;text-align:center;width:min(100%,340px);box-shadow:0 10px 24px rgba(11,34,51,.1)}
.faq-ask h3{margin:0 0 .4rem;font-size:1.15rem;color:var(--accent)}
.faq-ask p{margin:0 0 .9rem;max-width:none}
.faq-ask a:not(.btn){color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(min-width:900px){
  .faq-split{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:3rem;align-items:start}
  .faq-side{align-self:stretch}
  .faq-side-in{position:sticky;top:110px}
}
.faq-page-list .faq-main>h2{margin:2.4rem 0 .4rem}
.faq-page-list .faq-main>h2:first-child{margin-top:0}
/* The small Speaker Kit link under the email in the FAQ's "Still have a question?" card (28 September 2026). */
.faq-ask .faq-kit{margin:-.5rem 0 .9rem;font-size:.9rem}
.faq-ask .faq-kit a{font-weight:600}
/* The Speaker Kit form sits on a cream card, so its fields and messages use dark text there (28 September 2026). */
.kit-card .sh-form input{background:#fff;border:1px solid rgba(11,34,51,.22);color:var(--ink)}
.kit-card .sh-form input::placeholder{color:#5b6b76}
.kit-card .sh-form-msg{color:#0A5F6E}
.kit-card .sh-form-msg.err{color:#B3261E}
.kit-card .sh-form-msg a{color:inherit;text-decoration:underline}
/* Phones: the whole wordmark, all three sets of letters included, stays on one line with the Menu button, a little
   smaller rather than dropping anything (Amanda, 28 Sep 2026). */
@media(max-width:430px){.sh-brand{gap:.35rem}.sh-brand-name{font-size:1.45rem}.sh-brand-tag{font-size:.6rem;letter-spacing:.1em}.sh-mark{height:1.45rem}}
@media(max-width:360px){.sh-brand{gap:.28rem}.sh-brand-name{font-size:1.28rem}.sh-brand-tag{font-size:.54rem;letter-spacing:.08em}.sh-mark{height:1.3rem}}

/* The TA DA celebration after a newsletter sign-up (Amanda, 1 October 2026, shell.js) */
.tada-card{text-align:center}
.tada-card img{width:min(100%,360px);height:auto;display:block;margin:0 auto .6rem}
.tada-card h2{color:var(--coral);font-size:1.5rem;margin:.2rem 0 .4rem}
.tada-card p{margin:0 auto .9rem;max-width:none}
.tada-card .btn{background:var(--coral);color:var(--navy)}

/* Skip link (8 Oct 2026): hidden until a keyboard user tabs to it, then it jumps past the menu to the main content. */
.skip-link{position:absolute;left:12px;top:-60px;z-index:10000;background:var(--navy);color:var(--cream);padding:.7rem 1.1rem;border-radius:999px;font-weight:600;text-decoration:none;transition:top .15s}
.skip-link:focus{top:12px;outline:3px solid var(--sun);outline-offset:2px}

/* Contrast fixes (8 Oct 2026). Every pair below measured under 4.5 to 1 (3 to 1 for large words) on the pages that carry it.
   Ink (#1E4D6B) on sun yellow, turquoise and sea-glass; a deeper turquoise (#086577) and grey-blue (#3F5F75) on sea-glass. */
.sun-panel a:not(.btn),.sun-panel strong,.pc-quals strong,.tw.sun figcaption,.tq-more a.tq-all,.kp-note strong{color:var(--ink)!important}
.kz-cband .eyebrow,.pr-extras .eyebrow,.pr-yt a,.latest-line a,.watch-quote .dp-q{color:#086577!important}
.kz-cband-body,.video-sub,.watch-quote span,.m-feature p,.kz-clip figcaption{color:#3F5F75!important}

/* Home page heading order (8 Oct 2026): three sentences were h3s (one before any h2). They are paragraphs now, set to look exactly as the h3s did. */
p.as-h3{font-size:1.02rem;font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0 0 .6em;color:var(--ink);text-wrap:balance;max-width:none}
.home-meet p.sec-sub{letter-spacing:-.01em}

/* Phone tap targets (8 Oct 2026): buttons and stand-alone links were 16 to 40px tall; now at least 44px. Links inside a sentence are left alone. */
@media(max-width:699px){
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .sh-brand{min-height:44px;display:inline-flex;align-items:center}
  .sh-toggle{min-height:44px}
  .sh-social a,a.sh-social{min-width:44px;min-height:44px}
  .hp-more a,.tw-all,.faq-all,.faq-kit a,.ll-course,.sh-tel a,.sh-form-note a{display:inline-block;padding-block:.78rem}
}

/* Links under the planners FAQ answer (9 Oct 2026): two links sit side by side with a gap, and wrap on phones. */
.faq-links{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;font-weight:600}
@media(max-width:1120px),(pointer:coarse){.faq-links a,.fq-links a,.wt-yt a,.pr-yt a,.kp-poster-png,.tw-all a,.sh-footer-bottom a{display:inline-block;padding-block:.7rem}}   /* finger-sized links on tablets and phones (Amanda, 11 Oct 2026) */

/* One sentence under each video saying what happens in it (Amanda, 9 Oct 2026). */
.clip-sum{margin:.5rem 0 0;font-weight:400;font-size:.92rem;line-height:1.45;max-width:none;letter-spacing:0;text-transform:none}
.kz-clip .clip-sum{text-align:center;max-width:62ch;margin-left:auto;margin-right:auto}

/* Joy at Work heading block (Amanda, 9 Oct 2026): the eyebrow, the big heading and the question share one left edge, the block itself centered */
.rj-head{display:table;margin:0 auto 1rem;text-align:left;max-width:100%}
.rj-head .eyebrow{margin:0 0 .5rem;text-align:left}
.rj-head .sec-title{margin:0 0 .3rem;text-align:left;color:var(--accent)}
.rj-head .rj-q{margin:0;text-align:left;color:var(--accent);font-weight:700;font-size:clamp(1.35rem,2.9vw,2.1rem);line-height:1.2}

.rj-head .rj-link{color:inherit;text-decoration:none}.rj-head .rj-link:hover,.rj-head .rj-link:focus-visible{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}