
:root{
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.2,.8,.25,1);
}

/* ---- Typographic optics ------------------------------------------------ */
/* Condensed display type wants tighter tracking as it scales up. */
h1,.hero h1,.bp-hero h1,h1.hero-h1{letter-spacing:-.024em;text-wrap:balance}
h2,.hero h2,.bp-h2,.befx-h{letter-spacing:-.016em;text-wrap:balance}
h3,h4,.pick h3{letter-spacing:-.008em;text-wrap:balance}
/* Oswald is condensed; at display sizes it wants negative tracking to read as set,
   not spaced. Mono kickers want the opposite. */
.bp-kick,.befx-k,.avnav-k{letter-spacing:.2em}
.bp-h2,.befx-h,.avnav-t,.pick h3,.bp-hero h1{text-wrap:balance}

/* Stop single-word orphans on the last line of body copy. */
p,li,figcaption,.bp-p,.bp-lede,.befx-lede,.avnav-d,.bestfor{text-wrap:pretty}

/* Numerals should never jitter between states. */
.price,.pr,.befx-tiers td,.befx-tiers th,time,.amt,.cents,
[class*="price"],[class*="cost"]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* Real small-caps feel, not faux. */
.bp-kick,.befx-k,.avnav-k,.eyebrow,.bp-eyebrow{font-feature-settings:"kern" 1;font-optical-sizing:auto}

body{-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  font-synthesis-weight:none;font-optical-sizing:auto}

/* Hanging punctuation on pull quotes reads as typeset, not typed. */
q,blockquote{hanging-punctuation:first last}

/* ---- Brand micro-detail ------------------------------------------------ */
::selection{background:var(--blaze,#FFE600);color:var(--asphalt,#0B0B0A);text-shadow:none}
::-moz-selection{background:var(--blaze,#FFE600);color:var(--asphalt,#0B0B0A)}

/* One branded focus ring instead of the browser default. */
a:focus-visible,button:focus-visible,summary:focus-visible,
[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--blaze,#FFE600);outline-offset:3px;border-radius:6px}

/* Dark scrollbar — a light scrollbar on a dark site is the tell. */
html{scrollbar-color:var(--hairline-2,#46443D) var(--asphalt,#0B0B0A);scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--asphalt,#0B0B0A)}
::-webkit-scrollbar-thumb{background:var(--hairline-2,#46443D);border-radius:99px;
  border:3px solid var(--asphalt,#0B0B0A)}
::-webkit-scrollbar-thumb:hover{background:var(--sand-dim,#95907f)}

/* Images: never let a decode flash a half-painted frame. */
img{-webkit-user-drag:none}

/* Tap highlight on mobile defaults to a grey box — brand it. */
html{-webkit-tap-highlight-color:rgba(255,230,0,.18)}

/* ---- Motion discipline ------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}
