:root {
  --ink: #171c19;
  --paper: #f1f2e9;
  --lime: #d3f58a;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--paper);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 6px; }
a:focus-visible { outline: 3px solid var(--lime); outline-offset: 7px; }
.wrap { width: min(1200px, calc(100% - 96px)); margin: auto; }
.header {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #394139;
}
.brand {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -1.3px;
}
.lab-label { font: 9px monospace; letter-spacing: 3px; color: var(--lime); }
.header nav { font-size: 14px; color: var(--lime); }
.skip { position: absolute; top: -100px; left: 20px; padding: 15px; background: var(--lime); color: var(--ink); z-index: 10; }
.skip:focus { top: 10px; }
.hero {
  position: relative;
  min-height: max(640px, calc(100svh - 110px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 53% 80px 0;
  isolation: isolate;
}
.eyebrow { display: flex; align-items: center; gap: 10px; font: 12px monospace; letter-spacing: 1.2px; text-transform: uppercase; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); }
h1 { position: relative; z-index: 1; font-size: clamp(64px, 6.7vw, 96px); line-height: 1.01; font-weight: 500; letter-spacing: -6px; margin: 35px 0 34px; }
h1 em { font-family: Georgia, serif; color: var(--lime); font-weight: 400; }
.hero-bottom { position: relative; z-index: 1; }
.hero-bottom p { font-size: 16px; line-height: 1.65; color: #bec5b9; margin: 0; }
.button { display: inline-flex; gap: 35px; align-items: center; padding: 18px 22px; background: var(--lime); color: var(--ink); border-radius: 4px; font-size: 14px; font-weight: 700; margin-top: 25px; }
.button:hover { background: #e0ffab; text-decoration: none; }
.button span { font-size: 20px; }
.owl-aura {
  position: absolute;
  width: 49%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  isolation: isolate;
  pointer-events: none;
  padding: 16px;
  border: 1px solid #8c95615e;
  border-radius: 28px;
  background: linear-gradient(135deg, #64744b30, #0b120e55 35%, #34402a33 75%, #80906422);
  box-shadow: inset 0 1px 0 #d2d3a04d, inset 0 -2px 0 #0009, 0 0 0 5px #0e1511, 0 0 0 6px #6d7d4d40, 0 20px 55px #0004;
}
.owl-aura::before {
  content: '';
  position: absolute;
  inset: -9%;
  z-index: -1;
  background: radial-gradient(ellipse at center, #83ea4220 0%, #60d33345 38%, #4dbb2428 53%, transparent 72%);
  opacity: .65;
  animation: halo-breathe 9s ease-in-out infinite alternate;
}
.hero-owl {
  display: block;
  width: 100%;
  height: auto;
  /* Fade only the outer margin; the owl and its lettering remain legible. */
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 63%, #000e 71%, #0007 81%, transparent 95%);
  mask-image: radial-gradient(ellipse at 50% 50%, #000 63%, #000e 71%, #0007 81%, transparent 95%);
  animation: owl-breathe 9s ease-in-out infinite alternate;
}
@keyframes halo-breathe {
  from { opacity: .5; transform: scale(.96); }
  to { opacity: .85; transform: scale(1.04); }
}
@keyframes owl-breathe {
  from { opacity: .91; }
  to { opacity: 1; }
}
.missing { padding: 80px 0; min-height: 70vh; }
.missing p { line-height: 1.6; }
@media (max-width: 1000px) {
  .hero h1 { font-size: 68px; letter-spacing: -4px; }
  .desktop-break { display: none; }
}
@media (max-width: 700px) {
  .wrap { width: calc(100% - 40px); }
  .header { height: 82px; }
  .brand { font-size: 23px; }
  .header nav { font-size: 12px; }
  .hero { min-height: auto; padding: 48px 0 32px; }
  h1, .hero h1 { font-size: clamp(55px, 12vw, 80px); letter-spacing: -3px; margin: 30px 0; }
  .hero-bottom p { font-size: 15px; }
  .owl-aura { position: relative; top: auto; right: auto; transform: none; width: 100%; max-width: 430px; margin: 28px auto 0; }
  .owl-aura::before { inset: -3%; }
}
@media (prefers-reduced-motion: reduce) {
  .owl-aura::before, .hero-owl { animation: none; }
}

/* Three typography studies; the editorial serif is the default. */
.hero .work-tag { margin: 0; font-weight: 400; line-height: 1.1; color: var(--paper); }
.hero .type-serif { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(54px, 5.6vw, 80px); letter-spacing: -3px; }
.hero .type-sans { font-family: Arial, Helvetica, sans-serif; font-size: clamp(54px, 5.6vw, 80px); font-weight: 600; letter-spacing: -4px; }
.hero .type-mono { font-family: 'Courier New', monospace; font-size: clamp(40px, 4.3vw, 62px); letter-spacing: -3px; line-height: 1.25; }
.owl-aura::after { content: ''; position: absolute; inset: 7px; border: 1px solid #96a67330; border-radius: 21px; box-shadow: inset 0 1px 1px #0009; }
@media (max-width: 700px) {
  .hero .work-tag { font-size: 54px; letter-spacing: -2px; }
  .hero .type-mono { font-size: 40px; }
  .owl-aura { width: calc(100% - 12px); padding: 10px; }
}

/* Approved direction: 02 / Signal green. */
body { background: #101712; }
.hero .type-signal { font-family: 'Arial Narrow', 'Liberation Sans Narrow', sans-serif; font-size: 77px; font-weight: 700; letter-spacing: -3px; color: #b5ed8b; line-height: 1.05; }
.type-signal .small-line { font-size: 32px; letter-spacing: 7px; color: #d8e6d1; }
.owl-aura { border-color: #86ba7066; }
.hero { min-height: 790px; }
@media (max-width: 700px) {
  .hero { min-height: auto; }
  .hero .type-signal { font-size: 48px; letter-spacing: -2px; }
  .type-signal .small-line { font-size: 19px; letter-spacing: 4px; }
}

/* Hiring page. */
.hiring { padding: 80px 0 120px; max-width: 860px; margin-left: max(48px, calc((100% - 1200px) / 2)); }
.hiring h1 { font-family: 'Arial Narrow', 'Liberation Sans Narrow', sans-serif; font-weight: 700; color: #b5ed8b; letter-spacing: -3px; }
.lede { font-size: 19px; line-height: 1.6; color: #bec5b9; margin: 0 0 56px; }
.role { border: 1px solid #86ba7066; border-radius: 20px; padding: 36px 40px; background: linear-gradient(135deg, #64744b22, #0b120e55 60%); }
.role-head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; flex-wrap: wrap; border-bottom: 1px solid #394139; padding-bottom: 18px; }
.role h2 { margin: 0; font-size: 40px; letter-spacing: -1.5px; }
.role-meta { margin: 0; font: 12px monospace; letter-spacing: 1.5px; text-transform: uppercase; color: var(--lime); }
.role-body { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.role h3 { font: 12px monospace; letter-spacing: 1.5px; text-transform: uppercase; color: #d8e6d1; margin: 28px 0 12px; }
.role ul { margin: 0; padding-left: 18px; line-height: 1.6; color: #bec5b9; }
.role li + li { margin-top: 8px; }
.apply-note { margin: 32px 0 0; padding-top: 20px; border-top: 1px solid #394139; line-height: 1.6; }
.apply-note p { margin: 0; }
.apply-address { color: var(--lime); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 700px) {
  .hiring { margin: auto; padding: 48px 0 80px; }
  .lede { font-size: 16px; }
  .role { padding: 24px 20px; }
  .role h2 { font-size: 32px; }
  .role-body { grid-template-columns: 1fr; gap: 0; }
}
.role p { line-height: 1.6; }
.role-body p, .role-terms p, .apply-note p { color: #bec5b9; }
.role .aside { font-size: 14px; color: #9aa395; }
.role-terms { border-top: 1px solid #394139; margin-top: 28px; }
.apply-note ul { margin: 12px 0; }
.role code { font-family: monospace; color: var(--lime); }
.eeo { margin: 28px 0 0; font-size: 13px; color: #8b9487; }
.role-terms ul { color: #bec5b9; } .role strong { color: var(--paper); }

/* Apply button: a golden rectangle. The square holds a peekaboo owl, the rest holds the label,
   and a golden spiral draws through both on hover. No JavaScript: one switch, --owl-on (0 or 1),
   flips on hover (real pointers only, so taps never stick) or keyboard focus, on the button or
   on the jobs@ link. The owl and the hiring card both read it and react on one shared timeline. */
:root { --owl-spring: cubic-bezier(.3, 1.6, .5, 1); }
@supports (transition-timing-function: linear(0, 1)) {
  :root { --owl-spring: linear(0, .021 1.7%, .077 3.3%, .162 5%, .266 6.7%, .746 13.3%, .856 15%, .953 16.7%, 1.036 18.3%, 1.105 20%, 1.158 21.7%, 1.196 23.3%, 1.221 25%, 1.232 26.7%, 1.233 28.3%, 1.224 30%, 1.185 33.3%, 1.023 43.3%, .984 46.7%, .958 50%, .945 55%, 1.011 78.3%, 1); }
}
/* Kept as separate rules so browsers without :has() still animate the button itself. */
.button--owl:focus-visible {
  --owl-on: 1; --owl-idle: none;
  --owl-flap: owl-flap 760ms ease-in-out 150ms; --owl-blink: owl-blink 3.2s ease-in-out 1.4s 2;
  --owl-flicker: owl-flicker 550ms linear 120ms; --owl-twinkle: owl-twinkle 2.4s ease-in-out 2;
  --owl-arrow: owl-arrow 560ms cubic-bezier(.5, 0, .3, 1) 950ms; --owl-sheen: owl-sheen 900ms cubic-bezier(.3, .6, .3, 1) 120ms;
}
.hiring:has(:is(.button--owl, .apply-address):focus-visible) {
  --owl-on: 1; --owl-idle: none;
  --owl-flap: owl-flap 760ms ease-in-out 150ms; --owl-blink: owl-blink 3.2s ease-in-out 1.4s 2;
  --owl-flicker: owl-flicker 550ms linear 120ms; --owl-twinkle: owl-twinkle 2.4s ease-in-out 2;
  --owl-arrow: owl-arrow 560ms cubic-bezier(.5, 0, .3, 1) 950ms; --owl-sheen: owl-sheen 900ms cubic-bezier(.3, .6, .3, 1) 120ms;
  --owl-ping: owl-ping 1.8s cubic-bezier(.2, .6, .3, 1) 340ms 3;
}
@media (hover: hover) and (pointer: fine) {
  .button--owl:hover {
    --owl-on: 1; --owl-idle: none;
    --owl-flap: owl-flap 760ms ease-in-out 150ms; --owl-blink: owl-blink 3.2s ease-in-out 1.4s 2;
    --owl-flicker: owl-flicker 550ms linear 120ms; --owl-twinkle: owl-twinkle 2.4s ease-in-out 2;
    --owl-arrow: owl-arrow 560ms cubic-bezier(.5, 0, .3, 1) 950ms; --owl-sheen: owl-sheen 900ms cubic-bezier(.3, .6, .3, 1) 120ms;
  }
  .hiring:has(:is(.button--owl, .apply-address):hover) {
    --owl-on: 1; --owl-idle: none;
    --owl-flap: owl-flap 760ms ease-in-out 150ms; --owl-blink: owl-blink 3.2s ease-in-out 1.4s 2;
    --owl-flicker: owl-flicker 550ms linear 120ms; --owl-twinkle: owl-twinkle 2.4s ease-in-out 2;
    --owl-arrow: owl-arrow 560ms cubic-bezier(.5, 0, .3, 1) 950ms; --owl-sheen: owl-sheen 900ms cubic-bezier(.3, .6, .3, 1) 120ms;
    --owl-ping: owl-ping 1.8s cubic-bezier(.2, .6, .3, 1) 340ms 3;
  }
}

/* The golden rectangle: width = height × φ, split into a square (owl) and a smaller golden rectangle (label). */
.button.button--owl {
  --owl-w: 220px;
  --owl-h: calc(var(--owl-w) / 1.618034);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-grid;
  grid-template-columns: var(--owl-h) 1fr;
  width: var(--owl-w);
  height: var(--owl-h);
  gap: 0;
  padding: 0;
  border-radius: 6px;
  background: var(--lime);
  box-shadow: 0 0 0 1px rgb(181 237 139 / calc(var(--owl-on, 0) * .5)), 0 16px 40px -14px rgb(127 224 74 / calc(var(--owl-on, 0) * .55));
  transition: box-shadow 400ms ease;
}
.button.button--owl:hover { background: var(--lime); }
.button--owl::before,
.button--owl::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.button--owl::before {
  background: radial-gradient(circle at var(--owl-h) 50%, #ecffc4, #e2ffae 90px, #dcfba2);
  opacity: var(--owl-on, 0);
  transition: opacity 300ms ease;
}
.button--owl::after {
  background: linear-gradient(105deg, #fff0 35%, #ffffff90 48%, #fff0 62%);
  transform: translateX(-100%);
  animation: var(--owl-sheen, none);
}
.button.button--owl .owl-label { align-self: start; display: flex; flex-direction: column; padding: 17px 8px 0 11px; font-size: 13px; line-height: 1.05; }
.button.button--owl .owl-label-lead { font-family: 'Arial Narrow', 'Liberation Sans Narrow', sans-serif; font-size: 25px; letter-spacing: -.5px; }
.button.button--owl .owl-label-rest { font-size: 13px; margin-top: 3px; }
.button--owl .owl-coil {
  position: absolute;
  top: 0;
  left: var(--owl-h);
  width: calc(var(--owl-w) - var(--owl-h));
  height: var(--owl-h);
  color: var(--ink);
  opacity: .5;
  pointer-events: none;
}
.button--owl .owl-coil path,
.button--owl .owl-spiral {
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--owl-on, 0));
}
.button--owl .owl-spiral {
  opacity: .6;
  transition: stroke-dashoffset calc(300ms + var(--owl-on, 0) * 150ms) cubic-bezier(.45, 0, .55, 1) calc((1 - var(--owl-on, 0)) * 250ms);
}
.button--owl .owl-coil path {
  transition: stroke-dashoffset calc(300ms + var(--owl-on, 0) * 450ms) cubic-bezier(.3, 0, .2, 1) calc(var(--owl-on, 0) * 420ms);
}
/* The arrow sits in the eye of the spiral and flies out as the line arrives. */
.button.button--owl .button-arrow {
  position: absolute;
  top: calc(var(--owl-h) * .74);
  left: calc(var(--owl-h) + (var(--owl-w) - var(--owl-h)) * .28);
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  font-size: 18px;
  line-height: 1;
  scale: calc(1 + var(--owl-on, 0) * .15);
  transition: scale 300ms var(--owl-spring) calc(var(--owl-on, 0) * 1100ms);
  animation: var(--owl-arrow, none);
}

/* The owl. Moving parts pivot in viewBox units (100 × 100). */
.button--owl .owl { display: block; width: var(--owl-h); height: var(--owl-h); pointer-events: none; }
.button--owl .owl-idle, .button--owl .owl-body, .button--owl .owl-head, .button--owl .owl-tuft,
.button--owl .owl-lid, .button--owl .owl-wing { transform-box: view-box; }
.button--owl .owl-idle { animation: var(--owl-idle, owl-idle 9s ease-in-out 2.5s 3); }
.button--owl .owl-body {
  transform: translateY(calc((1 - var(--owl-on, 0)) * 24px));
  transition: transform 750ms var(--owl-spring);
}
.button--owl .owl-head {
  transform-origin: 50px 70px;
  transform: rotate(calc(var(--owl-on, 0) * 8deg));
  transition: transform 650ms var(--owl-spring) calc(var(--owl-on, 0) * 250ms);
}
.button--owl .owl-tuft { transition: transform 650ms var(--owl-spring) calc(var(--owl-on, 0) * 110ms); }
.button--owl .owl-tuft--l { transform-origin: 36px 30px; transform: rotate(calc((1 - var(--owl-on, 0)) * -9deg)); }
.button--owl .owl-tuft--r { transform-origin: 64px 30px; transform: rotate(calc((1 - var(--owl-on, 0)) * 9deg)); }
.button--owl .owl-lid {
  transform-origin: 0 42.4px;
  transform: scaleY(calc((1 - var(--owl-on, 0)) * .5));
  transition: transform 220ms cubic-bezier(.2, .8, .3, 1) calc(var(--owl-on, 0) * 140ms);
  animation: var(--owl-blink, none);
}
.button--owl .owl-pupil {
  transform-box: fill-box;
  transform-origin: center;
  transform: translate(calc(var(--owl-on, 0) * 1.4px), calc(var(--owl-on, 0) * -.6px)) scale(calc(1 + var(--owl-on, 0) * .2));
  transition: transform 500ms var(--owl-spring) calc(var(--owl-on, 0) * 420ms);
}
.button--owl .owl-backlight { opacity: calc(.2 + var(--owl-on, 0) * .6); transition: opacity 500ms ease calc(var(--owl-on, 0) * 150ms); }
.button--owl .owl-glow { opacity: calc(.35 + var(--owl-on, 0) * .65); transition: opacity 400ms ease; animation: var(--owl-flicker, none); }
.button--owl .owl-gem { opacity: calc(.4 + var(--owl-on, 0) * .6); transition: opacity 300ms ease calc(var(--owl-on, 0) * 340ms); }
.button--owl .owl-vial { opacity: calc(.45 + var(--owl-on, 0) * .55); transition: opacity 300ms ease calc(var(--owl-on, 0) * 200ms); }
.button--owl .owl-wing { --owl-wing-dir: 1; transform-origin: 26px 68px; animation: var(--owl-flap, none); }
.button--owl .owl-wing--r { --owl-wing-dir: -1; transform-origin: 74px 68px; }
.button--owl .owl-spark { opacity: 0; transform-box: fill-box; transform-origin: center; animation: var(--owl-twinkle, none); animation-delay: 450ms; }
.button--owl .owl-spark--b { animation-delay: 700ms; }
.button--owl .owl-spark--c { animation-delay: 1.15s; }

@keyframes owl-idle {
  0%, 15%, 100% { transform: translateY(0); }
  4%, 10% { transform: translateY(-6px); }
}
@keyframes owl-blink {
  0%, 90%, 100% { transform: scaleY(0); }
  94% { transform: scaleY(1); }
}
@keyframes owl-flicker {
  0% { opacity: 0; }
  20% { opacity: .9; }
  35% { opacity: .15; }
  60% { opacity: 1; }
  75% { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes owl-flap {
  0%, 100% { transform: rotate(0); }
  22% { transform: rotate(calc(var(--owl-wing-dir) * 30deg)); }
  42% { transform: rotate(calc(var(--owl-wing-dir) * 4deg)); }
  62% { transform: rotate(calc(var(--owl-wing-dir) * 22deg)); }
  82% { transform: rotate(calc(var(--owl-wing-dir) * -3deg)); }
}
@keyframes owl-twinkle {
  0% { opacity: 0; transform: scale(0) rotate(0deg); }
  18% { opacity: 1; transform: scale(1.25) rotate(60deg); }
  40% { opacity: 1; transform: scale(.85) rotate(110deg); }
  62%, 100% { opacity: 0; transform: scale(0) rotate(180deg); }
}
@keyframes owl-arrow {
  0% { transform: translate(0, 0); opacity: 1; }
  38% { transform: translate(12px, -12px); opacity: 0; }
  39% { transform: translate(-10px, 10px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; }
}
@keyframes owl-sheen { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes owl-ping {
  0% { transform: scale(1); opacity: .9; }
  70%, 100% { transform: scale(3.4); opacity: 0; }
}

/* The hiring card answers: the signal runs up from the button, line by line, to the dot. */
.hiring .role { position: relative; isolation: isolate; }
.hiring .role::before {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: -1;
  border: 1px solid #b5ed8bb3;
  border-radius: inherit;
  box-shadow: 0 0 0 4px #b5ed8b0d, 0 28px 70px -30px #8cff5a59, inset 0 0 90px -50px #b5ed8b40;
  opacity: var(--owl-on, 0);
  pointer-events: none;
  transition: opacity 600ms ease;
}
.hiring .role-head,
.hiring .role-terms,
.hiring .apply-note { position: relative; }
.hiring .role-head::after,
.hiring .role-terms::before,
.hiring .apply-note::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #d3f58a, #b5ed8b 45%, #b5ed8b00);
  transform: scaleX(var(--owl-on, 0));
  transform-origin: left;
  opacity: var(--owl-on, 0);
  pointer-events: none;
  transition:
    transform 750ms cubic-bezier(.2, .75, .2, 1) calc(var(--owl-on, 0) * var(--owl-delay, 0ms) + (1 - var(--owl-on, 0)) * 250ms),
    opacity 250ms ease calc(var(--owl-on, 0) * var(--owl-delay, 0ms));
}
.hiring .apply-note::before { top: -1px; --owl-delay: 40ms; }
.hiring .role-terms::before { top: -1px; --owl-delay: 150ms; }
.hiring .role-head::after { bottom: -1px; --owl-delay: 260ms; }
.hiring .apply-note h3 { --owl-delay: 80ms; }
.hiring .role-terms h3 { --owl-delay: 190ms; }
.hiring .role-body h3 { --owl-delay: 230ms; }
.hiring .role h3 { transition: color 350ms ease calc(var(--owl-on, 0) * var(--owl-delay, 0ms)); }
.hiring .apply-address { transition: color 300ms ease, text-shadow 300ms ease; text-shadow: 0 0 calc(var(--owl-on, 0) * 12px) rgb(181 237 139 / calc(var(--owl-on, 0) * .7)); }
@supports (color: color-mix(in srgb, red 50%, blue)) {
  .hiring .role h3 { color: color-mix(in srgb, #b5ed8b calc(var(--owl-on, 0) * 100%), #d8e6d1); }
  .hiring .apply-address { color: color-mix(in srgb, #efffcf calc(var(--owl-on, 0) * 100%), var(--lime)); }
}
.hiring .dot {
  position: relative;
  transform: scale(calc(1 + var(--owl-on, 0) * .3));
  box-shadow: 0 0 calc(var(--owl-on, 0) * 8px) rgb(211 245 138 / var(--owl-on, 0));
  transition: transform 500ms var(--owl-spring) calc(var(--owl-on, 0) * 340ms), box-shadow 400ms ease calc(var(--owl-on, 0) * 340ms);
}
.hiring .dot::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid var(--lime);
  border-radius: 50%;
  opacity: 0;
  animation: var(--owl-ping, none);
}

/* Reduced motion: the owl sits up, still. Hover and focus change light, not position. */
@media (prefers-reduced-motion: reduce) {
  .button--owl::after,
  .button--owl *,
  .hiring .dot::after { animation: none !important; }
  .button--owl .owl-body,
  .button--owl .owl-head,
  .button--owl .owl-tuft,
  .button--owl .owl-pupil,
  .hiring .dot,
  .hiring .role-head::after,
  .hiring .role-terms::before,
  .hiring .apply-note::before { transform: none; }
  .button.button--owl .button-arrow { scale: none; }
  .button--owl .owl-lid,
  .button--owl .owl-spiral,
  .button--owl .owl-coil path { transition: none; }
  .button--owl .owl-spark { opacity: var(--owl-on, 0); transform: none; transition: opacity 150ms ease; }
  .button--owl *,
  .hiring .role h3,
  .hiring .dot,
  .hiring .role-head::after,
  .hiring .role-terms::before,
  .hiring .apply-note::before { transition-delay: 0s !important; }
}

@media (forced-colors: active) {
  .button.button--owl { border: 1px solid ButtonText; }
  .button--owl::before, .button--owl::after { display: none; }
  .button--owl svg { forced-color-adjust: none; }
}