.case-page{background:var(--bg);color:var(--fg);min-height:100vh}.case-page__main{padding:clamp(80px,12vh,160px) clamp(20px,6vw,80px)}.case-page__back{position:fixed;top:18px;left:18px;z-index:10;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--fg-muted);text-decoration:none;background:#0a0a0bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px}.case-page__back:hover{color:var(--accent);border-color:var(--accent)}.case-page .site-footer{padding-bottom:40px}.cs__head,.cs__metrics,.cs__beat,.cs-nav{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.cs__head.is-in,.cs__metrics.is-in,.cs__beat.is-in,.cs-nav.is-in{opacity:1;transform:none}.cs-nav{max-width:720px;margin:clamp(64px,9vw,112px) auto 0;padding-top:clamp(32px,5vw,52px);border-top:1px solid var(--hairline)}.cs-nav__head{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:22px}.cs-nav__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cs-nav__item{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border-radius:14px;border:1px solid var(--hairline);background:#ffffff05;text-decoration:none;color:var(--fg);transition:border-color .2s,background .2s,transform .2s}.cs-nav__item:hover{border-color:#ffffff2e;background:#ffffff0a;transform:translateY(-3px)}.cs-nav__kind{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.cs-nav__title{font-family:var(--font-display);font-weight:600;font-size:clamp(17px,2vw,20px);line-height:1.3;color:var(--fg)}.cs-nav__go{margin-top:2px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.cs-nav__item:hover .cs-nav__go{color:var(--accent)}@media (max-width: 640px){.cs-nav__grid{grid-template-columns:1fr}}