/* site-chrome.css — shared nav + footer for every Pixel&Co page. Loaded last so it wins. */
.nav,.footer{--c-bg:#0A0A0A;--c-ink:#F5F5F0;--c-ink-2:#A8A39A;--c-ink-3:#5C5C5C;--c-accent:#8A7BFF;--c-line:#1F1F1D;--c-line-soft:#141413;--c-grad:linear-gradient(100deg,#ED51AF 0%,#A16CFF 42%,#6B5CFF 60%,#5FB1EA 100%);--c-ease:cubic-bezier(.16,1,.3,1);--c-gutter:clamp(20px,4vw,56px);--c-font:'Helvetica World','Helvetica Neue',Helvetica,Arial,sans-serif;font-family:var(--c-font);color:var(--c-ink);box-sizing:border-box}
.nav *,.footer *{box-sizing:border-box;font-family:inherit}
.nav .nav-link,.nav .nav-cta,.nav .nav-toggle,.footer .footer-tagline,.footer .label,.footer .text-link,.footer .footer-col h4,.footer .footer-col a,.footer .footer-brand p,.footer .footer-bottom{font-family:var(--c-font)}
.footer-brand .logo{font-size:0}
.nav a,.footer a{text-decoration:none;color:inherit}
/* nav */
nav.nav{position:fixed!important;top:0;left:0;right:0;z-index:100;width:100%;max-width:none;margin:0;padding:22px var(--c-gutter)!important;height:auto!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center;gap:24px;background:transparent;border-bottom:1px solid transparent;transition:padding 500ms var(--c-ease),background 500ms,border-color 500ms}
nav.nav.scrolled{padding:14px var(--c-gutter)!important;background:rgba(10,10,10,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom-color:var(--c-line-soft)}
.nav .logo{display:inline-flex;align-items:center;justify-self:start;color:var(--c-ink);margin:0;padding:0;line-height:0;font-size:0}
.nav .logo .logo-mark{height:22px;width:auto;display:block;overflow:visible}
.nav .nav-links{display:flex;gap:36px;align-items:center;justify-content:center;margin:0;padding:0;position:static;inset:auto;background:none;height:auto;width:auto}
.nav .nav-link{font-size:11px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--c-ink-2);transition:color 300ms;white-space:nowrap;padding:0;margin:0;border:0;background:none;position:static}
.nav .nav-link::after,.nav .nav-link::before{display:none}
.nav .nav-link:hover,.nav .nav-link.active{color:var(--c-ink)}
.nav .nav-cta{justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:11px 20px;margin:0;min-height:0;height:auto;line-height:1.2;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;border:1px solid rgba(245,245,240,.2);border-radius:999px;color:var(--c-ink);background:transparent;background-image:none;box-shadow:none;white-space:nowrap;transition:all 400ms var(--c-ease)}.nav .nav-cta::after{display:none}
.nav .nav-cta::before{content:'';position:static;width:6px;height:6px;background:var(--c-accent);border-radius:50%;display:block;animation:chromePulse 2.4s ease-in-out infinite;transform:none}
.nav .nav-cta:hover{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-bg);transform:none}
.nav .nav-cta:hover::before{background:var(--c-bg);animation:none}
@keyframes chromePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
.nav-toggle{display:none;background:none;border:none;color:var(--c-ink);cursor:pointer;font-size:11px;letter-spacing:.18em;text-transform:uppercase;justify-self:end;padding:0 6px;min-height:44px}
.nav-menu-cta{display:none}
@media (max-width:900px){
nav.nav{grid-template-columns:1fr auto!important;z-index:10010}
.nav-links,.nav-cta{display:none}
.nav-toggle{display:block}
.nav-links.open{position:fixed;inset:0;z-index:10005;background:rgba(10,10,10,.98);display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;padding:96px var(--c-gutter) 48px}
.nav-links.open .nav-link{display:flex;align-items:center;min-height:56px;width:100%;font-size:clamp(28px,8vw,40px);letter-spacing:-.03em;color:var(--c-ink);border-bottom:1px solid var(--c-line);text-transform:none}
.nav-links.open .nav-menu-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;min-height:56px;width:100%;padding:0 24px;border-radius:999px;background:var(--c-grad);color:#fff;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
html.menu-open{overflow:hidden}
}
/* footer */
.footer{border-top:1px solid var(--c-line);padding:clamp(80px,12vh,120px) 0 40px;background:var(--c-bg);text-transform:none;letter-spacing:normal;font-weight:400;font-size:16px;line-height:1.5}
.footer .container{display:block;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--c-gutter)}
.footer ul{list-style:none;margin:0;padding:0}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-bottom:clamp(80px,12vh,120px);padding-bottom:clamp(60px,10vh,100px);border-bottom:1px solid var(--c-line);align-items:end}
.footer-tagline{font-style:italic;font-weight:300;font-size:clamp(36px,5.5vw,88px);line-height:1.05;letter-spacing:-.03em;color:var(--c-ink);max-width:14ch;margin:0}
.footer-tagline .accent{font-style:italic;color:transparent;background:var(--c-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.08em}
.footer-cta-block{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:12px}
.footer .label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-3);font-weight:400;display:block}
.footer .text-link{font-size:12px;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;position:relative;padding:6px 0;color:var(--c-ink);font-weight:400;border:0}
.footer .text-link::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(245,245,240,.25);transform-origin:right;transition:transform 500ms var(--c-ease),background 300ms}
.footer .text-link:hover::after{transform-origin:left;background:var(--c-accent)}
.footer .text-link-arrow{transition:transform 500ms var(--c-ease)}
.footer .text-link:hover .text-link-arrow{transform:translateX(4px)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:80px}
.footer-brand .logo{display:inline-flex;margin:0 0 24px;color:var(--c-ink);line-height:0}
.footer-brand .logo-mark{height:26px;width:auto;display:block;overflow:visible}
.footer-brand p{font-size:14px;color:var(--c-ink-2);margin:0 0 24px;max-width:320px;line-height:1.6;font-weight:300}
.footer-brand .label{font-size:10px}
.footer-col h4{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-3);margin:0 0 28px;font-weight:500;line-height:1.4}
.footer-col li{margin:0 0 14px}
.footer-col a{font-size:14px;color:var(--c-ink-2);font-weight:300;transition:color 300ms}
.footer-col a:hover{color:var(--c-accent)}
.footer-bottom{border-top:1px solid var(--c-line-soft);padding-top:32px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-3)}
.footer-bottom-links{display:flex;gap:32px}
.footer-bottom-links a:hover{color:var(--c-accent)}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:800px){.footer-top{grid-template-columns:1fr;gap:40px}}
@media (max-width:600px){.footer-bottom{flex-direction:column;gap:16px;text-align:center}}
@media (max-width:500px){.footer-grid{grid-template-columns:1fr;gap:40px}}