/*
 * styles.css — Almina Ai Edit
 * Concept: "Burned-In" — the burned-in subtitle bar is the graphic system.
 * Night Ink dominant by area; Burn-in Yellow and Render Ultramarine as few,
 * large, hard-edged fields; Tally Red as the REC light. No gradients, no glow,
 * no radius beyond the nav capsule's 4px.
 */

/* ============================================================
   Design Tokens
   ============================================================ */
:root {
  --color-primary: #FFD83D;          /* Burn-in Yellow — secondary field */
  --color-primary-hover: #E0B400;
  --color-secondary: #2536F5;        /* Render Ultramarine — third field */
  --color-accent: #FF4436;           /* Tally Red — REC light */
  --color-bg: #0A0C12;               /* Night Ink — dominant field */
  --color-surface: #151924;          /* raised ink */
  --color-surface-hover: #1E2331;
  --color-border: #2A3040;
  --color-input-border: #6B7385;
  --color-text: #F1EEE6;             /* Bone */
  --color-text-secondary: #9CA3B4;   /* monitor grey */
  --color-text-on-accent: #0A0C12;
  --color-light: #F1EEE6;            /* Bone light ground */

  --font-primary: 'Anybody', 'IBM Plex Sans', sans-serif;
  --font-secondary: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-size-base: 17px;
  --spacing-base: 8px;

  --inset: 8vw;
  --seam: 2px;

  --motion-duration: 220ms;
  --motion-duration-slow: 420ms;
  --motion-ease: cubic-bezier(0.3, 0, 0.1, 1);

  --fs-display: clamp(3.5rem, 9vw, 9rem);
  --fs-h1: clamp(2.5rem, 5.5vw, 5rem);
  --fs-h2: clamp(1.875rem, 3.6vw, 3.25rem);
  --fs-h3: 1.5rem;
  --fs-lead: 1.3125rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.8125rem;
}

/* ============================================================
   Base Reset
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: var(--font-size-base, 16px);
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body {
  font-family: var(--font-secondary);
  font-size: 1rem;
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.65;
  padding-bottom: 42px; /* required */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}

ul, ol { list-style: none; }

button, input, select, textarea { font: inherit; color: inherit; }

/* Focus states — WCAG AA required. Tally red ring. */
:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

/* Skip navigation link — WCAG 2.4.1 (managed by fix_ada_safe.py) */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 0.75rem 1.25rem;
  background: var(--color-primary);
  color: var(--color-bg);
  font-weight: 600;
  text-decoration: none;
  border: 2px solid var(--color-bg);
}
.skip-link:focus {
  left: 0;
}

main:focus { outline: none; }

.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* ============================================================
   Scripts — every non-Latin line loads its Noto subset and carries lang
   ============================================================ */
:lang(my) { font-family: 'Noto Sans Myanmar', var(--font-secondary); line-height: 1.75; }
:lang(ja) { font-family: 'Noto Sans JP', var(--font-secondary); }
:lang(ko) { font-family: 'Noto Sans KR', var(--font-secondary); }
:lang(zh-Hans) { font-family: 'Noto Sans SC', var(--font-secondary); }
:lang(ar) { font-family: 'Noto Sans Arabic', var(--font-secondary); }
:lang(hi) { font-family: 'Noto Sans Devanagari', var(--font-secondary); }
:lang(th) { font-family: 'Noto Sans Thai', var(--font-secondary); line-height: 1.7; }

/* ============================================================
   Type system
   ============================================================ */
.display, .h1, .h2, .h3,
h1, h2, h3 {
  font-family: var(--font-primary);
  font-style: normal;
  color: inherit;
}
h1, h2, h3 { overflow-wrap: break-word; }
@media (max-width: 419px) {
  :root { --fs-h2: 1.625rem; --fs-h1: 2.25rem; }
  h2, .h2 { font-variation-settings: "wdth" 115; font-stretch: 115%; }
}
h1, .h1 {
  font-size: var(--fs-h1);
  font-weight: 850;
  font-variation-settings: "wdth" 140;
  font-stretch: 140%;
  line-height: 0.95;
  letter-spacing: -0.015em;
}
h2, .h2 {
  font-size: var(--fs-h2);
  font-weight: 800;
  font-variation-settings: "wdth" 130;
  font-stretch: 130%;
  line-height: 1.0;
  letter-spacing: -0.01em;
}
h3, .h3 {
  font-size: var(--fs-h3);
  font-weight: 750;
  font-variation-settings: "wdth" 115;
  font-stretch: 115%;
  line-height: 1.1;
}
.display {
  font-size: var(--fs-display);
  font-weight: 900;
  font-variation-settings: "wdth" 150;
  font-stretch: 150%;
  line-height: 0.88;
  letter-spacing: -0.02em;
}
.lead {
  font-size: var(--fs-lead);
  line-height: 1.5;
  max-width: 46ch;
}
.body-copy p + p { margin-top: 1em; }
.body-copy p, p.body { max-width: 64ch; }
.mono {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: var(--fs-caption);
  letter-spacing: 0.04em;
  line-height: 1.4;
}

/* Text link with the site's hard 2px underline */
.tlink {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
  transition: text-decoration-color var(--motion-duration) var(--motion-ease);
}
.tlink:hover { text-decoration-color: var(--color-accent); }

/* Hard-edged buttons (never glowing, never rounded) */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-height: 48px;
  padding: 0 1.4rem;
  border: 0;
  border-radius: 0;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--motion-duration) var(--motion-ease), color var(--motion-duration) var(--motion-ease);
}
.btn--ink { background: var(--color-bg); color: var(--color-primary); }
.btn--ink:hover { background: var(--color-surface-hover); }
.btn--yellow { background: var(--color-primary); color: var(--color-bg); }
.btn--yellow:hover { background: var(--color-primary-hover); }

/* ============================================================
   The caption bar — the site's graphic system.
   Yellow burned-in bar, ink type, laid on a photograph's lower third,
   bleeding off the right viewport edge.
   ============================================================ */
.cbar {
  display: block;
  background: var(--color-primary);
  color: var(--color-bg);
  padding: 12px 24px;
  margin-left: var(--cbar-start, var(--inset));
  margin-right: 0;
  position: relative;
  z-index: 2;
}
.cbar h1, .cbar h2, .cbar .cbar__line {
  color: var(--color-bg);
}
.cbar__line { display: block; }
.cbar__en {
  display: block;
  margin-top: 6px;
  font-family: var(--font-mono);
  font-size: var(--fs-caption);
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--color-bg);
}

/* Photo band — a full-bleed photograph as a section ground */
.photo-band {
  position: relative;
  isolation: isolate;
  background: var(--color-bg);
  min-height: calc(100vw / 2.333);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.photo-band__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.photo-band__inner {
  position: relative;
  padding-bottom: clamp(3rem, 12vh, 8rem);
}

/* A flat ink panel for body copy laid on a photograph (no gradients) */
.ink-panel {
  background: rgba(10, 12, 18, 0.78);
  color: var(--color-text);
  padding: 1rem 1.25rem;
}

/* ============================================================
   Nav — floating segmented capsule (butted clips, not a bar)
   ============================================================ */
.capsule-nav {
  position: fixed;
  top: 24px;
  left: 24px;
  right: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  z-index: 50;
  pointer-events: none;
  overflow: visible;
}
.capsule-nav__cells,
.capsule-nav__cta { pointer-events: auto; }
.capsule-nav__cells {
  display: flex;
  height: 56px;
  background: rgba(21, 25, 36, 0.92);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  overflow: visible;
}
.capsule-nav__logo {
  display: flex;
  align-items: center;
  padding: 7px 16px;
  border-right: 1px solid var(--color-border);
  flex: none;
}
.capsule-nav__logo img {
  height: 40px;
  width: auto;
  max-width: 240px; /* logo renders 234px wide at the judged 40px */
}
.capsule-nav__cell,
.capsule-nav__menu {
  display: flex;
  align-items: center;
  padding: 0 20px;
  font: 500 15px/1 var(--font-secondary);
  color: var(--color-text);
  text-decoration: none;
  border: 0;
  border-right: 1px solid var(--color-border);
  background: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color var(--motion-duration) var(--motion-ease);
}
.capsule-nav__cells > :last-child { border-right: 0; }
.capsule-nav__cell:hover,
.capsule-nav__menu:hover { background: var(--color-surface-hover); }
.capsule-nav__cell[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--color-accent); }
.capsule-nav__menu { display: none; gap: 8px; }
.capsule-nav__cta {
  height: 56px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 22px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  font: 600 15px/1 var(--font-secondary);
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--motion-duration) var(--motion-ease);
}
.capsule-nav__cta:hover { background: var(--color-primary-hover); }
.capsule-nav__cta i { font-size: 1.05em; }

/* Full-height ink drawer (below 900px) */
.nav-drawer {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: var(--color-bg);
  display: none;
  flex-direction: column;
  justify-content: center;
  padding: 104px 24px 48px;
}
.nav-drawer.is-open { display: flex; }
.nav-drawer__close {
  position: absolute;
  top: 16px;
  right: 16px;
  height: 48px;
  min-width: 48px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text);
  font: 500 15px/1 var(--font-secondary);
  cursor: pointer;
}
.nav-drawer__list li + li { border-top: 1px solid var(--color-border); }
.nav-drawer__list a {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 18px 0;
  text-decoration: none;
  color: var(--color-text);
}
.nav-drawer__list .mono { color: var(--color-text-secondary); }
.nav-drawer__list a[aria-current="page"] .h2 { box-shadow: inset 0 -3px 0 var(--color-accent); }
.nav-drawer__cta { margin-top: 32px; align-self: flex-start; }

@media (max-width: 899px) {
  .capsule-nav { top: 16px; left: 16px; right: 16px; }
  .capsule-nav__cells { height: 52px; }
  .capsule-nav__cta { height: 52px; }
  .capsule-nav__cell { display: none; }
  .capsule-nav__menu { display: flex; }
}
@media (max-width: 479px) {
  .capsule-nav { gap: 8px; }
  .capsule-nav__cells, .capsule-nav__cta { height: 48px; }
  .capsule-nav__logo { padding: 6px 12px; }
  .capsule-nav__logo img { height: 28px; max-width: 170px; }
  .capsule-nav__menu { padding: 0 14px; }
  .capsule-nav__cta { padding: 0 14px; }
  .capsule-nav__cta .cta-long { display: none; }
}
@media (max-width: 399px) {
  .capsule-nav__logo { padding: 6px 10px; }
  .capsule-nav__logo img { height: 24px; max-width: 145px; }
  .capsule-nav__menu { padding: 0 12px; }
  .capsule-nav__cta { padding: 0 12px; }
}
@media (max-width: 359px) {
  .capsule-nav__cta .cta-short { display: none; }
  .capsule-nav__menu i { display: none; }
}

/* ============================================================
   HOME — Hero: Render Queue
   One photograph, 13 thin bands (one script each, Burmese first),
   and one five-unit band where English breaks out, too big for a band.
   ============================================================ */
.hero {
  position: relative;
  background: var(--color-bg);
  overflow: visible;
}
.hero__frame {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 96px repeat(13, 1fr) auto;
  min-height: max(100vh, 760px);
  min-height: max(100svh, 760px);
}
.hero__stack { display: contents; }
.hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 40% 32%;
  /* mirrored so the lit face sits right-of-centre and the captions own the left */
  transform: scaleX(-1);
  z-index: 0;
}
.hero__band {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 2px 45% 2px var(--inset);
  border-top: var(--seam) solid var(--color-bg);
}
.hero__band--lead { border-top: 0; }
.hero__band--rtl { justify-content: flex-end; }
.hero__chip {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  max-width: 100%;
  padding: 5px 12px;
  background: rgba(10, 12, 18, 0.72);
  color: var(--color-primary);
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: clamp(0.95rem, 1.05vw, 1.125rem);
  line-height: 1.25;
}
.hero__chip:lang(my) { line-height: 1.5; }
.hero__chip:lang(th), .hero__chip:lang(hi) { line-height: 1.4; }
.hero__idx {
  flex: none;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--color-text);
  opacity: 0.8;
  direction: ltr;
}
.hero__band--break {
  align-items: flex-end;
  min-height: 200px;
  padding: 16px 0 0 var(--inset);
  padding-right: calc(clamp(360px, 30vw, 460px) + 32px);
}
.hero__title {
  color: var(--color-text);
  font-size: clamp(2.5rem, 4.6vw, 5.25rem);
  font-weight: 900;
  font-variation-settings: "wdth" 125;
  font-stretch: 125%;
  line-height: 0.9;
  letter-spacing: -0.02em;
  /* baseline on the bottom seam */
  padding-bottom: 22px;
  max-width: 18ch;
}
.hero__slab {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: clamp(360px, 30vw, 460px);
  padding: 32px;
  background: var(--color-primary);
  color: var(--color-bg);
}
.hero__slab p {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
.hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}
.hero__actions .tlink { color: var(--color-bg); }
.hero__tc {
  position: absolute;
  top: 96px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  background: rgba(10, 12, 18, 0.72);
  color: var(--color-text);
}
.rec {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-accent);
  flex: none;
}
.hero__tc.is-done .rec { background: var(--color-input-border); }

/* Reveal-gating floor: base state visible; hidden only when JS is confirmed */
.reveal { opacity: 1; transform: none; }
html.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s, transform .6s; }
html.js .reveal.is-in { opacity: 1; transform: none; }
html.js.reveal-all .reveal { opacity: 1; transform: none; }

/* render-completes-once — only under html.js; failsafes in main.js and <head> */
html.js .hero__band {
  -webkit-backdrop-filter: grayscale(1) blur(6px);
  backdrop-filter: grayscale(1) blur(6px);
  transition: -webkit-backdrop-filter var(--motion-duration-slow) var(--motion-ease), backdrop-filter var(--motion-duration-slow) var(--motion-ease);
}
html.js .hero__band.is-resolved {
  -webkit-backdrop-filter: grayscale(0) blur(0);
  backdrop-filter: grayscale(0) blur(0);
}
html.js .hero__band .hero__chip,
html.js .hero__band .hero__title { opacity: 0; }
html.js .hero__band.is-resolved .hero__chip,
html.js .hero__band.is-resolved .hero__title { opacity: 1; }
html.js.reveal-all .hero__band { -webkit-backdrop-filter: none; backdrop-filter: none; }
html.js.reveal-all .hero__band .hero__chip,
html.js.reveal-all .hero__band .hero__title { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  html.js .hero__band { -webkit-backdrop-filter: none; backdrop-filter: none; transition: none; }
  html.js .hero__band .hero__chip,
  html.js .hero__band .hero__title { opacity: 1; }
}

@media (max-width: 1100px) {
  .hero__band { padding-right: 30%; }
}
@media (max-width: 699px) {
  .hero__frame { display: block; min-height: 0; }
  .hero__stack {
    display: grid;
    position: relative;
    grid-template-rows: 112px repeat(13, minmax(44px, auto));
    min-height: 70svh;
  }
  .hero__img { object-position: 38% 30%; }
  .hero__band { padding: 4px 16px; }
  .hero__band--rtl { justify-content: flex-start; }
  .hero__chip { font-size: 0.95rem; }
  .hero__band--break {
    padding: 28px 16px 24px;
    border-top: var(--seam) solid var(--color-bg);
    background: var(--color-bg);
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .hero__title { font-size: clamp(2rem, 9.6vw, 3.5rem); font-variation-settings: "wdth" 112; font-stretch: 112%; max-width: none; padding-bottom: 0; margin-bottom: 0; }
  .hero__slab { position: static; width: 100%; padding: 24px 16px; }
  .hero__tc { top: 74px; right: 16px; }
}

/* ============================================================
   HOME — Pipeline: six slabs rising 00:00 → 03:41
   ============================================================ */
.pipeline {
  background: var(--color-primary);
  color: var(--color-bg);
  padding-top: clamp(5rem, 10vw, 8rem);
}
.pipeline__head {
  padding: 0 var(--inset) clamp(2.5rem, 5vw, 4rem);
  max-width: 1100px;
}
.pipeline__head p { margin-top: 1rem; max-width: 52ch; }
.slabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  border-bottom: var(--seam) solid var(--color-bg);
}
.slab {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: var(--h, 320px);
  border: var(--seam) solid var(--color-bg);
  border-bottom: 0;
  margin-left: calc(var(--seam) * -1);
  padding: 20px 20px 0;
}
.slab:first-child { margin-left: 0; border-left: 0; }
.slab:last-child { border-right: 0; }
.slab:nth-child(1) { --h: 320px; }
.slab:nth-child(2) { --h: 360px; }
.slab:nth-child(3) { --h: 400px; }
.slab:nth-child(4) { --h: 440px; }
.slab:nth-child(5) { --h: 480px; }
.slab:nth-child(6) { --h: 520px; }
.slab__run {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}
.slab__tc { font-family: var(--font-mono); font-size: 0.9375rem; font-weight: 500; color: rgba(10, 12, 18, 0.72); }
.slab__run h3 { font-size: clamp(1.25rem, 1.7vw, 1.5rem); }
.slab p { margin-top: 12px; font-size: 0.9375rem; line-height: 1.5; max-width: 30ch; }
.slab__icon { margin-top: 14px; font-size: 1.5rem; }
.slab__fig {
  margin: auto calc(-20px) 0 auto;
  padding-top: 20px;
  width: 72%;
}
.slab__fig img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-top: var(--seam) solid var(--color-bg);
  border-left: var(--seam) solid var(--color-bg);
}
.slab:not(:has(.slab__fig)) { padding-bottom: 20px; }
.pipeline__note {
  padding: 18px var(--inset);
  font-family: var(--font-mono);
  font-size: var(--fs-caption);
  color: var(--color-bg);
}

@media (max-width: 1199px) {
  .slabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .slab:nth-child(4) { margin-left: 0; border-left: 0; }
  .slab:nth-child(3) { border-right: 0; }
  .slab:nth-child(1), .slab:nth-child(4) { --h: 320px; }
  .slab:nth-child(2), .slab:nth-child(5) { --h: 380px; }
  .slab:nth-child(3), .slab:nth-child(6) { --h: 440px; }
}
@media (max-width: 699px) {
  .slabs {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 78vw;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    padding-left: 16px;
    -webkit-overflow-scrolling: touch;
  }
  .slab { scroll-snap-align: start; margin-left: calc(var(--seam) * -1) !important; border-left: var(--seam) solid var(--color-bg) !important; border-right: var(--seam) solid var(--color-bg) !important; }
  .slab:nth-child(1) { --h: 300px; } .slab:nth-child(2) { --h: 330px; } .slab:nth-child(3) { --h: 360px; }
  .slab:nth-child(4) { --h: 390px; } .slab:nth-child(5) { --h: 420px; } .slab:nth-child(6) { --h: 450px; }
  .slab__fig { width: 62%; }
}

/* ============================================================
   Photo bands with a caption-bar headline (Night Band, Re-use, Trial…)
   ============================================================ */
.nightband { min-height: max(calc(100vw / 2.333), 520px); }
.nightband .photo-band__img { object-position: 30% 40%; }
.nightband .cbar { --cbar-start: 22vw; }
.nightband__lead {
  margin: 20px var(--inset) 0 auto;
  width: min(40ch, 42vw);
  font-size: var(--fs-lead);
  line-height: 1.5;
}
.swap-line { transition: none; }

@media (max-width: 699px) {
  .photo-band { min-height: 72svh; }
  .nightband .photo-band__img { object-position: 22% 40%; }
  .nightband .cbar, .cbar { --cbar-start: 16px; }
  .nightband__lead { width: auto; margin: 16px 16px 0; font-size: 1.125rem; }
}

/* ============================================================
   HOME — Export bundle: tiles sized like file weights
   ============================================================ */
.bundle {
  background: var(--color-bg);
  padding: clamp(5rem, 10vw, 8rem) var(--inset);
}
.margin-head {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  align-items: baseline;
  gap: 0 1rem;
  margin-left: -5.5rem;
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}
.margin-head__idx {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 1rem;
  color: var(--color-text-secondary);
  text-align: right;
}
.margin-head p { grid-column: 2; margin-top: 1rem; max-width: 56ch; color: var(--color-text-secondary); }
.bundle .margin-head p { color: #B9BFCC; }
.tiles {
  display: grid;
  grid-template-columns: 2fr repeat(4, minmax(0, 1fr));
  gap: 0;
}
.tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 360px;
  padding: 20px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  margin-left: -1px;
  transition: box-shadow var(--motion-duration) var(--motion-ease);
}
.tile:first-child { margin-left: 0; }
.tile:hover { box-shadow: inset 0 2px 0 var(--color-primary); }
.tile__name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 1rem;
  color: var(--color-text);
  position: relative;
  z-index: 1;
}
.tile__tag { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-secondary); }
.tile__icon { font-size: 1.75rem; color: var(--color-text-secondary); margin-top: 24px; }
.tile p { font-size: 0.9375rem; line-height: 1.5; color: #B9BFCC; position: relative; z-index: 1; }
.tile--video { padding: 0; overflow: visible; }
.tile--video img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
}
.tile--video .tile__name,
.tile--video p { margin: 20px; }
.tile--video .tile__name span:first-child,
.tile--video p { background: rgba(10, 12, 18, 0.78); padding: 4px 8px; }
.tile--video p { margin-top: 0; color: var(--color-text); }
.tile__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: var(--color-primary);
  z-index: 1;
  line-height: 1;
}
@media (max-width: 1099px) {
  .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tile { margin-left: 0; margin-top: -1px; }
  .tile--video { grid-column: 1 / -1; min-height: 420px; }
  .tile:nth-child(odd):not(:first-child) { margin-left: 0; }
  .tile:nth-child(even):not(:first-child) { margin-left: 0; }
  .tile:not(.tile--video) { min-height: 240px; }
  .margin-head { margin-left: 0; grid-template-columns: 3rem minmax(0,1fr); }
  .margin-head__idx { text-align: left; }
}
@media (max-width: 699px) {
  .bundle { padding: 4.5rem 16px; }
  .tiles { grid-template-columns: 1fr; }
  .tile:not(.tile--video) { min-height: 96px; flex-direction: row; align-items: center; gap: 16px; }
  .tile:not(.tile--video) .tile__icon { display: none; }
  .tile:not(.tile--video) .tile__name { flex: 0 0 9.5rem; flex-direction: column; align-items: flex-start; }
  .tile--video { min-height: 78vw; }
  .margin-head { grid-template-columns: 2.5rem minmax(0, 1fr); }
}

/* ============================================================
   HOME — Language wall on ultramarine
   ============================================================ */
.langwall {
  position: relative;
  isolation: isolate;
  background: var(--color-secondary);
  color: var(--color-text);
  padding: clamp(5rem, 10vw, 8rem) var(--inset);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}
.langwall__tex {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.35;
  z-index: -1;
  mix-blend-mode: luminosity;
}
.fig-open { display: flex; flex-direction: column; gap: 0.75rem; }
.fig-open .display { line-height: 0.8; }
.fig-open h2 { font-size: clamp(1.625rem, 2.5vw, 2.5rem); max-width: 9ch; }
.langwall__wall {
  text-align: justify;
  text-align-last: justify;
  line-height: 1.05;
  font-family: var(--font-primary);
  font-weight: 800;
  font-variation-settings: "wdth" 120;
  font-stretch: 120%;
}
.langwall__wall li { display: inline; }
.langwall__name {
  display: inline-block;
  background: none;
  border: 0;
  padding: 0.05em 0.12em;
  margin: 0 0.1em;
  color: var(--color-text);
  font-weight: 800;
  cursor: default;
  line-height: 1.15;
  transition: color var(--motion-duration) var(--motion-ease);
}
.langwall__name:hover,
.langwall__name:focus-visible,
.langwall__name[aria-pressed="true"] { color: var(--color-primary); }
.langwall__name:focus-visible { outline-color: var(--color-primary); }
.lw-xl { font-size: clamp(2.25rem, 4.6vw, 5rem); }
.lw-l  { font-size: clamp(2rem, 3.8vw, 4.25rem); }
.lw-m  { font-size: clamp(1.75rem, 3.1vw, 3.5rem); }
.lw-s  { font-size: clamp(1.6rem, 2.7vw, 3rem); }
.langwall__chipzone { min-height: 3.5rem; margin-top: 1.5rem; }
.langwall__chip {
  display: inline-block;
  background: var(--color-bg);
  color: var(--color-primary);
  padding: 8px 14px;
  font-size: 1.0625rem;
  font-weight: 500;
}
.langwall__chip[hidden] { display: none; }
.langwall__body { margin-top: 2rem; max-width: 60ch; }
.langwall__body p + p { margin-top: 1em; }
@media (max-width: 1023px) {
  .langwall { grid-template-columns: minmax(0, 1fr); }
  .fig-open { flex-direction: row; align-items: baseline; gap: 1.25rem; flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .langwall { padding: 4.5rem 16px; }
  .fig-open h2 { max-width: none; }
  .langwall__wall { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.25rem 0.75rem; text-align: left; text-align-last: auto; font-variation-settings: "wdth" 100; font-stretch: 100%; }
  .langwall__wall li { display: block; }
  .langwall__name { font-size: 1.5rem !important; margin: 0; text-align: left; overflow-wrap: anywhere; }
  .fig-open .display { font-size: 5rem; }
}

/* ============================================================
   HOME — Three nights (re-use demo, lightbox)
   ============================================================ */
.nights { background: var(--color-bg); padding-top: clamp(4rem, 8vw, 6rem); }
.nights__line {
  padding: 0 0 20px var(--inset);
  color: var(--color-text);
  font-size: 0.9375rem;
}
.nights__row {
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.8fr;
  gap: var(--seam);
  background: var(--color-bg);
}
.night {
  position: relative;
  margin: 0;
  min-width: 0;
  height: clamp(520px, 62vw, 860px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.night img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.night figcaption {
  position: relative;
  margin-bottom: 30%;
}
.night .cbar { --cbar-start: 16px; padding: 10px 16px; }
.night .cbar__line { font-size: clamp(1.05rem, 1.5vw, 1.375rem); font-weight: 600; line-height: 1.4; }
.night .cbar__line:lang(my) { line-height: 1.7; }
@media (max-width: 1023px) {
  .nights__row { grid-template-columns: 1.2fr 1fr; }
  .night:nth-child(3) { grid-column: 1 / -1; height: 70vw; }
  .night:nth-child(3) img { object-position: center 60%; }
}
@media (max-width: 699px) {
  .nights__line { padding-left: 16px; padding-right: 16px; }
  .nights__row {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 84vw;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .night { scroll-snap-align: start; height: 105vw; }
  .night:nth-child(3) { grid-column: auto; height: 105vw; }
}

/* ============================================================
   HOME — Pricing teaser on bone: "$0" at hero scale
   ============================================================ */
.teaser {
  background: var(--color-light);
  color: var(--color-bg);
  padding: clamp(5rem, 10vw, 8rem) var(--inset);
}
.fig-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 2rem;
}
.fig-row .display { font-size: clamp(5rem, 13vw, 12rem); }
.fig-row h2 { max-width: 14ch; }
.teaser__tiers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  margin-top: clamp(3rem, 6vw, 5rem);
}
.teaser__tiers h3 { font-size: 1.375rem; }
.teaser__price { display: block; margin: 6px 0 10px; font-family: var(--font-mono); font-size: 1.125rem; font-weight: 500; }
.teaser__tiers p { font-size: 0.9375rem; line-height: 1.5; max-width: 30ch; }
.chip-y {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 8px;
  background: var(--color-primary);
  color: var(--color-bg);
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
}
.teaser__more { margin-top: 3rem; color: var(--color-bg); }
@media (max-width: 899px) {
  .teaser__tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 499px) {
  .teaser { padding: 4.5rem 16px; }
  .teaser__tiers { grid-template-columns: 1fr; gap: 1.5rem; }
}

/* ============================================================
   HOME — Access strip: the form lives inside the subtitle bar
   ============================================================ */
.access {
  min-height: 60vh;
}
.access .cbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 32px;
  --cbar-start: var(--inset);
  padding: 16px 24px;
}
.inline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-right: var(--inset);
}
.field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.field label {
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.inline-form .field label { color: var(--color-bg); }
.inline-form input {
  width: 15rem;
  max-width: 100%;
  height: 48px;
  padding: 0 12px;
  background: var(--color-bg);
  color: var(--color-text);
  border: 1px solid var(--color-input-border);
  border-radius: 0;
  font-size: 1rem;
}
.inline-form input:focus-visible,
.form input:focus-visible,
.form select:focus-visible,
.form textarea:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 1px; }
@media (max-width: 899px) {
  .access .cbar { display: block; }
  .inline-form { margin: 16px 0 0; }
}
@media (max-width: 699px) {
  .access .photo-band__inner { padding-bottom: 0; }
  .access .cbar { margin-right: 0; }
  .access .inline-form {
    background: var(--color-bg);
    margin: 16px -24px -16px;
    padding: 20px 24px 24px;
  }
  .access .inline-form .field label { color: var(--color-text); }
  .access .inline-form .field, .access .inline-form input { width: 100%; }
  .access .inline-form .btn { width: 100%; justify-content: center; background: var(--color-primary); color: var(--color-bg); }
}

/* ============================================================
   Footer — signs off like a finished render
   ============================================================ */
.site-footer {
  background: var(--color-bg);
  color: var(--color-text);
  border-top: var(--seam) solid var(--color-primary);
  padding: clamp(3.5rem, 6vw, 5rem) var(--inset) 2rem;
}
.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 1fr);
  gap: 2.5rem;
}
.site-footer__logo img {
  height: 64px;
  width: auto;
  max-width: 100%;
}
.site-footer__line { margin-top: 1rem; color: var(--color-text-secondary); font-size: 0.9375rem; }
.site-footer__nav a {
  display: inline-block;
  padding: 4px 0;
  font-size: 15px;
  text-decoration: none;
  color: var(--color-text);
}
.site-footer__nav a:hover { text-decoration: underline; text-decoration-color: var(--color-primary); }
.site-footer__facts li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-mono);
  font-size: 0.875rem;
  color: var(--color-text);
  padding: 4px 0;
}
.site-footer__facts i { color: var(--color-primary); font-size: 1.1rem; }
.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 24px;
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
}
.site-footer__bottom .mono { color: var(--color-text-secondary); }
@media (max-width: 899px) {
  .site-footer__grid { grid-template-columns: 1fr 1fr; }
  .site-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 499px) {
  .site-footer { padding-left: 16px; padding-right: 16px; }
  .site-footer__grid { grid-template-columns: 1fr; }
  .site-footer__logo img { height: 44px; }
}

/* ============================================================
   HOW IT WORKS — Hero: split rail with a timecode ruler
   ============================================================ */
.hsplit {
  display: grid;
  grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
  min-height: max(100vh, 720px);
  min-height: max(100svh, 720px);
  background: var(--color-bg);
}
.hsplit__rail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.5rem;
  min-width: 0;
  padding: 128px 3rem 136px var(--inset);
}
.hsplit__rail h1 { font-size: clamp(2.25rem, 3.5vw, 3.75rem); max-width: 12ch; overflow-wrap: normal; }
.ruler {
  border-left: 1px solid var(--color-border);
  margin-left: 4px;
}
.ruler li { position: relative; }
.ruler li::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  width: 12px;
  height: 1px;
  background: var(--color-border);
}
.ruler a {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 8px 0 8px 24px;
  text-decoration: none;
  color: var(--color-text);
  font-size: 1rem;
}
.ruler a:hover .ruler__name { text-decoration: underline; text-decoration-color: var(--color-primary); }
.ruler__tc { font-family: var(--font-mono); font-size: 0.875rem; color: var(--color-text-secondary); min-width: 3.2rem; }
.ruler .rec {
  position: absolute;
  left: -6px;
  top: calc(50% - 5px);
  opacity: 0;
}
.ruler li.is-current .rec { opacity: 1; }
.ruler li.is-current .ruler__tc { color: var(--color-text); }
.hsplit__photo {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 22%;
  isolation: isolate;
}
.hsplit__photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
  z-index: -1;
}
.hsplit__photo .cbar { --cbar-start: 40px; }
.cbar .cbar-h {
  font-family: var(--font-primary);
  font-weight: 800;
  font-variation-settings: "wdth" 120;
  font-stretch: 120%;
  font-size: clamp(1.375rem, 2.2vw, 2rem);
  line-height: 1.1;
}
@media (max-width: 899px) {
  .hsplit { grid-template-columns: 1fr; min-height: 0; }
  .hsplit__photo { order: -1; min-height: 70vh; padding-bottom: 12vh; }
  .hsplit__rail { padding: 3.5rem 16px 7rem; }
  .hsplit__photo .cbar { --cbar-start: 16px; }
}

/* ============================================================
   HOW IT WORKS — 01–02 on ink, the first photo climbs into the hero
   ============================================================ */
.chapter {
  background: var(--color-bg);
  padding: 0 var(--inset) clamp(5rem, 10vw, 8rem);
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}
.chapter__fig {
  position: relative;
  z-index: 3;
  margin-top: -64px;
}
.chapter__fig img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: center 35%; }
.chapter__steps { padding-top: clamp(4rem, 8vw, 7rem); display: grid; gap: clamp(3rem, 6vw, 5rem); }
.step { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 0 1rem; scroll-margin-top: 120px; }
.step__idx { font-family: var(--font-mono); font-size: 1rem; font-weight: 500; color: var(--color-primary); padding-top: 0.6em; }
.step h2 { margin-bottom: 1rem; }
.step p { color: #C9CDD6; max-width: 56ch; }
.step p + p { margin-top: 1em; }
@media (max-width: 899px) {
  .chapter { grid-template-columns: 1fr; padding: 0 16px 4.5rem; }
  .chapter__fig { margin-top: -48px; width: 78%; }
  .chapter__steps { padding-top: 0; }
}

/* 03–04 run-in timecode copy on the photo */
.twovoice {
  width: min(560px, 44vw);
  margin: 0 var(--inset) 24px auto;
  display: grid;
  gap: 12px;
}
.runin { display: block; }
.runin .mono { color: var(--color-primary); font-size: 0.875rem; margin-right: 6px; }
.runin strong { font-weight: 600; }
.mic .photo-band__img { object-position: 20% 50%; }
.mic { min-height: max(calc(100vw / 2.333), 620px); }
@media (max-width: 899px) {
  .twovoice { width: auto; margin: 0 16px 16px; }
  .mic { min-height: 100svh; }
}

/* ============================================================
   HOW IT WORKS — 05 Burn-in on ultramarine (a real subtitle)
   ============================================================ */
.burn {
  background: var(--color-secondary);
  color: var(--color-text);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 60%;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  padding: clamp(5rem, 10vw, 8rem) 0 clamp(5rem, 10vw, 8rem) var(--inset);
  scroll-margin-top: 0;
}
.burn__copy .body-copy { margin-top: 1.75rem; }
.burn__fig {
  position: relative;
  margin: 0;
  min-width: 0;
}
.burn__fig img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.burn__bar {
  position: absolute;
  left: 24px;
  right: 0;
  bottom: 16%;
  margin: 0;
}
.burn__bar .cbar__line { font-size: clamp(1.1rem, 1.6vw, 1.5rem); font-weight: 600; line-height: 1.45; min-height: 1.45em; }
.burn__bar .cbar__line:lang(my) { line-height: 1.7; }
.burn__hint { margin-top: 12px; font-family: var(--font-mono); font-size: 0.8125rem; color: var(--color-text); }
.burn__fig:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 4px; }
@media (max-width: 899px) {
  .burn { grid-template-columns: 1fr; padding: 4.5rem 0 4.5rem 16px; }
  .burn__copy { padding-right: 16px; }
  .burn__fig img { aspect-ratio: 4 / 3; }
}

/* ============================================================
   HOW IT WORKS — The editor, typeset as three columns (bone)
   ============================================================ */
.editor {
  background: var(--color-light);
  color: var(--color-bg);
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(5rem, 10vw, 8rem) var(--inset);
  align-items: start;
}
.editor__fig img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 40%; }
.runover {
  border-top: var(--seam) solid currentColor;
  padding-top: 1rem;
}
.editor__intro { margin-top: 1.25rem; max-width: 56ch; }
.editor__cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(2.5rem, 5vw, 4rem);
  border-left: 1px solid var(--color-bg);
}
.editor__col {
  padding: 0 1.25rem 1rem;
  border-right: 1px solid var(--color-bg);
  min-height: 16rem;
  min-width: 0;
}
.editor__col .mono { display: block; margin-bottom: 0.75rem; color: #3A4050; }
.editor__col h3 { margin-bottom: 0.75rem; }
.editor__col h3 .chip-y { margin-top: 0; font-family: var(--font-primary); font-size: inherit; font-weight: inherit; padding: 0 6px; }
.editor__col p { font-size: 0.9375rem; line-height: 1.55; }
@media (max-width: 999px) {
  .editor { grid-template-columns: 1fr; }
  .editor__fig { width: min(100%, 480px); }
}
@media (max-width: 599px) {
  .editor { padding: 4.5rem 16px; }
  .editor__cols { grid-template-columns: 1fr; border-left: 0; }
  .editor__col { border-right: 0; border-top: 1px solid var(--color-bg); padding: 1rem 0; min-height: 0; }
}

/* ============================================================
   HOW IT WORKS — 06 Export bundle as a directory listing (yellow)
   ============================================================ */
.listing {
  background: var(--color-primary);
  color: var(--color-bg);
  display: grid;
  grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  padding: clamp(5rem, 10vw, 8rem) var(--inset) clamp(5rem, 10vw, 8rem) 0;
  scroll-margin-top: 0;
}
.listing__fig img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.listing .margin-head { margin-left: -5.5rem; }
.listing .margin-head__idx { color: var(--color-bg); }
.listing .margin-head p { color: var(--color-bg); }
.filebars li {
  display: grid;
  grid-template-columns: minmax(9rem, 13rem) minmax(0, 1fr);
  gap: 0.5rem 1.5rem;
  align-items: baseline;
  padding: 1rem 0;
  border-top: var(--seam) solid var(--color-bg);
}
.filebars li:last-child { border-bottom: var(--seam) solid var(--color-bg); }
.filebars .fname { font-family: var(--font-mono); font-weight: 500; font-size: 1.25rem; }
.filebars p { font-size: 0.9875rem; line-height: 1.5; }
@media (max-width: 999px) {
  .listing { grid-template-columns: 1fr; padding: 0 16px 4.5rem 0; }
  .listing__fig { width: 92%; }
  .listing__body { padding-left: 16px; }
  .listing .margin-head { margin-left: 0; }
}
@media (max-width: 599px) {
  .filebars li { grid-template-columns: 1fr; }
}

/* Re-use + photo bands with a trailing link */
.reuse .photo-band__img { object-position: center 45%; }
.cbar__row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 32px; padding-right: var(--inset); }
.cbar__row .tlink { color: var(--color-bg); white-space: nowrap; }
@media (max-width: 699px) { .cbar__row { padding-right: 0; } }

/* ============================================================
   PRICING — Hero: "$0" on blue-screen ultramarine
   ============================================================ */
.phero {
  position: relative;
  background: var(--color-secondary);
  color: var(--color-text);
  min-height: max(80vh, 640px);
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
  align-items: end;
}
.phero__copy { padding: 140px 2rem clamp(4rem, 8vw, 6rem) var(--inset); min-width: 0; }
.phero__copy .display { font-size: clamp(6rem, 13vw, 12rem); }
.phero__copy h1 { font-size: clamp(2.25rem, 4vw, 4rem); max-width: 14ch; }
.phero__copy p { margin-top: 1.5rem; max-width: 44ch; }
.phero__fig {
  position: relative;
  margin: 0;
  align-self: end;
  height: min(88%, 820px);
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 18%;
  isolation: isolate;
}
.phero__fig img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  z-index: -1;
}
.phero__fig .cbar { --cbar-start: -48px; }
.phero__fig .cbar .cbar-h { font-size: clamp(1.1rem, 1.6vw, 1.5rem); }
@media (max-width: 899px) {
  .phero { grid-template-columns: 1fr; }
  .phero__copy { padding: 120px 16px 3rem; }
  .phero__fig { width: 88%; margin-left: auto; height: 110vw; min-height: 0; }
  .phero__fig .cbar { --cbar-start: -16px; }
}

/* ============================================================
   PRICING — Tiers: one photograph cropped wider as the plan grows
   ============================================================ */
.tiers {
  background: var(--color-bg);
  padding: clamp(5rem, 10vw, 8rem) var(--inset);
}
.tiers__head { margin-bottom: clamp(2.5rem, 5vw, 4rem); max-width: 960px; }
.tiers__head p { max-width: 60ch; }
.tiers__head p { margin-top: 1rem; color: #C9CDD6; }
.tiers__grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1.2fr 1.4fr;
  gap: var(--seam);
  align-items: stretch;
}
.tier {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--color-surface);
  color: var(--color-text);
}
.tier__crop {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center 55%;
}
.tier__body { display: flex; flex-direction: column; flex: 1; padding: 24px 20px 24px; gap: 14px; }
.tier__price { font-family: var(--font-mono); font-size: 1.5rem; font-weight: 500; }
.tier__price small { font-size: 0.9375rem; }
.tier ul { display: grid; gap: 8px; font-size: 0.9375rem; line-height: 1.5; }
.tier li { display: grid; grid-template-columns: 1.1rem minmax(0, 1fr); gap: 8px; }
.tier li i { margin-top: 0.25em; }
.tier__action { margin-top: auto; padding-top: 12px; }
.tier--studio { background: var(--color-primary); color: var(--color-bg); }
.tier__trial {
  background: var(--color-accent);
  color: var(--color-bg);
  padding: 10px 20px;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
}
.tier--studio .btn--ink { color: var(--color-primary); }
.tier .tlink { color: inherit; }
@media (max-width: 1099px) {
  .tiers__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 649px) {
  .tiers { padding: 4.5rem 16px; }
  .tiers__grid { grid-template-columns: 1fr; gap: 16px; }
  .tier__crop { height: 38vw; width: var(--crop-w, 100%); }
  .tier:nth-child(1) { --crop-w: 55%; }
  .tier:nth-child(2) { --crop-w: 70%; }
  .tier:nth-child(3) { --crop-w: 85%; }
  .tier:nth-child(4) { --crop-w: 100%; }
}

/* Trial band */
.trial .photo-band__img { object-position: center 55%; }
.trial__body { margin: 16px var(--inset) 0 auto; width: min(52ch, 50vw); }
.trial__body p + p { margin-top: 0.75em; }
@media (max-width: 899px) { .trial__body { width: auto; margin: 16px 16px 0; } }

/* ============================================================
   PRICING — FAQ on bone
   ============================================================ */
.faq {
  background: var(--color-light);
  color: var(--color-bg);
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(5rem, 10vw, 8rem) var(--inset);
  align-items: start;
}
.faq__head h2 { font-size: clamp(1.75rem, 2.6vw, 2.5rem); }
.faq__head p { margin-top: 1rem; max-width: 30ch; }
.faq details { border-top: 1px solid var(--color-bg); }
.faq details:last-child { border-bottom: 1px solid var(--color-bg); }
.faq summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  gap: 1rem;
  align-items: center;
  padding: 1.1rem 0;
  cursor: pointer;
  list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary h3 {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.3;
  font-variation-settings: normal;
  font-stretch: normal;
}
.faq__toggle {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-bg);
  font-size: 1rem;
  box-shadow: inset 0 0 0 1px var(--color-bg);
}
.faq details[open] .faq__toggle i { transform: rotate(45deg); }
.faq__a { padding: 0 3rem 1.4rem 0; max-width: 64ch; }
.faq__a p + p { margin-top: 0.75em; }
@media (max-width: 899px) {
  .faq { grid-template-columns: 1fr; padding: 4.5rem 16px; }
  .faq__a { padding-right: 0; }
}

/* Texture strips (enterprise ask, facts) */
.strip { min-height: 40vh; }
.strip .photo-band__inner { padding-bottom: clamp(2.5rem, 8vh, 5rem); }
.cbar--mono {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: clamp(1rem, 1.6vw, 1.375rem);
  letter-spacing: 0.02em;
  line-height: 1.4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
.cbar--mono i { font-size: 1.2em; }

/* ============================================================
   START — Hero, early-access split, talk-to-us, facts
   ============================================================ */
.shero { min-height: max(70vh, 560px); }
.shero .photo-band__img { object-position: center 50%; }
.shero .cbar h1 { font-size: var(--fs-h1); }
@media (max-width: 699px) {
  .shero { min-height: 55svh; }
  .shero .cbar h1 { font-size: clamp(2rem, 9vw, 2.75rem); }
}

.demo-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 90vh;
  scroll-margin-top: 0;
}
.demo-split__form {
  background: var(--color-bg);
  color: var(--color-text);
  padding: clamp(4.5rem, 8vw, 6rem) clamp(1.5rem, 4vw, 4rem) clamp(4.5rem, 8vw, 6rem) var(--inset);
  min-width: 0;
}
.demo-split__form > p { margin-top: 1rem; color: #C9CDD6; max-width: 46ch; }
.demo-split__proof {
  position: relative;
  background-color: var(--color-primary);
  background-image:
    linear-gradient(rgba(10, 12, 18, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10, 12, 18, 0.14) 1px, transparent 1px);
  background-size: 48px 48px;
  padding: clamp(4.5rem, 8vw, 6rem) clamp(1.5rem, 5vw, 4rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.demo-split__tile {
  position: relative;
  background: var(--color-primary);
  border: 2px solid var(--color-bg);
  color: var(--color-bg);
  font-family: var(--font-primary);
  font-weight: 800;
  font-variation-settings: "wdth" 120;
  font-stretch: 120%;
  font-size: clamp(1.25rem, 2vw, 1.625rem);
  line-height: 1.15;
  padding: 24px;
  max-width: 24rem;
  margin: -16px 0 0 0;
}
.demo-split__tile:first-child { margin-top: 0; }
.demo-split__tile .mono { display: block; margin-top: 8px; font-size: 0.8125rem; font-weight: 500; }
.demo-split__tile:nth-child(2) { margin-left: 48px; }
.demo-split__tile:nth-child(3) { margin-left: 96px; }
.demo-split__tile:nth-child(4) { margin-left: 144px; }

.form { display: grid; gap: 18px; margin-top: 2rem; max-width: 34rem; }
.form .field label { color: var(--color-text-secondary); }
.form input, .form select, .form textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px;
  background: var(--color-surface);
  border: 1px solid var(--color-input-border);
  border-radius: 0;
  color: var(--color-text);
  font-size: 1rem;
  line-height: 1.4;
}
.form textarea { min-height: 7rem; resize: vertical; }
.form select { appearance: none; -webkit-appearance: none; background-image: none; padding-right: 2.5rem; }
.select-wrap { position: relative; }
.select-wrap i { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.form .optional { color: var(--color-text-secondary); font-weight: 400; }
.form .btn { justify-self: start; }

.form--light .field label { color: #3A4050; }
.form--light input, .form--light select, .form--light textarea {
  background: #FFFFFF;
  color: var(--color-bg);
  border-color: var(--color-input-border);
}
.form--light .optional { color: #3A4050; }

.talk {
  background: var(--color-light);
  color: var(--color-bg);
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(5rem, 10vw, 8rem) var(--inset);
  align-items: start;
  scroll-margin-top: 0;
}
.talk__fig img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 35%; }
.talk__body > p { margin-top: 1.25rem; max-width: 52ch; }
.talk .btn--ink { color: var(--color-primary); }

@media (max-width: 899px) {
  .demo-split { grid-template-columns: 1fr; min-height: 0; }
  .demo-split__form { padding: 4rem 16px; }
  .demo-split__proof { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; padding: 3rem 16px; }
  .demo-split__tile { overflow-wrap: anywhere; }
  .demo-split__tile { margin: 0 !important; max-width: none; font-size: 1.125rem; padding: 16px; }
  .demo-split__tile:nth-child(2) { margin: 0 0 0 -2px !important; }
  .demo-split__tile:nth-child(3) { margin: -2px 0 0 0 !important; }
  .demo-split__tile:nth-child(4) { margin: -2px 0 0 -2px !important; }
  .talk { grid-template-columns: 1fr; padding: 4.5rem 16px; }
  .talk__fig { width: min(100%, 420px); }
}

/* ============================================================
   404
   ============================================================ */
.nf {
  min-height: max(100svh, 640px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 140px 0 6rem;
  background: var(--color-bg);
}
.nf .display { padding-left: var(--inset); color: var(--color-text); }
.nf .cbar { margin-top: 2rem; }
.nf__links { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 2rem var(--inset) 0; }

/* ============================================================
   Gallery lightbox — brand chrome (mechanism is the scaffold's below)
   ============================================================ */
/* ============================================================
   Gallery lightbox — scaffolded shared mechanism (binding default)
   Inert until a data-lightbox group container exists on the page.
   Restyle this chrome freely to match the brand; do not remove
   the mechanism. (frontend-design.md § "Gallery lightbox")
   ============================================================ */
.lightbox-zoomable {
  cursor: zoom-in;
}

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 320;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2.5rem);
}
.lightbox.is-open {
  display: flex;
  animation: lightbox-in var(--motion-duration) var(--motion-ease);
}
@keyframes lightbox-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .lightbox.is-open { animation: none; }
}
.lightbox__scrim {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--color-text) 85%, transparent);
}
.lightbox__frame {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: min(1200px, 92vw);
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.lightbox__img {
  max-width: 100%;
  max-height: 80vh;
  width: auto;
  height: auto;
  object-fit: contain;
  box-shadow: 0 24px 80px -16px color-mix(in srgb, var(--color-text) 60%, transparent);
}
.lightbox__caption {
  font-family: var(--font-secondary, inherit);
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--color-bg);
  text-align: center;
  max-width: 60ch;
}
.lightbox__counter {
  position: absolute;
  bottom: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-family: var(--font-secondary, inherit);
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  color: var(--color-bg);
}
.lightbox__close,
.lightbox__prev,
.lightbox__next {
  position: absolute;
  z-index: 2;
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  background: var(--color-bg);
  color: var(--color-text);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--color-text) 25%, transparent);
  font-size: 1.15rem;
  line-height: 1;
}
.lightbox__close:hover,
.lightbox__close:focus-visible,
.lightbox__prev:hover,
.lightbox__prev:focus-visible,
.lightbox__next:hover,
.lightbox__next:focus-visible {
  color: var(--color-accent);
}
.lightbox__close { top: 1rem; right: 1rem; }
.lightbox__prev  { left: 1rem;  top: 50%; transform: translateY(-50%); }
.lightbox__next  { right: 1rem; top: 50%; transform: translateY(-50%); }
.lightbox__caption[hidden],
.lightbox__counter[hidden],
.lightbox__prev[hidden],
.lightbox__next[hidden] {
  display: none;
}


/* Brand chrome overrides for the scaffolded lightbox */
.lightbox__scrim { background: rgba(10, 12, 18, 0.94); }
.lightbox__img { box-shadow: none; border: 1px solid var(--color-border); }
.lightbox__caption {
  font-family: var(--font-mono);
  font-size: 0.875rem;
  color: var(--color-bg);
  background: var(--color-primary);
  padding: 6px 12px;
}
.lightbox__counter { font-family: var(--font-mono); color: var(--color-text); }
.lightbox__close,
.lightbox__prev,
.lightbox__next {
  background: var(--color-primary);
  color: var(--color-bg);
  box-shadow: none;
  border-radius: 0;
}
.lightbox__close:hover,
.lightbox__close:focus-visible,
.lightbox__prev:hover,
.lightbox__prev:focus-visible,
.lightbox__next:hover,
.lightbox__next:focus-visible { color: var(--color-bg); background: var(--color-primary-hover); }
[data-lightbox] img.lightbox-zoomable:focus-visible { outline: 3px solid var(--color-primary); outline-offset: -3px; }

/* Contact form hook (.contact-form) — partner.js owns submission; styling lives in .form / .inline-form */

@media (max-width: 379px) {
  .demo-split__proof { grid-template-columns: minmax(0, 1fr); }
  .demo-split__tile { margin: -2px 0 0 0 !important; }
}

/* ============================================================
   Self-hosted Google Fonts (localized by 20_performance_sweep)
   ============================================================ */
/* vietnamese */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-display: swap;
  src: url('/fonts/VuJxdNvK2Ib2ppdWSK7dOaNkaRtlvg.woff2') format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-display: swap;
  src: url('/fonts/VuJxdNvK2Ib2ppdWSK_dOaNkaRtlvg.woff2') format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-display: swap;
  src: url('/fonts/VuJxdNvK2Ib2ppdWSKHdOaNkaRs.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/-F63fjptAgt5VM-kVkqdyU8n1iIq131nj-otFQ.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/-F63fjptAgt5VM-kVkqdyU8n1isq131nj-otFQ.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/-F63fjptAgt5VM-kVkqdyU8n1iAq131nj-otFQ.woff2') format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/-F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2') format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwl1FgsAXHNlYzg.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwlRFgsAXHNlYzg.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwl9FgsAXHNlYzg.woff2') format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgsAXHNlYzg.woff2') format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgsAXHNk.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSB4ZhRNU.woff2') format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSB4ZhRNU.woff2') format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSB4Zh.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSB4ZhRNU.woff2') format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSB4ZhRNU.woff2') format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSB4Zh.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSB4ZhRNU.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSB4ZhRNU.woff2') format('woff2');
  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;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSB4ZhRNU.woff2') format('woff2');
  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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSB4Zh.woff2') format('woff2');
  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;
}

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlg43tY3IxQgVvRCzLh67Y9ZduNtkU_GO3Y94uTmghKMittx0lG5sPyGnWrzmpxqgOG3z35Emk6OhbS4psWGWrh0BLXljy5jFqiJjFUFdFil-XgLcgjs82eYHTuOfnJdYUG3f4dHHJAOV-UAeJzqska-fQrpDCNGxq2KURJ8x4bGCm6DoapW7qEn6UuN9K7C0pVemmtY5kyjzyHT7poxlym1KuRMoRdv0R4I_brM-0WYhPwusU8QWBl1RbZsd5vo0OBcmQt8Uodv1pKNWk27HNKI-cX05S9sn4s0eYYBKY7x0B6kZyKO5FEazCF0gS5j4RpkNxlrssJlIbLTpEAYXkAYZdYJqZsTRNakFDX-keGNpaxRxPEDqmYh6kV8wNvaY40oPbDjae4SSSmTLM3_ohYbWPLVYa7n3eP8kEsYk1Ug1I528CgvY7za-hqxYRxQYbuUtVUysVa4kBQtsJGtIJ0YHdv-woynb_ykzS3jrzbPwBzSElm3LLKD6eJrOFTeQK5vrydEcvr0WgGpKy6hHDZ8_oE938HxSjeR_nNkAm5k9N2U9Lq1dpO6TGppJqJ50Zauy8QJ4fDYcXS0FtGedHC6FMa6OBQ6trviYs71FL4SszV01VjoqA2He229FRqBgbBtEvA9SSg&skey=f979c51db865377e&v=v33) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlg43tY3IxQgVvRCzLh67Y9ZduNtkU_GO3Y94uTmghKMittx0lG5sPyGnWrzmpxqgOG3z35Emk6OhbS4psWGWrh0BLXljy5jFqiJjFUFdFil-XgLcgjs82eYHTuOfnJdYUG3f4dHHJAOV-UAeJzqska-fQrpDCNGxq2KURJ8x4bGCm6DoapW7qEn6UuN9K7C0pVemmtY5kyjzyHT7poxlym1KuRMoRdv0R4I_brM-0WYhPwusU8QWBl1RbZsd5vo0OBcmQt8Uodv1pKNWk27HNKI-cX05S9sn4s0eYYBKY7x0B6kZyKO5FEazCF0gS5j4RpkNxlrssJlIbLTpEAYXkAYZdYJqZsTRNakFDX-keGNpaxRxPEDqmYh6kV8wNvaY40oPbDjae4SSSmTLM3_ohYbWPLVYa7n3eP8kEsYk1Ug1I528CgvY7za-hqxYRxQYbuUtVUysVa4kBQtsJGtIJ0YHdv-woynb_ykzS3jrzbPwBzSElm3LLKD6eJrOFTeQK5vrydEcvr0WgGpKy6hHDZ8_oE938HxSjeR_nNkAm5k9N2U9Lq1dpO6TGppJqJ50Zauy8QJ4fDYcXS0FtGedHC6FMa6OBQ6trviYs71FL4SszV01VjoqA2He229FRqBgbBtEvA9SSg&skey=f979c51db865377e&v=v33) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans Devanagari';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=TuG7UUFzXI5FBtUq5a8bjKYTZjtRU6Sgv3NaV_SNmI0b8QQCQmH95j94xqtCJVkguZJX3ziVfPfPXjW8Dy5dBXOQhhanjttya_anNdtxJ9W5ArGItjHL42-1u3VEErMBx9EKDA9jAQh2VqcscosQSQ8sQ91WhLs5C0D5mBc-uOVVInfuJy0pr-W9FXmB4EIkycxhEE1nIhqUghwzMy12TUQTzwABKaXa0ebBM6FUzjXUPFc8dJ2lDGny0l1vSBXLXjDq1kLWtham2RFubi04qk1p4bgtriI6AGwYRZPYGwKm2YtNQNYSXnnz_-h8J52xXDSCiG6Iv1pTkRJDN9i1rRRscqlvA9P2Xxm8oPJfmHSR9DSmuYIkjuSlWGWQNFdhKWKCzLh6XVHwEOqRf5JlI4i4eLJam8Z9FkeL12mi-0McNGNCJuUA5zwWuE60Pm7IAo6u9KcgG8tSTFJQW5jh8-PKdM9UxjzCXw8ScLOQ9kcs5EYDip4IKeynGjJEGFJ1T-mS0XwBzBdB6B8ScckVMvK6TrlTNjhu3mR3ejIePgxceAuK5A-8pN2gqdvMFM-aBeJB0eV20jQS-ZP3vU7ykpNLLTEmvUaz0FERw0BHAV7V0AFIWrhvv8eLK9FzUFVOEePjdwvrNd1Gkt2vQpKyh66SEzoI-sKNCIsNOa0gJEUIWUt1Z7Z7szlYTJ0&skey=c202a598b7d2afc7&v=v30) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans Devanagari';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=TuG7UUFzXI5FBtUq5a8bjKYTZjtRU6Sgv3NaV_SNmI0b8QQCQmH95j94xqtCJVkguZJX3ziVfPfPXjW8Dy5dBXOQhhanjttya_anNdtxJ9W5ArGItjHL42-1u3VEErMBx9EKDA9jAQh2VqcscosQSQ8sQ91WhLs5C0D5mBc-uOVVInfuJy0pr-W9FXmB4EIkycxhEE1nIhqUghwzMy12TUQTzwABKaXa0ebBM6FUzjXUPFc8dJ2lDGny0l1vSBXLXjDq1kLWtham2RFubi04qk1p4bgtriI6AGwYRZPYGwKm2YtNQNYSXnnz_-h8J52xXDSCiG6Iv1pTkRJDN9i1rRRscqlvA9P2Xxm8oPJfmHSR9DSmuYIkjuSlWGWQNFdhKWKCzLh6XVHwEOqRf5JlI4i4eLJam8Z9FkeL12mi-0McNGNCJuUA5zwWuE60Pm7IAo6u9KcgG8tSTFJQW5jh8-PKdM9UxjzCXw8ScLOQ9kcs5EYDip4IKeynGjJEGFJ1T-mS0XwBzBdB6B8ScckVMvK6TrlTNjhu3mR3ejIePgxceAuK5A-8pN2gqdvMFM-aBeJB0eV20jQS-ZP3vU7ykpNLLTEmvUaz0FERw0BHAV7V0AFIWrhvv8eLK9FzUFVOEePjdwvrNd1Gkt2vQpKyh66SEzoI-sKNCIsNOa0gJEUIWUt1Z7Z7szlYTJ0&skey=c202a598b7d2afc7&v=v30) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=-F62fjtqLzI2JPCgQBnw7HFowwII2ldXWuk1OPdR-0N-DhHnHhgwuRa-7H_i-O3I67T3JcH5Rxjt1j2_PYTv01yx3UpKl8FICn9SHzcnvrNy2NDDS-xDmfob5X-v9TIH5r0d4UCupbNquMNn3MgKRXIwFpscgoctwOKSGB5Duw0jSV8EpL1hu-woCLepm7QOQ9v7Yb9zqeMMjQQKIzdFH0D8ki8jpJUjtM-KzCfk3MaKNw28OR0ubhL-03dOVJbqJDbeaOKCOgnewiuorvVrsT5ZGRpKugv2dN1h4UdJLIXK31afrOAK4adzEwvlv0MgNzmybPxo-Q03amDBghw8zuEjsHegqy2pP8-GgaZuw_AcjWetVx17V4qklyzarNFy4-nSqWpMn6ymNXVbkngAz_QsIp14DJ-nR57rcuhXWKYqIQKpVWOLimI4vMBndIyaSNRCQ8H2m1Xj_nzoWNPR7YHMuDx_jph6GKEUQi2L-zdq3UJoL7iU6OOyBgI9WGOiy_wvdmOeEe5sEAjaeonlB_fhKrlarfb-EmjpVWCZOOHpA51Q4TYqi-uPxSzS7lMyNFh5ReDpL2WSXi7SszI1LecwV7BXSe1YWRY2HHNAinmA3_6Hn_oMYzCVp6yUS_HoP5y0hOvUUOQedtH16Pa906Vs3zwIqBs&skey=72472b0eb8793570&v=v56) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=-F62fjtqLzI2JPCgQBnw7HFowwII2ldXWuk1OPdR-0N-DhHnHhgwuRa-7H_i-O3I67T3JcH5Rxjt1j2_PYTv01yx3UpKl8FICn9SHzcnvrNy2NDDS-xDmfob5X-v9TIH5r0d4UCupbNquMNn3MgKRXIwFpscgoctwOKSGB5Duw0jSV8EpL1hu-woCLepm7QOQ9v7Yb9zqeMMjQQKIzdFH0D8ki8jpJUjtM-KzCfk3MaKNw28OR0ubhL-03dOVJbqJDbeaOKCOgnewiuorvVrsT5ZGRpKugv2dN1h4UdJLIXK31afrOAK4adzEwvlv0MgNzmybPxo-Q03amDBghw8zuEjsHegqy2pP8-GgaZuw_AcjWetVx17V4qklyzarNFy4-nSqWpMn6ymNXVbkngAz_QsIp14DJ-nR57rcuhXWKYqIQKpVWOLimI4vMBndIyaSNRCQ8H2m1Xj_nzoWNPR7YHMuDx_jph6GKEUQi2L-zdq3UJoL7iU6OOyBgI9WGOiy_wvdmOeEe5sEAjaeonlB_fhKrlarfb-EmjpVWCZOOHpA51Q4TYqi-uPxSzS7lMyNFh5ReDpL2WSXi7SszI1LecwV7BXSe1YWRY2HHNAinmA3_6Hn_oMYzCVp6yUS_HoP5y0hOvUUOQedtH16Pa906Vs3zwIqBs&skey=72472b0eb8793570&v=v56) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=PbykFmXiEBPT4ITbgNA5Cgm203Tq4JImZGQT4gxAbGxMLNP4wzhfuPyQHpY4HAwkn0XCRaphctLjmfw-VvbQyqCQ96mXcOkCxmgCDIVyjhM811Mu27x_012ruoOdi1dW6qCmG1csHfCcoaOq4wZToptJxCfRaQ7M8UG9I88Jc0dZabgkhmiBakWj1NSKUw-PEYX3hBwthqpVce39spj1GTq5dJgl3KApXVIcY98wmPLlQS4uG1zV8w2AB6FQP8cdv8mqkOzr7EDGKMjEsCSB34C450SKpqIGLn8xKcYMNRdOLdXLGXIxu_N114c_Y0iUyMQUDxUTnMdri5DUfK2PUztp0Ta5zwhE3C2BoV7SK_IJQUU3pwOzPvCv5rNWwz2-cUaQSDldNIT5VZmIgTDnneILGYJmcIjTpKi6N5467NZROKCZa1KC9MA9C-gRFQSiooFL_gsHKMp4hpK0ByUxjXY4G1-0xRkMm2loYOWp2R-SGFiVJhtDuM2pqbInIdQe0IRMHs9pVXiKHmhoWjI9jeilE6sxUXcFcFXYv_eHxk20t7T9qLf0N3tcuZtMOzZ-RsT1UcmatcCX6CXpcTQCORNnEUhz0Ur0ja3qu3KJvrJuq2RmMeEqMsfi76phsvYriIq0cv_3cwVT39ysan1vc3V3oCEKhu0&skey=87e7ee645936e2c7&v=v39) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=PbykFmXiEBPT4ITbgNA5Cgm203Tq4JImZGQT4gxAbGxMLNP4wzhfuPyQHpY4HAwkn0XCRaphctLjmfw-VvbQyqCQ96mXcOkCxmgCDIVyjhM811Mu27x_012ruoOdi1dW6qCmG1csHfCcoaOq4wZToptJxCfRaQ7M8UG9I88Jc0dZabgkhmiBakWj1NSKUw-PEYX3hBwthqpVce39spj1GTq5dJgl3KApXVIcY98wmPLlQS4uG1zV8w2AB6FQP8cdv8mqkOzr7EDGKMjEsCSB34C450SKpqIGLn8xKcYMNRdOLdXLGXIxu_N114c_Y0iUyMQUDxUTnMdri5DUfK2PUztp0Ta5zwhE3C2BoV7SK_IJQUU3pwOzPvCv5rNWwz2-cUaQSDldNIT5VZmIgTDnneILGYJmcIjTpKi6N5467NZROKCZa1KC9MA9C-gRFQSiooFL_gsHKMp4hpK0ByUxjXY4G1-0xRkMm2loYOWp2R-SGFiVJhtDuM2pqbInIdQe0IRMHs9pVXiKHmhoWjI9jeilE6sxUXcFcFXYv_eHxk20t7T9qLf0N3tcuZtMOzZ-RsT1UcmatcCX6CXpcTQCORNnEUhz0Ur0ja3qu3KJvrJuq2RmMeEqMsfi76phsvYriIq0cv_3cwVT39ysan1vc3V3oCEKhu0&skey=87e7ee645936e2c7&v=v39) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans Myanmar';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=AlZZ_y1ZtY3ymOryg38hOCSdOnFq0FP9_gnYM_ME0QeqLzzm9GhQbRBD9lDkNdXrgg293TG8B1ga_d3aOZdcuR3TABRub49EVJqMgz1MxWsGbGZiDT20XStnxtw5qF7IWJaocV3zMs7qYxcXudbzksxTZmDY3Av0bN1r17wmXmoBtv3yMg-q8JCWk5GCEyhjf2dTRxBf8H3DMJsAZsNzra_Yf6zJ7MCD9GKpzx481PhjAxFRpmJzsLOGZdGzzrbCz6N3NLftjO5zFN0EDXt9CW4Ig9hW7zCvzQXf0XAZ6_29Gpx-eqZim5RVItmvEVanMTpBPe7RscRr0u8lmdQJG7HxwaJBQASsdN6uNSKOnTfjYr3E5GfqrZJO8uThO8e3_o6BL9kiv56Z6hLiCY9GbHbnlMa-RX0b-zQ_f9HXuhDzY_iACKJW4NdWi5SM3_PeXNgo-ltPwsStOcucYR68izLgcUAKD-go2aNPhwrV9uRCAEOfZRuCHEZ4GXUZyZFDTzYutOj_qCRv77FOOZHhpVMvEajU4eJQuz0CDYq--nOiAMnvcjDHJPwq2mbuLNqaTqHi1YGId-mzYxrDiAjFGXKloURjaDckliQtKIcwjb943JkW3EmNTVxZU4HsR9H6ddTAoGjzYPUHTLQsuJHrwRwPT0OoGUrRweeUv1ndj5qhjEG8A6Jw7Lc&skey=d849c0414b65459a&v=v27) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans Myanmar';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=AlZZ_y1ZtY3ymOryg38hOCSdOnFq0FP9_gnYM_ME0QeqLzzm9GhQbRBD9lDkNdXrgg293TG8B1ga_d3aOZdcuR3TABRub49EVJqMgz1MxWsGbGZiDT20XStnxtw5qF7IWJaocV3zMs7qYxcXudbzksxTZmDY3Av0bN1r17wmXmoBtv3yMg-q8JCWk5GCEyhjf2dTRxBf8H3DMJsAZsNzra_Yf6zJ7MCD9GKpzx481PhjAxFRpmJzsLOGZdGzzrbCz6N3NLftjO5zFN0EDXt9CW4Ig9hW7zCvzQXf0XAZ6_29Gpx-eqZim5RVItmvEVanMTpBPe7RscRr0u8lmdQJG7HxwaJBQASsdN6uNSKOnTfjYr3E5GfqrZJO8uThO8e3_o6BL9kiv56Z6hLiCY9GbHbnlMa-RX0b-zQ_f9HXuhDzY_iACKJW4NdWi5SM3_PeXNgo-ltPwsStOcucYR68izLgcUAKD-go2aNPhwrV9uRCAEOfZRuCHEZ4GXUZyZFDTzYutOj_qCRv77FOOZHhpVMvEajU4eJQuz0CDYq--nOiAMnvcjDHJPwq2mbuLNqaTqHi1YGId-mzYxrDiAjFGXKloURjaDckliQtKIcwjb943JkW3EmNTVxZU4HsR9H6ddTAoGjzYPUHTLQsuJHrwRwPT0OoGUrRweeUv1ndj5qhjEG8A6Jw7Lc&skey=d849c0414b65459a&v=v27) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=k3kXo84MPvpLmixcA63oeALhLIiP-Q_ML6-6Nzm3iVTrsFELWqjuKJ-0hpJFjHWJl7esYubpV7aT1iVQ2kHEAvGICsuWAxfJE948SqNmjb3iQ2OfOWl5ehT2-3ehwLQlGCCtn6dkQX67nvAtoL8Wae7ZvEyQgBJikaJqRtcrWTWhanfQxS5-ArTZuSgDgiHaAht7ghHLZnfPN9np0jukPiyXh9xWyoQvir8IwFmJkuztq5QsMWaaYQpa-YUqm--qcJzulmVjVYCyXcaa4gXwzFLviDaGkJ7S9rkIJMGs7TVcnJGvEp3YlWsAETXIcAJcXOdNmKyhWDcEsrR43ZwL-UDMymKNeItx4EVS6xzdLtPO1AF-BJWx688obOGo1Pz4Skuxiw6aATueZhxN_HgYFYp-8O6NQD6zpj3tW1Jl-RuWL-9Nz12hLPSNQdLknSpfMyyP9dUPSgM5fk7xwKQzCryikNGXPZXQtpPFmP0Z4NzSdus7aDHhTWRXBmYOkvYhY1k1sIsy9kOnx6ks_pK9N_q3rJNR50fDW7VvCX3ALHZwg4IyKmStKAjCsxowsVMlvryB8jvnYa3y4DxQyA0AwoT1h8NqKVgcau8O7XofjPtriK76iaKRLgtDLZeVW6rLjRhcItG4FV_rxu-GEugMjuWPpEGLx0Y&skey=cf0bb10b5602fdc3&v=v40) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=k3kXo84MPvpLmixcA63oeALhLIiP-Q_ML6-6Nzm3iVTrsFELWqjuKJ-0hpJFjHWJl7esYubpV7aT1iVQ2kHEAvGICsuWAxfJE948SqNmjb3iQ2OfOWl5ehT2-3ehwLQlGCCtn6dkQX67nvAtoL8Wae7ZvEyQgBJikaJqRtcrWTWhanfQxS5-ArTZuSgDgiHaAht7ghHLZnfPN9np0jukPiyXh9xWyoQvir8IwFmJkuztq5QsMWaaYQpa-YUqm--qcJzulmVjVYCyXcaa4gXwzFLviDaGkJ7S9rkIJMGs7TVcnJGvEp3YlWsAETXIcAJcXOdNmKyhWDcEsrR43ZwL-UDMymKNeItx4EVS6xzdLtPO1AF-BJWx688obOGo1Pz4Skuxiw6aATueZhxN_HgYFYp-8O6NQD6zpj3tW1Jl-RuWL-9Nz12hLPSNQdLknSpfMyyP9dUPSgM5fk7xwKQzCryikNGXPZXQtpPFmP0Z4NzSdus7aDHhTWRXBmYOkvYhY1k1sIsy9kOnx6ks_pK9N_q3rJNR50fDW7VvCX3ALHZwg4IyKmStKAjCsxowsVMlvryB8jvnYa3y4DxQyA0AwoT1h8NqKVgcau8O7XofjPtriK76iaKRLgtDLZeVW6rLjRhcItG4FV_rxu-GEugMjuWPpEGLx0Y&skey=cf0bb10b5602fdc3&v=v40) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdvPoemb2khJca9f3Ifs-nYnbYqc6HL7zrr7Ql-i5K9HmQZEmaPd_7jXHtfspILzjZMQEvHZmQVjkm_y3RtaRrZAHyfDpl4F4EdQ0o3vXNJOtOHxFMblSSmj6UaRVtv1wPtlSOC3wL7is6DM1oa1bLoZC4cVYneWSwlrTSoz12u9YKc3cok-AEakCZ76kVTALYtQVlr0Ilz59moqcj8cJgaasPDd6tsu5mAkEj2PyWr7CI3Gngd7MHHSGY7-tZOQlVjGZIz0OFjb83fTmnLjyN8p96MWu0tBAQHW2Qq5qXHZNr3fqar2hFqWpQL08xrpo2nsZFS1V1TPAGc-1P2aMoDw942DfYTgq-e76zXoWEbd983CTG_qjYZI6sJbYnFa_2HN-OQQJK5AHSugcrrEgqU36sobWgzbjp6CXJ1BUXLTNt3qVNUZcnNfZ66-pHC8mnrph2TdcQ8uT58Ic9JeuWHQ-2EAiXFJrNWXWYwNPkAi3fLTl4tjbZOu1YT7v-cBc5b6jMLOoJFvQyvTczmbuehQ9pemKxdcPapxnRyf1Mc0qG3uMVNDx290wxdGmb7eE3Oskr_RtN64vq_XG3_RGOlqFLPFcX99QSpKyg6N_Xs5IrbbzK5b0XF6Davh1QBFUJr4ZBGN9g&skey=7ac9f1f92e52f11b&v=v29) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdvPoemb2khJca9f3Ifs-nYnbYqc6HL7zrr7Ql-i5K9HmQZEmaPd_7jXHtfspILzjZMQEvHZmQVjkm_y3RtaRrZAHyfDpl4F4EdQ0o3vXNJOtOHxFMblSSmj6UaRVtv1wPtlSOC3wL7is6DM1oa1bLoZC4cVYneWSwlrTSoz12u9YKc3cok-AEakCZ76kVTALYtQVlr0Ilz59moqcj8cJgaasPDd6tsu5mAkEj2PyWr7CI3Gngd7MHHSGY7-tZOQlVjGZIz0OFjb83fTmnLjyN8p96MWu0tBAQHW2Qq5qXHZNr3fqar2hFqWpQL08xrpo2nsZFS1V1TPAGc-1P2aMoDw942DfYTgq-e76zXoWEbd983CTG_qjYZI6sJbYnFa_2HN-OQQJK5AHSugcrrEgqU36sobWgzbjp6CXJ1BUXLTNt3qVNUZcnNfZ66-pHC8mnrph2TdcQ8uT58Ic9JeuWHQ-2EAiXFJrNWXWYwNPkAi3fLTl4tjbZOu1YT7v-cBc5b6jMLOoJFvQyvTczmbuehQ9pemKxdcPapxnRyf1Mc0qG3uMVNDx290wxdGmb7eE3Oskr_RtN64vq_XG3_RGOlqFLPFcX99QSpKyg6N_Xs5IrbbzK5b0XF6Davh1QBFUJr4ZBGN9g&skey=7ac9f1f92e52f11b&v=v29) format('woff2');
  unicode-range: U+20, U+2c, U+2e, U+31, U+34, U+60c, U+625-629, U+62f, U+631, U+637, U+639-63a, U+640-645, U+648-64a, U+902, U+906, U+913, U+915, U+91f, U+921, U+926, U+928, U+92a, U+92d-92f, U+935, U+937, U+939, U+93e-940, U+947, U+94b, U+94d, U+964, U+e01-e02, U+e04, U+e07, U+e13-e14, U+e17, U+e19, U+e20-e22, U+e27, U+e29, U+e2d, U+e32, U+e34-e35, U+e38, U+e42-e44, U+e48, U+1000-1001, U+1004-1005, U+1007, U+100a, U+1010-1012, U+1014-101c, U+101e, U+1021, U+102b-1031, U+1036-1038, U+103a-103e, U+1041, U+1044, U+104a-104b, U+3001-3002, U+3042, U+304b, U+3059, U+305f, U+3063, U+3066-3067, U+306a-306b, U+306e, U+3079, U+3089, U+3092, U+30d5, U+30e0, U+30ec, U+30fc, U+4e2d, U+4f60, U+51e0, U+5206, U+52d5, U+5b9a, U+641e, U+64ae, U+6570, U+6587, U+65e5, U+672c, U+753b, U+7684, U+79cd, U+7a93, U+7d42, U+8449, U+89c6, U+8a00, U+8a9e, U+8bed, U+949f, U+96fb, U+9891, U+ac1c, U+ad6d, U+b2f9, U+b85c, U+b9cc, U+ba87, U+bd84, U+c0c1, U+c2e0, U+c5b4, U+c5b8, U+c5d0, U+c601, U+c744, U+c758, U+d55c, U+ff0c;
}