/* One connected oval paragraph with direct carousel dragging. */
.listen-about.lc-about-story { --about-ink:#20201c; --about-line:rgb(32 32 28 / 22%); padding:0; background:#fafafa; color:var(--about-ink); font:400 20px/1.4 "LC Header Garamond",Georgia,serif; }
.lc-about-story *, .lc-about-story *::before, .lc-about-story *::after { box-sizing:border-box; }
.lc-about-story [hidden] { display:none !important; }
.lc-about-story .lc-about-header-spacer { visibility:hidden; pointer-events:none; }
.lc-about-story a { color:inherit; }
.lc-about-story button { color:inherit; font:inherit; cursor:pointer; }
.lc-about-story :is(a,button):focus-visible { outline:1px solid currentColor; outline-offset:5px; }
.lc-about-stage { position:relative; padding:166px 24px 60px; }
.lc-about-stage:focus { outline:none; }
.lc-about-stage:focus-visible { outline:1px dotted var(--about-line); outline-offset:-6px; }
.lc-about-caption { position:relative; z-index:150; display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1400px; margin:auto; }
.lc-about-caption h1, .lc-about-story .lc-about-reading-toggle { margin:0; font:400 12px/1.2 "LC Header Garamond",Georgia,serif; letter-spacing:.07em; text-transform:uppercase; }
.lc-about-reading-toggle { min-height:44px; padding:10px 0; border:0; background:none; text-decoration:underline; text-underline-offset:5px; }
.lc-about-center-logo { display:block; width:min(70vw,540px); margin:65px auto; }
.lc-about-center-logo img { display:block; width:100%; height:auto; mix-blend-mode:multiply; }
.lc-about-orbit { max-width:850px; margin:auto; }
.lc-about-copy { margin:0; font-size:clamp(20px,2vw,28px); line-height:1.4; letter-spacing:-.015em; }
.lc-about-copy [id] { scroll-margin-top:190px; }
.lc-about-copy > p { margin:0; }
.lc-about-copy > p + p { margin-top:1.4em; }
.lc-about-reading-links { display:flex; flex-wrap:wrap; gap:24px; max-width:898px; margin:0 auto; padding:0 24px 50px; font-size:17px; }
.lc-about-reading-links a { text-underline-offset:5px; text-decoration-thickness:.5px; }
.lc-about-editor { max-width:920px; margin:auto; padding:60px 24px; font-size:20px; line-height:1.45; border-top:.5px solid var(--about-line); }
.lc-about-editor img,.lc-about-editor video,.lc-about-editor iframe { max-width:100%; }
.lc-about-colophon { display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px 30px; margin:0 24px; padding:26px 0; border-top:.5px solid var(--about-line); font-size:13px; }
.lc-about-colophon p { margin:0; }
.lc-about-colophon a { text-underline-offset:4px; }
/* The visual paragraph uses cached glyphs; its accessible HTML copy remains below. */
.lc-about-ribbon { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; visibility:hidden; pointer-events:none; font:400 22px/1 "LC Header Garamond",Georgia,serif; contain:strict; }
.lc-about-ribbon canvas { display:block; width:100%; height:100%; }
body:has(.lc-about-story) { background:#fafafa; }
.is-flowing .lc-about-journey { position:relative; }
.is-flowing .lc-about-stage { position:relative; height:100vh; height:100svh; overflow:hidden; padding:0; isolation:isolate; touch-action:pan-y pinch-zoom; cursor:grab; user-select:none; -webkit-user-select:none; }
.is-flowing .lc-about-stage.is-dragging { cursor:grabbing; }
.is-flowing .lc-about-ribbon { visibility:visible; }
.is-flowing .lc-about-caption { position:absolute; z-index:150; left:24px; right:24px; top:140px; pointer-events:none; }
.is-flowing .lc-about-caption button { pointer-events:auto; }
.is-flowing .lc-about-orbit { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.is-flowing .lc-about-center-logo { position:absolute; top:50%; left:50%; z-index:50; width:clamp(230px,36vw,520px); margin:0; transform:translate(-50%,-50%); pointer-events:none; opacity:.94; }
.is-flowing .lc-about-reading-links { padding-top:55px; }
.lc-about-drag-hint { position:absolute; z-index:150; bottom:max(16px,env(safe-area-inset-bottom)); left:24px; right:24px; display:flex; justify-content:space-between; align-items:center; font-size:13px; pointer-events:none; }
.lc-about-drag-hint p { margin:0; }
.lc-about-drag-hint span { margin-left:15px; }
@media (max-width:1000px) { .lc-about-stage { padding-top:190px; } .is-flowing .lc-about-caption { top:174px; } .lc-about-ribbon { font-size:20px; } }
@media (max-width:600px) {
 .lc-about-caption h1,.lc-about-reading-toggle { font-size:10px; }
 .lc-about-ribbon { font-size:18px; }
 .lc-about-colophon p { display:block; flex-basis:100%; order:3; }
}
@media print {
 .lc-about-story .lc-global-header,.lc-about-reading-toggle,.lc-about-drag-hint,.lc-about-ribbon { display:none !important; }
 .is-flowing .lc-about-journey { height:auto; }
 .is-flowing .lc-about-stage { position:relative; height:auto; overflow:visible; padding:0; }
 .is-flowing .lc-about-caption,.is-flowing .lc-about-center-logo,.is-flowing .lc-about-orbit { position:static; transform:none; margin:20px auto; width:auto; max-width:none; height:auto; opacity:1 !important; clip-path:none; overflow:visible; white-space:normal; }
 .is-flowing .lc-about-center-logo { width:260px; }
 .is-flowing .lc-about-reading-links,.is-flowing .lc-about-editor,.is-flowing .lc-about-colophon { display:block; }

}
/* Only the central mark morphs; the GPU paragraph remains a single cached draw. */
.lc-about-center-logo { position:relative; }
.lc-about-center-morph { position:absolute; inset:0; display:block; width:100%; height:100%; overflow:visible; pointer-events:none; }
.lc-about-center-morph text { font-family:"LC Header Garamond",Georgia,serif; letter-spacing:.025em; }
.lc-about-center-logo.is-morphing > img { visibility:hidden; }
.lc-about-people-note { margin:36px 0 0; text-align:center; }
.lc-about-people-note img { display:block; width:min(100%,640px); height:auto; margin:auto; }
.lc-about-people-note figcaption { margin-top:10px; font-size:16px; }
.is-flowing .lc-about-people-note { display:none; }
@media print {
 .lc-about-center-morph { display:none !important; }
 .lc-about-center-logo.is-morphing > img { visibility:visible; }
 .is-flowing .lc-about-people-note { display:block; }
}
/* Small editorial annotations sit beside the people, with hand-drawn leaders. */
.lc-about-people-labels { display:none; }
.is-flowing .lc-about-people-labels { display:block; position:absolute; inset:0; z-index:55; pointer-events:none; opacity:0; visibility:hidden; }
.is-flowing .lc-about-people-labels.is-visible { visibility:visible; }
.lc-about-role-arrows { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke:var(--about-ink); stroke-width:1; stroke-linecap:round; stroke-linejoin:round; }
.lc-about-person-role { position:absolute; width:clamp(155px,17vw,215px); font:400 14px/1.3 "LC Header Garamond",Georgia,serif; text-align:left; }
.lc-about-person-role h2 { margin:0 0 7px; font:600 14px/1.25 "LC Header Garamond",Georgia,serif; }
.lc-about-person-role p { margin:0; }
.lc-about-person-role--tanisha { left:max(24px,calc(50% - 480px)); top:calc(50% + 18px); transform:translateY(-50%); }
.lc-about-person-role--danek { right:max(24px,calc(50% - 480px)); top:calc(50% - 12px); transform:translateY(-50%); }
.lc-about-static-roles { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:640px; margin:24px auto 0; text-align:left; }
.lc-about-static-roles dt { font-weight:600; }
.lc-about-static-roles dd { margin:8px 0 0; }
@media (max-width:600px) {
 .lc-about-person-role { width:calc((100vw - 146px)/2); font-size:12px; line-height:1.22; }
 .lc-about-person-role h2 { margin-bottom:5px; font-size:12px; line-height:1.17; }
 .lc-about-person-role--tanisha { left:12px; top:calc(50% + 46px); transform:none; }
 .lc-about-person-role--danek { right:12px; top:calc(50% - 30px); transform:none; }
 .lc-about-role-arrows { stroke-width:.8; }
 .lc-about-static-roles { grid-template-columns:1fr; gap:20px; }
}
@media print { .lc-about-people-labels { display:none !important; } }