/* Shared navigation and project signature, based on the NAS page. */
@font-face{font-family:"Portfolio Cursive";src:url('../Fonts/Edu_NSW_ACT_Cursive/EduNSWACTCursive-VariableFont_wght.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:"Portfolio Mono";src:url('../Fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf') format('truetype');font-weight:100 700;font-display:swap}
body{--nav-color:#bfeaff;--nav-surface:#000;--nav-hover:#fff}
body[data-page="index"],body[data-page="project-library"]{--nav-color:#f5f5f5}
body[data-page="nas"]{--nav-color:#ffb000;--nav-surface:#824324}
body[data-page="menu-card-maker"]{--nav-color:#c5d9b2;--nav-surface:#142631}
body[data-page="kagome"]{--nav-color:#455638;--nav-surface:#f3eddf;--nav-hover:#a83a2c}
body[data-page="high-five"]{--nav-color:#007baf;--nav-surface:#f8faf9;--nav-hover:#203944}
body .site-nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;height:auto;min-height:4.25rem;padding:1.25rem clamp(1.25rem,4vw,4rem);border:0;backdrop-filter:none;background:var(--nav-surface);font-family:"Portfolio Mono",monospace;line-height:normal}
body[data-page="index"] .site-nav{position:sticky;background:rgba(0,0,0,var(--nav-progress))}
body .site-nav .nav-logo{color:var(--nav-color);font-family:"Portfolio Cursive",cursive;font-size:1.85rem;font-weight:400;line-height:1;letter-spacing:normal;text-decoration:none;transition:color 160ms ease,transform 160ms ease}
body .site-nav .nav-logo:hover{color:var(--nav-hover);transform:translateY(-.08rem)}
body .site-nav .nav-toggle{display:none;width:2.2rem;height:2.2rem;padding:0;border:0;border-radius:0;background:transparent;color:var(--nav-color);cursor:pointer}
body .site-nav .nav-toggle span{display:block;width:1.35rem;height:1px;margin:.34rem auto;background:currentColor;transform-origin:50% 50%;transition:transform 180ms ease,opacity 180ms ease}
body .site-nav.is-open .nav-toggle span:first-child{transform:translateY(.34rem) rotate(45deg)}
body .site-nav.is-open .nav-toggle span:last-child{transform:translateY(-.34rem) rotate(-45deg)}
body .site-nav .nav-links{position:static;display:flex;flex-direction:row;align-items:center;gap:clamp(1.4rem,4vw,4.5rem);margin:0;padding:0;border:0;list-style:none;background:transparent;opacity:1;max-height:none;overflow:visible}
body .site-nav .nav-links a{display:block;padding:0;color:var(--nav-color);font-family:"Portfolio Mono",monospace;font-size:clamp(.75rem,1vw,.95rem);font-weight:400;line-height:normal;letter-spacing:.34em;text-decoration:none;text-transform:lowercase;white-space:nowrap;transition:color 160ms ease}
body .site-nav .nav-links a:hover{color:var(--nav-hover)}
body .site-nav a:focus-visible,body .site-nav button:focus-visible{outline:2px solid var(--nav-color);outline-offset:6px}
body .signature{width:min(76rem,100%);margin:clamp(3.2rem,7vw,5rem) auto 0;color:var(--nav-color);font-family:"Portfolio Cursive",cursive;font-size:clamp(1.4rem,2.4vw,2.1rem);font-weight:400;line-height:1;letter-spacing:normal;text-align:right}
.project-signoff{padding:0 clamp(1.25rem,4vw,4rem) clamp(3.2rem,7vw,5rem)}
body[data-page="high-five"] .hero{padding-top:140px}
@media(max-width:820px){
 body .site-nav{position:static;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:0;padding:1rem 1.25rem;background:var(--nav-surface)}
 body .site-nav .nav-toggle{display:block}
 body .site-nav .nav-links{grid-column:1/-1;display:none;gap:0;max-height:none;overflow:visible;padding:0;opacity:1}
 body .site-nav.is-open .nav-links{display:grid;padding-top:.8rem}
 body .site-nav .nav-links li{border-top:1px solid color-mix(in srgb,var(--nav-color) 28%,transparent)}
 body .site-nav .nav-links a{padding:1rem 0;font-size:.86rem;letter-spacing:.28em}
 body .signature{text-align:left}
 body[data-page="high-five"] .hero,body[data-page="menu-card-maker"] .hero{padding-top:48px}
}
@media(prefers-reduced-motion:reduce){body .site-nav a,body .site-nav .nav-toggle span{transition:none}}