site-header{display:block}site-footer-nav{display:block}
.global-header{position:fixed;left:0;right:0;top:0;z-index:30;padding:30px clamp(24px,4.5vw,96px);display:flex;align-items:flex-start;justify-content:space-between;gap:32px;pointer-events:none;transform:translateY(0);transition:transform 180ms ease}
.global-header.is-hidden{transform:translateY(-110%)}
.global-header a,.global-header button{pointer-events:auto}
.global-brand{display:block;width:122px;flex-shrink:0}.global-brand img{width:100%;height:auto;display:block}
.global-desktop{display:flex;align-items:center;gap:clamp(20px,2.5vw,44px)}
.global-desktop a,.global-menu-toggle{font:inherit;font-size:14px;letter-spacing:.02em;line-height:1.4;min-height:44px;display:inline-flex;align-items:center;position:relative;color:#f0eee8;white-space:nowrap}
.global-desktop a[data-contrast=light],.global-menu-toggle[data-contrast=light]{color:#10100f}
.global-desktop a:after{content:"";position:absolute;bottom:6px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.global-desktop a[aria-current]:after{transform:scaleX(1)}
.global-header a:focus-visible,.global-header button:focus-visible,.global-mobile-menu a:focus-visible,.global-mobile-menu button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.global-menu-toggle{display:none;border:0;background:none;cursor:pointer;padding:0}
.global-mobile-menu{max-width:none;max-height:none;width:100%;height:100dvh;margin:0;border:0;padding:110px 28px 40px;color:#10100f;background:#f0eee8;overflow:auto}
.global-mobile-menu::backdrop{background:#10100f}
.global-menu-close{position:absolute;top:27px;right:28px;border:0;background:none;font:inherit;font-size:14px;min-height:44px;cursor:pointer;color:inherit}
.global-mobile-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.global-mobile-menu nav a{font-size:clamp(30px,8vw,46px);line-height:1.4;letter-spacing:-.045em;padding:7px 0}
.global-mobile-menu [aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px}
.global-footer-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.work-page > site-header{height:122px}
.chiri-page > site-header{height:0}
#sobre-mi,#contacto{scroll-margin-top:110px}
@media(hover:hover) and (pointer:fine){.global-desktop a:hover:after{transform:scaleX(1)}}
/* Preserve the Home portrait hover beneath the now-global header. */
@media(hover:hover) and (pointer:fine){body:has(.global-header:hover) .hero .portrait-groucho{opacity:1}}
@media(max-width:800px){.global-header{padding-top:25px;gap:24px}.global-brand{width:92px}.global-desktop{display:none}.global-menu-toggle{display:inline-flex}.work-page > site-header{height:105px}#sobre-mi,#contacto{scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){.global-header,.global-desktop a:after{transition:none}}