.desktop-nav .nav-project{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#d9e3ca}
.nav-project>span[aria-hidden]{color:var(--orange)}
.project-gateway{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:30px;margin-top:56px;padding:30px 34px;border:1px solid #4d5e3c;border-radius:3px;background:radial-gradient(ellipse at 0% 50%,#32421d45,transparent 48%),#10160d;transition:border-color .25s,background-color .25s}
.project-gateway:hover,.project-gateway:focus-visible{border-color:#c57a41;background-color:#151e10}
.project-gateway:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.project-emblem{display:grid;place-items:center;width:80px;height:80px}
.project-emblem svg{display:block;max-width:100%;height:auto}
.project-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.project-copy>.eyebrow{font-size:8px;letter-spacing:.11em;line-height:1.7;color:#a1b58b;margin-bottom:12px}
.project-name{display:block;font-family:var(--heading);font-size:34px;line-height:1.1;letter-spacing:-.035em;margin-bottom:11px;color:#ecf0e5}
.project-description{font-size:12px;line-height:1.7;color:#a6b39a;max-width:460px}
.project-note{display:block;font-size:9px;color:#879b76;margin-top:9px}
.project-open{display:inline-flex;align-items:center;justify-content:space-between;gap:21px;padding:14px 16px;font-size:11px;line-height:1.5;border:1px solid #536b3d;color:#e5eddc;white-space:nowrap}
.project-open>span{font-size:21px;line-height:1;color:var(--orange);transition:transform .2s}
.project-gateway:hover .project-open>span{transform:translate(2px,-2px)}
@media(min-width:901px) and (max-width:1100px){.desktop-nav{font-size:11px;gap:16px}}
@media(max-width:900px){.project-gateway{grid-template-columns:64px minmax(0,1fr) auto;gap:22px;padding:26px}.project-emblem{width:64px;height:64px}.project-name{font-size:30px}.project-description{font-size:11px}.project-open{font-size:10px;gap:15px;padding:12px}}
@media(min-width:721px) and (max-width:800px){
  .desktop-nav{display:none}.header-tools{margin-left:auto}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;width:32px;height:40px;gap:7px;padding:3px;z-index:45;flex-shrink:0}
  .menu-toggle>span{width:26px;height:1px;background:var(--text);transition:transform .25s}
  .menu-open .menu-toggle>span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-open .menu-toggle>span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .menu-open .site-header{position:fixed;background:#0e140a}
  .mobile-nav{display:flex;position:fixed;inset:88px 0 0;background:#0e140a;z-index:40;flex-direction:column;padding:22px var(--pad);visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;overflow:auto}
  .menu-open .mobile-nav{visibility:visible;opacity:1}
  .mobile-nav a{font-family:var(--heading);font-size:28px;letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid #38492a;display:flex;justify-content:space-between}
  .mobile-nav a>span{font-size:11px;font-family:var(--body);color:var(--orange);align-self:center}
}
@media(max-width:720px){.project-gateway{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:19px;margin-top:36px;padding:24px 21px}.project-emblem{width:46px;height:46px;margin-top:6px}.project-copy>.eyebrow{font-size:7px;letter-spacing:.07em;margin-bottom:10px}.project-name{font-size:29px}.project-description{font-size:11px}.project-note{font-size:8px}.project-open{grid-column:2;justify-self:start;font-size:10px;margin-top:2px}.mobile-nav a.nav-project{color:#d5e5c4}}
@media(max-width:370px){.project-gateway{padding:23px 18px;column-gap:15px;grid-template-columns:34px minmax(0,1fr)}.project-emblem{width:34px;height:34px}.project-name{font-size:26px}.project-open{font-size:9px;gap:12px}}
.motion-paused .project-open>span{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.project-gateway,.project-open>span{transition:none}.project-gateway:hover .project-open>span{transform:none}}