/* the bundle also declares the palette on a bare :root, which any subtree without a
   data-theme attribute would still resolve against — keep the two in step. */
:root,
[data-theme=light]{
  --color-background-primary:#faf9fe;
  --color-background-secondary:#0d0a14;
  --color-background-tertiary:#f0ecfb;
  --color-background-brand:#6a3cf0;
  --color-text-primary:#130f1c;
  --color-text-secondary:#130f1c99;
  --color-text-success:#6a3cf0;
  --color-text-on-brand:#ffffff;
  --color-text-on-brand-secondary:#ffffff99;
  --color-border-primary:#e5dff8;
  --color-border-secondary:#a396c9;
  --color-border-subtle:#130f1c1a;
  --color-header-primary:#ded4f766;
  --color-header-secondary:#faf9fe03;
  --color-footer-logo:#d3c8f0;
  --color-gradient-0:#faf9fe00;
  --color-gradient-100:#faf9fe;
  --color-gradient-tertiary-0:#f0ecfb00;
  --color-gradient-tertiary-100:#f0ecfb;
  --color-graph-blue:#8b6df0;
  --color-graph-green:#6a3cf0;
  --color-graph-raspberry:#b78dfb;
}
[data-theme=dark]{
  --color-background-primary:#0b0810;
  --color-background-secondary:#161022;
  --color-background-tertiary:#161022;
  --color-background-brand:#b78dfb;
  --color-text-primary:#f6f3ff;
  --color-text-secondary:#f6f3ff99;
  --color-text-success:#b78dfb;
  --color-text-on-brand:#0b0810;
  --color-text-on-brand-secondary:#0b081099;
  --color-border-primary:#241b38;
  --color-border-secondary:#6d5f92;
  --color-border-subtle:#f6f3ff1a;
  --color-header-primary:#ded4f766;
  --color-header-secondary:#0b081003;
  --color-footer-logo:#241b38;
  --color-gradient-0:#0b081000;
  --color-gradient-100:#0b0810;
  --color-gradient-tertiary-0:#16102200;
  --color-gradient-tertiary-100:#161022;
  --color-graph-blue:#a68cf5;
  --color-graph-green:#b78dfb;
  --color-graph-raspberry:#8b6df0;
}
/* X link sits beside the header CTA as a matching round icon button */
.Header-module__HGB-Fa__ctaSlot{display:flex;align-items:center;gap:8px}
/* below their 1024px breakpoint the wordmark used to share a pill with the burger.
   With the nav gone it is alone, so let it shrink instead of spanning the bar. */
@media (max-width:1023.98px){
  .Header-module__HGB-Fa__inner{justify-content:space-between;gap:var(--space-12,12px)}
  .Header-module__HGB-Fa__mobileShell{width:auto;padding:0;background-color:transparent;backdrop-filter:none}
  .Header-module__HGB-Fa__bar{width:auto}
}
.phooks-x{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;flex:none;text-decoration:none;
  /* same inversion the primary pill uses, so the pair reads as one control */
  background-color:var(--color-text-primary);color:var(--color-background-primary);
  border:var(--layout-stroke,1px) solid transparent;
  transition:opacity .16s,transform .16s;
}
.phooks-x:hover{opacity:.85;transform:translateY(-1px)}
.phooks-x svg{display:block}
/* the mirrored site ships optimism's terms gate; nobody should have to dismiss a
   consent card to look at a hook */
[class*="CookieBanner-module"]{display:none !important}
/* the photography ships warm/blue out of the box — pull it into the brand violet */
img:not([src^="/brand/"]){filter:grayscale(1) sepia(.72) saturate(2.6) hue-rotate(215deg) brightness(.92) contrast(1.02)}
/* hook-surface wordmarks read lighter than the logos they replace */
.LogoStrip-module__lyuK7q__logo{opacity:.7}
/* neutralised links stay visible but go nowhere */
a[href="#"]{cursor:default}