/* Subtle, compositor-friendly interactions without continuous layout work. */
.tile,.showcase-card,.process-card{transition:transform .28s cubic-bezier(.2,.7,.3,1),border-color .28s ease}
@media(hover:hover) and (pointer:fine){.tile:hover,.showcase-card:hover,.process-card:hover{transform:translateY(-4px);border-color:#555}.tile .explore,.process-arrow{transition:transform .25s ease}.tile:hover .explore,.process-card:hover .process-arrow{transform:translate(2px,-2px)}}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #eee;outline-offset:5px}
.tracking-art,.ntaspace-separation{isolation:isolate}
.tracking-art img,.ntaspace-separation img{display:block;max-width:100%;height:auto}
.project-preview-panel:not([hidden]){animation:preview-in .25s ease both}
@keyframes preview-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
body.motion-inactive .word-text,body.motion-inactive .spectral-line{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:601px){body.project-brand-page .nav,body.ntaspace-page .nav{gap:16px}body.project-brand-page .navlinks,body.ntaspace-page .navlinks{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-reveal,.reveal{opacity:1!important;transform:none!important}}

/* Page-opening identity: reveal the brand right-to-left while it advances smoothly. */
.nta-opening{
  position:fixed!important;inset:0!important;z-index:2147483647!important;
  display:grid!important;place-items:center!important;overflow:hidden;
  background:#000;color:#f1f1ef;isolation:isolate;opacity:1;visibility:visible;
  transition:opacity .26s ease,visibility .26s ease;
}
.nta-opening.is-leaving{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.nta-opening__content{
  position:relative;display:flex;align-items:center;justify-content:center;padding:24px;
  transform:scale(.985);transform-origin:center;
  animation:nta-opening-advance 1.05s cubic-bezier(.2,.8,.2,1) .02s both;
}
.nta-opening__reveal{position:relative;display:block;line-height:0;overflow:visible;isolation:isolate}
.nta-opening__reveal::after{
  content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:#000;
  transform:translateX(0);
  animation:nta-opening-wipe-rtl 1s cubic-bezier(.2,.78,.22,1) .02s both;
}
.nta-opening-logo{
  display:block!important;max-width:72vw!important;max-height:76px!important;height:auto!important;
  color:#f1f1ef!important;fill:currentColor;filter:none!important;opacity:1;transform:none!important;
}
.nta-opening-logo .space-extension{opacity:1!important;transform:none!important;clip-path:none!important}
@keyframes nta-opening-wipe-rtl{0%{transform:translateX(0)}100%{transform:translateX(-101%)}}
@keyframes nta-opening-advance{0%{transform:scale(.985)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.nta-opening{display:none!important}.nta-opening__reveal::after,.nta-opening__content{animation:none!important;transition:none!important}}

/* Shared compact black NTA navigation, adapted from the supplied reference bar. */
header.nta-glass-header,
header.nta-glass-header.is-scrolled{
  position:sticky!important;top:0!important;z-index:999!important;height:56px!important;
  background:#000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:0!important;border-bottom:1px solid #1c1c1c!important;border-radius:0!important;
  box-shadow:none!important;transition:none!important;overflow:visible
}
header.nta-glass-header .shell.nav{
  width:min(1016px,calc(100% - 40px));max-width:1016px;height:56px;
  margin:0 auto;padding:0;display:flex;align-items:center;gap:18px
}
header.nta-glass-header .navlinks{
  display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;
  gap:clamp(12px,1.55vw,24px);margin:0;padding:0;background:transparent;border:0;white-space:nowrap
}
header.nta-glass-header .navlinks>a,
header.nta-glass-header .project-menu summary{
  padding:0;color:#ddd!important;font-size:12px;font-weight:450;line-height:1;text-shadow:none
}
header.nta-glass-header .navlinks>a:hover,
header.nta-glass-header .project-menu summary:hover{color:#fff!important}
header.nta-glass-header .nav-actions{display:flex;flex:0 0 auto;align-items:center;gap:9px;margin:0!important}
header.nta-glass-header .nav-actions .pill{
  height:34px;padding:0 14px!important;border:1px solid #333;border-radius:999px;
  font-size:11px!important;font-weight:500;letter-spacing:0
}
header.nta-glass-header .nav-actions .pill:not(.light){color:#eee;background:#090909;border-color:#383838}
header.nta-glass-header .nav-actions .pill.light{color:#111!important;background:#f2f2f2;border-color:#f2f2f2}
header.nta-glass-header .menu{color:#eee;background:transparent;border:1px solid #343434}
header.nta-glass-header .project-dropdown{background:#080808!important;border-color:#292929!important;box-shadow:0 20px 50px #0009!important}
@media(max-width:980px) and (min-width:601px){
  header.nta-glass-header .shell.nav{width:calc(100% - 28px);gap:12px}
  header.nta-glass-header .navlinks{gap:12px}
  header.nta-glass-header .navlinks>a,header.nta-glass-header .project-menu summary{font-size:11px}
  header.nta-glass-header .nav-actions .pill{padding:0 10px!important;font-size:10px!important}
}
@media(max-width:600px){
  header.nta-glass-header .shell.nav{width:calc(100% - 28px);height:56px;gap:9px}
  header.nta-glass-header .navlinks{
    position:absolute;top:56px;left:0;right:0;z-index:1;display:none;align-items:stretch;
    flex-direction:column;justify-content:flex-start;gap:0;padding:14px 18px 18px;
    background:#050505;border-bottom:1px solid #222;white-space:normal
  }
  header.nta-glass-header .navlinks.open{display:flex!important}
  header.nta-glass-header .navlinks>a,header.nta-glass-header .project-menu summary{padding:13px 8px;font-size:13px}
  header.nta-glass-header .menu{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){header.nta-glass-header,header.nta-glass-header .navlinks>a{transition:none!important}}