.case-hero{background:radial-gradient(900px 400px at 90% 0%, #3A3060 0%, transparent 60%),var(--iris);color:var(--cream);padding:56px 0 64px;position:relative}
.case-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gold)}
.back{display:flex;width:fit-content;gap:8px;align-items:center;color:var(--l3);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:28px}
.back:hover{color:#fff}
.case-hero .eyebrow{color:var(--gold)}
.case-hero h1{font-size:clamp(34px,5vw,58px);color:#fff;margin:12px 0 14px}
.case-hero p{color:#CFC8DE;font-size:18px;max-width:720px;margin:0}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.meta span{border:1px solid rgba(195,177,230,.3);color:var(--l2);font-size:13px;padding:7px 14px;border-radius:999px}
.meta span b{color:var(--gold-soft);font-weight:600}
.case{padding:72px 0}
.case .layout{display:grid;grid-template-columns:1.5fr .9fr;gap:56px;align-items:start}
.case h2{font-size:clamp(26px,3vw,34px);margin:0 0 16px}
.case .block{margin-bottom:56px}
.case .block p{color:var(--muted);margin:0 0 14px}
.case .block p strong{color:var(--ink)}
.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.sidebox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.sidebox h3{font-size:18px;margin-bottom:12px}
.sidebox ul{list-style:none;margin:0;padding:0;font-size:14px;color:var(--muted)}
.sidebox li{padding:7px 0 7px 18px;border-top:1px solid var(--line);position:relative}
.sidebox li:first-child{border-top:0}
.sidebox li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.sidebox.dark{background:var(--iris);border-color:var(--iris);color:var(--cream)}
.sidebox.dark h3{color:var(--l2)}
.sidebox.dark li{color:#CFC8DE;border-color:rgba(232,225,214,.12)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpis div{background:var(--l1);border-radius:12px;padding:14px;text-align:center}
.kpis b{display:block;font-family:var(--serif);font-size:30px;color:var(--l6);line-height:1.1}
.kpis span{font-size:12px;color:var(--muted)}
.steps{counter-reset:st;display:flex;flex-direction:column;gap:14px}
.st{counter-increment:st;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px 22px 76px;position:relative}
.st::before{content:counter(st,decimal-leading-zero);position:absolute;left:22px;top:20px;font-family:var(--serif);font-size:26px;color:var(--l5);font-weight:600}
.st h3{font-size:19px;margin:0 0 6px}
.st p{margin:0!important;font-size:15px}
.st ul{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:14.5px}
.st ul li{margin:3px 0}
.callout{background:linear-gradient(135deg,#FBF4DC,#FFF);border:1px solid var(--gold-soft);border-left:4px solid var(--gold);border-radius:14px;padding:22px 24px}
.callout h3{font-size:19px;margin:0 0 8px;color:#6E5410}
.callout p,.callout li{color:#5C5140!important;font-size:15px}
.callout ul{margin:8px 0 0;padding-left:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chips span{background:var(--l1);color:var(--l6);font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.gallery figure.full{grid-column:1/-1}
.gallery img{width:100%;height:auto;display:block;background:var(--l1)}
.gallery figcaption{padding:12px 16px;font-size:13.5px;color:var(--muted)}
.gallery figure.missing{display:none}
body.draft .gallery figure.missing{display:block}
body.draft .gallery figure.missing .ph{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:repeating-linear-gradient(45deg,var(--l1),var(--l1) 12px,#F4F0FB 12px,#F4F0FB 24px);color:var(--l6);font-size:13px;font-weight:600;text-align:center;padding:16px}
body.draft .gallery figure.missing .ph code{font-size:12px;background:#fff;padding:3px 8px;border-radius:6px;color:var(--iris)}
.gallery-wrap.empty{display:none}
body.draft .gallery-wrap.empty{display:block}
.pair{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}
.pair h3{font-size:19px;margin:0 0 14px}
.pair .pg{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.pair figure{margin:0;position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--l1)}
.pair img{width:100%;height:auto;display:block}
.pair .lab{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--iris);color:var(--cream);padding:4px 9px;border-radius:999px}
.pair .lab.now{background:var(--gold);color:var(--iris)}
.pair p{margin:12px 0 0!important;font-size:14px}
.pair .pg.stack{grid-template-columns:1fr}
@media (max-width:640px){.pair .pg{grid-template-columns:1fr}}
.tablewrap{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
table.tp{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.tp th{text-align:left;background:var(--iris);color:var(--cream);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:11px 14px}
.tp td{padding:11px 14px;border-top:1px solid var(--line);color:var(--muted)}
.tp td:first-child{color:var(--ink);font-weight:600}
.tp.plan td{vertical-align:top;font-size:13.5px}
.case .layout>div{min-width:0}
.tp.plan td:first-child{white-space:nowrap}
.tp tr.dest td{background:#FBF4DC;color:#5C5140}
.tp .ab{display:inline-block;font-size:10px;font-weight:700;background:var(--l1);color:var(--l6);padding:2px 6px;border-radius:5px;margin-left:4px}
.blurstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 10px}
.blurstats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 12px;text-align:center}
.blurstats b{display:block;font-family:var(--serif);font-size:30px;color:var(--l6);filter:blur(7px);user-select:none;line-height:1.2}
.blurstats.nob b{filter:none;user-select:auto;font-size:26px}
.blurstats span{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}
.block p.small{font-size:13px}
@media (max-width:640px){.blurstats{grid-template-columns:1fr 1fr}}
.bl{filter:blur(6px);user-select:none;display:inline-block}
.nextp{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:28px;margin-top:8px}
.nextp a{text-decoration:none;color:var(--l6);font-weight:600}
.nextp a span{display:block;font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:900px){.case .layout{grid-template-columns:1fr}.side{position:static}.gallery{grid-template-columns:1fr}}