/* MOOD pink, royal blue and Yubo yellow. Preserve the original sticker wordmark. */
:root{--headline:'Syne',sans-serif;--display:'Syne',sans-serif;--body:'Outfit',sans-serif;--ink:#12121a;--blue:#124dec;--violet:#124dec;--purple:#124dec;--lime:#f3f526;--pink:#ec2e8d;--aqua:#4fc8f4;--line:#d6dae8}
html{background:var(--blue);scroll-behavior:auto}body{background:linear-gradient(145deg,#124dec 0%,#187ded 62%,#4fc8f4 100%);background-attachment:fixed;background-size:100% 100%;font-family:var(--body);font-weight:400}.site-canvas{border-radius:16px;border:0}.site-header{min-height:112px;border-bottom:1px solid var(--ink)}.site-header .brand{width:152px!important;min-width:0}.restored-wordmark{filter:hue-rotate(-18deg);width:100%;height:auto;display:block}.site-header .nav-question{background:var(--pink);border-color:var(--pink);color:var(--ink);border-radius:6px;font-weight:800}.site-header .nav-question:hover{background:var(--blue);border-color:var(--blue);color:white}.site-header nav a{font-weight:600}.site-header nav a[aria-current=page]{color:var(--blue);border-color:var(--blue)}
h1,h2{font-family:var(--headline);font-weight:400;text-transform:none;letter-spacing:-.025em;line-height:1.16}.room-welcome{padding:28px 0}.room-welcome h1{font-size:clamp(36px,3.75vw,56px);text-transform:none;line-height:1.2;letter-spacing:-.035em}.room-welcome>p{font-size:16px;font-weight:400;max-width:370px}.room-after h2{font-size:38px;text-transform:none;line-height:1.2}.room-after .btn{background:var(--pink);color:var(--ink);border-color:var(--pink);border-radius:6px}.room-after .eyebrow{font-weight:800}.room-tabs{border-bottom:2px solid var(--blue)}.room-tabs>a,.room-tab-trigger{border-color:var(--blue)!important}.room-tabs>a:hover,.room-tab-trigger:hover{background:#e9f3ff!important}.room-tabs>a[aria-selected=true],.room-tab-trigger[data-state=active]{background:var(--lime)!important}.room-tab-trigger[data-state=active]{text-decoration-thickness:2px}
.room-scene{border-bottom:2px solid var(--blue);min-height:610px}.scene-window{min-height:610px;perspective:none}.scene-place h2{font-family:var(--body);font-weight:800;font-size:26px;line-height:1.25;letter-spacing:-.035em;max-width:480px}.scene-place>span{font-size:13px}.scene-person{border-color:var(--blue)!important;border-radius:6px!important;box-shadow:none!important}.scene-person:hover,.scene-person[aria-pressed=true]{background:var(--lime)!important;border-width:1px!important;box-shadow:0 0 0 2px var(--blue)!important}.room-conversation{background:var(--blue);color:white;min-height:610px}.speaker-name{color:var(--lime);font-weight:800}.speaker-line{font-weight:600;font-size:19px;line-height:1.6}.thought-choices button{border-color:#a3c2ff;border-radius:6px;font-weight:600}.thought-choices button:hover{background:var(--lime)!important;color:var(--ink);border-color:var(--lime)}.room-cast-note{border-color:#7e9fff}.room-cast-note a{color:var(--lime)}.conversation-next.has-answer{border-radius:6px!important}.your-thought{border-left-color:var(--pink)}.room-bottom{border-bottom-color:var(--line)}.room-expand{border-color:var(--blue);border-radius:6px}.room-expand:hover{background:var(--lime)}
.cast-heading h1,.hub h1,.about-hero h1,.ask-page h1,.section>h1{font-family:var(--headline);font-size:clamp(39px,4.6vw,66px);font-weight:400;line-height:1.14;text-transform:none;letter-spacing:-.035em}.cast-heading{border-bottom:1px solid var(--blue)}.cast-section .section-heading h2{font-size:32px}.cast-context h2{font-size:37px}.cast-solo #cast-name{font-family:var(--headline);font-weight:400;font-size:38px;line-height:1.2}.cast-detail{border-left-color:var(--blue)}.cast-conversation h3{font-family:var(--body);font-weight:800;font-size:22px;line-height:1.45}.cast-choice[aria-pressed=true]{box-shadow:0 4px 0 var(--pink)!important}.case-hero h1{font-family:var(--headline);font-weight:400;font-size:clamp(34px,3.4vw,48px);line-height:1.19;letter-spacing:-.025em}.card-copy h3{font-family:var(--headline);font-weight:400;font-size:clamp(30px,3.1vw,43px);line-height:1.2;letter-spacing:-.025em}.case-grid.related .card-copy h3{font-size:28px;line-height:1.2}.case-chapter .scene-heading h2{font-family:var(--body);font-weight:800;font-size:31px;line-height:1.25}.chapter-nav{border-bottom-color:var(--blue)}.chapter-nav a[aria-selected=true]{border-color:var(--blue)}.chapter-nav a:hover{background:#e9f3ff}.case-chapter .interactive{box-shadow:none;border-color:var(--blue);border-radius:8px}.case-pocket{box-shadow:none}.scene-dialogue{border-left-color:var(--pink)!important}.arrival-note{background:#fffcc8}.case-chapter .callout,.case-chapter .next-step{border-left-color:var(--blue)}.btn{border-radius:6px}.btn:hover{transform:none}.footer-top{border-top:2px solid var(--blue)}.footer-wordmark{display:block;width:285px!important;margin:32px 0 20px}.footer-top .btn{background:var(--pink);border-color:var(--pink);color:var(--ink)}.join-card.lime{background:#fffcc8}.ask-page form{box-shadow:none;border-color:var(--blue);border-radius:8px}
@view-transition{navigation:none}
/* Still artwork stays still. Only brief opacity changes mark a change of section. */
.scene-camera,.scene-camera img,.scene-place{transform:none!important;transition:none!important;animation:none!important}.scene-person{transform:translate(-50%,-50%)!important;transition:background-color .12s ease!important}.portrait-crop,.cast-choice:hover .portrait-crop,.speaker-portrait,.cast-detail.changed .selected-portrait,.loop-sprite,.loop-sprite.is-reacting,.entry-stage img,.card-art img,.cast-choice,.cast-invitation .portrait-crop{animation:none!important;transform:none!important;transition:none!important}.scene-window{--mx:0;--my:0}.loop-sprite.is-reacting{background-position:0 0!important}.case-card:hover .card-art img,.cast-invitation:hover .portrait-crop:nth-child(2){transform:none!important}.is-entering,.flash{animation:none!important}.room-content[data-state=active],.case-chapter:not([hidden]){animation:content-fade .16s linear}.reveal-ready{opacity:1!important;transform:none!important}.reveal-ready.is-visible{transition:none!important}@keyframes content-fade{from{opacity:.7}to{opacity:1}}
@media(max-width:1100px){.site-header .brand{width:127px!important}.site-header{min-height:96px}.site-header nav{gap:20px}.room-welcome h1{font-size:42px}.room-welcome>p{max-width:320px}.scene-place h2{font-size:24px}.case-hero h1{font-size:38px}}
@media(max-width:900px){.room-scene{min-height:0}.scene-window{min-height:0;aspect-ratio:1.55}.room-conversation{min-height:315px}.speaker-line{font-size:20px}.room-welcome h1{font-size:38px}.room-welcome>p{max-width:280px}}
@media(max-width:760px){body{padding:9px}.site-canvas{border-radius:10px}.site-header{min-height:92px}.site-header .brand{width:127px!important}.room-welcome h1{font-size:clamp(32px,8.4vw,44px);line-height:1.25}.room-welcome>p{max-width:440px;font-size:16px;margin-top:15px}.scene-window{min-height:320px;aspect-ratio:auto}.scene-place h2{font-size:22px;line-height:1.25}.scene-camera{inset:64px -8px 26px}.room-conversation{min-height:400px}.speaker-line{font-size:18px;line-height:1.6}.room-after h2{font-size:32px}.cast-heading h1,.hub h1,.about-hero h1,.ask-page h1,.section>h1{font-size:37px;line-height:1.2}.case-hero h1{font-size:32px;line-height:1.22}.card-copy h3{font-size:30px;line-height:1.23}.case-grid.related .card-copy h3{font-size:27px}.cast-solo #cast-name{font-size:29px}.cast-conversation h3{font-size:21px}.cast-context h2{font-size:32px}.case-chapter .scene-heading h2{font-size:27px}.footer-wordmark{width:235px!important}.room-shell:fullscreen .room-welcome h1{font-size:36px}}
@media(max-width:380px){.room-welcome h1{font-size:32px}.scene-place h2{font-size:20px}.scene-window{min-height:300px}.case-hero h1{font-size:29px}.cast-heading h1,.hub h1,.about-hero h1,.ask-page h1,.section>h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.room-content[data-state=active],.case-chapter:not([hidden]){animation:none}}body[data-motion=off] .room-content,body[data-motion=off] .case-chapter{animation:none}