/* The dock's existing two-layer highlight, painted on the original
   Figma stroke contour. No new corner geometry or full-surface colour wash. */
@property --surface-light-x{syntax:"<percentage>";inherits:true;initial-value:25%}
@property --surface-light-y{syntax:"<percentage>";inherits:true;initial-value:0%}
.surface-light-glint{display:none;pointer-events:none}
:root[data-theme=dark] .surface-light-glint{display:block;opacity:.5;transition:opacity 180ms ease-out}
.surface-light-paint{width:100%;height:100%;pointer-events:none;
 background:radial-gradient(ellipse at var(--surface-light-x,25%) var(--surface-light-y,0%),rgb(255 255 255 / .95),rgb(255 255 255 / .07) 62%),linear-gradient(135deg,rgb(255 255 255 / .88),rgb(255 255 255 / .08) 44%,rgb(42 37 54 / .2) 76%,rgb(255 255 255 / .5));
}
/* Cursor position is direct; only hover brightness is eased. */
.portfolio-home .surface-light-host{--surface-light-x:50%;--surface-light-y:0%}
.portfolio-home .surface-light-paint{background:radial-gradient(ellipse at var(--surface-light-x,50%) var(--surface-light-y,0%),rgb(255 255 255 / .95),rgb(255 255 255 / .07) 62%),linear-gradient(180deg,rgb(255 255 255 / .88),rgb(255 255 255 / .08) 44%,rgb(42 37 54 / .2) 76%,rgb(255 255 255 / .5))}
@media(hover:hover) and (pointer:fine){
 :root[data-theme=dark] .surface-light-host:hover>.corner-stroke .surface-light-glint{opacity:.82}
}
:root[data-theme=dark] .surface-light-host:focus-within>.corner-stroke .surface-light-glint{opacity:.82}
.surface-light-fallback{position:absolute;inset:-1px;border-radius:inherit;padding:1.2px;pointer-events:none;z-index:4;
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
}
:root[data-theme=dark] [data-surface-light=fallback]{position:relative}
@media(prefers-reduced-motion:reduce){:root[data-theme=dark] :is(.surface-light-host,.surface-light-glint){transition:none}}
[data-motion-disabled=true] .surface-light-host{transition:none!important}
@media(forced-colors:active){.surface-light-glint{display:none!important}}