:root{--bg:#000;--bg-page:#0d0d0d;--surface-card:#1a1a1a;--on-gradient:#0b0b0b;--bg-elevated:#0a0a0a;--accent:#d896ff;--accent-mid:#b84fd9;--accent-glow:#d896ff59;--gradient-hero:linear-gradient(90deg, #c86bff 0%, #e8b4ff 45%, #ff6bcb 100%);--text:#f5f5f5;--text-muted:#9a9a9a;--border:#ffffff1a;--font-display:var(--font-syne), system-ui, sans-serif;--font-body:var(--font-manrope), system-ui, sans-serif;--header-height:calc(4.75rem + env(safe-area-inset-top,0px))}@media (max-width:720px){:root{--header-height:calc(7.35rem + env(safe-area-inset-top,0px))}}[id=top],[id=gallery],[id=about],[id=showreel],[id=contact],[id=collaborate]{scroll-margin-top:calc(var(--header-height) + .5rem)}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text);background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:1rem;line-height:1.6;display:flex}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:.26s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.26s;animation-timing-function:ease}}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#000}