/* onest-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/onest-cyrillic-ext-wght-normal.DOFToQv1.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* onest-cyrillic-wght-normal */
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/onest-cyrillic-wght-normal.DayYxulF.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* onest-math-wght-normal */
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/onest-math-wght-normal.Bl4ZGkZl.woff2) format('woff2-variations');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* onest-symbols-wght-normal */
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/onest-symbols-wght-normal.DxQzqQfC.woff2) format('woff2-variations');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* onest-vietnamese-wght-normal */
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/onest-vietnamese-wght-normal.BBxOatbv.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* onest-latin-ext-wght-normal */
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/onest-latin-ext-wght-normal.QAhDxQuo.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* onest-latin-wght-normal */
@font-face {
  font-family: 'Onest Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_astro/onest-latin-wght-normal.Dun_Rd-l.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* jetbrains-mono-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(data:font/woff2;base64,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) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* jetbrains-mono-cyrillic-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* jetbrains-mono-greek-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* jetbrains-mono-vietnamese-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* jetbrains-mono-latin-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* jetbrains-mono-latin-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* Brand "Anor". Every color, font, size and space lives here; components use the variables only. See DESIGN.md. */
:root {
  --paper: #f4f4f1;
  --frame: #e8e9e4;
  --hairline: #dcddd8;
  --slate: #5a616d;
  --ink: #131518;
  --anor: #c4223b;
  --anor-deep: #a51a30;
  --on-anor: #ffffff;
  --on-anor-muted: #f8e5e8;
  --on-ink-muted: #b4b8bf;
  --todo: #fff1b8;

  --font-sans: "Onest Variable", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, Consolas, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --text-2xl: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
  --text-3xl: clamp(2.75rem, 1.6rem + 5vw, 5.5rem);
  --text-price: clamp(2.75rem, 2rem + 2vw, 3.75rem);
  --text-4xl: clamp(3rem, 1.2rem + 7vw, 7.5rem);
  /* Capped by height (the pinned hero has to fit one screen on short laptops) and at 9.75rem, so the longest headline
     verb, "show your work" plus its dot (7.23em, measured), stays on one line inside the 74rem wrap. */
  --text-hero: clamp(3.4rem, min(0.8rem + 10vw, 18svh), 9.75rem);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-section: clamp(4.5rem, 3rem + 6vw, 8.5rem);

  --wrap: 74rem;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --radius: 12px;
  --radius-sm: 8px;
  --tap: 44px;
  --header-h: 64px;
  --avail: calc(100svh - var(--header-h));
  --shadow-frame: 0 1px 2px rgb(19 21 24 / 0.06), 0 18px 40px -12px rgb(19 21 24 / 0.22);

  --ease-out: cubic-bezier(0.22, 0.8, 0.3, 1);
  --dur-ui: 180ms;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: var(--space-2xl);
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

h1,
h2,
h3 {
  margin: 0;
  line-height: 1.08;
  letter-spacing: -0.025em;
  font-weight: 640;
  text-wrap: balance;
}
h1 { font-size: var(--text-3xl); letter-spacing: -0.04em; font-weight: 680; }
h2 { font-size: var(--text-2xl); }
h3 { font-size: var(--text-xl); }
p { margin: 0; text-wrap: pretty; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }

:focus-visible {
  outline: 3px solid var(--anor);
  outline-offset: 3px;
  border-radius: 4px;
}

.wrap {
  width: min(100% - 2 * var(--gutter), var(--wrap));
  margin-inline: auto;
}
.section { padding-block: var(--space-section); }
.mono { font-family: var(--font-mono); }
.muted { color: var(--slate); }
.lead { font-size: var(--text-lg); color: var(--slate); max-width: 38rem; }

/* Placeholders that still need a real value from Bunyodbek. */
.todo {
  background: var(--todo);
  color: var(--ink);
  font-family: var(--font-mono);
  font-size: 0.9em;
  padding: 0 0.3em;
  border-radius: 4px;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  min-height: var(--tap);
  padding: 0 var(--space-lg);
  border-radius: 999px;
  border: 1.5px solid transparent;
  font: inherit;
  font-weight: 600;
  font-size: var(--text-sm);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out),
    color var(--dur-ui) var(--ease-out);
}
.btn-primary { background: var(--anor); color: var(--on-anor); }
.btn-primary:hover { background: var(--anor-deep); }
.btn-ghost { border-color: var(--hairline); color: var(--ink); }
.btn-ghost:hover { border-color: var(--ink); }
.btn-on-ink { border-color: rgb(255 255 255 / 0.28); color: var(--paper); }
.btn-on-ink:hover { border-color: var(--paper); }
.btn-paper { background: var(--paper); color: var(--ink); }
.btn-paper:hover { background: var(--on-anor); }

/* The brand mark: a pomegranate dot that ends headlines (hero, prices, contact) and leads the wordmark. */
.dot {
  display: inline-block;
  width: 0.19em;
  height: 0.19em;
  margin-left: 0.05em;
  border-radius: 50%;
  background: var(--anor);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.btn .arrow { transition: transform var(--dur-ui) var(--ease-out); }
.btn:hover .arrow { transform: translateX(3px); }

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  min-height: var(--tap);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--hairline);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: text-decoration-color var(--dur-ui) var(--ease-out);
}
.text-link:hover { text-decoration-color: var(--anor); }

/* ---------- Skeletons: shimmer behind an image until it has loaded (Base.astro marks data-loaded) ---------- */
.skeleton {
  background-color: var(--frame);
  background-image: linear-gradient(100deg, transparent 25%, rgb(255 255 255 / 0.6) 50%, transparent 75%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: shimmer 1.3s linear infinite;
}
.skeleton[data-loaded] {
  animation: none;
  background-image: none;
}
.skeleton img { transition: opacity 300ms var(--ease-out); }
.js .skeleton:not([data-loaded]) img { opacity: 0; }
@keyframes shimmer {
  from { background-position: 150% 0; }
  to { background-position: -50% 0; }
}

/* ---------- First-visit loader: the dot beats, then flies into the logo while the page shows through ---------- */
.loader { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .intro .loader {
    display: grid;
    place-items: center;
    position: fixed;
    inset: 0;
    z-index: 100;
    background: var(--paper);
    pointer-events: none;
    /* Ends at 1020 ms, just after the dot lands on the logo at 1000 ms (hiding sooner would cut its flight). */
    animation: loader-out 460ms var(--ease-out) 560ms forwards;
  }
  .intro .loader-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--anor);
    animation: dot-beat 480ms var(--ease-out) both, dot-home 520ms cubic-bezier(0.65, 0, 0.35, 1) 480ms forwards;
  }
  /* The page underneath settles in as the loader clears. */
  .intro main h1,
  .intro .hero-row {
    animation: rise 700ms var(--ease-out) 640ms both;
  }
  .intro .hero-row { animation-delay: 760ms; }
}
@keyframes dot-beat {
  0% { transform: scale(0); }
  55% { transform: scale(1.6); }
  100% { transform: scale(1); }
}
@keyframes dot-home {
  to {
    transform: translate(var(--mark-dx, -40vw), var(--mark-dy, -45vh)) scale(var(--mark-scale, 0.5));
  }
}
@keyframes loader-out {
  to {
    background-color: transparent;
    visibility: hidden;
  }
}
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(0.35em);
  }
}

/* ---------- Page to page: the new page opens out of the logo dot (cross-document view transitions) ---------- */
@view-transition { navigation: auto; }
.site-header { view-transition-name: header; }
::view-transition-old(root) { animation: page-out 240ms var(--ease-out) both; }
::view-transition-new(root) { animation: page-in 560ms cubic-bezier(0.65, 0, 0.35, 1) both; }
@keyframes page-out {
  to {
    opacity: 0;
    transform: scale(0.985);
  }
}
@keyframes page-in {
  from { clip-path: circle(0 at var(--mark-x, 24px) var(--mark-y, 32px)); }
  to { clip-path: circle(150vmax at var(--mark-x, 24px) var(--mark-y, 32px)); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
  html { scroll-behavior: auto; }
}
.site-header[data-astro-cid-hkbrpulz] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--paper);
  border-bottom: 1px solid var(--hairline);
}

.bar[data-astro-cid-hkbrpulz] {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  height: calc(var(--header-h) - 1px);
}

.wordmark[data-astro-cid-hkbrpulz] {
  font-weight: 680;
  letter-spacing: -.02em;
  text-decoration: none;
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  gap: .55em;
  min-height: var(--tap);
}

.mark[data-astro-cid-hkbrpulz] {
  width: .7em;
  height: .7em;
  border-radius: 50%;
  background: var(--anor);
  flex: none;
}

nav[data-astro-cid-hkbrpulz] ul[data-astro-cid-hkbrpulz] {
  display: flex;
  gap: var(--space-2xs);
  list-style: none;
  margin: 0;
  padding: 0;
}

nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  padding: 0 var(--space-sm);
  font-size: var(--text-sm);
  font-weight: 550;
  color: var(--slate);
  text-decoration: none;
  border-radius: var(--radius-sm);
  transition: color var(--dur-ui) var(--ease-out);
}

nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover, nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz][aria-current="page"] {
  color: var(--ink);
}

nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz][aria-current="page"] {
  text-decoration: underline;
  text-decoration-color: var(--anor);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

.lang[data-astro-cid-hkbrpulz] {
  position: relative;
}

.lang[data-astro-cid-hkbrpulz] summary[data-astro-cid-hkbrpulz] {
  display: inline-flex;
  align-items: center;
  gap: .3em;
  min-height: var(--tap);
  padding: 0 var(--space-sm);
  border: 1.5px solid var(--hairline);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  transition: border-color var(--dur-ui) var(--ease-out);
}

.lang[data-astro-cid-hkbrpulz] summary[data-astro-cid-hkbrpulz]::-webkit-details-marker {
  display: none;
}

.lang[data-astro-cid-hkbrpulz] summary[data-astro-cid-hkbrpulz]:after {
  content: "";
  width: .4em;
  height: .4em;
  border-right: 1.5px solid;
  border-bottom: 1.5px solid;
  transform: translateY(-.15em) rotate(45deg);
  transition: transform var(--dur-ui) var(--ease-out);
}

.lang[data-astro-cid-hkbrpulz][open] summary[data-astro-cid-hkbrpulz]:after {
  transform: translateY(.1em) rotate(-135deg);
}

.lang[data-astro-cid-hkbrpulz] summary[data-astro-cid-hkbrpulz]:hover, .lang[data-astro-cid-hkbrpulz][open] summary[data-astro-cid-hkbrpulz] {
  border-color: var(--ink);
}

.lang[data-astro-cid-hkbrpulz] ul[data-astro-cid-hkbrpulz] {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
  min-width: 10rem;
  margin: 0;
  padding: var(--space-2xs);
  list-style: none;
  background: var(--paper);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  box-shadow: 0 18px 40px -16px #1315184d;
}

.lang[data-astro-cid-hkbrpulz] ul[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: var(--tap);
  padding: 0 var(--space-sm);
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  text-decoration: none;
  transition: background-color var(--dur-ui) var(--ease-out);
}

.lang[data-astro-cid-hkbrpulz] ul[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover {
  background: var(--frame);
}

.lang[data-astro-cid-hkbrpulz] ul[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz][aria-current]:after {
  content: "";
  width: .45em;
  height: .45em;
  margin-left: auto;
  border-radius: 50%;
  background: var(--anor);
}

@media (width <= 47.99rem) {
  .header-cta[data-astro-cid-hkbrpulz] {
    display: none;
  }

  .bar[data-astro-cid-hkbrpulz] {
    gap: var(--space-xs);
  }

  nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
    padding: 0 var(--space-xs);
  }

  nav[data-astro-cid-hkbrpulz] li[data-astro-cid-hkbrpulz]:first-child {
    display: none;
  }

  .wordmark[data-astro-cid-hkbrpulz] {
    font-size: var(--text-sm);
    white-space: nowrap;
  }
}

@media (width <= 23.99rem) {
  .wordmark[data-astro-cid-hkbrpulz] {
    font-size: .875rem;
  }

  .lang[data-astro-cid-hkbrpulz] summary[data-astro-cid-hkbrpulz] {
    padding: 0 var(--space-xs);
  }
}

.site-footer[data-astro-cid-hkbrpulz] {
  border-top: 1px solid var(--hairline);
  padding-block: var(--space-xl);
  font-size: var(--text-sm);
}

.foot[data-astro-cid-hkbrpulz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-sm) var(--space-xl);
}

.foot-name[data-astro-cid-hkbrpulz] {
  font-weight: 650;
}

.foot-links[data-astro-cid-hkbrpulz] {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-lg);
  list-style: none;
  margin: 0;
  padding: 0;
}

.foot-links[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz] {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  text-underline-offset: 4px;
}

.foot-note[data-astro-cid-hkbrpulz] {
  margin-left: auto;
}
.contact[data-astro-cid-he3spzz3] {
  background: var(--ink);
  color: var(--paper);
  padding-block: var(--space-section);
}

.inner[data-astro-cid-he3spzz3] {
  display: grid;
  gap: var(--space-xl);
}

h2[data-astro-cid-he3spzz3] {
  font-size: var(--text-4xl);
  line-height: .95;
  letter-spacing: -.05em;
  max-width: 14ch;
}

.row[data-astro-cid-he3spzz3] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-lg);
  padding-top: var(--space-lg);
  border-top: 1px solid #ffffff29;
}

.text[data-astro-cid-he3spzz3] {
  color: var(--on-ink-muted);
  max-width: 30rem;
}

.actions[data-astro-cid-he3spzz3] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}