/* A neutral screening-room palette lets each identity keep its own color. */
#caseView.logo-case{--bg:#101112;--ink:#f1f0eb;--muted:#afafaa;--faint:#858681;--line:#ffffff29;--accent:#d7dcba;--cs-paper:#101112;--cs-ink:#f1f0eb;--cs-body:#afafaa;--cs-faint:#858681;--cs-line:#ffffff29;--cs-dot:#d7dcba;color:var(--ink);background:var(--bg);font-family:var(--font-ui);color-scheme:dark;}
#caseView.logo-case .case-veil{background:#101112;}
#caseView.logo-case .case-top-scrim{background:linear-gradient(#101112 65%,#101112ee 83%,transparent);}
#caseView.logo-case .sn-panel-body{color:var(--ink);}
#caseView.logo-case .la-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;}
#caseView.logo-case .la-intro h1{font:500 clamp(60px,8vw,116px)/.98 var(--font-ui);letter-spacing:-.065em;overflow:visible;margin:22px 0 14px;}
#caseView.logo-case .la-handwritten{font:400 30px/1.4 Caveat,cursive;color:#d7dcba;margin:0;}
#caseView.logo-case .la-lead{font:400 clamp(22px,2.6vw,38px)/1.3 var(--font-ui);letter-spacing:-.035em;margin:0 0 10px;}
#caseView.logo-case .la-brief{font:14px/1.8 var(--font-ui);color:var(--muted);max-width:550px;margin:0;}
#caseView.logo-case .la-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px 0;margin:0;border-block:1px solid var(--line);}
#caseView.logo-case .la-meta dt{font:9px/1.5 var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:0 0 9px;}
#caseView.logo-case .la-meta dd{font:12px/1.6 var(--font-ui);margin:0;}
#caseView.logo-case .la-scope{font:10px/1.6 var(--font-ui);color:var(--faint);margin:0;}
#caseView.logo-case .la-film{margin:0;width:100%;}
#caseView.logo-case .la-film video{display:block;position:relative;inset:auto;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;opacity:1;background:#050505;}
#caseView.logo-case .la-film figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:13px;margin-top:12px;font:10px/1.6 var(--font-ui);color:var(--muted);}
#caseView.logo-case .la-brand-heading{display:grid;grid-template-columns:1fr .65fr;gap:7vw;align-items:end;border-top:1px solid var(--line);padding-top:32px;}
#caseView.logo-case .la-brand-heading h2{font:500 clamp(32px,4.4vw,62px)/1.1 var(--font-ui);letter-spacing:-.05em;margin:18px 0 0;max-width:650px;}
#caseView.logo-case .la-brand-heading p{font:13px/1.8 var(--font-ui);color:var(--muted);margin:0 0 3px;max-width:400px;}
#caseView.logo-case .la-sequence-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px;}
#caseView.logo-case .la-sequence-label h3{font:12px/1.6 var(--font-ui);font-weight:500;margin:0;}
#caseView.logo-case .la-sequence-label>span{font:10px/1.6 var(--font-ui);color:var(--muted);}
#caseView.logo-case .la-frames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;}
#caseView.logo-case .la-figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:10px;}
#caseView.logo-case .la-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;}
#caseView.logo-case .la-figure figcaption{font:10px/1.6 var(--font-ui);color:var(--faint);}
#caseView.logo-case .la-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start;margin:10px 0 18px;}
#caseView.logo-case .la-process>div:first-child{max-width:430px;}
#caseView.logo-case .la-process-notes h3{font:500 18px/1.4 var(--font-ui);letter-spacing:-.025em;margin:0 0 12px;}
#caseView.logo-case .la-process-notes p{font:13px/1.8 var(--font-ui);color:var(--muted);max-width:530px;margin:0 0 24px;}
#caseView.logo-case .la-heading h2{font:500 clamp(25px,2.7vw,38px)/1.2 var(--font-ui);letter-spacing:-.035em;margin:12px 0 0;}
#caseView.logo-case .la-heading p{font:13px/1.8 var(--font-ui);color:var(--muted);}
#caseView.logo-case .la-complete .la-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
#caseView.logo-case .la-complete .la-brand .sn-panel-body{gap:40px;}
#caseView.logo-case .la-complete .la-heading:not(:first-child){margin-top:24px;}
#caseView.logo-case .study-mode-switch,#caseView.logo-case .sn-slide-count,#caseView.logo-case .sn-slide-next{background:#101112;}
#caseView.logo-case .cs-nav{--progress-accent:#d7dcba;}
body:has(#caseView.logo-case.open) header.top{--h-ink:#f1f0eb;--h-muted:#afafaa;--h-icon:#101112;}
body:has(#caseView.logo-case.open) .se-image-viewer{--bg:#101112;--ink:#f1f0eb;--line:#ffffff40;color-scheme:dark;}
@media(max-width:850px){#caseView.logo-case .la-brand-heading{grid-template-columns:1fr;gap:22px;}#caseView.logo-case .la-brand-heading p{max-width:600px;}#caseView.logo-case .la-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}#caseView.logo-case .la-meta{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){#caseView.logo-case .la-intro{grid-template-columns:1fr;gap:26px;}#caseView.logo-case .la-intro h1{font-size:clamp(52px,13vw,80px);}#caseView.logo-case .la-lead{font-size:23px;}#caseView.logo-case .la-process{grid-template-columns:1fr;gap:30px;}#caseView.logo-case .la-process>div:first-child{max-width:360px;margin:0 auto;width:100%;}#caseView.logo-case .la-complete .la-frames{gap:18px;grid-template-columns:1fr;}#caseView.logo-case .la-film figcaption{flex-direction:column;gap:5px;}#caseView.logo-case .la-sequence-label>span{display:none;}#caseView.logo-case .la-brand-heading{padding-top:24px;}#caseView.logo-case .la-meta dd{font-size:11px;}#caseView.logo-case .la-brand-heading h2{font-size:35px;}}