.training-case{position:relative;transition:box-shadow .2s,transform .2s}
.training-case:hover{transform:translateY(-3px);box-shadow:0 12px 32px #20133512}
.training-case:focus-within{outline:3px solid var(--orange);outline-offset:4px}
.training-case-open{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:0;border:0;background:none;color:var(--ink);font:700 13px 'DM Sans',sans-serif;cursor:pointer}
.training-case-open::after{content:'';position:absolute;inset:0;border-radius:16px}
.training-case-open:focus-visible{outline:none}
.training-case-open>span{color:var(--accent)}
.training-case[data-case=claudia] .training-case-photo>img:first-child{object-position:center 48%}
.training-case[data-case=javara] .training-case-photo>img:first-child{object-position:center 58%}
.training-case[data-case=kestrel] .training-case-photo>img:first-child{object-position:center 38%}
.training-case[data-case=javara] .training-case-logo{filter:none}
.case-brief-open{overflow:hidden}
#case-brief-dialog{width:min(1000px,calc(100% - 40px));max-width:1000px;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #e8e2ed;border-radius:24px;overflow:auto;overscroll-behavior:contain;background:#fff;color:var(--ink);box-shadow:0 30px 100px #140b3040}
#case-brief-dialog::backdrop{background:#171322a6;backdrop-filter:blur(7px)}
.case-brief-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);min-height:560px}
.case-brief-art{position:relative;min-height:100%;overflow:hidden;background:#211c32}
.case-brief-art>[data-brief-image]{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-brief-art::after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 42%);pointer-events:none}
.case-brief-art>[data-brief-logo]{position:absolute;z-index:1;left:26px;top:28px;width:155px;height:44px;object-fit:contain;object-position:left center}
#case-brief-dialog[data-case=claudia] [data-brief-image]{object-position:80% center}
#case-brief-dialog[data-case=javara] [data-brief-image]{object-position:51% center}
#case-brief-dialog[data-case=kestrel] [data-brief-image]{object-position:90% center}
.case-brief-content{padding:42px 38px 38px;min-width:0}
#case-brief-dialog .case-brief-method{max-width:calc(100% - 20px);margin:0 0 9px;color:#756d80;font-size:11px;line-height:1.5;letter-spacing:.035em}
#case-brief-dialog h2{margin:0 0 30px;font-size:38px;line-height:1.1;letter-spacing:-.045em}
.case-brief-content section+section{margin-top:25px}
.case-brief-content h3{font-size:15px;margin:0 0 8px;font-weight:750}
.case-brief-content section p{margin:0;color:#655e6e;font-size:15px;line-height:1.65}
#case-brief-dialog .case-brief-question{margin:28px 0 0;padding-top:24px;border-top:1px solid #eee9f2;color:#5b4ce5;font-size:23px;line-height:1.32;font-weight:750;letter-spacing:-.025em;text-wrap:balance}
.case-brief-close{position:absolute;z-index:2;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #eae5ef;border-radius:50%;background:#fff;color:#302a39;font-size:23px;line-height:1;cursor:pointer}
.case-brief-close:hover{background:#f4f0fa}
.case-brief-close:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:700px){
 #case-brief-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:20px}
 .case-brief-layout{grid-template-columns:1fr;min-height:0}
 .case-brief-art{height:190px;min-height:190px}
 .case-brief-art>[data-brief-image]{object-position:center 48%!important}
 .case-brief-art>[data-brief-logo]{left:22px;top:22px;width:130px;height:36px}
 .case-brief-content{padding:25px 24px 28px}
 #case-brief-dialog h2{font-size:31px;margin-bottom:24px}
 #case-brief-dialog .case-brief-question{font-size:21px;margin-top:24px;padding-top:20px}
 .case-brief-close{position:sticky;float:right;top:10px;margin:10px 10px -44px 0}
}
@media(prefers-reduced-motion:reduce){.training-case{transition:none}.training-case:hover{transform:none}}