:root[data-theme="dark"]{color-scheme:dark;--paper:#182237;--ink:#edf2ff;--muted:#a9b8d2;--line:#3b4861;--lime:#a9bfff;--surface:#24314a;--secondary:#202d45;--chip:#334567;--focus:#a9bfff;--accent-ink:#182237}
:root[data-theme="lavender"]{--paper:#f8f6ff;--ink:#3b3059;--muted:#766b8b;--line:#ded8ed;--lime:#6850ad;--surface:#fff;--secondary:#eee8fa;--chip:#e7def5;--focus:#6850ad;--accent-ink:#fff}
:root[data-theme="dark"] .contact-section{background:#101a2c;color:#edf2ff}:root[data-theme="lavender"] .contact-section{background:#3b3059;color:#f8f6ff}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(var(--scroll,0));transform-origin:left;background:var(--lime);z-index:100;pointer-events:none}
@keyframes first-look{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-art{animation:first-look .65s ease-out both}
:root[data-motion="off"]{scroll-behavior:auto}:root[data-motion="off"] *,:root[data-motion="off"] *:before,:root[data-motion="off"] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}