/* CASE private workspaces: evergreen, aged paper, brass and restrained editorial art. */
body{background:radial-gradient(ellipse at 85% 5%,#1a352b 0,transparent 46%),radial-gradient(ellipse at 5% 55%,#10251d 0,transparent 45%),#06130f}
.masthead{max-width:1440px;padding:24px 40px;background:linear-gradient(180deg,#06130fe8,#06130f40)}
.brand small{font-size:10px;letter-spacing:.18em}.masthead nav a{font-size:13px;text-decoration:none;color:#c1cabc;padding:8px 0;border-bottom:1px solid transparent}.masthead nav a:hover{color:#f4ddb0;border-color:#ac8d55}
main{max-width:1320px}.eyebrow{color:#aebbaa;letter-spacing:.2em;font-size:11px}.tag{background:#091710b3;border-color:#66714b80;color:#e2c68d;letter-spacing:.12em;font-size:11px;padding:6px 10px}
button{border-radius:5px;box-shadow:0 2px 0 #0003;transition:background .18s,transform .18s}button:hover:not(:disabled){transform:translateY(-1px)}button.quiet{box-shadow:none}button:focus-visible,a:focus-visible{outline-color:#e7c98e}
.card{border-color:#395044;border-radius:9px;background:linear-gradient(135deg,#122a21,#0a1c15);box-shadow:0 12px 32px #00000018}.card h3{color:#f2ebd9}.private{border-left-width:1px}
.portal-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:300px;border:1px solid #546346;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(105deg,#10271ff5 30%,#10271f66),url('../assets/ui/investigator-case-file.jpg') center/cover;box-shadow:0 18px 60px #0004;margin-bottom:28px}
.hero-copy{padding:38px 42px;align-self:center;position:relative;z-index:1}.hero-copy h1{margin:20px 0 14px;font-size:clamp(30px,3.4vw,46px);max-width:720px}.hero-copy .intro{color:#c6cdbc;font-size:17px;max-width:620px}.hero-signature{display:block;margin-top:28px;font:10px/1.8 ui-monospace,monospace;color:#a5ae93;letter-spacing:.23em}.hero-art{position:relative;min-height:300px;overflow:hidden}.hero-portrait{display:block;width:100%;height:100%;max-height:360px;object-fit:cover;object-position:center 35%;filter:saturate(.83)}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10271f 0,transparent 25%),linear-gradient(0deg,#06130fe6,transparent 35%)}.art-caption{position:absolute;bottom:20px;right:20px;z-index:1;color:#ddcdac;font:9px/1.8 ui-monospace,monospace;letter-spacing:.16em;text-align:right}
.stats{background:#0d211a;box-shadow:0 8px 22px #0002;margin:24px 0}.stats div{padding:17px 22px}.stats small{font-size:10px;letter-spacing:.1em}.stats strong{display:block;margin-top:5px;color:#e6d4ac;font-size:17px}
.workspace-grid{display:grid;grid-template-columns:215px minmax(0,1fr);gap:26px;align-items:start}.workspace-grid>.tabs{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;margin:0;position:sticky;top:20px;padding:12px;background:#0a1d16;border:1px solid #30493a;border-radius:9px}.tabs button{display:flex;gap:12px;align-items:center;text-align:left;border-color:transparent;border-radius:4px;padding:12px;font-size:14px;white-space:nowrap;box-shadow:none}.tabs button[aria-selected=true]{background:#ddc28c;color:#122117}.menu-number{font:10px ui-monospace,monospace;opacity:.6;min-width:16px}.menu-label{font:10px ui-monospace,monospace;letter-spacing:.18em;color:#93a38c;margin:4px 12px 9px}.module-panel{min-width:0}.module-panel>h2{font-size:26px}.module-panel>.grid{gap:20px}
.dossier{background:linear-gradient(145deg,#f2e8d1,#e5d5b5);color:#28352a;border:1px solid #cfb989;box-shadow:0 15px 34px #0003;position:relative;overflow:hidden;padding:28px}.dossier:after{content:'';pointer-events:none;position:absolute;inset:9px;border:1px solid #8b805139;border-radius:2px}.dossier p{color:#4c5545}.dossier h2,.dossier h3{color:#223528}.dossier h2{font-size:29px;margin:25px 0 12px}.dossier h3{font:700 11px/1.7 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;margin:23px 0 7px}.dossier-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid #8b80514a;padding-bottom:18px}.dossier-series{font:10px/1.8 ui-monospace,monospace;letter-spacing:.12em;color:#667051}.clearance-stamp{font:700 12px/1.5 ui-monospace,monospace;letter-spacing:.13em;color:#863e37;border:2px solid #863e37a0;padding:6px 10px;transform:rotate(-4deg);text-align:center;flex-shrink:0}.dossier .assignment-intro{font-size:16px;border-bottom:1px solid #8b80514a;padding-bottom:20px}.dossier-foot{margin-top:26px;padding-top:13px;border-top:1px solid #8b80514a;font:10px/1.8 ui-monospace,monospace;color:#667051;letter-spacing:.1em}.perk-card{border-top:3px solid #d6b67a}.perk-card h2{font-size:24px}.perk-steps{list-style:none;padding:0;margin:0;display:grid;gap:15px;counter-reset:steps}.perk-steps li{counter-increment:steps;padding-left:36px;position:relative;color:#b5c3b2;font-size:14px}.perk-steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;font:11px ui-monospace,monospace;color:#d5b778}.perk-steps strong{display:block;color:#eee4cd;margin-bottom:3px}.request-example{font-size:13px;border-left:2px solid #66794e;padding-left:13px;margin:4px 0;color:#c0c8b3}.perk-status{border:1px solid #647549;background:#26391f80;padding:13px 15px;border-radius:4px;color:#d9dfc8}.perk-response{background:#192f24;border-left:3px solid #d9bd81;padding:18px}.perk-response h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.perk-response p{margin:0}.support-card{padding:20px 23px;background:linear-gradient(110deg,#0a1c16e8,#0a1c16dc),url('../assets/ui/benefits/detective-communication.jpg') center/cover}
.role-choice{padding:0;overflow:hidden;position:relative}.role-choice .portrait{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.role-choice .choice-body{padding:23px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1}.role-choice h3{font-family:'Libre Baskerville',Georgia,serif;font-size:20px;margin:0}.role-choice p{font-size:14px;margin:0 0 8px}.role-choice button{margin-top:auto;width:100%}.role-choice .tag{position:absolute;top:14px;left:14px;background:#07160fde;font-size:10px}.role-choice:hover{border-color:#ad915b}.portrait-mini{width:68px;height:68px;border-radius:7px;object-fit:cover;border:1px solid #8a784e;float:right;margin:0 0 12px 18px}.role-art-note{font-size:12px;color:#a1b09a;margin:12px 0 24px}.section-intro{max-width:760px;color:#b6c2ad}
.host-grid{grid-template-columns:230px minmax(0,1fr);gap:26px}.host-grid aside{padding:12px;border:1px solid #30493a;background:#0a1d16;border-radius:9px;position:sticky;top:20px}.host-grid aside button{font-size:14px;border-color:transparent;box-shadow:none}.host-grid aside button:not(.quiet){background:#ddc28c}.host-grid section>h2{margin-top:8px}.editorial-heading{font:11px ui-monospace,monospace;letter-spacing:.17em;color:#d6b67a}.press-credentials{border-left:3px solid #bb984e;background:linear-gradient(110deg,#12261dee,#12261dcc),url('../assets/ui/benefits/character-role.jpg') center/cover}.press-credentials h2{font-size:24px}.evidence-card{position:relative;overflow:hidden;border-top:3px solid #b89759}.evidence-card:before{content:'EXHIBIT';display:block;letter-spacing:.25em;font:11px ui-monospace,monospace;color:#acb59e;margin-bottom:30px}.evidence-card h2{font-size:26px}.evidence-viewer{background:#e7dac0;color:#263829;border-color:#c5ae7c}.evidence-viewer h2,.evidence-viewer .help{color:#344532}.evidence-viewer img{margin:auto;border:1px solid #7f765b;box-shadow:0 14px 30px #0004}.vault{background:linear-gradient(110deg,#09140ff5,#15251ee8),url('../assets/ui/benefits/restricted-evidence.jpg') center/cover;border-color:#8b8050}
@media(max-width:1000px){.workspace-grid{grid-template-columns:180px minmax(0,1fr);gap:18px}.module-panel>.grid{grid-template-columns:1fr}.portal-hero{grid-template-columns:minmax(0,1fr) 240px}.hero-copy{padding:30px}.stats div{padding:15px}.host-grid{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:800px){.masthead{padding:20px}.workspace-grid,.host-grid{grid-template-columns:1fr}.workspace-grid>.tabs{position:static;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding:8px;gap:4px;scrollbar-color:#8a784e #091b15}.tabs button{flex-shrink:0;padding:11px 13px}.menu-label{display:none}.menu-number{display:none}.host-grid aside{position:static;display:flex;flex-wrap:wrap;gap:5px}.host-grid aside button{width:auto;margin:0}.portal-hero{grid-template-columns:minmax(0,1fr) 190px;min-height:270px}.hero-art{min-height:270px}.hero-copy h1{font-size:32px}.hero-signature{font-size:9px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.stats small{font-size:10px}}
@media(max-width:520px){.masthead nav{gap:8px 16px}.brand small{font-size:9px}.eyebrow{font-size:10px}.portal-hero{grid-template-columns:minmax(0,1fr) 112px;min-height:245px}.hero-copy{padding:24px 17px}.hero-copy h1{font-size:27px;overflow-wrap:anywhere}.hero-copy .intro{font-size:14px}.hero-art{min-height:245px}.hero-portrait{height:100%;max-height:none;object-position:52% center}.art-caption{display:none}.hero-signature{margin-top:18px;letter-spacing:.1em;font-size:8px}.portal-hero .tag{font-size:9px;letter-spacing:.06em;padding:5px 7px}.hero-art:after{background:linear-gradient(90deg,#10271f,transparent 40%),linear-gradient(0deg,#06130fb0,transparent 50%)}.grid.three{grid-template-columns:1fr}.role-choice .portrait{aspect-ratio:1.3/1;object-position:center 35%}.dossier{padding:24px}.dossier h2{font-size:25px}.clearance-stamp{font-size:10px;padding:5px}.dossier-series{font-size:9px}.stats strong{font-size:15px}.host-grid aside button{font-size:12px;padding:10px}.perk-card h2{font-size:23px}.tag{font-size:10px}.portrait-mini{width:56px;height:56px}}
.role-taste{font:12px/1.6 ui-monospace,monospace;color:#d8c08e;letter-spacing:.035em}.hero-portrait{filter:none}.role-choice .portrait{height:auto}.role-choice{display:flex;flex-direction:column}.role-choice .choice-body{width:100%;box-sizing:border-box}.perk-steps strong{font-size:14px}.dossier h3{font-size:12px}.eyebrow,.tag,.stats small,.editorial-heading,.dossier-series,.dossier-foot,.clearance-stamp,.hero-signature,.art-caption{font-size:12px}
@media(max-width:520px){.role-choice .portrait{aspect-ratio:1;object-position:center}.portal-hero{grid-template-columns:minmax(0,1fr)}.hero-art{height:220px;min-height:0}.hero-portrait{width:100%;height:100%;object-fit:contain;background:#0c2018}.hero-art:after{background:linear-gradient(0deg,#06130f70,transparent 25%)}.hero-copy{padding:25px}.hero-signature{font-size:10px}.hero-copy .intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover:not(:disabled){transform:none}}

.returning-entry{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 32px;margin-bottom:40px;border:1px solid #b8995e;border-radius:10px;background:linear-gradient(110deg,#1f3c2e,#12271e);box-shadow:0 14px 36px #0003}.returning-entry h2{margin:16px 0 8px;font-size:27px}.returning-entry p{margin:0}.returning-entry button{min-width:170px;min-height:52px;font-size:17px;background:#e4c58a}.returning-entry .tag{font-size:12px}
@media(max-width:600px){.returning-entry{align-items:stretch;flex-direction:column;padding:24px;gap:20px}.returning-entry h2{font-size:24px}.returning-entry button{width:100%}}

.role-claimed .portrait{filter:grayscale(1);opacity:.55}.role-claimed{border-color:#45504a;background:#111e18}.role-claimed .choice-body{opacity:.78}.role-claimed .claimed-button{opacity:1;background:#34453b;border-color:#647269;color:#e3e8df;cursor:not-allowed}.role-claimed:hover{border-color:#45504a}

.involvement-summary{display:grid;grid-template-columns:minmax(190px,1fr) 2fr;gap:24px;padding:24px 28px;margin-bottom:30px;border:1px solid #617350;border-left:3px solid #d6b67a;border-radius:8px;background:#142d22}.involvement-summary h2{font-size:25px;margin:12px 0 7px}.involvement-summary strong{font-size:15px;color:#e7d7b3}.involvement-summary p{margin:0 0 10px}.involvement-summary .help{font-size:13px;margin:0}@media(max-width:650px){.involvement-summary{grid-template-columns:1fr;gap:16px;padding:22px}}

.section-art{display:grid;grid-template-columns:1fr 230px;align-items:center;overflow:hidden;background:#14271e;border:1px solid #645839;border-radius:8px;margin:0 0 28px;min-height:152px}.section-art>div{padding:26px 30px}.section-art p{font-family:Georgia,serif;font-size:24px;line-height:1.3;margin:12px 0 0;color:#eee1c7}.section-art img{width:100%;height:170px;object-fit:cover;mask-image:linear-gradient(to right,transparent,#000 25%)}.dispatch-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.attachment{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;margin:12px 0}#upload-list{white-space:pre-line;overflow-wrap:anywhere}@media(max-width:700px){.section-art{grid-template-columns:1fr 100px}.section-art>div{padding:20px}.section-art p{font-size:20px}.section-art img{height:170px}.dispatch-grid{grid-template-columns:1fr}}

.message-alert{display:flex;align-items:center;gap:22px;padding:24px 28px;margin:0 0 24px;background:#f2d397;color:#202e22;border:2px solid #ffe9b8;border-radius:10px;box-shadow:0 8px 35px #d6b56c22}.message-alert[hidden],.message-badge[hidden]{display:none}.message-alert strong{font:700 25px/1.2 Georgia,serif;color:#172b20}.message-alert p{margin:7px 0 0;color:#344330}.message-alert button{margin-left:auto;background:#183c2a;color:#fff0cc;border-color:#183c2a;white-space:nowrap}.message-seal{font-size:40px;line-height:1}.message-badge{margin-left:auto;background:#f2d397;color:#10281c;border:1px solid #866930;border-radius:30px;min-width:25px;padding:2px 7px;font-size:12px;font-weight:800}.tabs [aria-selected=true] .message-badge{background:#173b28;color:#fff1cf}@media(max-width:600px){.message-alert{gap:12px;flex-wrap:wrap;padding:20px}.message-alert>div{flex:1;min-width:180px}.message-alert strong{font-size:22px}.message-alert button{width:100%;margin:4px 0 0}.message-seal{font-size:32px}}
