*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(98.5% .003 80);--fg:oklch(18% .01 250);--fg-muted:oklch(48% .01 250);--fg-faint:oklch(72% .008 250);--accent:oklch(65% .16 40);--accent-light:oklch(93% .04 40);--serif:"Cormorant Garamond", Georgia, serif;--sans:"Outfit", system-ui, sans-serif;--border:oklch(88% .006 250)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}#root{min-height:100vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes kw-pulse{0%,to{opacity:.72}50%{opacity:1}}.fade-up{animation:.8s both fadeUp}.fade-in{animation:.8s both fadeIn}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.project-card-summary{grid-template-columns:minmax(0,1fr) minmax(180px,34%);align-items:center;gap:28px;transition:grid-template-columns .5s cubic-bezier(.4,0,.2,1),gap .5s cubic-bezier(.4,0,.2,1);display:grid}.project-card-summary.is-open{grid-template-columns:minmax(0,1fr) 0fr;gap:0}.project-card-copy{min-width:0}.project-card-collapsed-content{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1),opacity .22s,transform .45s cubic-bezier(.4,0,.2,1);display:grid;transform:translateY(0)}.project-card-summary.is-open .project-card-collapsed-content{opacity:0;pointer-events:none;grid-template-rows:0fr;transform:translateY(-4px)}.project-card-collapsed-content>*{min-height:0;overflow:hidden}.project-preview-media{aspect-ratio:16/9;border:1px solid var(--border);opacity:1;transform-origin:100%;background:oklch(95% .01 80);border-radius:8px;width:100%;transition:opacity .28s,transform .5s cubic-bezier(.4,0,.2,1),border-color .28s;overflow:hidden;transform:scale(1)}.project-card-summary.is-open .project-preview-media{opacity:0;pointer-events:none;border-color:#0000;transform:scale(.96)}.project-preview-media img,.project-preview-media video{object-fit:cover;width:100%;height:100%;display:block}.project-preview-placeholder{width:100%;height:100%;color:var(--fg-muted);text-align:center;background:oklch(90% .025 180);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.project-preview-placeholder span{letter-spacing:.1em;text-transform:uppercase;font-size:10px;line-height:1.4}@media (width<=680px){.project-card-summary{grid-template-columns:1fr;gap:18px}.project-card-summary.is-open{grid-template-columns:1fr;gap:0}.project-preview-media{max-width:420px}.project-card-summary.is-open .project-preview-media{max-height:0}}.tweaks-panel{border:1px solid var(--border);z-index:1000;width:240px;font-family:var(--sans);background:#fff;border-radius:12px;padding:20px;font-size:13px;font-weight:400;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px oklch(0% 0 0/.08)}.tweaks-panel h3{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:16px;font-size:11px;font-weight:500}.tweaks-section{margin-bottom:16px}.tweaks-section label{color:var(--fg-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.tweak-btn{text-align:left;border:1px solid var(--border);cursor:pointer;width:100%;font-family:var(--sans);color:var(--fg);background:0 0;border-radius:6px;margin-bottom:5px;padding:7px 10px;font-size:12px;transition:all .15s;display:block}.tweak-btn:hover{border-color:var(--accent);color:var(--accent)}.tweak-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}