@import url("theme-motion.css");
:root{--stage-raised:#202024}
:root[data-theme="light"]{color-scheme:light;--paper:#fff;--stage:#f5f5f7;--stage-raised:#eaeaec;--ink:#151517;--muted:#65656b;--line:#dedee2;--header:rgba(255,255,255,.82);--accent:#315c35}
.header-actions{display:flex}
.theme-toggle{border-radius:50%}
:root[data-theme="light"] .site-header{background:var(--header);border-color:rgba(222,222,226,.72);box-shadow:inset 0 1px 0 #ffffffb3,0 4px 18px #15151706;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.case-media{background:var(--stage-raised)}
:root[data-theme="light"] .experience-companies img{filter:brightness(0);opacity:.85}
:root[data-theme="light"] .image-viewer::backdrop{background:rgba(21,21,23,.65)}
:root[data-theme="light"] .puro-media{background:var(--stage-raised)}
:root[data-theme="dark"] .project-grid .project-media{background:var(--stage)}
:root[data-theme="light"] .project-grid .project-media:has(video)::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(21,21,23,.08);border-radius:inherit;pointer-events:none}