/* Danielle Izaak-Lewis speaker page · static Netlify export */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&display=swap");

.dil-speaker {
  --dil-cream: #fffdf8;
  --dil-ink: #141617;
  --dil-red: #d00000;
  --dil-plum: #7c007c;
  --dil-gold: #c38b00;
  --dil-green: #4a9529;
  color: var(--dil-ink);
  background: var(--dil-cream);
  font: 400 16px/1.5 "Inter", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  overflow: hidden;
}
.dil-speaker, .dil-speaker * { box-sizing: border-box; }
.dil-speaker :is(h1,h2,h3,p,figure,blockquote,ul) { margin: 0; padding: 0; }
.dil-speaker :is(h1,h2,h3) { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; color: inherit; }
.dil-speaker img { display: block; max-width: 100%; }
.dil-speaker a { color: inherit; text-decoration: none; }
.dil-speaker a:focus-visible { outline: 2px solid var(--dil-red); outline-offset: 4px; }
.dil-speaker a:hover { text-decoration: none; }
.dil-speaker .dil-shell { width: min(calc(100% - 48px), 1280px); margin: 0 auto; }
.dil-speaker .dil-display { letter-spacing: -.045em; line-height: .99; }
.dil-speaker .dil-eyebrow { font: 700 11px/1.5 "Inter", Arial, sans-serif; text-transform: uppercase; letter-spacing: .22em; }
.dil-speaker .dil-body { line-height: 1.75; }
.dil-speaker .dil-muted { color: #57534d; }
.dil-speaker .dil-section { padding: clamp(88px, 10vw, 160px) 0; scroll-margin-top: 84px; }
.dil-speaker .dil-section-title { font-size: clamp(44px, 5vw, 82px); }
.dil-speaker .dil-rule-label { display: flex; align-items: center; gap: 16px; }
.dil-speaker .dil-rule-label::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .25; }
.dil-speaker .dil-skip { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.dil-speaker .dil-skip:focus { position: fixed; top: 12px; left: 12px; z-index: 100; width: auto; height: auto; clip-path: none; background: white; padding: 12px; }

/* Header and conversion */
.dil-speaker .dil-header { position: sticky; top: 0; z-index: 30; background: rgba(255,253,248,.97); border-bottom: 1px solid rgba(20,22,23,.15); backdrop-filter: blur(12px); }
.dil-speaker .dil-header-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dil-speaker .dil-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dil-speaker .dil-brand > img { width: 36px; height: 36px; flex: none; object-fit: contain; }
.dil-speaker .dil-brand-text { display: flex; flex-direction: column; line-height: 1; }
.dil-speaker .dil-brand-name { font: 400 19px/1 "DM Serif Display", Georgia, serif; letter-spacing: -.02em; }
.dil-speaker .dil-brand-sub { margin-top: 4px; color: var(--dil-plum); font-size: 9px; font-weight: 700; letter-spacing: .21em; text-transform: uppercase; }
.dil-speaker .dil-nav { display: flex; align-items: center; gap: 28px; font-size: 12px; font-weight: 600; }
.dil-speaker .dil-nav a:hover, .dil-speaker .dil-footer a:hover { color: var(--dil-red); }
.dil-speaker .dil-header-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: none; min-height: 42px; padding: 10px 19px; border: 1px solid var(--dil-ink); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.dil-speaker .dil-header-cta:hover { color: var(--dil-cream); background: var(--dil-ink); }
.dil-speaker .dil-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 24px; font-size: 14px; font-weight: 700; line-height: 1.4; }
.dil-speaker .dil-button-red { color: var(--dil-cream); background: var(--dil-red); }
.dil-speaker .dil-button-red:hover { background: #ac0000; }
.dil-speaker .dil-button-cream { color: var(--dil-ink); background: var(--dil-cream); }
.dil-speaker .dil-button-cream:hover { background: #f1e8d9; }
.dil-speaker .dil-text-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.dil-speaker .dil-text-link:hover { color: var(--dil-red); text-decoration: underline; }

/* Hero and immediate credibility */
.dil-speaker .dil-hero-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 40px; padding-top: clamp(48px,6vw,80px); padding-bottom: clamp(56px,7vw,96px); }
.dil-speaker .dil-hero-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.dil-speaker .dil-kicker { position: relative; padding-left: 44px; margin-bottom: 32px !important; color: var(--dil-plum); }
.dil-speaker .dil-kicker::before { content: ""; position: absolute; top: 8px; left: 0; width: 32px; height: 1px; background: var(--dil-plum); }
.dil-speaker .dil-hero-title { font-size: clamp(58px, 7.25vw, 115px); max-width: 780px; }
.dil-speaker .dil-hero-title em { font-style: italic; color: var(--dil-red); }
.dil-speaker .dil-hero-subtitle { max-width: 560px; margin-top: 20px !important; font: 400 clamp(25px, 2.4vw, 34px)/1.17 "DM Serif Display", Georgia, serif; letter-spacing: -.02em; }
.dil-speaker .dil-hero-question { max-width: 550px; margin-top: 28px !important; font-size: clamp(18px,1.6vw,21px); line-height: 1.55; letter-spacing: -.02em; }
.dil-speaker .dil-hero-description { max-width: 525px; margin-top: 16px !important; color: #454544; }
.dil-speaker .dil-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 32px; }
.dil-speaker .dil-hero-visual { position: relative; min-height: 690px; }
.dil-speaker .dil-hero-gold { position: absolute; left: -16px; bottom: -16px; width: 67%; height: 67%; background: var(--dil-gold); }
.dil-speaker .dil-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 47% center; }
.dil-speaker .dil-photo-label { position: absolute; bottom: 0; right: 0; max-width: 80%; padding: 20px 28px; background: var(--dil-ink); color: var(--dil-cream); font: 400 24px/1.2 "DM Serif Display", Georgia, serif; }
.dil-speaker .dil-photo-label .dil-eyebrow { display: block; margin-bottom: 4px; color: var(--dil-gold); }
.dil-speaker .dil-credibility { padding: 34px 0 40px; background: #f4efe5; border-block: 1px solid rgba(20,22,23,.15); }
.dil-speaker .dil-credibility h2 { color: var(--dil-plum); margin-bottom: 24px; }
.dil-speaker .dil-credibility ul { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px 26px; list-style: none; }
.dil-speaker .dil-credibility li { border-left: 2px solid var(--dil-gold); padding-left: 12px; font-size: 14px; font-weight: 600; line-height: 1.35; }

/* Talks */
.dil-speaker .dil-talk { background: var(--dil-ink); color: var(--dil-cream); }
.dil-speaker .dil-talk-grid { display: grid; grid-template-columns: .36fr .64fr; gap: 64px; }
.dil-speaker .dil-talk .dil-eyebrow { color: var(--dil-gold); }
.dil-speaker .dil-section-aside { max-width: 310px; margin-top: 32px !important; color: rgba(255,253,248,.67); font-size: 14px; line-height: 1.65; }
.dil-speaker .dil-talk-title { font-size: clamp(52px,6vw,105px); }
.dil-speaker .dil-talk-title span { color: #c47c3f; }
.dil-speaker .dil-talk-subtitle { max-width: 720px; margin-top: 20px !important; color: #e8d8c2; font: 400 clamp(25px,2.6vw,34px)/1.2 "DM Serif Display", Georgia, serif; }
.dil-speaker .dil-talk-details { display: grid; grid-template-columns: 1.15fr .85fr; gap: 32px; padding-top: 32px; margin-top: 40px; border-top: 1px solid rgba(255,253,248,.25); color: rgba(255,253,248,.83); }
.dil-speaker .dil-signal { border-left: 2px solid var(--dil-green); padding-left: 20px; }
.dil-speaker .dil-signal p { margin-top: 12px; }
.dil-speaker .dil-recording-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 40px; border-bottom: 1px solid var(--dil-gold); padding-bottom: 8px; color: var(--dil-cream); font-size: 14px; font-weight: 600; }
.dil-speaker .dil-recording-link:hover { color: #e8bd66; }
.dil-speaker .dil-topics-grid { display: grid; grid-template-columns: .37fr .63fr; gap: 64px; }
.dil-speaker .dil-topics .dil-eyebrow, .dil-speaker .dil-experience .dil-eyebrow, .dil-speaker .dil-meet .dil-eyebrow, .dil-speaker .dil-voices .dil-eyebrow { color: var(--dil-plum); }
.dil-speaker .dil-topics h2 { margin-top: 28px; }
.dil-speaker .dil-topics-grid > div:first-child > .dil-body { max-width: 390px; margin-top: 24px; }
.dil-speaker .dil-topic { display: grid; grid-template-columns: 150px 1fr; gap: 16px; padding: 28px 0; border-top: 1px solid rgba(20,22,23,.2); }
.dil-speaker .dil-topic:nth-of-type(3) { border-bottom: 1px solid rgba(20,22,23,.2); }
.dil-speaker .dil-topic > .dil-eyebrow { padding-top: 8px; color: var(--dil-red); }
.dil-speaker .dil-topic h3 { font-size: clamp(26px,2.5vw,32px); line-height: 1.12; }
.dil-speaker .dil-topic .dil-body { margin-top: 12px; }
.dil-speaker .dil-development { margin-top: 36px; border-left: 2px solid var(--dil-plum); background: #f4efe5; padding: 18px 20px; }
.dil-speaker .dil-development p:nth-child(2) { margin-top: 8px; font: 400 20px/1.2 "DM Serif Display", Georgia, serif; }
.dil-speaker .dil-development span { display: block; margin-top: 4px; color: #57534d; font-size: 14px; }

/* Engagements and portrait */
.dil-speaker .dil-experience { background: #ebe3d6; }
.dil-speaker .dil-experience-heading { display: grid; grid-template-columns: .45fr .55fr; gap: 32px; align-items: end; margin-bottom: 48px; }
.dil-speaker .dil-experience-heading h2 { margin-top: 20px; }
.dil-speaker .dil-experience-heading > p { max-width: 520px; }
.dil-speaker .dil-experience-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.dil-speaker .dil-engagement { min-width: 0; padding: 30px; background: var(--dil-cream); border-top: 3px solid var(--dil-red); }
.dil-speaker .dil-engagement-keynote .dil-eyebrow { color: var(--dil-red); }
.dil-speaker .dil-engagement-institutional { border-color: var(--dil-plum); }
.dil-speaker .dil-engagement-youth { border-color: var(--dil-green); }
.dil-speaker .dil-engagement-youth .dil-eyebrow { color: var(--dil-green); }
.dil-speaker .dil-engagement h3 { margin-top: 28px; font-size: 28px; line-height: 1.13; }
.dil-speaker .dil-engagement > .dil-body { margin-top: 16px; font-size: 14px; }
.dil-speaker .dil-engagement ul { margin-top: 24px; list-style: none; }
.dil-speaker .dil-engagement li + li { margin-top: 20px; }
.dil-speaker .dil-engagement li { font-size: 15px; line-height: 1.4; }
.dil-speaker .dil-engagement li strong { font-weight: 600; }
.dil-speaker .dil-engagement li span { display: block; margin-top: 4px; color: #67615b; font-size: 14px; }
.dil-speaker .dil-engagement-end { margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(20,22,23,.15); font: 400 20px/1.2 "DM Serif Display", Georgia, serif; }
.dil-speaker .dil-meet-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(40px,7vw,96px); }
.dil-speaker .dil-portrait { width: 100%; max-width: 430px; aspect-ratio: 4/5; margin-inline: auto; background: #d7d9db; overflow: hidden; }
.dil-speaker .dil-portrait img { width: 100%; height: 100%; object-fit: cover; }
.dil-speaker .dil-meet h2 { margin-top: 24px; }
.dil-speaker .dil-meet h2 span { color: var(--dil-red); }
.dil-speaker .dil-meet-intro { max-width: 620px; margin-top: 28px !important; font-size: 18px; line-height: 1.65; }
.dil-speaker .dil-meet .dil-body { max-width: 620px; margin-top: 20px; }
.dil-speaker .dil-meet .dil-text-link { margin-top: 28px; }

/* Recording, testimonials, booking */
.dil-speaker .dil-video { background: var(--dil-plum); color: var(--dil-cream); }
.dil-speaker .dil-video-grid { display: grid; grid-template-columns: 1fr .9fr; }
.dil-speaker .dil-video-copy { padding: 90px 64px 90px 0; }
.dil-speaker .dil-video .dil-eyebrow { color: #e8bd66; }
.dil-speaker .dil-video-copy h2 { margin-top: 24px; }
.dil-speaker .dil-video-copy .dil-body { max-width: 520px; margin-top: 24px; color: rgba(255,253,248,.84); }
.dil-speaker .dil-video-copy .dil-button { margin-top: 32px; }
.dil-speaker .dil-video-card { display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; border-left: 1px solid rgba(255,253,248,.15); padding: 48px; background: #611061; color: var(--dil-cream); }
.dil-speaker .dil-video-card-middle { display: flex; justify-content: space-between; align-items: end; gap: 20px; font: 400 clamp(45px,4vw,70px)/.98 "DM Serif Display", Georgia, serif; letter-spacing: -.04em; }
.dil-speaker .dil-video-card-middle em { font-weight: 400; }
.dil-speaker .dil-play { display: flex; align-items: center; justify-content: center; flex: none; width: 64px; height: 64px; border-radius: 50%; background: var(--dil-cream); color: var(--dil-red); font: 20px/1 "Inter", Arial, sans-serif; }
.dil-speaker .dil-video-caption { color: rgba(255,253,248,.75) !important; }
.dil-speaker .dil-voices h2 { margin-top: 20px; }
.dil-speaker .dil-quotes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px; margin-top: 48px; }
.dil-speaker .dil-quotes figure { padding: 28px 0; border-top: 2px solid var(--dil-red); }
.dil-speaker .dil-quote-mark { display: block; height: 60px; color: var(--dil-red); font: 60px/1 "DM Serif Display", Georgia, serif; }
.dil-speaker .dil-quotes blockquote { font: 400 clamp(25px,2.5vw,32px)/1.17 "DM Serif Display", Georgia, serif; letter-spacing: -.025em; }
.dil-speaker .dil-quotes figcaption { margin-top: 32px; border-left: 2px solid var(--dil-gold); padding-left: 16px; font-size: 14px; line-height: 1.6; }
.dil-speaker .dil-quotes figcaption strong, .dil-speaker .dil-quotes figcaption span { display: block; }
.dil-speaker .dil-quotes figcaption span { color: #67615b; }
.dil-speaker .dil-book { padding: 96px 0; background: var(--dil-ink); color: var(--dil-cream); scroll-margin-top: 72px; }
.dil-speaker .dil-book-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 40px; }
.dil-speaker .dil-book .dil-eyebrow { color: var(--dil-gold); }
.dil-speaker .dil-book h2 { max-width: 740px; margin-top: 24px; font-size: clamp(48px,5.7vw,96px); }
.dil-speaker .dil-book-grid > div:last-child { padding-left: 48px; }
.dil-speaker .dil-book-grid > div:last-child > p:first-child { max-width: 460px; color: rgba(255,253,248,.85); font-size: 18px; line-height: 1.65; }
.dil-speaker .dil-book .dil-button { margin-top: 32px; }
.dil-speaker .dil-book-small { margin-top: 16px !important; color: rgba(255,253,248,.7); font-size: 13px; line-height: 1.6; }
.dil-speaker .dil-book-small a { color: var(--dil-cream); text-decoration: underline; }
.dil-speaker .dil-inquiry-form { max-width: 720px; margin-top: 32px; padding-top: 32px; border-top: 1px solid rgba(255,253,248,.24); }
.dil-speaker .dil-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.dil-speaker .dil-form-field { min-width: 0; }
.dil-speaker .dil-form-wide { grid-column: 1 / -1; }
.dil-speaker .dil-form-field label { display: block; color: var(--dil-cream); font-size: 13px; font-weight: 600; line-height: 1.4; }
.dil-speaker .dil-form-field label span { color: rgba(255,253,248,.58); font-weight: 400; }
.dil-speaker .dil-form-field input, .dil-speaker .dil-form-field select, .dil-speaker .dil-form-field textarea { display: block; width: 100%; min-height: 48px; margin-top: 8px; border: 1px solid rgba(255,253,248,.38); border-radius: 0; padding: 12px 14px; background: var(--dil-cream); color: var(--dil-ink); font: 400 15px/1.5 "Inter", Arial, sans-serif; }
.dil-speaker .dil-form-field textarea { min-height: 112px; resize: vertical; }
.dil-speaker .dil-form-field input:focus, .dil-speaker .dil-form-field select:focus, .dil-speaker .dil-form-field textarea:focus { outline: 2px solid var(--dil-gold); outline-offset: 2px; }
.dil-speaker .dil-inquiry-form > .dil-button { margin-top: 24px; border: 0; border-radius: 0; cursor: pointer; font-family: "Inter", Arial, sans-serif; }
.dil-speaker .dil-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.dil-speaker .dil-thanks { min-height: 74vh; display: grid; place-items: center; text-align: center; }
.dil-speaker .dil-thanks-card { max-width: 720px; padding: 80px 0; }
.dil-speaker .dil-thanks-card .dil-eyebrow { color: var(--dil-plum); }
.dil-speaker .dil-thanks-card h1 { margin-top: 24px; font-size: clamp(48px,7vw,88px); }
.dil-speaker .dil-thanks-card p { max-width: 560px; margin: 24px auto 0; color: #57534d; font-size: 18px; line-height: 1.7; }
.dil-speaker .dil-thanks-card .dil-button { margin-top: 32px; }
.dil-speaker .dil-footer { padding: 38px 0; background: #f4efe5; }
.dil-speaker .dil-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.dil-speaker .dil-footer-brand { display: flex; align-items: center; gap: 12px; }
.dil-speaker .dil-footer-brand > span { width: 4px; height: 40px; background: var(--dil-red); }
.dil-speaker .dil-footer-brand strong { display: block; font: 400 21px/1.2 "DM Serif Display", Georgia, serif; }
.dil-speaker .dil-footer-brand small { display: block; color: #57534d; font-size: 12px; }
.dil-speaker .dil-footer nav { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 12px; font-weight: 600; }

@media (max-width: 1050px) {
  .dil-speaker .dil-nav { display: none; }
  .dil-speaker .dil-hero-grid, .dil-speaker .dil-talk-grid, .dil-speaker .dil-topics-grid { grid-template-columns: 1fr; }
  .dil-speaker .dil-hero-visual { min-height: 620px; }
  .dil-speaker .dil-talk-grid, .dil-speaker .dil-topics-grid { gap: 40px; }
  .dil-speaker .dil-credibility ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .dil-speaker .dil-experience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dil-speaker .dil-engagement-youth { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .dil-speaker .dil-shell { width: min(calc(100% - 40px), 1280px); }
  .dil-speaker .dil-section { padding: 88px 0; }
  .dil-speaker .dil-brand-name { font-size: 17px; }
  .dil-speaker .dil-brand-sub { font-size: 8px; }
  .dil-speaker .dil-header-cta { padding: 8px 12px; font-size: 10px; }
  .dil-speaker .dil-hero-grid { gap: 44px; padding-top: 48px; padding-bottom: 68px; }
  .dil-speaker .dil-hero-title { font-size: clamp(56px,11vw,80px); }
  .dil-speaker .dil-hero-actions { align-items: flex-start; flex-direction: column; }
  .dil-speaker .dil-hero-visual { min-height: 450px; }
  .dil-speaker .dil-photo-label { padding: 14px 16px; font-size: 19px; }
  .dil-speaker .dil-credibility ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dil-speaker .dil-talk-details, .dil-speaker .dil-experience-heading, .dil-speaker .dil-experience-grid, .dil-speaker .dil-meet-grid, .dil-speaker .dil-video-grid, .dil-speaker .dil-quotes, .dil-speaker .dil-book-grid { grid-template-columns: 1fr; }
  .dil-speaker .dil-engagement-youth { grid-column: auto; }
  .dil-speaker .dil-topic { grid-template-columns: 1fr; gap: 12px; }
  .dil-speaker .dil-topic > .dil-eyebrow { padding-top: 0; }
  .dil-speaker .dil-meet-grid { gap: 44px; }
  .dil-speaker .dil-video-copy { padding: 72px 0; }
  .dil-speaker .dil-video-card { min-height: 300px; padding: 30px; border-left: 0; }
  .dil-speaker .dil-quotes { gap: 0; }
  .dil-speaker .dil-book { padding: 72px 0; }
  .dil-speaker .dil-book-grid > div:last-child { padding-left: 0; }
  .dil-speaker .dil-form-grid { grid-template-columns: 1fr; }
  .dil-speaker .dil-form-wide { grid-column: auto; }
  .dil-speaker .dil-footer-inner { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: no-preference) { html:has(.dil-speaker) { scroll-behavior: smooth; } }