html.oa-accordion-pending{background:var(--oa-pending-bg,#121212)}
html.oa-accordion-pending body{visibility:hidden}
html[data-oa-accordion-pending="/"]{--oa-pending-bg:#2447ff}

.oa-work-transition-target{
  position:fixed!important;
  z-index:-1!important;
  top:4.2rem;
  right:0;
  left:0;
  width:100vw;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

[data-oa-home-settled] :is(.bar-logo,.bar-nav,.hero-meta,.production-signal){transform:none!important;opacity:1!important;visibility:visible!important}
[data-oa-home-settled] .hero-reveal-curtain{display:none!important}
[data-oa-home-settled] :is(.showcase-next-arrow,.hero-feature-tag){visibility:visible!important;opacity:1!important;clip-path:none!important}
[data-oa-home-settled] #index :is(.section-head,.filter-bar,.row),
[data-oa-home-settled] #contact :is(.foot-mail,.foot-base,.foot-social){transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;animation:none!important}
[data-oa-home-settled] #contact .foot-mail :is(.line,.line>span){transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}
[data-oa-home-settled] #contact .foot-mail::after{display:none!important}

html[data-oa-arriving] :is(.cases-hero h1,.culture-hero h1,.press-hero h1,.foot-mail){transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}
.press-hero h1{transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}

.oa-accordion{
  --oa-bg:#121212;
  --oa-type:#d7ff00;
  --oa-line:#d7ff00;
  --oa-copy:#f2f1ed;
  position:fixed;
  z-index:10050;
  inset:0;
  contain:strict;
  isolation:isolate;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
  color:var(--oa-type);
  background:transparent;
}
.oa-accordion[data-theme="work"]{--oa-bg:#2447ff;--oa-type:#d7ff00;--oa-line:#d7ff00;--oa-copy:#f2f1ed}
.oa-accordion[data-theme="about"]{--oa-bg:#d7ff00;--oa-type:#121212;--oa-line:#2447ff;--oa-copy:#121212}
.oa-accordion[data-theme="press"]{--oa-bg:#2447ff;--oa-type:#f2f1ed;--oa-line:#d7ff00;--oa-copy:#f2f1ed}
.oa-accordion[data-theme="contact"]{--oa-bg:#121212;--oa-type:#d7ff00;--oa-line:#2447ff;--oa-copy:#f2f1ed}
.oa-accordion.is-active{visibility:visible}
.oa-accordion.is-covered{background:var(--oa-bg)}
.oa-accordion.is-opening{background:transparent}

.oa-accordion-slats{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(var(--oa-count),minmax(0,1fr));
  clip-path:inset(0 100% 0 0);
}
.oa-accordion.is-covering .oa-accordion-slats{animation:oa-cover .62s cubic-bezier(.76,0,.24,1) forwards}
.oa-accordion.is-covered .oa-accordion-slats,
.oa-accordion.is-opening .oa-accordion-slats{clip-path:inset(0)}

.oa-accordion-slat{
  position:relative;
  z-index:calc(var(--oa-i) + 1);
  min-width:0;
  width:calc(100% + 2px);
  margin-right:-2px;
  overflow:hidden;
  background:var(--oa-bg);
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  will-change:transform;
}
.oa-accordion-title{
  position:absolute;
  top:var(--oa-title-top);
  left:calc(var(--oa-title-left) - (var(--oa-i) * (100vw / var(--oa-count))));
  width:var(--oa-title-width);
  height:var(--oa-title-height);
  margin:0;
  padding:var(--oa-title-padding);
  box-sizing:border-box;
  display:block;
  overflow:visible;
  color:var(--oa-type);
  font-family:var(--oa-title-font);
  font-size:var(--oa-title-size);
  font-weight:var(--oa-title-weight);
  line-height:var(--oa-title-line);
  letter-spacing:var(--oa-title-spacing);
  text-align:var(--oa-title-align);
  text-transform:var(--oa-title-transform);
  white-space:pre-line;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.oa-accordion.is-opening .oa-accordion-title{animation:oa-title-lock .78s cubic-bezier(.76,0,.24,1) calc(var(--oa-i) * 18ms) forwards}
.oa-accordion.is-opening .oa-accordion-slat{animation:oa-open .78s cubic-bezier(.76,0,.24,1) calc(var(--oa-i) * 18ms) forwards}

.oa-accordion-loader{
  position:absolute;
  z-index:40;
  top:calc(var(--oa-title-top) + var(--oa-title-height) + .42rem);
  right:var(--pad,clamp(1.2rem,2.5vw,2.4rem));
  left:var(--oa-title-left);
  overflow:hidden;
  opacity:0;
  color:var(--oa-copy);
  clip-path:inset(0);
}
.oa-accordion[data-theme="contact"] .oa-accordion-loader{top:calc(var(--oa-title-top) + var(--oa-title-height) - var(--oa-title-pad-bottom,0px) + .08rem)}
.oa-accordion-loader i{display:block;width:100%;height:2px;background:var(--oa-line);transform:scaleX(0);transform-origin:left center}
.oa-accordion-loader p{margin:.55rem 0 0;font:500 clamp(.54rem,.72vw,.7rem)/1 "IBM Plex Mono",monospace;letter-spacing:.1em;white-space:nowrap}
.oa-accordion.is-covered .oa-accordion-loader{opacity:1}
.oa-accordion.is-covered:not(.is-primed) .oa-accordion-loader i{animation:oa-load .8s cubic-bezier(.45,0,.2,1) forwards}
.oa-accordion.is-covered:not(.is-primed) .oa-accordion-loader p{animation:oa-copy-in .25s ease forwards}
.oa-accordion.is-covered.is-primed .oa-accordion-loader{opacity:1}
.oa-accordion.is-covered.is-primed .oa-accordion-loader i{transform:scaleX(1)}
.oa-accordion.is-covered.is-primed .oa-accordion-loader p{opacity:1;transform:none}
.oa-accordion.is-opening .oa-accordion-loader{opacity:1;animation:oa-loader-exit .3s cubic-bezier(.76,0,.24,1) forwards}

@keyframes oa-cover{to{clip-path:inset(0)}}
@keyframes oa-load{to{transform:scaleX(1)}}
@keyframes oa-copy-in{from{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:none}}
@keyframes oa-loader-exit{to{opacity:.15;clip-path:inset(0 0 0 100%)}}
@keyframes oa-open{to{transform:translate3d(calc(var(--oa-open-travel) + 3px),0,0)}}
@keyframes oa-title-lock{to{transform:translate3d(var(--oa-title-travel),0,0)}}

@media(max-width:700px){
  .oa-work-transition-target{top:4.25rem}
  .oa-accordion-loader p{font-size:.54rem}
}

@media(prefers-reduced-motion:reduce){
  .oa-accordion{display:none!important}
  html.oa-accordion-pending body{visibility:visible}
}