.nav{z-index:60;transition:transform .5s var(--ease), background .3s ease, border-color .3s ease;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,4vw,72px);display:flex;position:fixed;inset:0 0 auto}.nav.is-stuck{background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line)}.nav.is-hidden{transform:translateY(-100%)}.nav__logo img{width:clamp(104px,9vw,148px);height:auto}.nav__links{gap:clamp(16px,2vw,34px);display:flex}.nav__links a{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px}.nav__links a:hover{color:var(--navy)}.nav__links a:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.nav:has(.navmenu__toggle.is-open) .nav__logo img{filter:brightness(0)invert()}.nav:has(.navmenu__toggle.is-open).is-hidden{transform:none}.nav__end{align-items:center;gap:clamp(8px,2vw,16px);display:flex}@media (max-width:899px){.nav__links{display:none}}@media (max-width:599px){.nav__cta{display:none}.nav{padding-inline:16px}}
.navmenu__toggle{z-index:60;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none;position:relative}.navmenu__bar{background:var(--ink);width:22px;height:2px;transition:transform .32s var(--ease), background .32s var(--ease);border-radius:2px;position:absolute;left:11px}.navmenu__bar:first-child{transform:translateY(-4px)}.navmenu__bar:nth-child(2){transform:translateY(4px)}.navmenu__toggle.is-open .navmenu__bar{background:var(--paper)}.navmenu__toggle.is-open .navmenu__bar:first-child{transform:rotate(45deg)}.navmenu__toggle.is-open .navmenu__bar:nth-child(2){transform:rotate(-45deg)}.navmenu__toggle:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.navmenu__sheet{z-index:55;background:var(--close-bg);height:100svh;color:var(--paper);opacity:0;visibility:hidden;transition:opacity .28s var(--ease), transform .34s var(--ease), visibility 0s linear .34s;flex-direction:column;justify-content:center;gap:clamp(28px,5svh,52px);padding:clamp(80px,12svh,120px) clamp(24px,7vw,56px) clamp(32px,6svh,64px);display:flex;position:fixed;inset:0;transform:translateY(-12px)}.navmenu__sheet.is-open{opacity:1;visibility:visible;transition:opacity .28s var(--ease), transform .34s var(--ease), visibility 0s linear 0s;transform:none}.navmenu__kerf{background:var(--grad);width:8px;box-shadow:0 0 60px color-mix(in srgb, var(--cyan) 45%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.navmenu__links{flex-direction:column;gap:clamp(14px,2.6svh,26px);display:flex}.navmenu__links a{letter-spacing:-.03em;color:var(--paper);opacity:0;width:fit-content;transition:opacity .3s var(--ease), transform .3s var(--ease);font-size:clamp(34px,11vw,60px);font-weight:600;line-height:1;transform:translateY(14px)}.navmenu__sheet.is-open .navmenu__links a{opacity:1;transition-delay:calc(60ms + var(--i,0) * 55ms);transform:none}.navmenu__links a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.navmenu__cta{opacity:0;width:fit-content;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:translateY(14px)}.navmenu__sheet.is-open .navmenu__cta{opacity:1;transition-delay:.28s;transform:none}@media (max-width:899px){.navmenu__toggle{display:flex}}@media (min-width:900px){.navmenu__sheet{display:none}}@media (prefers-reduced-motion:reduce){.navmenu__sheet,.navmenu__links a,.navmenu__cta,.navmenu__bar{transition-duration:0s;transition-delay:0s}.navmenu__sheet,.navmenu__links a,.navmenu__cta{transform:none}}
.foot{background:var(--close-bg);color:color-mix(in srgb, var(--paper) 72%, transparent);padding-bottom:40px}.foot__grid{border-top:1px solid color-mix(in srgb, var(--paper) 12%, transparent);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(22px,3vw,44px);padding-top:clamp(40px,6vh,64px);display:grid}.foot__label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 55%, transparent);font-size:10px}.foot__val{margin-top:10px;font-size:14px;line-height:1.6}.foot__val a{color:color-mix(in srgb, var(--paper) 72%, transparent)}.foot__val a:hover{color:var(--cyan)}.foot__val a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.foot__val [data-todo]{color:color-mix(in srgb, var(--paper) 55%, transparent);font-style:italic}.foot__office{min-width:0}@media (max-width:899px){.foot__grid{grid-template-columns:1fr}.foot__val{line-height:20px}.foot__val a{padding:12px 0;line-height:20px;display:inline-block}}.foot__legal{border-top:1px solid color-mix(in srgb, var(--paper) 12%, transparent);font-family:var(--mono);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:clamp(32px,5vh,56px);padding-top:20px;font-size:11px;display:flex}.foot__legalLinks a{color:color-mix(in srgb, var(--paper) 72%, transparent)}.foot__legalLinks a:hover{color:var(--cyan)}.foot__legalLinks a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.foot__domains{font-family:var(--mono);letter-spacing:.05em;color:color-mix(in srgb, var(--paper) 48%, transparent);padding-top:14px;font-size:10px}.foot__projects{padding-top:clamp(22px,3vh,34px)}.foot__plist{flex-wrap:wrap;gap:4px clamp(12px,1.6vw,22px);margin-top:8px;list-style:none;display:flex}.foot__plist a{color:color-mix(in srgb, var(--paper) 72%, transparent);font-size:13px}.foot__plist a:hover{color:var(--paper)}@media (max-width:899px){.foot__plist{gap:0 clamp(20px,5vw,28px)}.foot__plist a{padding:12px 0;line-height:20px;display:block}}