/* Shared site chrome — the logo, the "Menu" button and the fullscreen overlay nav.
   Single source of truth for every template, Home included.

   Markup comes from template-parts/logo.php, menu-button.php and nav-menu.php.
   The open/closed state is always `data-menu` on the <nav> itself: set by
   ReasonSite.initMenu() on the inner pages and by ReasonHome.openMenu()/closeMenu()
   on Home, so one selector covers both.

   Anything genuinely page-specific (Home's canvas rotation, the .rs-header tone
   tracking, Proyecto's always-dark bar) stays in that page's own stylesheet. */

/* Theme-aware logo: both variants ship, CSS picks the readable one. */
[data-logo="light"]{display:none!important}
[data-logo="dark"]{display:block!important}
:root[data-theme="dark"] [data-logo="light"]{display:block!important}
:root[data-theme="dark"] [data-logo="dark"]{display:none!important}

.rs-logo img,
.rs-pbar__logo img{display:block;width:clamp(78px,7.7vw,118px);height:auto}

/* Buttons don't inherit colour, so it has to be set explicitly. Pages that sit on
   a fixed-tone bar override this (see .rs-header[data-over] and .rs-pbar). */
.rs-menu-btn{background:none;border:none;padding:6px 0;cursor:pointer;font-family:'Kern',sans-serif;font-weight:500;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--fg);transition:color 140ms linear}
.rs-menu-btn:hover{color:#00D663}

.rs-menu{position:fixed;top:0;right:0;bottom:0;width:min(56vw,720px);z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:0.4vh;padding:0 clamp(20px,4vw,64px);pointer-events:none}
.rs-menu[data-menu="1"]{pointer-events:auto}

/* Links wipe in from the bottom when the nav opens. */
.rs-menu a{clip-path:inset(0 0 100% 0)}
.rs-menu[data-menu="1"] a{clip-path:inset(0 0 0 0)}

.rs-menu__link{display:block;font-family:'Lustra',serif;font-weight:900;font-size:clamp(38px,8.2vh,104px);line-height:1.02;letter-spacing:-0.03em;text-transform:uppercase;color:#F7F7F5;transition:clip-path 700ms cubic-bezier(0.16,1,0.3,1),color 160ms linear}
.rs-menu__link:hover{color:#00D663}
.rs-menu__link[aria-current="page"]{color:#00D663}

.rs-menu__back{margin-top:26px;font-family:'Kern',sans-serif;font-weight:500;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:#F7F7F5;transition:clip-path 700ms cubic-bezier(0.16,1,0.3,1),color 160ms linear}
.rs-menu__back:hover{color:#00D663}

.rs-menu__close{position:absolute;top:clamp(18px,3.2vh,34px);right:clamp(20px,4vw,64px);background:none;border:none;padding:6px 0;min-height:44px;cursor:pointer;font-family:'Kern',sans-serif;font-weight:500;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:#F7F7F5}
.rs-menu__close:hover{color:#00D663}

@media (max-width: 860px){
	.rs-menu{box-sizing:border-box;left:0;right:0;width:auto;align-items:flex-start;justify-content:center;padding:calc(env(safe-area-inset-top) + 76px) clamp(20px,7vw,34px) calc(env(safe-area-inset-bottom) + 30px);gap:2px}
	.rs-menu__link{font-size:clamp(26px,8.6vw,52px);line-height:1.1;letter-spacing:-0.02em;padding:6px 0;max-width:100%;text-align:left}
	.rs-menu__back{font-size:12px;padding:14px 0}
	.rs-menu__close{top:calc(env(safe-area-inset-top) + 16px);right:clamp(20px,7vw,34px);left:auto;min-height:44px;padding:10px 0}
}