/* Reversible dark-background exploration, scoped to the map home. */
body{background:var(--background-page-dark);color:var(--neutral-0)}
.site-header .wordmark{font-family:var(--sans);font-weight:600;letter-spacing:-.045em;text-transform:uppercase}
.site-header .contact{
 --button-fill:color-mix(in srgb,var(--neutral-0) 10%,transparent);--button-text:var(--map-wire);
 --button-hover:color-mix(in srgb,var(--neutral-0) 16%,transparent);
 --button-pressed:color-mix(in srgb,var(--neutral-0) 22%,transparent);
 padding-inline-start:calc(var(--button-padding) - var(--button-optical-offset));
 padding-inline-end:calc(var(--button-padding) + var(--button-optical-offset));
}
.branch-label.keyword-pill{background:color-mix(in srgb,var(--neutral-0) 10%,transparent);color:var(--map-wire);border-color:var(--map-wire)}
.footer-socials{
 --social-mark-radius:50%;
 --social-brand-background:color-mix(in srgb,var(--neutral-0) 10%,transparent);
 --social-brand-foreground:var(--map-wire);
 --color-background-action-secondary-hover:color-mix(in srgb,var(--neutral-0) 16%,transparent);
 --color-background-action-secondary-pressed:color-mix(in srgb,var(--neutral-0) 22%,transparent);
}
.footer-socials__mark{border-radius:var(--social-mark-radius);overflow:hidden}
.footer-socials__link[href="https://x.com/irene_lab_"] svg path,
.footer-socials__link[href="https://irenealvlor.substack.com/"] svg path{transform:scale(.82);transform-box:view-box;transform-origin:center}
.footer-socials__link[href="https://www.linkedin.com/in/irenealvlor/"] svg{width:14px;height:14px}
.site-footer{--ink:var(--neutral-200);--secondary:var(--neutral-300);--line:var(--neutral-600)}
.local-context{gap:var(--gap-icon-label-compact)}
.local-clock{margin-left:var(--gap-controls)}
.project-name{right:14px;bottom:14px;background:color-mix(in srgb,var(--background-page-dark) 64%,transparent);color:var(--neutral-0)}
@media(min-width:761px){
 .site-header,.site-footer{padding-inline:var(--page-top)}
 .site-header{padding-top:var(--padding-container-compact);min-height:0}
 .site-footer{padding-bottom:var(--padding-compact);min-height:64px}
}
.local-weather img{filter:brightness(0) invert(1)}
.avatar-link{
 background:color-mix(in srgb,var(--neutral-0) 10%,transparent);
 border-color:var(--map-wire);
 box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.avatar-link:hover{background:color-mix(in srgb,var(--neutral-0) 16%,transparent);box-shadow:none}
.project-card,.project-card:hover,.project-card:focus-visible{padding:0;background:transparent;box-shadow:none}
.project-card .project-art{border-radius:var(--portfolio-square-radius);clip-path:inset(0 round var(--portfolio-square-radius))}
.project-card::after{content:"";position:absolute;inset:0;box-sizing:border-box;border:1px solid var(--map-wire);border-radius:inherit;z-index:2;pointer-events:none}
.site-header a:focus-visible,.site-header button:focus-visible,.footer-socials__link:focus-visible{outline-color:var(--neutral-0)}

.branch-label.keyword-pill.is-active{border-color:var(--map-wire-active)}