/* The demo disclosure uses the same archive palette as the investigation. */
dialog.demo-briefing {
  width:min(800px,calc(100% - 28px));
  max-height:calc(100dvh - 28px);
  padding:0;
  border:1px solid #70684d;
  border-radius:7px;
  background:radial-gradient(ellipse at 90% 0%,#34382a 0,transparent 58%),#1c2219;
  color:var(--case-theme-text);
  box-shadow:0 24px 100px #000b;
}
.demo-briefing::backdrop { background:#080e0ade; backdrop-filter:blur(5px); }
.demo-briefing-header {
  position:sticky;top:0;z-index:2;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:14px 28px;border-bottom:1px solid #ffffff18;
  background:#20261df5;
}
.demo-briefing-header>span { display:flex;gap:13px;align-items:center;color:#b9a477;font:10px/1.6 var(--case-theme-mono);letter-spacing:.06em; }
.demo-folder { position:relative;display:block;flex-shrink:0;width:25px;height:19px;border:1px solid #b9a477;border-radius:2px; }
.demo-folder::before { content:"";position:absolute;left:-1px;top:-5px;width:12px;height:5px;border:1px solid #b9a477;border-bottom:0;border-radius:2px 2px 0 0;background:#20261d; }
.demo-skip { min-height:38px;padding:8px 10px;color:#d7d0bf;font:12px var(--case-theme-sans);border:1px solid #ffffff20;border-radius:4px;background:#ffffff04;white-space:nowrap; }
.demo-skip:hover { border-color:#bfa575;background:#ffffff0c; }
.demo-skip>span { padding-left:12px; }
.demo-briefing-body { padding:25px 32px 23px; }
.demo-kicker { color:var(--case-theme-accent);font:10px/1.6 var(--case-theme-mono);letter-spacing:.1em;margin:0 0 12px; }
#demo-briefing-title { color:var(--case-theme-text);font:400 38px/1.1 var(--case-theme-serif);letter-spacing:-.035em; }
#demo-briefing-title em { color:var(--case-theme-accent);font-style:normal; }
#demo-briefing-description { max-width:650px;margin:17px 0 22px;font:13px/1.8 var(--case-theme-sans);color:#bfc2af; }
.demo-comparison { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.demo-comparison>section { padding:17px 19px;background:#22291f;border:1px solid #474e3c;border-radius:4px; }
.demo-comparison>section>span { color:#aaa994;font:8px/1.6 var(--case-theme-mono);letter-spacing:.07em; }
.demo-comparison h3 { margin:9px 0 8px;font:400 22px/1.2 var(--case-theme-serif);color:#e8dfcb; }
.demo-comparison p { margin:0;color:#b2b79f;font:12px/1.75 var(--case-theme-sans); }
.demo-comparison>.demo-premium-summary { border-color:#8d7850;background:#bfa5750a; }
.demo-premium-summary>span { color:#d2b784!important; }
.demo-catalog-label { color:#a49f8f;font:8px/1.7 var(--case-theme-mono);letter-spacing:.06em;margin:21px 0 12px; }
.demo-files { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.demo-file-card { overflow:hidden;border:1px solid #454a3c;background:#20251c;border-radius:4px;padding-bottom:12px; }
.demo-file-card>div { position:relative; }
.demo-file-card img { width:100%;height:83px;object-fit:cover;filter:saturate(.6) brightness(.72); }
.demo-file-card>div>span { position:absolute;left:10px;bottom:9px;background:#111810c9;padding:4px 6px;color:#e4d8bf;font:8px var(--case-theme-mono); }
.demo-file-card h3 { margin:12px 12px 5px;font:400 20px/1.2 var(--case-theme-serif);color:#e8dfcb; }
.demo-file-card p { margin:0 12px;color:#b7b29e;font:10px/1.5 var(--case-theme-sans); }
.demo-briefing-footer {
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px 32px 22px;border-top:1px solid #ffffff18;background:#1b2118;
}
.demo-briefing-footer>div { display:grid;gap:7px; }
.demo-briefing-footer>div>span { color:#aaa994;font:10px/1.6 var(--case-theme-sans); }
.demo-briefing-footer a { color:#bca77b;font:11px/1.6 var(--case-theme-sans);text-underline-offset:4px; }
.demo-briefing-footer .button { min-height:46px;flex-shrink:0;font-size:12px;gap:24px; }
.demo-briefing[open] .demo-briefing-body { animation:demo-brief-reveal .28s ease-out both; }
.demo-briefing[open] .demo-file-card { animation:demo-file-reveal .4s ease-out both;animation-delay:var(--brief-delay); }
.demo-briefing[open] .demo-folder::after { content:"";position:absolute;left:4px;right:4px;top:7px;height:1px;background:#c3a36d;transform-origin:left;animation:demo-line-reveal .65s ease-out both; }
.demo-briefing-trigger { cursor:pointer;min-height:38px; }
.demo-briefing-trigger:hover { border-color:#bfa575;color:#e8dfcb; }
.demo-briefing-trigger>span { width:auto;height:auto;background:none;border-radius:0;font-size:12px;color:#b9a477; }
.intro-demo-note { max-width:410px;margin:17px 0 0;padding-left:12px;border-left:1px solid #7d7352;color:#aaa994;font:11px/1.8 var(--case-theme-sans); }
.intro-demo-note strong { color:#c7b58d;font-weight:500; }
@keyframes demo-brief-reveal { from{opacity:.6;transform:translateY(6px)} to{opacity:1;transform:none} }
@keyframes demo-file-reveal { from{opacity:.45;transform:translateY(10px)} to{opacity:1;transform:none} }
@keyframes demo-line-reveal { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@media(max-width:760px) {
  .demo-briefing-header { padding:11px 18px;gap:9px; }
  .demo-briefing-header>span { font-size:8px;gap:10px;letter-spacing:0; }
  .demo-folder { width:21px;height:16px; }
  .demo-skip { font-size:11px;min-height:36px; }
  .demo-briefing-body { padding:20px 20px 19px; }
  .demo-kicker { font-size:8px;margin-bottom:11px; }
  #demo-briefing-title { font-size:30px; }
  #demo-briefing-description { font-size:12px;line-height:1.75;margin:15px 0 18px; }
  .demo-comparison { gap:8px; }
  .demo-comparison>section { padding:13px 12px; }
  .demo-comparison>section>span { font-size:7px;letter-spacing:0; }
  .demo-comparison h3 { font-size:19px;margin:8px 0; }
  .demo-comparison p { font-size:11px;line-height:1.75; }
  .demo-catalog-label { font-size:7px;margin:17px 0 10px; }
  .demo-files { gap:8px; }
  .demo-file-card img { height:65px; }
  .demo-file-card>div>span { font-size:6px;left:6px;bottom:6px;padding:3px 4px; }
  .demo-file-card h3 { font-size:17px;margin:10px 8px 5px; }
  .demo-file-card p { font-size:9px;margin:0 8px; }
  .demo-briefing-footer { align-items:stretch;flex-direction:column;gap:14px;padding:17px 20px 20px; }
  .demo-briefing-footer>div { display:flex;justify-content:space-between;gap:10px; }
  .demo-briefing-footer>div>span,.demo-briefing-footer a { font-size:9px; }
  .demo-briefing-footer .button { width:100%; }
  .intro-demo-note { font-size:10px;margin-top:15px; }
}
@media(max-width:359px) {
  .demo-briefing-header { padding-left:13px;padding-right:13px; }
  .demo-briefing-header>span { font-size:7px;gap:8px; }
  .demo-briefing-body { padding-left:15px;padding-right:15px; }
  #demo-briefing-title { font-size:27px; }
  .demo-comparison>section { padding:12px 10px; }
  .demo-comparison h3 { font-size:17px; }
  .demo-file-card h3 { font-size:15px; }
  .demo-file-card p { font-size:8px; }
  .demo-briefing-footer { padding-left:15px;padding-right:15px; }
  .demo-briefing-footer>div { flex-direction:column;gap:5px; }
}
@media(prefers-reduced-motion:reduce) {
  .demo-briefing[open] .demo-briefing-body,.demo-briefing[open] .demo-file-card,.demo-briefing[open] .demo-folder::after { animation:none;transform:none; }
}