/* The cast shares a palette, not a uniform. Shapes follow the conversation. */
:root{--curve:28px;--soft-blue:#edf5ff;--soft-pink:#fff0f7;--soft-yellow:#fcfcd8}
.site-canvas{border-radius:36px}.site-header{border-bottom:0;gap:25px;padding-block:8px}.site-header nav{padding:8px;background:var(--soft-blue);border-radius:100px;gap:5px}.site-header nav a{padding:11px 16px;border:0;border-radius:100px;white-space:nowrap}.site-header nav a[aria-current=page]{background:white;color:var(--blue)}.site-header .nav-question,.site-header .nav-question[aria-current=page]{border-radius:100px;background:var(--pink);color:var(--ink)}.nav-ready .nav-toggle{border-radius:100px}.btn,.room-after .btn,.footer-top .btn,.chapter-next,.copy-notes{border-radius:100px!important}.room-expand,.motion-toggle,.room-motion{border-radius:100px}.room-welcome{padding-top:16px;padding-bottom:34px}.room-welcome h1{max-width:660px}
.room-tabs{border:0!important;gap:8px!important;padding:7px!important;background:var(--soft-blue);border-radius:100px;width:fit-content!important;max-width:100%;height:auto!important;margin-bottom:24px}.room-tabs>a,.room-tab-trigger{border:0!important;border-radius:100px!important;min-height:46px!important;padding:12px 27px!important;flex:1!important}.room-tab-trigger[data-state=active]{text-decoration:none;box-shadow:inset 0 0 0 1px var(--ink)}.room-scene{gap:28px;border:0;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}.scene-window{border-radius:36px;min-height:610px}.scene-place{left:20px;top:15px}.scene-place>span{border:0;padding:0;font-weight:600}.scene-place h2{margin-top:8px}.scene-reference{padding:7px 12px;border-radius:30px;left:8px;bottom:10px}.scene-person{border-radius:100px!important;box-shadow:none!important;padding:9px 16px!important}.room-conversation{position:relative;border-radius:44px 44px 44px 12px;padding:28px;min-height:610px}.speaker-portrait{width:118px;height:102px;border-radius:60% 60% 50% 50%;overflow:hidden;margin-bottom:16px}.thought-choices{gap:10px}.thought-choices button{border-radius:24px!important;padding:13px 17px;line-height:1.45}.conversation-next.has-answer{border-radius:100px!important}.room-cast-note{font-size:14px;border-color:#88abfa}.room-bottom{border:0;padding:20px 0}.room-after{padding-block:50px 65px;gap:65px}.cast-invitation{border:0;background:var(--soft-yellow);border-radius:40px 100px 40px 40px;padding:22px}.cast-invitation .portrait-crop{border-radius:100%;background-color:white}.cast-invitation>span:last-child{padding-top:18px}
.cast-heading{border:0;padding-bottom:10px}.cast-section{border:0}.cast-layout{gap:60px}.cast-group-title{font:800 20px/1.4 var(--body);margin:12px 0 14px}.cast-group-note{font-size:15px;line-height:1.6;margin:-5px 0 19px}.human-choices{gap:22px 16px;margin-bottom:35px}.idea-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.cast-choice{border:0!important;border-radius:32px!important;padding:0 0 14px}.cast-choice .portrait-crop{border:1px solid var(--line);border-radius:50%!important;background-color:white;margin-bottom:12px}.cast-choice[aria-pressed=true]{box-shadow:none!important;background:var(--soft-blue)!important}.cast-choice[aria-pressed=true] .portrait-crop{border:2px solid var(--blue)}.cast-choice>span:last-child{font-size:17px!important}.cast-choice small{font-size:14px!important;line-height:1.4;padding-inline:5px}.cast-detail{border:0;border-radius:80px 80px 80px 24px;background:var(--soft-blue);padding:28px;top:20px}.cast-solo .portrait-crop{border-radius:50%;background-color:white;width:225px;margin-bottom:18px}.cast-solo #cast-name{font-size:38px}.cast-solo #cast-role{font-size:15px;margin-top:8px}.cast-conversation{margin-top:24px}.cast-conversation h3{line-height:1.5}.cast-conversation a{display:inline-block;min-height:44px;line-height:1.6}.cast-fiction-note{font-size:14px;line-height:1.6}.cast-together{gap:45px;padding-block:35px 65px}.cast-together img{border:0;border-radius:60px 60px 60px 14px}.cast-together>div:nth-child(2) img{border-radius:60px 14px 60px 60px}.cast-together p{font-size:16px;margin:17px 18px 0}.cast-context{border:0;grid-template-columns:1fr 1fr;gap:32px 65px;align-items:start}.cast-context>div{grid-row:auto}.cast-context>p{font-size:17px;line-height:1.8;max-width:590px;grid-column:1/-1}.role-thread{border-left:3px solid var(--pink);padding:0 0 0 24px}.role-thread>div+div{margin-top:23px}.role-thread span{font-size:14px;font-weight:800;color:var(--blue)}.role-thread p{font-size:18px;margin-top:6px;line-height:1.5}
.searchbox{border:0;border-radius:100px;background:var(--soft-blue);padding:16px 25px}.searchbox input{background:transparent;border:0;border-radius:100px}.filters{gap:10px}.filters button{border-radius:100px;min-height:44px;padding:11px 19px}.case-grid:not(.related){gap:52px}.case-card{border:0;padding:0;gap:35px}.card-art{border-radius:65px 65px 65px 16px;overflow:hidden}.case-card:nth-child(even) .card-art{border-radius:65px 16px 65px 65px}.case-card .card-bottom{border:0}.case-card .card-bottom>span{display:inline-block;border:1px solid var(--blue);border-radius:100px;padding:10px 18px;color:var(--blue)}.context-badge{border-radius:100px;padding:9px 15px}.case-hero-art{border-radius:48px;overflow:hidden;background:white}.scene-dialogue{margin:12px 0 0;border:0!important;border-radius:32px 32px 32px 8px!important;background:var(--soft-pink);padding:22px}.scene-dialogue q{font-size:20px;line-height:1.5}.case-crew .portrait-crop{border-radius:50%;background-color:white}.chapter-nav{border:0;background:var(--soft-blue);border-radius:100px;padding:6px;gap:4px}.chapter-nav a{margin:0;border:0;border-radius:100px;padding:13px 17px;font-size:15px}.chapter-nav a[aria-selected=true]{border:0;background:var(--lime);box-shadow:inset 0 0 0 1px var(--ink)}.chapter-host{border:0;background:var(--soft-blue);border-radius:36px 36px 36px 10px;padding:20px 24px;gap:22px}.chapter-host .portrait-crop{border-radius:50%;background-color:white}.chapter-host p{font-weight:600}.case-chapter .short-version{border:0;padding:14px 0 20px}.case-chapter .interactive{border:1px solid var(--blue);border-radius:36px!important;padding:32px;box-shadow:none}.answer{border-radius:24px!important;padding:16px 20px}.pay-result,.access-answer{border-radius:28px}.pay-studio input,.access-options button{border-radius:100px}.arrival-note{border:0;border-radius:28px 28px 28px 8px;background:var(--soft-yellow);padding:23px 28px}.case-pocket{border:0;border-radius:38px;background:var(--soft-yellow)!important;padding:30px}.case-pocket .eyebrow{display:inline-block;border-radius:0 0 16px 16px;background:var(--lime);padding:12px 18px;margin-top:-30px;margin-bottom:20px}.related .case-card{padding:0}.related .card-art{border-radius:36px}.case-quick-paths a{border-radius:100px}
.companion-label{display:block;font:800 14px/1.5 var(--body);color:var(--blue);margin-bottom:12px}.case-layout aside.companion-callout{position:static;top:auto}.case-layout .companion-callout p{font-size:17px;line-height:1.8}.companion-callout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;background:var(--soft-pink);border-radius:38px 38px 10px 38px;padding:27px;margin:32px 0}.companion-callout .portrait-crop{width:110px;border-radius:50%;background-color:white;align-self:start}.companion-callout h3{font:800 23px/1.35 var(--body);letter-spacing:-.02em}.companion-callout p{font-size:17px;line-height:1.8;margin:15px 0 0!important}.case-chapter .source-callout{position:relative;background:var(--soft-blue);border:0;border-radius:38px 12px 38px 38px;padding:28px 30px 28px 125px;margin-block:30px}.source-callout>.portrait-crop{position:absolute;left:20px;top:24px;width:82px;border-radius:50%;background-color:white}.source-callout h3{font:800 22px/1.4 var(--body);margin:0}.source-callout p{margin-bottom:0}.case-chapter .companion-next{position:relative;border:0;border-radius:38px 38px 38px 12px;background:var(--soft-yellow);padding:30px 32px 30px 145px;margin:32px 0}.companion-next>.portrait-crop{position:absolute;left:23px;top:27px;width:95px;border-radius:50%;background-color:white}.companion-next h2{font-family:var(--body);font-weight:800;font-size:27px;line-height:1.4}.companion-next .eyebrow{color:var(--blue)}
.about-art,.join-mural img{border-radius:60px 60px 16px 60px}.small-callout{background:var(--soft-yellow);border:0;border-radius:32px 32px 32px 10px;padding:25px}.ask-page form{border-radius:38px!important;background:var(--soft-blue);border:0;padding:30px}.ask-page textarea{border-radius:24px;padding:20px}.starters button{border-radius:100px}.question-reaction{background:var(--soft-pink);border-radius:32px 32px 10px 32px;padding:15px 20px;gap:20px}.question-reaction>.portrait-crop{width:115px;border-radius:50%;background-color:white}.question-reaction p{font-size:19px}.join-card{border:0;border-radius:40px;padding:32px}.join-card.aqua{background:var(--soft-blue)}.join-card.lime{background:var(--soft-yellow)}.footer-top{border:0}.footer-bottom{border-color:var(--line)}
@media(max-width:1150px){.site-header nav a{padding-inline:12px}.site-header nav{gap:2px}.room-scene{gap:18px;grid-template-columns:minmax(0,1fr) 305px}.room-conversation{padding:24px}.cast-layout{gap:35px}.cast-detail{padding:25px}}
@media(max-width:900px){.room-scene{grid-template-columns:1fr;gap:15px}.scene-window{min-height:0;aspect-ratio:1.65}.room-conversation{min-height:0;padding:28px;grid-template-columns:100px 1fr;border-radius:36px 36px 36px 12px}.speaker-portrait{width:100px;height:89px}.scene-reference{font-size:13px}.site-header nav a{padding-inline:10px}.cast-layout{gap:25px}}
@media(max-width:760px){.site-canvas{border-radius:25px}.site-header{padding-block:6px}.nav-ready .site-header nav{border-radius:24px;padding:13px;gap:6px;margin-bottom:15px}.nav-ready .site-header nav a{padding:13px 17px;min-height:44px}.room-welcome{padding-block:14px 24px}.room-tabs{width:100%!important;gap:4px!important;padding:5px!important;margin-bottom:17px}.room-tabs>a,.room-tab-trigger{font-size:14px!important;padding:11px 14px!important;min-height:46px!important}.scene-window{min-height:315px;aspect-ratio:auto;border-radius:28px}.scene-place{left:0;top:10px}.scene-camera{inset:63px -4px 35px}.scene-reference{left:0;bottom:4px;padding:5px 0;font-size:12px}.scene-person{padding:8px 12px!important;font-size:14px!important}.room-conversation{grid-template-columns:62px minmax(0,1fr);gap:13px;padding:24px 18px;border-radius:32px 32px 32px 10px}.speaker-portrait{width:62px;height:57px}.speaker-line{font-size:18px}.thought-choices{grid-template-columns:1fr}.thought-choices button{font-size:15px;border-radius:23px!important}.room-cast-note{grid-column:1/-1}.room-bottom p{font-size:13px}.room-after{padding-block:30px 45px;gap:25px}.cast-invitation{padding:17px;border-radius:30px 70px 30px 30px}.cast-layout{grid-template-columns:1fr;gap:28px}.human-choices,.idea-choices{gap:19px 9px}.cast-choice{border-radius:26px!important}.cast-choice>span:last-child{font-size:16px!important}.cast-choice small{font-size:14px!important}.cast-detail{position:static;display:grid;grid-template-columns:110px minmax(0,1fr);padding:24px 19px;gap:18px;border-radius:38px 38px 38px 12px}.cast-solo .portrait-crop{width:110px}.cast-solo #cast-name{font-size:26px}.cast-solo #cast-role{font-size:14px}.cast-conversation{margin:0}.cast-conversation h3{font-size:20px}.cast-together{grid-template-columns:1fr;gap:35px;padding-block:20px 35px}.cast-together img{border-radius:40px 40px 40px 12px}.cast-together>div:nth-child(2) img{border-radius:40px 12px 40px 40px}.cast-context{display:block;padding-block:20px}.role-thread{margin:25px 0}.cast-context>p{font-size:16px}.searchbox{border-radius:26px;padding:18px}.filters button{font-size:14px;padding:10px 15px}.case-card{gap:20px}.card-art,.case-card:nth-child(even) .card-art{border-radius:40px 40px 40px 12px}.case-hero-art{border-radius:30px}.scene-dialogue{padding:20px}.chapter-nav{border-radius:30px;padding:5px;gap:3px}.chapter-nav a{font-size:14px;padding:12px 9px}.chapter-host{grid-template-columns:65px minmax(0,1fr);gap:16px;padding:20px 17px;border-radius:28px 28px 28px 8px}.chapter-host .portrait-crop{width:65px}.chapter-host p{font-size:16px}.case-chapter .interactive{padding:23px 18px;border-radius:30px!important}.case-pocket{padding:25px 20px;border-radius:30px}.case-pocket .eyebrow{margin-top:-25px}.companion-callout{grid-template-columns:65px minmax(0,1fr);padding:23px 18px;gap:15px;border-radius:28px 28px 8px 28px}.companion-callout .portrait-crop{width:65px}.companion-callout h3{font-size:21px}.companion-callout p{font-size:16px}.case-chapter .source-callout{padding:22px;border-radius:28px 10px 28px 28px}.source-callout>.portrait-crop{position:static;float:left;width:67px;margin:0 17px 12px 0}.source-callout p{clear:both}.case-chapter .companion-next{padding:24px;border-radius:28px 28px 28px 10px}.companion-next>.portrait-crop{position:static;float:right;width:80px;margin:0 0 12px 16px}.companion-next p{clear:both}.ask-page form{padding:23px 18px;border-radius:30px!important}.question-reaction{grid-template-columns:85px minmax(0,1fr);padding:16px;gap:14px}.question-reaction>.portrait-crop{width:85px}.question-reaction p{font-size:17px}.join-card{border-radius:30px}.about-art,.join-mural img{border-radius:36px 36px 12px 36px}}
@media(max-width:380px){.room-tab-trigger{padding-inline:10px!important}.scene-window{min-height:290px}.room-conversation{grid-template-columns:50px minmax(0,1fr);padding:22px 14px}.speaker-portrait{width:50px;height:48px}.cast-detail{display:block}.cast-solo{display:grid;grid-template-columns:100px 1fr;column-gap:15px;align-items:center}.cast-solo .portrait-crop{grid-row:1/3;width:100px;margin:0}.cast-solo #cast-name{align-self:end}.cast-solo #cast-role{align-self:start}.cast-conversation{margin-top:24px}.chapter-nav a{font-size:14px;padding-inline:7px}.companion-callout{display:block}.companion-callout .portrait-crop{float:right;margin:0 0 14px 14px}.companion-callout p{clear:both}}

.portrait-crop{background-image:url('/assets/companions-v13.webp')}.portrait-crop.human-portrait{background-image:url('/assets/people-v13.webp')}

.speaker-role{display:inline-block;font-size:14px;line-height:1.4;border:1px solid #88abfa;border-radius:100px;padding:5px 11px;margin:0 0 13px;color:white}.guided-case .clip-player,.source-document,.case-film{border-radius:28px}.cast-choice small{color:var(--ink)}