:root{--bg:#161109;--card:#221a10;--ink:#f5ecdd;--muted:#ab9c86;--line:#ffffff17;--accent:oklch(82% .13 80);--accent2:oklch(72% .13 32);--accent-weak:oklch(82% .13 80/.14);--on-accent:#1c1305;--thumb1:#2c2216;--thumb2:#342a1c;--radius:18px;--display:"Bricolage Grotesque", system-ui, sans-serif;--pad-x:40px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif;overflow-x:clip}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9px}.thumb-placeholder{background:repeating-linear-gradient(135deg, var(--thumb1) 0 11px, var(--thumb2) 11px 22px)}.card-hover{transition:transform .18s}.card-hover:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:700}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0;font-weight:600}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.chip{letter-spacing:.02em;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;line-height:1;transition:all .15s}.hero-h1{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(34px,9vw,68px);font-weight:800;line-height:.98}.section-h2{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(22px,5.5vw,28px);font-weight:800}.topbar{padding:18px var(--pad-x);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex;position:sticky;top:0}.topbar-nav{color:var(--muted);gap:24px;font-size:13.5px;font-weight:500;display:flex}.studies-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.overlay-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:22px;width:100%;max-width:860px;max-height:92vh;padding:20px;display:flex}.overlay-video-col{flex:none;width:300px;max-width:40vw}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.skeleton{animation:1.4s ease-in-out infinite skeleton-pulse}@media (width<=720px){:root{--pad-x:20px}.topbar-nav{order:3;gap:18px;width:100%}.chip{padding:10px 16px;font-size:13px}.btn-primary,.btn-ghost{min-height:44px}.overlay-panel{flex-direction:column;overflow-y:auto}.overlay-video-col{justify-content:center;width:100%;max-width:none;display:flex}.overlay-video-col video,.overlay-video-col .thumb-placeholder{width:auto;max-width:100%;max-height:40vh}}