/* Speaker profile pages: same dark stage as the homepage, photo-led hero, amber accent. */
:root{
  --bg:#0B0B0C; --surface:#141416; --surface-2:#1C1C1F; --fg:#F2F0EA; --muted:#9C998F; --line:#2A2A2E;
  --amber:#F2B33D; --amber-ink:#0B0B0C; --amber-soft:rgba(242,179,61,.14);
  --display:"Archivo","Arial Narrow",Arial,sans-serif;
  --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --bg:#F5F3EE; --surface:#FFFFFF; --surface-2:#EAE7E0; --fg:#121214; --muted:#5D5A53; --line:#DCD8CF;
  --amber:#A86B00; --amber-ink:#FFFFFF; --amber-soft:rgba(168,107,0,.12); color-scheme:light}}
:root[data-theme="light"]{
  --bg:#F5F3EE; --surface:#FFFFFF; --surface-2:#EAE7E0; --fg:#121214; --muted:#5D5A53; --line:#DCD8CF;
  --amber:#A86B00; --amber-ink:#FFFFFF; --amber-soft:rgba(168,107,0,.12); color-scheme:light}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;margin:0;overflow-x:hidden}
img{max-width:100%;display:block}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;line-height:1}
h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:850;font-stretch:115%;letter-spacing:-.015em}
h3{font-size:1.15rem;font-weight:750;line-height:1.2}
p{margin:0}
.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.lede{font-size:1.12rem;color:var(--muted);max-width:58ch}
section{padding-block:clamp(56px,8vw,104px)}
.head{display:grid;gap:12px;margin-bottom:32px;max-width:760px}

.btn{display:inline-flex;align-items:center;gap:10px;font:600 .95rem/1 var(--body);padding:15px 22px;border-radius:999px;border:1.5px solid var(--amber);background:var(--amber);color:var(--amber-ink);text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--fg)}

body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:inline-flex;text-decoration:none}
.mark{display:block;position:relative;height:40px;aspect-ratio:286/160}
.mark::before,.mark::after{content:"";position:absolute;inset:0}
.mark::before{background:var(--fg);-webkit-mask:url(/img/logo-type.png) center/contain no-repeat;mask:url(/img/logo-type.png) center/contain no-repeat;transition:background .2s}
.mark::after{background:var(--amber);-webkit-mask:url(/img/logo-line.png) center/contain no-repeat;mask:url(/img/logo-line.png) center/contain no-repeat}
.brand:hover .mark::before{background:var(--amber)}
.nav{display:flex;align-items:center;gap:24px;font-size:.93rem}
.nav a:not(.btn){text-decoration:none;color:var(--muted)}
.nav a:not(.btn):hover{color:var(--fg)}
.nav .btn{padding:11px 18px}
@media (max-width:760px){.nav a:not(.btn){display:none}}

.crumbs{font-size:.85rem;color:var(--muted);padding-top:24px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.5}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--amber)}

/* hero */
.hero{padding-block:28px clamp(48px,7vw,88px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero-grid.wide{grid-template-columns:1fr}
@media (max-width:880px){.hero-grid{grid-template-columns:1fr}.hero-grid .photo{order:-1;max-width:460px}}
.hero h1{font-size:clamp(2.8rem,8vw,6.2rem);font-weight:900;font-stretch:120%;letter-spacing:-.03em;line-height:.9;margin-top:14px}
.hero .role{font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,2vw,1.4rem);margin-top:16px}
.hero .lede{margin-top:16px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.photo{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}
.photo img{width:100%;aspect-ratio:3/4;object-fit:cover}
.hero-grid.wide .photo img{aspect-ratio:auto}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:36px}
@media (max-width:620px){.facts{grid-template-columns:1fr 1fr}}
.facts div{background:var(--surface);padding:16px 16px 18px;display:grid;gap:4px;align-content:start;min-width:0}
.facts b{font-family:var(--display);font-weight:850;font-stretch:112%;font-size:1.3rem;line-height:1.05;color:var(--amber)}
.facts span{font-size:.84rem;color:var(--muted);line-height:1.35}

/* about */
.about{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(32px,5vw,72px);align-items:start}
@media (max-width:880px){.about{grid-template-columns:1fr}}
.bio{display:grid;gap:18px;font-size:1.05rem;max-width:66ch}
.side{display:grid;gap:22px;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.side h3{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-size:.84rem;padding:6px 11px;border-radius:999px;border:1px solid var(--line)}
.side ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.93rem}
.side li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:10px;vertical-align:middle}
.side .video{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;text-decoration:none;padding:14px 16px;border-radius:12px;border:1.5px solid var(--amber);background:var(--amber-soft);color:var(--fg)}
.side .video:hover{color:var(--amber)}

/* talks */
.talks{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.talk{display:grid;gap:12px;align-content:start;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--line);min-width:0}
.talk .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.talk h3{font-size:1.25rem;font-stretch:105%}
.talk p{color:var(--muted)}
.talk ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:.93rem;border-top:1px solid var(--line);padding-top:12px}
.talk li{padding-left:18px;position:relative}
.talk li::before{content:"→";position:absolute;left:0;color:var(--amber)}
.talks.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.talks.compact .talk{padding:18px 20px}

/* gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--line)}

/* quotes */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
blockquote{margin:0;padding:28px;border-radius:18px;border:1px solid var(--line);display:grid;gap:16px;align-content:start}
blockquote p{font-family:var(--display);font-weight:600;font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.3}
blockquote cite{font-style:normal;color:var(--muted);font-size:.9rem}
blockquote cite b{color:var(--fg)}

/* related */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:760px){.related{grid-template-columns:1fr}}
.rel{display:flex;gap:16px;align-items:center;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-decoration:none}
.rel:hover{border-color:var(--amber)}
.rel img{width:72px;height:96px;object-fit:cover;border-radius:12px;flex:none}
.rel b{display:block;font-family:var(--display);font-size:1.1rem}
.rel span{display:block;font-size:.86rem;color:var(--muted);line-height:1.35;margin-top:4px}

/* cta */
.cta{border-radius:24px;padding:clamp(28px,5vw,64px);background:radial-gradient(ellipse 60% 120% at 100% 0%,var(--amber-soft),transparent 70%),var(--surface);border:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px}
.cta .lede{margin-top:12px}
.contact{display:grid;gap:4px;font-size:.95rem;color:var(--muted)}
.contact b{color:var(--fg);font-family:var(--display);font-size:1.1rem;user-select:all}

footer{border-top:1px solid var(--line);padding-block:40px;font-size:.88rem;color:var(--muted)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.foot nav{display:flex;flex-wrap:wrap;gap:18px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--amber)}

/* videos */
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,300px));gap:16px}
.vid{margin:0;display:grid;gap:12px}
.vid video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:var(--surface-2)}
.vid figcaption{display:grid;gap:2px}
.vid figcaption b{font-family:var(--display);font-size:1.05rem}
.vid figcaption span{font-size:.88rem;color:var(--muted)}

/* books */
.books{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:820px){.books{grid-template-columns:1fr}}
.book{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
@media (max-width:480px){.book{grid-template-columns:1fr}}
.book img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.book-body{display:grid;gap:12px;align-content:center;justify-items:start;padding:24px}
.book .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.book h3{font-size:1.6rem;font-stretch:110%}
.book .sub{font-family:var(--display);font-weight:600;margin-top:-6px}
.book p{color:var(--muted)}
.book .sub{color:var(--fg)}
.book .note{font-size:.85rem}
.book .note b{color:var(--fg);user-select:all}

.social{display:flex;flex-wrap:wrap;gap:8px}
.social a{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;padding:9px 14px;border-radius:999px;border:1px solid var(--line)}
.social a:hover{border-color:var(--amber);color:var(--amber)}

.cover-ph{aspect-ratio:3/4;display:grid;align-content:space-between;padding:24px;background:linear-gradient(160deg,var(--surface-2),var(--bg));border-right:1px solid var(--line)}
.cover-ph b{font-family:var(--display);font-weight:900;font-stretch:120%;font-size:1.7rem;line-height:1}
.cover-ph span{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.books.one{grid-template-columns:minmax(0,640px)}

.gallery.lead{grid-template-columns:repeat(3,1fr)}
.gallery.lead img:first-child{grid-column:span 2;aspect-ratio:auto;height:100%}
@media (max-width:700px){.gallery.lead{grid-template-columns:1fr 1fr}.gallery.lead img:first-child{aspect-ratio:3/2;height:auto}}

.gallery.lead4{grid-template-columns:repeat(3,1fr)}
.gallery.lead4 img:first-child{grid-column:1/-1;aspect-ratio:21/9}
@media (max-width:700px){.gallery.lead4{grid-template-columns:1fr 1fr}.gallery.lead4 img:first-child{aspect-ratio:3/2}.gallery.lead4 img:last-child{grid-column:1/-1;aspect-ratio:3/2}}

.gallery.lead3{grid-template-columns:1fr 1fr}
.gallery.lead3 img:first-child{grid-column:1/-1;aspect-ratio:21/9}
@media (max-width:700px){.gallery.lead3 img:first-child{aspect-ratio:3/2}}

.gallery img{object-position:center 30%}
@media (max-width:700px){.gallery.lead img:last-child:nth-child(even){grid-column:1/-1;aspect-ratio:3/2}}

/* worked with */
.worked{padding-block:0 clamp(48px,7vw,88px)}
.worked .wrap{border-block:1px solid var(--line);padding-block:24px 28px;display:grid;gap:14px}
.clients{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.clients li{font-family:var(--display);font-weight:750;font-stretch:112%;font-size:clamp(1.05rem,1.8vw,1.35rem);color:var(--muted);line-height:1.3}


/* Type pairing: Abril Fatface (fat Didone) for statements, Archivo (tight grotesque) for everything else. */
:root{--fat:"Abril Fatface","Bodoni 72","Didot",Georgia,serif;--display:"Archivo","Helvetica Neue",Arial,sans-serif;--body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-stretch:100%}
h1,h2{font-family:var(--fat);font-weight:400;font-stretch:100%;letter-spacing:-.01em;text-transform:none;line-height:.95}
h3{font-family:var(--display);font-weight:700;font-stretch:100%;letter-spacing:-.03em}
.kick{display:block;font-family:var(--display);font-weight:600;font-stretch:100%;letter-spacing:-.045em;line-height:1;font-size:.42em;margin-bottom:.06em;color:var(--fg)}
.eyebrow{font-family:var(--display);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;color:var(--amber)}
.btn{font-family:var(--display);font-weight:600;letter-spacing:-.01em}
.hero h1{font-size:clamp(3.2rem,8.6vw,7.4rem);line-height:.95}
.hero .role{font-family:var(--display);font-weight:600;letter-spacing:-.035em;font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--amber);margin-top:18px}
.facts b{font-family:var(--fat);font-weight:400;font-size:1.5rem;color:var(--amber)}
.clients li{font-family:var(--fat);font-weight:400;font-stretch:100%}
blockquote p{font-family:var(--fat);font-weight:400;letter-spacing:0;line-height:1.25}
.rel b,.talk h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em}
.book h3{font-family:var(--fat);font-weight:400;font-size:2rem}

.bio-list{margin:0;padding-left:1.2em;display:grid;gap:6px}
.bio-list li::marker{color:var(--amber)}

.gallery.grid3{grid-template-columns:repeat(3,1fr)}
@media (max-width:700px){.gallery.grid3{grid-template-columns:1fr 1fr}}

.gallery.one{grid-template-columns:minmax(0,560px)}
.gallery.one img{aspect-ratio:auto}

.gallery.two{grid-template-columns:repeat(2,minmax(0,520px))}
.gallery.two img{aspect-ratio:4/5}

@media (max-width:700px){.gallery.grid3 img:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:3/2}}

/* Showreel button: the most prominent action after booking */
.ctas{align-items:center}
.reel{display:inline-flex;align-items:center;gap:14px;padding:8px 22px 8px 8px;border-radius:999px;border:1.5px solid var(--amber);background:var(--fg);color:var(--bg);text-decoration:none;font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.01em;line-height:1.15;transition:transform .2s}
.reel:hover{transform:translateY(-2px)}
.reel-play{position:relative;flex:none;width:48px;height:48px;border-radius:50%;background:var(--amber)}
.reel-play::before{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--amber-ink)}
.reel-play::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--amber);opacity:.6;animation:reelpulse 2.2s ease-out infinite}
@keyframes reelpulse{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.35);opacity:0}}
.reel-txt small{display:block;font-family:var(--body);font-weight:600;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:2px}
@media (prefers-reduced-motion:reduce){.reel-play::after{animation:none}.reel:hover{transform:none}}

/* Wellness Women: member links */
.member-of{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.9rem;text-decoration:none;color:var(--muted);padding:6px 12px;border:1px solid var(--line);border-radius:999px}
.member-of b{color:var(--fg);font-weight:600}
.member-of:hover{border-color:var(--amber);color:var(--amber)}
.members{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:820px){.members{grid-template-columns:1fr}}
.member{display:grid;gap:8px;align-content:start;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-decoration:none}
.member:hover{border-color:var(--amber)}
.member .k:empty{display:none}
.member b{font-family:var(--fat);font-weight:400;font-size:1.7rem;line-height:1}
.member span{color:var(--muted);font-size:.95rem}
.member em{font-style:normal;font-weight:600;color:var(--amber);margin-top:6px}

.member img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:12px;margin-bottom:8px}

.talks.long{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.talks.long .talk p{color:var(--muted);line-height:1.65}
.talks.long .talk p+p{margin-top:-2px}
@media (max-width:520px){.talks.long{grid-template-columns:1fr}}

.logo{display:inline-block;background:var(--muted);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;vertical-align:middle}
.clients{align-items:center}


.clogo{display:inline-block;flex:none;width:auto;vertical-align:middle;box-sizing:content-box}
.clogo.chip{background:#fff;padding:7px 12px;border-radius:8px}
.clogo.dark{background:#141416;padding:7px 12px;border-radius:8px;border:1px solid #2A2A2E}
.clogo.tile{border-radius:8px}

/* White "has worked with" strip */
.worked .wrap{background:#0B0B0C;border:0;border-radius:18px;padding-block:22px 26px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.worked .eyebrow{color:var(--amber)}
.worked .clients li{color:#FFFFFF}
.worked .clogo.chip{background:transparent;padding:0 2px}

/* Speaker reel at top of profile */
.reel-top{padding-block:6px 0}
.reel-frame{position:relative;aspect-ratio:16/9;max-width:min(100%,calc(80svh * 16 / 9));margin-inline:auto;border-radius:22px;overflow:hidden;background:#000}
.reel-frame video{display:block;width:100%;height:100%;object-fit:cover}
.reel-sound{position:absolute;left:50%;bottom:clamp(16px,4vw,36px);transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;padding:14px 22px 14px 14px;border:0;border-radius:999px;background:var(--amber);color:var(--amber-ink);font:650 clamp(.9rem,1.6vw,1.05rem)/1.2 var(--body);cursor:pointer;box-shadow:0 10px 40px rgba(0,0,0,.45);white-space:nowrap;max-width:calc(100% - 32px)}
.reel-sound:hover{filter:brightness(1.08)}
.rs-ico{width:34px;height:34px;flex:none;border-radius:50%;background:var(--amber-ink);position:relative}
.rs-ico::after{content:"";position:absolute;left:13px;top:10px;border-left:11px solid var(--amber);border-top:7px solid transparent;border-bottom:7px solid transparent}
.rs-short{display:none}
.reel-sound[hidden]{display:none}
@media (max-width:560px){.reel-frame{border-radius:14px}.reel-sound{bottom:10px;padding:8px 14px 8px 8px;gap:8px;font-size:.85rem}.rs-ico{width:26px;height:26px}.rs-ico::after{left:10px;top:7px;border-left-width:9px;border-top-width:6px;border-bottom-width:6px}.rs-long{display:none}.rs-short{display:inline}}

/* moving client band (matches homepage) */
.worked .band{overflow:hidden;background:#0B0B0C;padding-block:26px 30px;margin-top:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.band-track{display:flex;align-items:center;gap:52px;width:max-content;animation:bandroll 40s linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.band:not(.ready) .band-track{animation-play-state:paused}
.band-track span{font-family:var(--fat);font-size:clamp(1.05rem,1.8vw,1.35rem);color:#fff;white-space:nowrap}
.band-track .clogo{flex:none}
@keyframes bandroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:760px){.band-track{gap:38px}}
@media (prefers-reduced-motion:reduce){.band-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:20px 36px;padding-inline:20px}.band-track [aria-hidden]{display:none}}