/* The title is the shared object; the reading surface stays quiet. */
.project-dialog .authored-case .case-opening-heading{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:30px 0 40px}
.project-dialog .authored-case .case-opening-heading h1{width:100%;max-width:none;margin:0;line-height:1}
.project-dialog .case-opening-heading .case-introduction{max-width:58ch}
.project-dialog .case-opening-heading .case-summary{font-size:17px;line-height:1.6}
.case-title-mark{display:block;width:min(100%,var(--title-width,520px));background:currentColor;mask:var(--case-mark) left center/contain no-repeat;-webkit-mask:var(--case-mark) left center/contain no-repeat}
.case-title-mark img{display:block;width:100%;height:auto;opacity:0}
.case-title-brand{display:inline-flex;align-items:center;gap:.16em;font:500 clamp(42px,6vw,80px)/1 PromptHubBrand,Onest,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.case-title-brand img{display:block;width:.88em;height:.88em}
.project-dialog.case-in-flight{background:transparent;box-shadow:none;overflow:visible}
.case-in-flight .dialog-bar,.case-in-flight .dialog-scroll{position:relative;z-index:1;background:transparent}
.case-in-flight .dialog-scroll{overflow:hidden}
.case-motion-surface{position:absolute;inset:0;border-radius:inherit;background:var(--paper);box-shadow:0 24px 80px #1b17173b;pointer-events:none;z-index:0}
.case-title-flight{z-index:5;color:var(--ink);contain:layout style;will-change:transform}
.project-dialog[data-motion-state=enter]::backdrop{animation:case-veil-in .48s ease-out both}
.project-dialog[data-motion-state=exit]::backdrop{animation:case-veil-out .3s ease-in both}
@keyframes case-veil-in{from{background:#22211f00}to{background:#22211f80}}
@keyframes case-veil-out{from{background:#22211f80}to{background:#22211f00}}
@media(max-width:600px){
 .project-dialog .authored-case .case-opening-heading{padding:22px 0 28px;gap:20px}
 .project-dialog .case-opening-heading .case-summary{font-size:15px}
 .case-title-mark{max-width:100%}
 .case-title-brand{font-size:clamp(36px,11vw,56px)}
}
@media(prefers-reduced-motion:reduce){.project-dialog::backdrop{animation:none!important}.case-title-flight{display:none}}