/* Seven voices, in the supplied order, with the original watercolor art. */
#speakers{display:block;padding-block:56px 64px;--speaker-gold:#b49a62}
.speakers-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:44px}
.speaker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 36px;align-items:stretch}
.speaker-card{display:flex;flex-direction:column;min-width:0;padding:30px 30px 26px;border:1px solid #dfcba9;border-radius:8px;position:relative;isolation:isolate;overflow:hidden;background:#fcf3f4;box-shadow:0 5px 22px #85395708}
/* Reuse the floral right-hand side of the first-view artwork, with a
   light reading area over it. The woman remains in the eighth grid cell. */
.speaker-card::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url('/assets/mirai-film-desktop.webp');background-size:auto 140%;background-position:right bottom;background-repeat:no-repeat;opacity:.92}
.speaker-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,rgba(244,204,220,.64),transparent 43%),radial-gradient(ellipse at 100% 6%,rgba(249,233,190,.48),transparent 36%),radial-gradient(ellipse at 0% 100%,rgba(218,199,234,.44),transparent 40%),linear-gradient(180deg,rgba(255,253,251,.44) 0%,rgba(255,253,251,.94) 25%,rgba(255,253,251,.95) 78%,rgba(255,253,251,.5) 100%)}
.speaker-identity{display:grid;grid-template-columns:116px minmax(0,1fr);gap:22px;align-items:center;min-height:124px;margin-bottom:24px}
.speaker-icon{width:116px;height:116px;border-radius:50%;position:relative;overflow:hidden;background:#f4edf0;outline:1px solid #d7c5a6;outline-offset:5px;flex-shrink:0}
.speaker-icon img{position:absolute;max-width:none;height:auto;display:block}
.speaker-role{font-family:var(--sans);font-size:.8125rem;font-weight:500;line-height:1.8;color:var(--muted);margin-bottom:8px;overflow-wrap:anywhere}
.speaker-heading h3{font-family:var(--serif);font-size:clamp(1.6rem,2.3vw,2rem);font-weight:600;letter-spacing:.04em;color:var(--rose);line-height:1.5}
.speaker-profile{font-family:var(--sans);font-size:.9375rem;line-height:1.95;color:var(--ink);overflow-wrap:anywhere}
.speaker-profile p+p{margin-top:.8em}
.speaker-speech{margin-top:auto;padding-top:24px}
.speaker-wave{display:block;width:100%;height:16px;color:var(--speaker-gold);margin-bottom:18px}
.speech-label{font-size:.75rem;letter-spacing:.08em;font-weight:500;color:var(--muted);margin-bottom:8px}
.speaker-speech h4{margin:0;font-family:var(--serif);font-size:1.18rem;font-weight:600;line-height:1.8;color:var(--rose);overflow-wrap:anywhere;min-height:4.9em}
.speaker-art{position:relative;min-height:440px;border-radius:8px;overflow:hidden;background:var(--paper)}
.speaker-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:12% center}
@media(max-width:1000px){.speaker-card{padding:26px 24px}.speaker-grid{gap:28px}.speaker-identity{grid-template-columns:96px minmax(0,1fr);gap:18px}.speaker-icon{width:96px;height:96px}.speaker-role{font-size:.75rem}.speaker-heading h3{font-size:1.7rem}}
@media(max-width:700px){#speakers{padding-block:36px 40px}.speakers-intro{grid-template-columns:1fr;gap:0;margin-bottom:28px}.speaker-grid{grid-template-columns:1fr;gap:24px}.speaker-card{padding:26px 22px}.speaker-identity{grid-template-columns:96px minmax(0,1fr);gap:22px;min-height:106px;margin-bottom:22px}.speaker-heading h3{font-size:1.85rem}.speaker-role{font-size:.8125rem}.speaker-profile{font-size:1rem;line-height:1.95}.speaker-speech h4{font-size:1.15rem;min-height:0}.speaker-art{min-height:400px;aspect-ratio:1/1.15}.speaker-art img{object-position:8% center}}
@media(max-width:360px){.speaker-card{padding:24px 18px}.speaker-identity{grid-template-columns:76px minmax(0,1fr);gap:16px}.speaker-icon{width:76px;height:76px}.speaker-heading h3{font-size:1.6rem}.speaker-role{font-size:.75rem}}
