/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Manrope", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --spacing: 0.25rem;
    --container-3xl: 48rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-bold: 700;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-neutral: #f1eee6;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .static {
    position: static;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-lead);
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      text-decoration: underline;
      font-weight: 500;
    }
    :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 600;
    }
    :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-color: var(--tw-prose-hr);
      border-top-width: 1px;
      margin-top: 3em;
      margin-bottom: 3em;
    }
    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }
    :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: open-quote;
    }
    :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: close-quote;
    }
    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: 2.25em;
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 700;
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
    }
    :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-code);
      font-weight: 600;
      font-size: 0.875em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: "`";
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: "`";
    }
    :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-pre-code);
      background-color: var(--tw-prose-pre-bg);
      overflow-x: auto;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.7142857;
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
      border-radius: 0.375rem;
      padding-top: 0.8571429em;
      padding-inline-end: 1.1428571em;
      padding-bottom: 0.8571429em;
      padding-inline-start: 1.1428571em;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      background-color: transparent;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-weight: inherit;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: none;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: none;
    }
    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 0.875em;
      line-height: 1.7142857;
    }
    :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      vertical-align: bottom;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-td-borders);
    }
    :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 0;
    }
    :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: baseline;
    }
    :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: top;
    }
    :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      text-align: start;
    }
    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-top: 0.5714286em;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .block {
    display: block;
  }
  .hidden {
    display: none;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-none {
    max-width: none;
  }
  .flex-1 {
    flex: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .text-neutral {
    color: var(--color-neutral);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
@layer components {
  .hk-fieldnotes {
    --fn-paper: #f2f0e8;
    --fn-ink: #25291f;
    --fn-line: #c9ccbd;
    --fn-muted: #5b6052;
    --fn-red: #b83a24;
    --fn-serif: 'Bodoni Moda',Georgia,serif;
    --fn-sans: 'Public Sans',sans-serif;
    --fn-mono: 'IBM Plex Mono',monospace;
    margin: 0;
    background: var(--fn-paper);
    color: var(--fn-ink);
    font-family: var(--fn-sans);
    font-size: 16px;
    line-height: 1.6;
    overflow-x: clip;
  }
  .hk-fieldnotes * {
    box-sizing: border-box;
  }
  .hk-fieldnotes a {
    color: inherit;
  }
  .hk-fieldnotes a:focus-visible,.hk-fieldnotes button:focus-visible,.hk-fieldnotes summary:focus-visible {
    outline: 2px solid var(--fn-red);
    outline-offset: 5px;
  }
  .hk-fieldnotes ::selection {
    background: #d7df93;
    color: #25291f;
  }
  .hk-fieldnotes h1,.hk-fieldnotes h2,.hk-fieldnotes h3,.hk-fieldnotes p,.hk-fieldnotes figure {
    margin: 0;
  }
  .hk-fieldnotes [hidden] {
    display: none !important;
  }
  .hk-fieldnotes button {
    font: inherit;
    cursor: pointer;
  }
  .hk-fieldnotes img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  .hk-fieldnotes main {
    display: block;
  }
  .hk-fieldnotes section[id] {
    scroll-margin-top: 36px;
  }
  .fn-wrap {
    width: min(1320px,calc(100% - 100px));
    margin-inline: auto;
  }
  .fn-skip {
    position: absolute;
    left: 20px;
    top: -100px;
    z-index: 100;
    background: var(--fn-ink);
    color: var(--fn-paper) !important;
    padding: 12px 20px;
  }
  .fn-skip:focus {
    top: 12px;
  }
  .fn-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 25px 0;
    width: min(1440px,calc(100% - 80px));
    margin: auto;
    border-bottom: 1px solid var(--fn-line);
    position: relative;
    z-index: 20;
  }
  .fn-name {
    font-family: var(--fn-serif);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
  }
  .fn-name>span {
    display: block;
    font-family: var(--fn-mono);
    font-size: 9px;
    letter-spacing: .055em;
    margin-top: 7px;
    color: var(--fn-muted);
  }
  .fn-nav {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .fn-nav a,.fn-mobile a {
    font-size: 12px;
    text-decoration: none;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .fn-nav a:hover,.fn-small-link:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  .fn-nav .fn-talk {
    margin-left: 20px;
    border-bottom: 1px solid var(--fn-ink);
    gap: 18px;
  }
  .fn-mobile {
    display: none;
  }
  .fn-edition,.fn-section-label,.fn-photo-head {
    font-family: var(--fn-mono);
    font-size: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .fn-edition {
    padding: 32px 0 18px;
    color: var(--fn-muted);
  }
  .fn-hero {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 70px;
    padding: 18px 0 90px;
    align-items: start;
  }
  .fn-hero-copy {
    padding-top: 20px;
    position: relative;
  }
  .fn-micro {
    display: block;
    font-family: var(--fn-mono);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
    line-height: 1.6;
  }
  .fn-hero h1 {
    font-family: var(--fn-serif);
    font-size: clamp(62px,7.75vw,118px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.065em;
    position: relative;
    z-index: 2;
  }
  .fn-hero h1>.fn-micro {
    letter-spacing: .12em;
    margin-bottom: 34px;
    color: var(--fn-muted);
  }
  .hk-fieldnotes em {
    font-weight: 400;
  }
  .fn-hero h1 em {
    font-size: 1.12em;
    color: var(--fn-red);
    letter-spacing: -.05em;
  }
  .fn-mark {
    display: block;
    width: 83%;
    height: 62px;
    color: var(--fn-red);
    margin: -5px 0 8px 0;
    overflow: visible;
  }
  .fn-intro {
    font-size: 23px;
    line-height: 1.35;
    max-width: 445px;
    letter-spacing: -.04em;
  }
  .fn-lede {
    font-size: 14px;
    color: var(--fn-muted);
    max-width: 440px;
    padding-top: 20px;
    line-height: 1.8;
  }
  .fn-lede strong {
    font-weight: 500;
    color: var(--fn-ink);
  }
  .fn-link {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    min-height: 48px;
    border-bottom: 1px solid var(--fn-ink);
    margin-top: 22px;
  }
  .fn-link:hover {
    color: var(--fn-red);
    border-color: var(--fn-red);
  }
  .fn-margin-note {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 38px;
  }
  .fn-star {
    font-size: 32px;
    color: var(--fn-red);
    line-height: 1;
    flex-shrink: 0;
  }
  .fn-margin-note p {
    font-family: var(--fn-serif);
    font-style: italic;
    font-size: 16px;
    line-height: 1.35;
    color: var(--fn-muted);
  }
  .fn-lens {
    padding-top: 2px;
    min-width: 0;
  }
  .fn-photo-head {
    margin-bottom: 13px;
    font-size: 9px;
  }
  .fn-photo-head>span:first-child:before {
    content: '●';
    font-size: 8px;
    color: var(--fn-red);
    margin-right: 9px;
  }
  .fn-archive-image {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    background: #e4e4da;
  }
  .fn-panel figure {
    position: relative;
  }
  .fn-panel figcaption {
    min-height: 137px;
    padding: 20px 0 12px;
    border-bottom: 1px solid var(--fn-line);
  }
  .fn-panel figcaption>.fn-micro {
    color: var(--fn-muted);
    font-size: 9px;
  }
  .fn-panel h2 {
    font-family: var(--fn-serif);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -.035em;
    margin: 6px 0 !important;
  }
  .fn-panel p {
    font-size: 11px;
    line-height: 1.6;
    color: var(--fn-muted);
    max-width: 420px;
  }
  .fn-panel p a {
    text-underline-offset: 3px;
    white-space: nowrap;
  }
  .fn-tabs {
    display: none;
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin-top: 16px;
    gap: 8px;
  }
  .fn-ready .fn-tabs {
    display: grid;
  }
  .fn-tabs button {
    appearance: none;
    border: 0;
    border-top: 2px solid transparent;
    background: transparent;
    text-align: left;
    font-size: 10px;
    line-height: 1.3;
    padding: 10px 3px;
    min-height: 54px;
    color: var(--fn-muted);
    transition: border-color .2s,color .2s;
  }
  .fn-tabs button span {
    display: block;
    font-family: var(--fn-mono);
    font-size: 9px;
    margin-bottom: 7px;
  }
  .fn-tabs button[aria-pressed=true] {
    border-color: var(--fn-red);
    color: var(--fn-ink);
  }
  .fn-tabs button:hover {
    color: var(--fn-red);
  }
  .fn-lens-hint {
    font-family: var(--fn-serif);
    font-size: 12px;
    color: var(--fn-muted);
    font-style: italic;
    margin-top: 8px !important;
  }
  .fn-lens:not(.fn-ready) .fn-lens-hint {
    display: none;
  }
  .fn-section-label {
    border-top: 1px solid var(--fn-ink);
    padding-top: 18px;
    color: var(--fn-muted);
    font-size: 9px;
  }
  .fn-story {
    padding-bottom: 90px;
  }
  .fn-story-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 70px;
    margin: 54px 0 64px;
  }
  .fn-story h2,.fn-work-heading h2,.fn-notes h2 {
    font-family: var(--fn-serif);
    font-size: clamp(48px,5.6vw,80px);
    font-weight: 400;
    line-height: 1.06;
    letter-spacing: -.055em;
  }
  .fn-story h2 em,.fn-work h2 em,.fn-notes h2 em {
    color: var(--fn-red);
  }
  .fn-story-text {
    padding: 20px 0 0;
    max-width: 430px;
  }
  .fn-story-text .fn-pull {
    font-family: var(--fn-serif);
    font-size: 27px;
    line-height: 1.35;
    letter-spacing: -.03em;
    color: var(--fn-ink);
    margin-bottom: 24px;
  }
  .fn-story-text p {
    font-size: 14px;
    line-height: 1.9;
    color: var(--fn-muted);
    margin-bottom: 18px;
  }
  .fn-small-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    font-family: var(--fn-mono);
    font-size: 10px;
    text-decoration: none;
    line-height: 1.6;
  }
  .fn-thread {
    display: flex;
    align-items: center;
    gap: 22px;
    font-family: var(--fn-serif);
    font-style: italic;
    font-size: 23px;
  }
  .fn-thread i {
    height: 1px;
    flex: 1;
    background: var(--fn-line);
    position: relative;
  }
  .fn-thread i:after {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid var(--fn-red);
  }
  .fn-work {
    padding: 70px 0;
    background: #e8eadf;
  }
  .fn-work-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin: 52px 0 50px;
  }
  .fn-work-heading p {
    font-size: 14px;
    color: var(--fn-muted);
    max-width: 255px;
    padding-bottom: 6px;
  }
  .fn-project {
    display: grid;
    grid-template-columns: 190px 1fr 270px;
    gap: 38px;
    padding: 46px 0;
    border-top: 1px solid var(--fn-line);
    align-items: center;
  }
  .fn-project-label {
    align-self: start;
    padding-top: 6px;
  }
  .fn-project-brand {
    font-family: var(--fn-serif);
    font-size: 38px;
    letter-spacing: -.06em;
    line-height: 1.1;
    display: block;
    margin-top: 16px;
  }
  .fn-project-brand>span {
    font-style: italic;
    color: var(--fn-red);
  }
  .fn-project h3 {
    font-family: var(--fn-serif);
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: 1.15;
  }
  .fn-project p {
    font-size: 13px;
    line-height: 1.8;
    color: var(--fn-muted);
    max-width: 400px;
    margin-top: 18px !important;
  }
  .fn-project .fn-link {
    margin-top: 14px;
  }
  .fn-project .fn-small-link {
    display: flex;
    margin-top: 3px;
  }
  .fn-koryo-art,.fn-play-art,.fn-system-art {
    aspect-ratio: 1;
    position: relative;
    overflow: hidden;
  }
  .fn-koryo-art {
    background: var(--fn-red);
    color: #faf6e9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
  }
  .fn-koryo-art>span {
    font-size: 34px;
    font-weight: 600;
    line-height: .94;
    letter-spacing: -.04em;
    z-index: 1;
  }
  .fn-koryo-art small {
    font-family: var(--fn-mono);
    font-size: 7px;
    letter-spacing: .045em;
    position: absolute;
    bottom: 16px;
    left: 20px;
  }
  .fn-mat-line {
    border: 1px solid #f7e4cb;
    position: absolute;
    inset: 25px 45px 46px 25px;
    transform: rotate(12deg);
    opacity: .6;
  }
  .fn-play-art {
    background: #d8dea1;
  }
  .fn-play-art span {
    position: absolute;
    display: block;
  }
  .fn-play-a {
    width: 120px;
    height: 120px;
    background: #c04b2d;
    border-radius: 50%;
    top: 32px;
    left: 25px;
  }
  .fn-play-b {
    width: 125px;
    height: 125px;
    border: 26px solid #405946;
    border-radius: 50%;
    right: 20px;
    bottom: 40px;
  }
  .fn-play-c {
    width: 120px;
    height: 30px;
    left: 12px;
    bottom: 63px;
    transform: rotate(-40deg);
    background: #eceada;
  }
  .fn-play-art small {
    position: absolute;
    bottom: 14px;
    left: 16px;
    font: 7px var(--fn-mono);
    color: #363e23;
  }
  .fn-system-art {
    background: #263a31;
    color: #e5e9d6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 22px;
  }
  .fn-system-art>span {
    font: 11px var(--fn-mono);
    letter-spacing: .07em;
    border: 1px solid #b5c6ad;
    padding: 10px 15px;
    width: 180px;
    text-align: center;
  }
  .fn-system-art>b {
    line-height: 1.3;
    font-weight: 400;
    color: #c7d496;
  }
  .fn-system-art small {
    font: 6.5px var(--fn-mono);
    letter-spacing: .03em;
    position: absolute;
    bottom: 10px;
    text-align: center;
  }
  .fn-project-index {
    border-top: 1px solid var(--fn-line);
    display: flex;
    padding-top: 20px;
  }
  .fn-notes {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .fn-notes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-top: 56px;
  }
  .fn-notes-intro p {
    max-width: 330px;
    color: var(--fn-muted);
    font-size: 14px;
    line-height: 1.8;
    margin-top: 26px !important;
  }
  .fn-publications {
    border-top: 1px solid var(--fn-line);
  }
  .fn-paper {
    border-bottom: 1px solid var(--fn-line);
    padding: 26px 0;
  }
  .fn-paper summary {
    position: relative;
    cursor: pointer;
    list-style: none;
    padding-right: 30px;
    min-height: 80px;
  }
  .fn-paper summary::-webkit-details-marker {
    display: none;
  }
  .fn-paper summary>.fn-micro {
    font-size: 8px;
    color: var(--fn-muted);
    margin-bottom: 15px;
  }
  .fn-paper-title {
    font-family: var(--fn-serif);
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -.025em;
    display: block;
  }
  .fn-toggle {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 22px;
    color: var(--fn-red);
  }
  .fn-paper[open] .fn-toggle {
    transform: rotate(45deg);
  }
  .fn-paper>div {
    padding-top: 20px;
    max-width: 410px;
  }
  .fn-paper>div p {
    font-size: 12px;
    color: var(--fn-muted);
    line-height: 1.8;
  }
  .fn-paper cite {
    font-style: normal;
  }
  .fn-broadcast {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 80px;
    align-items: center;
    margin-top: 100px;
  }
  .fn-broadcast-photo {
    position: relative;
    display: block;
    padding: 10px 10px 44px;
    background: #25291f;
    transform: rotate(-2deg);
    text-decoration: none;
  }
  .fn-broadcast-photo img {
    width: 100%;
    aspect-ratio: 720/408;
    object-fit: contain;
  }
  .fn-broadcast-photo>span {
    position: absolute;
    bottom: 14px;
    left: 14px;
    font: 8px var(--fn-mono);
    letter-spacing: .06em;
    color: var(--fn-paper);
  }
  .fn-broadcast h3 {
    font-family: var(--fn-serif);
    font-size: 68px;
    line-height: 1;
    letter-spacing: -.05em;
    font-weight: 400;
    margin-top: 22px !important;
  }
  .fn-broadcast h3 em {
    color: var(--fn-red);
  }
  .fn-broadcast p {
    font-size: 13px;
    line-height: 1.8;
    color: var(--fn-muted);
    max-width: 320px;
    margin-top: 23px !important;
  }
  .fn-broadcast .fn-small-link {
    display: flex;
  }
  .fn-footer {
    background: #263a31;
    color: #eff0e2;
    padding: 70px 0 28px;
  }
  .fn-footer>.fn-wrap>.fn-micro {
    color: #c4cdb7;
  }
  .fn-footer-title {
    position: relative;
    font: 400 clamp(60px,7.5vw,110px)/1.04 var(--fn-serif);
    letter-spacing: -.045em;
    text-decoration: none;
    display: block;
    margin: 38px 0 64px;
  }
  .fn-footer-title>span {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #d4e398;
    font-family: var(--fn-sans);
    font-weight: 300;
    font-size: 70px;
    transition: transform .2s;
  }
  .fn-footer-title:hover>span {
    transform: translate(6px,-6px);
  }
  .fn-footer-title em {
    color: #d4e398;
  }
  .fn-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    border-top: 1px solid #617260;
    padding-top: 26px;
  }
  .fn-footer-bottom .fn-name {
    font-size: 20px;
  }
  .fn-footer nav {
    display: flex;
    gap: 24px;
  }
  .fn-footer nav a {
    font-size: 11px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
  }
  .fn-footer nav a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .fn-footer small {
    font: 8px var(--fn-mono);
    color: #c4cdb7;
  }
  @media (min-width:1700px) {
    .fn-hero {
      gap: 100px;
    }
  }
  @media (max-width:1100px) {
    .fn-wrap {
      width: calc(100% - 64px);
    }
    .fn-header {
      width: calc(100% - 64px);
    }
    .fn-hero {
      gap: 36px;
    }
    .fn-intro {
      font-size: 20px;
    }
    .fn-story-grid {
      gap: 50px;
    }
    .fn-project {
      grid-template-columns: 150px 1fr 210px;
      gap: 25px;
    }
    .fn-project-brand {
      font-size: 31px;
    }
    .fn-project h3 {
      font-size: 34px;
    }
    .fn-koryo-art>span {
      font-size: 27px;
    }
    .fn-play-a {
      width: 95px;
      height: 95px;
      left: 18px;
      top: 20px;
    }
    .fn-play-b {
      width: 100px;
      height: 100px;
      right: 15px;
      bottom: 30px;
    }
    .fn-play-c {
      width: 95px;
      height: 24px;
      bottom: 44px;
    }
    .fn-system-art>span {
      width: 145px;
      font-size: 9px;
      padding: 8px;
    }
    .fn-notes-grid,.fn-broadcast {
      gap: 45px;
    }
    .fn-footer-bottom {
      flex-wrap: wrap;
    }
  }
  @media (max-width:960px) {
    .fn-nav {
      gap: 20px;
    }
    .fn-nav .fn-talk {
      margin-left: 0;
    }
    .fn-hero {
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      padding-bottom: 65px;
    }
    .fn-hero h1 {
      font-size: 70px;
    }
    .fn-hero-copy {
      padding-top: 5px;
    }
    .fn-mark {
      height: 45px;
    }
    .fn-panel figcaption {
      min-height: 155px;
    }
    .fn-panel h2 {
      font-size: 23px;
    }
    .fn-lens-hint {
      font-size: 11px;
    }
    .fn-margin-note {
      margin-top: 24px;
    }
    .fn-project {
      grid-template-columns: 130px 1fr;
    }
    .fn-project>div:last-child {
      grid-column: 2;
      width: 240px;
      margin-top: 15px;
    }
    .fn-story h2,.fn-work-heading h2,.fn-notes h2 {
      font-size: 59px;
    }
    .fn-story-text .fn-pull {
      font-size: 24px;
    }
    .fn-broadcast h3 {
      font-size: 58px;
    }
    .fn-footer-title>span {
      font-size: 54px;
    }
  }
  @media (max-width:720px) {
    .fn-wrap,.fn-header {
      width: calc(100% - 40px);
    }
    .fn-header {
      gap: 15px;
      padding: 18px 0;
    }
    .fn-name {
      font-size: 20px;
    }
    .fn-name>span {
      font-size: 8px;
    }
    .fn-nav {
      display: none;
    }
    .fn-mobile {
      display: block;
    }
    .fn-mobile summary {
      list-style: none;
      cursor: pointer;
      min-height: 48px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 11px;
    }
    .fn-mobile summary::-webkit-details-marker {
      display: none;
    }
    .fn-mobile summary span {
      font-size: 20px;
    }
    .fn-mobile[open] summary span {
      transform: rotate(45deg);
    }
    .fn-mobile nav {
      position: absolute;
      right: 0;
      left: 0;
      top: 84px;
      background: var(--fn-paper);
      border: 1px solid var(--fn-line);
      padding: 12px 22px;
      display: grid;
      box-shadow: 0 15px 24px #25291f12;
    }
    .fn-mobile nav a {
      min-height: 50px;
      font-size: 15px;
    }
    .fn-edition {
      padding-top: 22px;
      font-size: 8px;
      gap: 15px;
    }
    .fn-hero {
      grid-template-columns: 1fr;
      gap: 38px;
      padding: 10px 0 64px;
    }
    .fn-hero h1 {
      font-size: clamp(62px,13.8vw,100px);
      letter-spacing: -.055em;
    }
    .fn-hero h1>.fn-micro {
      font-size: 9px;
      margin-bottom: 22px;
    }
    .fn-mark {
      width: 80%;
      height: 48px;
      max-width: 430px;
    }
    .fn-intro {
      font-size: 22px;
      max-width: 380px;
    }
    .fn-lede {
      max-width: 430px;
      font-size: 14px;
      padding-top: 15px;
    }
    .fn-hero-copy>.fn-link {
      margin-top: 14px;
    }
    .fn-margin-note {
      display: none;
    }
    .fn-lens {
      max-width: 520px;
      width: 100%;
    }
    .fn-photo-head {
      font-size: 8px;
    }
    .fn-panel figcaption {
      min-height: 134px;
      padding-top: 17px;
    }
    .fn-panel h2 {
      font-size: 25px;
    }
    .fn-tabs {
      gap: 7px;
      margin-top: 10px;
    }
    .fn-tabs button {
      font-size: 11px;
      padding: 10px 0;
      min-height: 60px;
    }
    .fn-lens-hint {
      font-size: 12px;
    }
    .fn-story {
      padding-bottom: 58px;
    }
    .fn-section-label {
      font-size: 8px;
      padding-top: 13px;
      align-items: flex-start;
    }
    .fn-section-label>span:last-child {
      max-width: 135px;
      text-align: right;
    }
    .fn-story-grid {
      grid-template-columns: 1fr;
      gap: 32px;
      margin: 34px 0;
    }
    .fn-story h2,.fn-work-heading h2,.fn-notes h2 {
      font-size: clamp(46px,10.5vw,68px);
    }
    .fn-story-text {
      padding: 0;
      max-width: none;
    }
    .fn-story-text .fn-pull {
      font-size: 27px;
    }
    .fn-thread {
      gap: 10px;
      font-size: 17px;
    }
    .fn-work {
      padding: 45px 0;
    }
    .fn-work-heading {
      display: block;
      margin: 34px 0;
    }
    .fn-work-heading p {
      margin-top: 24px !important;
      max-width: 320px;
    }
    .fn-project {
      grid-template-columns: 1fr;
      gap: 23px;
      padding: 30px 0 38px;
    }
    .fn-project-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }
    .fn-project-brand {
      margin: 0;
      font-size: 32px;
    }
    .fn-project h3 {
      font-size: 37px;
    }
    .fn-project p {
      font-size: 14px;
    }
    .fn-project>div:last-child {
      grid-column: 1;
      width: 100%;
      aspect-ratio: 1.5;
      max-height: 290px;
      margin: 5px 0 0;
    }
    .fn-koryo-art>span {
      font-size: 41px;
    }
    .fn-koryo-art small {
      font-size: 8px;
    }
    .fn-mat-line {
      inset: 24px 54px 30px 54px;
    }
    .fn-play-a {
      width: 130px;
      height: 130px;
      left: 20%;
      top: 20px;
    }
    .fn-play-b {
      width: 120px;
      height: 120px;
      right: 14%;
      bottom: 24px;
    }
    .fn-play-c {
      width: 125px;
      left: 15%;
      bottom: 46px;
    }
    .fn-play-art small {
      font-size: 8px;
    }
    .fn-system-art>span {
      font-size: 10px;
      width: 200px;
      padding: 7px;
    }
    .fn-system-art small {
      font-size: 7px;
    }
    .fn-notes {
      padding-top: 48px;
      padding-bottom: 65px;
    }
    .fn-notes-grid {
      grid-template-columns: 1fr;
      gap: 35px;
      margin-top: 35px;
    }
    .fn-notes-intro p {
      margin-top: 20px !important;
    }
    .fn-paper-title {
      font-size: 30px;
    }
    .fn-paper summary>.fn-micro {
      font-size: 8px;
    }
    .fn-broadcast {
      grid-template-columns: 1fr;
      gap: 39px;
      margin-top: 64px;
    }
    .fn-broadcast-photo {
      transform: rotate(-1deg);
      width: calc(100% - 8px);
      margin-inline: auto;
    }
    .fn-broadcast h3 {
      font-size: 60px;
    }
    .fn-footer {
      padding: 45px 0 25px;
    }
    .fn-footer-title {
      font-size: clamp(51px,11vw,76px);
      padding-right: 25px;
      margin: 27px 0 40px;
    }
    .fn-footer-title>span {
      font-size: 36px;
      bottom: 0;
      right: 0;
    }
    .fn-footer-bottom {
      display: grid;
      gap: 14px;
      padding-top: 22px;
    }
    .fn-footer nav {
      gap: 24px;
    }
    .fn-footer small {
      font-size: 8px;
    }
  }
  @media (prefers-reduced-motion:reduce) {
    .hk-fieldnotes * {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }
  }
}
@layer base {
  * {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    background: #08090b;
  }
  body {
    margin: 0;
    background: #08090b;
    color: #f1eee6;
    font-family: "Manrope", sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
  }
  a {
    color: inherit;
  }
  ::selection {
    background: #e10600;
    color: white;
  }
}
@layer components {
  .hk-site {
    min-height: 100vh;
    background: #08090b;
    position: relative;
    overflow: clip;
  }
  .hk-noise {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 90;
    opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  }
  .hk-header {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 80;
    height: 82px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.09);
    background: rgba(8,9,11,.78);
    backdrop-filter: blur(18px);
  }
  .hk-header-inner {
    width: min(1440px, calc(100% - 48px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .hk-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
  }
  .hk-monogram {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.25);
    display: grid;
    place-items: center;
    font-family: "Barlow Condensed",sans-serif;
    font-weight: 800;
    letter-spacing: -.04em;
    font-size: 19px;
  }
  .hk-brand-copy {
    line-height: 1;
  }
  .hk-brand-name {
    display: block;
    font-family: "Barlow Condensed",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 15px;
  }
  .hk-brand-role {
    display: block;
    margin-top: 5px;
    color: #8c929b;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .22em;
  }
  .hk-nav {
    display: flex;
    align-items: center;
    gap: 21px;
  }
  .hk-nav a {
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #b9bdc4;
    transition: .25s ease;
  }
  .hk-nav a:hover {
    color: #fff;
  }
  .hk-nav-network {
    color: #8f969f !important;
    position: relative;
  }
  .hk-nav-network::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 1px;
    background: #323840;
    transform: scaleX(.35);
    transform-origin: left;
    transition: .25s ease;
  }
  .hk-nav-network:hover::before {
    background: #e10600;
    transform: scaleX(1);
  }
  .hk-nav-cta {
    border: 1px solid #e10600 !important;
    color: #fff !important;
    padding: 11px 16px;
  }
  .hk-mobile {
    display: none;
  }
  .hk-main {
    padding-top: 82px;
  }
  .hk-shell {
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
  }
  .hk-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #aeb4bc;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    font-weight: 700;
  }
  .hk-kicker::before {
    content: "";
    width: 26px;
    height: 2px;
    background: #e10600;
    display: inline-block;
  }
  .hk-hero {
    min-height: calc(100svh - 82px);
    display: grid;
    align-items: stretch;
    border-bottom: 1px solid #20242a;
    position: relative;
  }
  .hk-hero-grid {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    min-height: calc(100svh - 82px);
  }
  .hk-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 72px 6vw 72px max(24px, calc((100vw - 1320px)/2));
    position: relative;
    z-index: 2;
  }
  .hk-hero-title {
    margin: 18px 0 0;
    font-family: "Barlow Condensed",sans-serif;
    text-transform: uppercase;
    font-size: clamp(5.4rem, 11vw, 10.8rem);
    line-height: .78;
    letter-spacing: -.055em;
    font-weight: 800;
    max-width: 920px;
  }
  .hk-hero-title .outline {
    -webkit-text-stroke: 1px rgba(241,238,230,.65);
    color: transparent;
  }
  .hk-hero-sub {
    max-width: 620px;
    color: #aeb4bc;
    font-size: clamp(1rem,1.35vw,1.25rem);
    line-height: 1.75;
    margin: 36px 0 0;
  }
  .hk-hero-actions {
    display: flex;
    gap: 12px;
    margin-top: 36px;
    flex-wrap: wrap;
  }
  .hk-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 22px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .14em;
    transition: .25s ease;
  }
  .hk-btn-red {
    background: #e10600;
    color: #fff;
    border: 1px solid #e10600;
  }
  .hk-btn-red:hover {
    background: #ff1b13;
    transform: translateY(-2px);
  }
  .hk-btn-ghost {
    border: 1px solid #343a43;
    color: #e8e5dd;
    background: rgba(255,255,255,.02);
  }
  .hk-btn-ghost:hover {
    border-color: #fff;
    transform: translateY(-2px);
  }
  .hk-hero-media {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #20242a;
    min-height: 600px;
    background: radial-gradient(circle at 50% 35%,#23272d 0,#111419 38%,#0a0b0e 72%);
  }
  .hk-hero-media::before {
    content: "1987";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-56%);
    font-family: "Barlow Condensed";
    font-size: clamp(8rem,15vw,15rem);
    line-height: .8;
    font-weight: 900;
    letter-spacing: -.06em;
    color: rgba(255,255,255,.045);
    z-index: 0;
  }
  .hk-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 48%,rgba(8,9,11,.9)),linear-gradient(90deg,rgba(8,9,11,.22),transparent 32%);
    z-index: 2;
    pointer-events: none;
  }
  .hk-hero-media img {
    position: absolute;
    z-index: 1;
    width: min(88%,620px);
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    filter: grayscale(100%) contrast(1.08);
    box-shadow: 0 35px 80px rgba(0,0,0,.35);
  }
  .hk-hero-badge {
    position: absolute;
    z-index: 3;
    left: 26px;
    bottom: 26px;
    border: 1px solid rgba(255,255,255,.24);
    background: rgba(8,9,11,.68);
    backdrop-filter: blur(12px);
    padding: 16px 18px;
    width: min(280px,calc(100% - 52px));
  }
  .hk-hero-badge strong {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1;
  }
  .hk-hero-badge span {
    display: block;
    color: #9da2aa;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-top: 6px;
  }
  .hk-side-index {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    writing-mode: vertical-rl;
    color: #767c84;
    font-size: 9px;
    letter-spacing: .28em;
    text-transform: uppercase;
  }
  .hk-marquee {
    overflow: hidden;
    border-bottom: 1px solid #20242a;
    background: #0c0e11;
  }
  .hk-marquee-track {
    display: flex;
    width: max-content;
    animation: hk-marquee 26s linear infinite;
  }
  .hk-marquee-set {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .hk-marquee span {
    padding: 16px 24px;
    font-family: "Barlow Condensed";
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #c7cacf;
  }
  .hk-marquee i {
    width: 5px;
    height: 5px;
    background: #e10600;
    display: block;
    border-radius: 999px;
  }
  @keyframes hk-marquee {
    to {
      transform: translateX(-50%);
    }
  }
  .hk-identity-section {
    background: #08090b;
  }
  .hk-identity-head {
    margin-bottom: 46px;
  }
  .hk-identity-rail {
    display: flex;
    min-height: 620px;
    border: 1px solid #262b32;
    overflow: hidden;
    background: #0a0c0f;
  }
  .hk-identity-panel {
    position: relative;
    flex: 1 1 25%;
    min-width: 0;
    overflow: hidden;
    border-right: 1px solid #262b32;
    transition: flex .55s cubic-bezier(.22,1,.36,1), filter .35s ease;
    isolation: isolate;
  }
  .hk-identity-panel:last-child {
    border-right: 0;
  }
  .hk-identity-panel:hover, .hk-identity-panel:focus-within {
    flex: 1.85 1 46%;
  }
  .hk-identity-image {
    position: absolute;
    inset: 0;
    z-index: -3;
  }
  .hk-identity-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.08) brightness(.62);
    transition: filter .45s ease, transform .55s cubic-bezier(.22,1,.36,1);
  }
  .hk-identity-panel:hover .hk-identity-image img, .hk-identity-panel:focus-within .hk-identity-image img {
    filter: grayscale(25%) contrast(1.05) brightness(.72);
    transform: scale(1.035);
  }
  .hk-identity-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(180deg,rgba(8,9,11,.08) 8%,rgba(8,9,11,.18) 42%,rgba(8,9,11,.94) 100%), linear-gradient(90deg,rgba(225,6,0,.16),transparent 55%);
  }
  .hk-identity-index {
    position: absolute;
    top: 22px;
    left: 22px;
    font-family: "Barlow Condensed";
    font-weight: 800;
    font-size: 22px;
    letter-spacing: .04em;
    color: rgba(255,255,255,.68);
  }
  .hk-identity-index::after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    margin-top: 8px;
    background: #e10600;
  }
  .hk-identity-copy {
    position: absolute;
    inset: auto 26px 26px 26px;
    transform: translateY(86px);
    transition: transform .5s cubic-bezier(.22,1,.36,1);
  }
  .hk-identity-panel:hover .hk-identity-copy, .hk-identity-panel:focus-within .hk-identity-copy {
    transform: translateY(0);
  }
  .hk-identity-copy>span {
    display: block;
    color: #e10600;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 11px;
  }
  .hk-identity-copy h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(2rem,2.7vw,3.45rem);
    line-height: .92;
    letter-spacing: -.035em;
    margin: 0;
    max-width: 340px;
  }
  .hk-identity-copy p {
    color: #a7adb5;
    line-height: 1.65;
    font-size: 12px;
    max-width: 390px;
    margin: 18px 0 12px;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .35s ease .08s,transform .35s ease .08s;
  }
  .hk-identity-copy a {
    color: #fff;
    text-decoration: none;
    font-size: 9px;
    letter-spacing: .13em;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity .35s ease .14s,color .2s ease;
  }
  .hk-identity-copy a:hover {
    color: #e10600;
  }
  .hk-identity-panel:hover .hk-identity-copy p, .hk-identity-panel:hover .hk-identity-copy a, .hk-identity-panel:focus-within .hk-identity-copy p, .hk-identity-panel:focus-within .hk-identity-copy a {
    opacity: 1;
    transform: none;
  }
  .hk-identity-stats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border: 1px solid #262b32;
    border-top: 0;
  }
  .hk-identity-stats>div {
    padding: 22px 24px;
    border-right: 1px solid #262b32;
    background: #0a0c0f;
  }
  .hk-identity-stats>div:last-child {
    border-right: 0;
  }
  .hk-identity-stats strong {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 40px;
    line-height: 1;
  }
  .hk-identity-stats span {
    display: block;
    margin-top: 8px;
    color: #767d86;
    font-size: 8px;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
  @media (max-width: 960px) {
    .hk-identity-rail {
      min-height: 520px;
    }
    .hk-identity-copy {
      inset: auto 18px 20px;
      transform: none;
    }
    .hk-identity-copy p,.hk-identity-copy a {
      opacity: 1;
      transform: none;
    }
    .hk-identity-copy h3 {
      font-size: 2.2rem;
    }
  }
  @media (max-width: 720px) {
    .hk-identity-rail {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 82%;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      min-height: 540px;
      border-right: 0;
      scrollbar-width: none;
    }
    .hk-identity-rail::-webkit-scrollbar {
      display: none;
    }
    .hk-identity-panel {
      min-width: 0;
      flex: none;
      scroll-snap-align: start;
      border-right: 1px solid #262b32;
    }
    .hk-identity-panel:hover,.hk-identity-panel:focus-within {
      flex: none;
    }
    .hk-identity-image img {
      filter: grayscale(55%) contrast(1.07) brightness(.68);
    }
    .hk-identity-copy {
      inset: auto 22px 24px;
    }
    .hk-identity-copy h3 {
      font-size: 2.65rem;
    }
    .hk-identity-copy p {
      font-size: 13px;
      max-width: 92%;
    }
    .hk-identity-stats {
      grid-template-columns: 1fr 1fr;
    }
    .hk-identity-stats>div:nth-child(2) {
      border-right: 0;
    }
    .hk-identity-stats>div:nth-child(-n+2) {
      border-bottom: 1px solid #262b32;
    }
  }
  .hk-section {
    padding: 120px 0;
    border-bottom: 1px solid #20242a;
    position: relative;
  }
  .hk-section-head {
    display: grid;
    grid-template-columns: .55fr 1.45fr;
    gap: 60px;
    align-items: start;
    margin-bottom: 62px;
  }
  .hk-section-title {
    margin: 0;
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(3.6rem,7vw,6.8rem);
    line-height: .88;
    letter-spacing: -.045em;
    font-weight: 700;
  }
  .hk-section-title em {
    font-style: normal;
    color: #e10600;
  }
  .hk-section-intro {
    color: #aeb4bc;
    font-size: 1.15rem;
    line-height: 1.9;
    max-width: 680px;
    padding-top: 10px;
  }
  .hk-manifesto {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border: 1px solid #252a31;
  }
  .hk-manifesto-card {
    padding: 38px;
    min-height: 280px;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #252a31;
    background: linear-gradient(145deg,#0d0f12,#090a0c);
  }
  .hk-manifesto-card:last-child {
    border-right: 0;
  }
  .hk-manifesto-card .n {
    font-family: "Barlow Condensed";
    color: #363b43;
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
  }
  .hk-manifesto-card h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 34px;
    margin: 38px 0 14px;
  }
  .hk-manifesto-card p {
    color: #8f959e;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
  }
  .hk-manifesto-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #e10600;
    transition: .35s ease;
  }
  .hk-manifesto-card:hover::after {
    width: 100%;
  }
  .hk-stats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border-top: 1px solid #252a31;
    border-left: 1px solid #252a31;
    margin-top: 70px;
  }
  .hk-stat {
    padding: 32px;
    border-right: 1px solid #252a31;
    border-bottom: 1px solid #252a31;
  }
  .hk-stat strong {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 56px;
    line-height: 1;
  }
  .hk-stat span {
    display: block;
    color: #858b94;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 9px;
    margin-top: 11px;
  }
  .hk-chronicle {
    background: linear-gradient(180deg,#08090b,#0a0c0f 60%,#08090b);
  }
  .hk-chronicle-grid {
    position: relative;
    margin-top: 10px;
    border-top: 1px solid #292e35;
  }
  .hk-chronicle-spine {
    position: absolute;
    left: 154px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #2c3138;
    z-index: 2;
  }
  .hk-chronicle-spine>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 38%;
    background: linear-gradient(#e10600,rgba(225,6,0,.08));
  }
  .hk-chronicle-spine>i {
    position: absolute;
    left: -4px;
    width: 9px;
    height: 9px;
    border: 2px solid #e10600;
    border-radius: 50%;
    background: #08090b;
  }
  .hk-chronicle-spine>i:nth-of-type(1) {
    top: 13%;
  }
  .hk-chronicle-spine>i:nth-of-type(2) {
    top: 33%;
  }
  .hk-chronicle-spine>i:nth-of-type(3) {
    top: 58%;
  }
  .hk-chronicle-spine>i:nth-of-type(4) {
    top: 82%;
  }
  .hk-chronicle-spine>b {
    position: absolute;
    left: -25px;
    bottom: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: "Barlow Condensed";
    font-size: 9px;
    letter-spacing: .22em;
    color: #555d67;
  }
  .hk-chronicle-row {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 70px;
    padding: 34px 0;
    border-bottom: 1px solid #252a31;
    position: relative;
    min-height: 160px;
  }
  .hk-chronicle-row time {
    font-family: "Barlow Condensed";
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    color: #69717a;
    text-align: right;
    padding-top: 4px;
  }
  .hk-chronicle-row>div:last-child {
    max-width: 780px;
  }
  .hk-chronicle-type {
    display: block;
    color: #e10600;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
    margin-bottom: 9px;
  }
  .hk-chronicle-row h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(2.2rem,3.5vw,4rem);
    line-height: .9;
    letter-spacing: -.025em;
    margin: 0;
  }
  .hk-chronicle-row p {
    color: #8f969f;
    line-height: 1.72;
    font-size: 13px;
    margin: 13px 0 0;
    max-width: 610px;
  }
  .hk-chronicle-feature {
    grid-template-columns: 120px minmax(230px,330px) 1fr;
    align-items: center;
  }
  .hk-chronicle-photo {
    position: relative;
    overflow: hidden;
    border: 1px solid #2b3037;
    background: #101216;
  }
  .hk-chronicle-photo img {
    width: 100%;
    aspect-ratio: 16/11;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.06);
    transition: filter .4s ease,transform .45s ease;
  }
  .hk-chronicle-feature:hover .hk-chronicle-photo img {
    filter: grayscale(15%);
    transform: scale(1.025);
  }
  .hk-chronicle-photo small {
    position: absolute;
    left: 10px;
    bottom: 9px;
    background: rgba(8,9,11,.78);
    color: #c7cbd0;
    padding: 6px 7px;
    font-size: 7px;
    letter-spacing: .14em;
  }
  .hk-chronicle-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 28px;
  }
  .hk-chronicle-foot>span {
    color: #626a73;
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
  }
  @media (max-width:960px) {
    .hk-chronicle-spine {
      left: 120px;
    }
    .hk-chronicle-row {
      grid-template-columns: 92px 1fr;
      gap: 54px;
    }
    .hk-chronicle-feature {
      grid-template-columns: 92px 260px 1fr;
    }
  }
  @media (max-width:720px) {
    .hk-chronicle-spine {
      left: 72px;
    }
    .hk-chronicle-row,.hk-chronicle-feature {
      grid-template-columns: 54px 1fr;
      gap: 34px;
      padding: 28px 0;
    }
    .hk-chronicle-row time {
      font-size: 21px;
    }
    .hk-chronicle-feature .hk-chronicle-photo {
      grid-column: 2;
      margin-bottom: 2px;
    }
    .hk-chronicle-feature>div:last-child {
      grid-column: 2;
    }
    .hk-chronicle-row h3 {
      font-size: 2.65rem;
    }
    .hk-chronicle-row p {
      font-size: 13px;
    }
    .hk-chronicle-foot {
      align-items: flex-start;
      flex-direction: column;
    }
  }
  .hk-projects {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 14px;
  }
  .hk-project {
    min-height: 520px;
    border: 1px solid #292e35;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: #0c0e11;
    transition: transform .4s cubic-bezier(.22,1,.36,1),border-color .3s ease;
  }
  .hk-project-koryo {
    grid-column: span 6;
  }
  .hk-project-taekfundo,.hk-project-mytaek {
    grid-column: span 3;
  }
  .hk-project:hover {
    border-color: #646b75;
    transform: translateY(-6px);
  }
  .hk-project-art {
    position: absolute;
    inset: 0 0 auto 0;
    height: 47%;
    overflow: hidden;
    border-bottom: 1px solid #292e35;
  }
  .hk-project-art::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(8,9,11,.06),rgba(8,9,11,.82));
    pointer-events: none;
  }
  .hk-project-art-koryo {
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 55% 40%,rgba(225,6,0,.28),transparent 35%),#0a0c0f;
  }
  .hk-project-art-koryo img {
    width: min(62%,330px);
    height: auto;
    filter: grayscale(100%) brightness(1.65);
    position: relative;
    z-index: 1;
  }
  .hk-project-art-koryo>span {
    position: absolute;
    right: 18px;
    top: 14px;
    font-family: "Barlow Condensed";
    font-size: 13px;
    letter-spacing: .13em;
    color: #aab0b8;
    z-index: 2;
  }
  .hk-project-art-taekfundo {
    background: #d7d9cf;
  }
  .hk-project-art-taekfundo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 22px;
    filter: grayscale(100%) contrast(1.08);
    transition: transform .5s ease,filter .5s ease;
  }
  .hk-project-taekfundo:hover .hk-project-art-taekfundo img {
    transform: scale(1.035) rotate(-1deg);
    filter: grayscale(15%);
  }
  .hk-project-art-mytaek {
    background: linear-gradient(145deg,#0a1015,#111820);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
  }
  .hk-project-art-mytaek>span {
    position: relative;
    z-index: 1;
    border: 1px solid #39434e;
    padding: 9px 10px;
    color: #c9ced4;
    font-size: 7px;
    letter-spacing: .12em;
    text-align: center;
  }
  .hk-project-art-mytaek>i {
    width: 20px;
    height: 1px;
    background: #e10600;
    position: relative;
    z-index: 1;
  }
  .hk-project-art-mytaek>i::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    right: -1px;
    top: -1.5px;
    background: #e10600;
  }
  .hk-project-top {
    position: relative;
    z-index: 2;
    margin-top: 220px;
  }
  .hk-project-index {
    color: #777e87;
    font-family: "Barlow Condensed";
    font-size: 14px;
    letter-spacing: .05em;
  }
  .hk-project h3 {
    font-family: "Barlow Condensed";
    font-size: clamp(3.1rem,4.5vw,5.4rem);
    text-transform: uppercase;
    letter-spacing: -.04em;
    margin: 20px 0 12px;
    line-height: .82;
  }
  .hk-project p {
    color: #9298a0;
    line-height: 1.7;
    font-size: 13px;
    max-width: 460px;
  }
  .hk-project-taekfundo p,.hk-project-mytaek p {
    font-size: 12px;
  }
  .hk-project-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    border-top: 1px solid #2a2f36;
    padding-top: 18px;
    margin-top: 24px;
    color: #e6e3dc;
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .hk-arrow {
    font-size: 23px;
    color: #e10600;
    transition: transform .3s ease;
  }
  .hk-project:hover .hk-arrow {
    transform: translate(4px,-4px);
  }
  @media (max-width:1100px) {
    .hk-project-koryo {
      grid-column: span 12;
      min-height: 500px;
    }
    .hk-project-taekfundo,.hk-project-mytaek {
      grid-column: span 6;
    }
  }
  @media (max-width:720px) {
    .hk-projects {
      grid-template-columns: 1fr;
    }
    .hk-project-koryo,.hk-project-taekfundo,.hk-project-mytaek {
      grid-column: auto;
      min-height: 470px;
    }
    .hk-project-art {
      height: 45%;
    }
    .hk-project-top {
      margin-top: 195px;
    }
    .hk-project h3 {
      font-size: 4.15rem;
    }
  }
  .hk-research-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .hk-paper {
    border: 1px solid #292e35;
    padding: 34px;
    text-decoration: none;
    background: linear-gradient(145deg,#101216,#0a0b0d);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .3s ease;
  }
  .hk-paper:hover {
    border-color: #e10600;
  }
  .hk-paper-meta {
    color: #e10600;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 9px;
    font-weight: 800;
  }
  .hk-paper h3 {
    font-family: "Barlow Condensed";
    font-size: 35px;
    line-height: 1.02;
    text-transform: uppercase;
    margin: 36px 0 16px;
  }
  .hk-paper p {
    color: #8e949c;
    line-height: 1.75;
    font-size: 13px;
  }
  .hk-paper .read {
    color: #cfd2d6;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .13em;
    border-top: 1px solid #2a2f36;
    padding-top: 18px;
  }
  .hk-home-lab {
    background: #090b0e;
  }
  .hk-lab {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 18px;
    align-items: stretch;
  }
  .hk-lab-question {
    position: relative;
    min-height: 520px;
    padding: 42px;
    overflow: hidden;
    border: 1px solid #2a3037;
    background: linear-gradient(145deg,#0d1014,#08090b);
  }
  .hk-lab-symbol {
    position: absolute;
    right: -5px;
    top: -62px;
    font-family: "Barlow Condensed";
    font-size: 260px;
    font-weight: 900;
    line-height: 1;
    color: rgba(225,6,0,.08);
    pointer-events: none;
  }
  .hk-lab-label {
    color: #e10600;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
  }
  .hk-lab-question h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(3rem,5vw,5.8rem);
    line-height: .86;
    letter-spacing: -.04em;
    margin: 100px 0 24px;
    max-width: 600px;
  }
  .hk-lab-question h3 em {
    color: #e10600;
    font-style: normal;
  }
  .hk-lab-question p {
    color: #8e959e;
    line-height: 1.8;
    font-size: 13px;
    max-width: 500px;
  }
  .hk-lab-axis {
    position: absolute;
    left: 42px;
    right: 42px;
    bottom: 36px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #6f7781;
    font-size: 8px;
    letter-spacing: .15em;
  }
  .hk-lab-axis i {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg,#30363e,#e10600,#30363e);
  }
  .hk-lab-records {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-content: start;
  }
  .hk-lab-record {
    min-height: 310px;
    padding: 30px;
    border: 1px solid #2a3037;
    text-decoration: none;
    background: #0b0e12;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease,transform .35s cubic-bezier(.22,1,.36,1);
  }
  .hk-lab-record::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -70px;
    bottom: -90px;
    border: 1px solid rgba(225,6,0,.22);
    border-radius: 50%;
    transition: transform .4s ease;
  }
  .hk-lab-record:hover {
    border-color: #e10600;
    transform: translateY(-4px);
  }
  .hk-lab-record:hover::after {
    transform: scale(1.2);
  }
  .hk-lab-no {
    font-family: "Barlow Condensed";
    font-size: 21px;
    color: #e10600;
  }
  .hk-lab-meta {
    color: #646c75;
    font-size: 8px;
    letter-spacing: .15em;
    margin-top: 26px;
  }
  .hk-lab-record h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 34px;
    line-height: .95;
    margin: 16px 0;
    letter-spacing: -.025em;
    max-width: 430px;
  }
  .hk-lab-record p {
    color: #868d96;
    line-height: 1.65;
    font-size: 12px;
    max-width: 390px;
  }
  .hk-lab-read {
    position: absolute;
    left: 30px;
    bottom: 26px;
    font-size: 8px;
    letter-spacing: .15em;
    color: #d9dde1;
  }
  .hk-lab-method {
    grid-column: 1/-1;
    min-height: 120px;
    border: 1px solid #2a3037;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 24px 28px;
    background: #0a0c0f;
    color: #737b84;
    font-size: 8px;
    letter-spacing: .13em;
  }
  .hk-lab-method span:last-child {
    color: #e10600;
  }
  .hk-lab-method i {
    flex: 1;
    height: 1px;
    background: #30363e;
    position: relative;
  }
  .hk-lab-method i::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e10600;
  }
  .hk-lab-footer,.hk-media-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 28px;
  }
  .hk-lab-footer>span,.hk-media-footer>span {
    color: #626a73;
    font-size: 9px;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
  .hk-home-media {
    background: #08090b;
  }
  .hk-broadcast-board {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 18px;
    align-items: stretch;
  }
  .hk-broadcast-frame {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    min-height: 470px;
    border: 1px solid #2a3037;
    background: #0b0e12;
    text-decoration: none;
    overflow: hidden;
    transition: border-color .3s ease;
  }
  .hk-broadcast-frame:hover {
    border-color: #626b76;
  }
  .hk-broadcast-image {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    background: #0e1115;
  }
  .hk-broadcast-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.08) brightness(.82);
    transition: filter .4s ease,transform .5s ease;
  }
  .hk-broadcast-frame:hover .hk-broadcast-image img {
    filter: grayscale(10%) contrast(1.04);
    transform: scale(1.025);
  }
  .hk-live-dot {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e10600;
    box-shadow: 0 0 0 6px rgba(225,6,0,.13);
  }
  .hk-broadcast-caption {
    padding: 34px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .hk-broadcast-caption>span {
    color: #e10600;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
  }
  .hk-broadcast-caption strong {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 42px;
    line-height: .9;
    margin: 18px 0 28px;
  }
  .hk-broadcast-caption small {
    color: #848b94;
    font-size: 8px;
    letter-spacing: .13em;
    text-transform: uppercase;
    border-top: 1px solid #2a3037;
    padding-top: 18px;
  }
  .hk-cred-ledger {
    border-top: 1px solid #2a3037;
  }
  .hk-cred-row {
    display: grid;
    grid-template-columns: 35px 150px 1fr auto;
    gap: 16px;
    align-items: center;
    min-height: 105px;
    padding: 0 12px;
    border-bottom: 1px solid #2a3037;
    text-decoration: none;
    transition: padding-left .25s ease,background .25s ease;
  }
  .hk-cred-row:hover {
    padding-left: 20px;
    background: #0d1014;
  }
  .hk-cred-row>span {
    color: #e10600;
    font-family: "Barlow Condensed";
    font-size: 17px;
  }
  .hk-cred-row>b {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 700;
  }
  .hk-cred-row>em {
    color: #757d86;
    font-style: normal;
    font-size: 11px;
    line-height: 1.5;
  }
  .hk-cred-row>i {
    color: #e10600;
    font-style: normal;
    font-size: 18px;
  }
  @media (max-width:960px) {
    .hk-lab {
      grid-template-columns: 1fr;
    }
    .hk-lab-question {
      min-height: 430px;
    }
    .hk-broadcast-board {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width:720px) {
    .hk-lab-question {
      min-height: 420px;
      padding: 28px;
    }
    .hk-lab-question h3 {
      margin-top: 82px;
      font-size: 3.7rem;
    }
    .hk-lab-axis {
      left: 28px;
      right: 28px;
      bottom: 26px;
    }
    .hk-lab-records {
      grid-template-columns: 1fr;
    }
    .hk-lab-method {
      grid-column: auto;
      overflow-x: auto;
      white-space: nowrap;
    }
    .hk-lab-footer,.hk-media-footer {
      flex-direction: column;
      align-items: flex-start;
    }
    .hk-broadcast-frame {
      grid-template-columns: 1fr;
      min-height: 0;
    }
    .hk-broadcast-image {
      min-height: 320px;
    }
    .hk-broadcast-caption {
      min-height: 250px;
    }
    .hk-cred-row {
      grid-template-columns: 28px 1fr auto;
      gap: 12px;
      padding: 18px 4px;
      min-height: 0;
    }
    .hk-cred-row>em {
      grid-column: 2;
    }
    .hk-cred-row>i {
      grid-column: 3;
      grid-row: 1/3;
    }
  }
  .hk-media-list {
    border-top: 1px solid #292e35;
  }
  .hk-media-row {
    display: grid;
    grid-template-columns: 170px 1fr auto;
    gap: 40px;
    padding: 26px 0;
    border-bottom: 1px solid #292e35;
    text-decoration: none;
    align-items: center;
    transition: .25s ease;
  }
  .hk-media-row:hover {
    padding-left: 12px;
  }
  .hk-media-source {
    color: #858b94;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10px;
  }
  .hk-media-title {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 28px;
  }
  .hk-media-arrow {
    color: #e10600;
    font-size: 22px;
  }
  .hk-cta {
    padding: 110px 0;
    position: relative;
    overflow: hidden;
  }
  .hk-cta::before {
    content: "HK";
    position: absolute;
    right: -2vw;
    bottom: -11vw;
    font-family: "Barlow Condensed";
    font-size: 40vw;
    line-height: .7;
    color: rgba(255,255,255,.018);
    font-weight: 900;
    pointer-events: none;
  }
  .hk-cta h2 {
    font-family: "Barlow Condensed";
    font-size: clamp(4.6rem,10vw,10rem);
    line-height: .82;
    text-transform: uppercase;
    letter-spacing: -.05em;
    margin: 0;
    max-width: 1000px;
  }
  .hk-cta h2 span {
    color: #e10600;
  }
  .hk-cta p {
    color: #999fa8;
    max-width: 620px;
    line-height: 1.8;
    margin: 30px 0;
  }
  .hk-next {
    background: linear-gradient(135deg,#08090b 0%,#0c0e12 55%,#111216 100%);
    border-top: 1px solid #242930;
  }
  .hk-next::before {
    content: "?";
    right: -1vw;
    bottom: -8vw;
    font-size: 36vw;
    color: rgba(225,6,0,.025);
  }
  .hk-next-grid {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 70px;
    align-items: center;
  }
  .hk-next-copy {
    position: relative;
    z-index: 2;
  }
  .hk-next-board {
    min-height: 420px;
    border: 1px solid #2a3037;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 35%,rgba(225,6,0,.14),transparent 28%), linear-gradient(145deg,#0b0e12,#090a0d);
  }
  .hk-next-board::before {
    content: "";
    position: absolute;
    inset: 28px;
    border: 1px solid rgba(255,255,255,.04);
    transform: rotate(3deg);
  }
  .hk-next-board span {
    font-family: "Barlow Condensed";
    font-size: 28px;
    letter-spacing: .16em;
    color: #c8cbd0;
    position: relative;
    z-index: 1;
  }
  .hk-next-board i {
    color: #e10600;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
  }
  .hk-next-board strong {
    font-family: "Barlow Condensed";
    font-size: 120px;
    line-height: .8;
    color: #e10600;
    position: relative;
    z-index: 1;
  }
  @media (max-width:960px) {
    .hk-next-grid {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    .hk-next-board {
      max-width: 620px;
      min-height: 340px;
    }
  }
  @media (max-width:720px) {
    .hk-next-board {
      min-height: 300px;
    }
    .hk-next-board span {
      font-size: 22px;
    }
    .hk-next-board strong {
      font-size: 90px;
    }
  }
  .hk-footer {
    border-top: 1px solid #23272d;
    padding: 44px 0 28px;
    background: #07080a;
  }
  .hk-footer-grid {
    display: grid;
    grid-template-columns: 1.4fr .6fr .6fr;
    gap: 60px;
  }
  .hk-footer-name {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 42px;
    line-height: .9;
    margin: 0 0 18px;
  }
  .hk-footer-copy {
    color: #777e87;
    line-height: 1.7;
    max-width: 460px;
    font-size: 13px;
  }
  .hk-footer-social {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 22px;
  }
  .hk-footer-social a {
    color: #c9ccd1;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .hk-footer-social a:hover {
    color: #fff;
  }
  .hk-footer h4 {
    color: #777e87;
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin: 0 0 18px;
  }
  .hk-footer-links {
    display: grid;
    gap: 10px;
  }
  .hk-footer-links a {
    color: #c3c6ca;
    font-size: 13px;
    text-decoration: none;
  }
  .hk-footer-links a:hover {
    color: #fff;
  }
  .hk-footer-bottom {
    border-top: 1px solid #20242a;
    margin-top: 40px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    color: #656b73;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .1em;
  }
  .hk-page-hero {
    padding: 120px 0 76px;
    border-bottom: 1px solid #22272d;
    background: radial-gradient(circle at 80% 15%,rgba(225,6,0,.1),transparent 25%);
  }
  .hk-page-title {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(4.6rem,9vw,9rem);
    line-height: .82;
    letter-spacing: -.05em;
    margin: 14px 0 0;
    max-width: 1000px;
  }
  .hk-prose {
    width: min(900px,calc(100% - 48px));
    margin: 0 auto;
    padding: 80px 0 120px;
    color: #c7cacf;
    font-size: 17px;
    line-height: 1.9;
  }
  .hk-prose h2,.hk-prose h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    color: #f1eee6;
    line-height: 1;
  }
  .hk-prose h2 {
    font-size: 48px;
    margin: 70px 0 22px;
  }
  .hk-prose h3 {
    font-size: 30px;
    margin: 46px 0 16px;
  }
  .hk-prose p {
    margin: 0 0 24px;
  }
  .hk-prose ul,.hk-prose ol {
    margin: 0 0 28px;
    padding-left: 22px;
  }
  .hk-prose li {
    margin-bottom: 9px;
  }
  .hk-prose a {
    color: #f1eee6;
    text-decoration-color: #e10600;
    text-underline-offset: 4px;
  }
  .hk-prose blockquote {
    margin: 45px 0;
    border-left: 3px solid #e10600;
    padding: 4px 0 4px 28px;
    font-family: "Barlow Condensed";
    font-size: 30px;
    line-height: 1.2;
    color: #f1eee6;
  }
  .hk-prose hr {
    border: 0;
    border-top: 1px solid #2a2f36;
    margin: 54px 0;
  }
  .hk-prose .wp-block-columns {
    gap: 24px;
  }
  .hk-prose figure {
    margin: 42px 0;
  }
  .hk-prose img {
    max-width: 100%;
    height: auto;
    display: block;
    border: 1px solid #2a2f36;
    filter: grayscale(18%);
  }
  .hk-prose figcaption {
    color: #737982;
    font-size: 11px;
    margin-top: 10px;
    letter-spacing: .05em;
  }
  .hk-media-gallery {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    margin: 46px 0 60px;
  }
  .hk-media-gallery figure {
    margin: 0;
    overflow: hidden;
    border: 1px solid #292e35;
    background: #0c0e11;
  }
  .hk-media-gallery img {
    width: 100%;
    aspect-ratio: 1.414/1;
    object-fit: cover;
    border: 0;
    transition: transform .45s ease, filter .45s ease;
    filter: grayscale(35%);
  }
  .hk-media-gallery figure:hover img {
    transform: scale(1.025);
    filter: grayscale(0);
  }
  .hk-about-hero,.hk-career-hero {
    padding: 100px 0 80px;
    border-bottom: 1px solid #22272d;
    background: radial-gradient(circle at 75% 20%,rgba(225,6,0,.12),transparent 28%),#08090b;
  }
  .hk-about-grid {
    display: grid;
    grid-template-columns: 1.15fr .65fr;
    gap: 80px;
    align-items: end;
  }
  .hk-about-copy {
    padding: 50px 0 18px;
  }
  .hk-about-title,.hk-career-title {
    font-family: "Barlow Condensed";
    font-size: clamp(5rem,10vw,10rem);
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: -.055em;
    margin: 18px 0 0;
  }
  .hk-about-title span,.hk-career-title span {
    color: #e10600;
  }
  .hk-about-lead {
    max-width: 660px;
    color: #a2a8b0;
    font-size: 18px;
    line-height: 1.8;
    margin: 34px 0 0;
  }
  .hk-about-portrait,.hk-career-photo {
    position: relative;
    border: 1px solid #2a2f36;
    background: #101216;
    overflow: hidden;
  }
  .hk-about-portrait img,.hk-career-photo img {
    width: 100%;
    height: auto;
    display: block;
    filter: grayscale(100%) contrast(1.08);
  }
  .hk-image-caption {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #2a2f36;
    padding: 12px 14px;
    color: #747b84;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 9px;
    background: #0a0c0f;
  }
  .hk-about-layout {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 80px;
    align-items: start;
  }
  .hk-about-aside {
    position: sticky;
    top: 120px;
    border-top: 1px solid #30353c;
    padding-top: 24px;
  }
  .hk-aside-number {
    font-family: "Barlow Condensed";
    font-size: 58px;
    line-height: 1;
    color: #f1eee6;
  }
  .hk-about-aside p {
    color: #777e87;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 1.6;
    margin: 8px 0 0;
  }
  .hk-aside-rule {
    height: 1px;
    background: #292e35;
    margin: 26px 0;
  }
  .hk-prose-wide {
    width: auto;
    max-width: 860px;
    margin: 0;
    padding: 0;
  }
  .hk-career-title {
    max-width: 1100px;
  }
  .hk-career-strip {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 70px;
    border: 1px solid #292e35;
  }
  .hk-career-strip div {
    padding: 26px;
    border-right: 1px solid #292e35;
  }
  .hk-career-strip div:last-child {
    border-right: 0;
  }
  .hk-career-strip strong {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 38px;
    line-height: 1;
  }
  .hk-career-strip span {
    display: block;
    margin-top: 8px;
    color: #7f858e;
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .hk-career-layout {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 70px;
    align-items: start;
  }
  .hk-career-photo {
    position: sticky;
    top: 120px;
  }
  .hk-career-hero-v2 {
    padding: 105px 0 90px;
  }
  .hk-career-v2-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 70px;
    align-items: end;
  }
  .hk-career-v2-title {
    font-family: "Barlow Condensed";
    font-size: clamp(4.8rem,8.5vw,9rem);
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: -.055em;
    margin: 18px 0 0;
    max-width: 1040px;
  }
  .hk-career-v2-title span {
    color: #e10600;
  }
  .hk-career-v2-lead {
    color: #989fa8;
    line-height: 1.8;
    font-size: 17px;
    max-width: 680px;
    margin: 30px 0 0;
  }
  .hk-career-ledger {
    border-top: 1px solid #2a3037;
  }
  .hk-career-ledger>div {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px;
    min-height: 58px;
    align-items: center;
    border-bottom: 1px solid #2a3037;
  }
  .hk-career-ledger time {
    font-family: "Barlow Condensed";
    color: #e10600;
    font-size: 20px;
    font-weight: 700;
  }
  .hk-career-ledger span {
    color: #858d96;
    font-size: 10px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .07em;
  }
  .hk-career-evidence {
    background: #090b0e;
  }
  .hk-career-evidence-grid {
    display: grid;
    grid-template-columns: 1.1fr .8fr .8fr;
    grid-template-rows: 1fr;
    gap: 12px;
    min-height: 500px;
  }
  .hk-career-evidence-grid figure {
    margin: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #2a3037;
    background: #0d1014;
  }
  .hk-career-evidence-grid figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.07) brightness(.78);
    transition: .45s ease;
  }
  .hk-career-evidence-grid figure:hover img {
    filter: grayscale(20%) contrast(1.04) brightness(.9);
    transform: scale(1.025);
  }
  .hk-career-evidence-grid figcaption {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: rgba(8,9,11,.7);
    border: 1px solid rgba(255,255,255,.08);
    padding: 8px 10px;
    color: #c8ccd1;
    font-size: 8px;
    letter-spacing: .14em;
  }
  .hk-career-evidence-note {
    border: 1px solid #2a3037;
    padding: 30px;
    background: linear-gradient(145deg,#0d1014,#090b0e);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
  }
  .hk-career-evidence-note::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(225,6,0,.18);
    border-radius: 50%;
    right: -70px;
    top: -70px;
  }
  .hk-career-evidence-note>span {
    color: #e10600;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
  }
  .hk-career-evidence-note>strong {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 34px;
    line-height: .92;
    margin: 18px 0 15px;
  }
  .hk-career-evidence-note>p {
    color: #7d858e;
    font-size: 12px;
    line-height: 1.7;
  }
  .hk-career-v2-body {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 75px;
    align-items: start;
  }
  .hk-career-v2-aside {
    position: sticky;
    top: 120px;
  }
  .hk-career-map {
    display: grid;
    gap: 0;
    margin: 28px 0 32px;
  }
  .hk-career-map span {
    border: 1px solid #2b3138;
    padding: 12px 14px;
    font-size: 8px;
    letter-spacing: .15em;
    color: #c7cbd0;
    text-align: center;
  }
  .hk-career-map i {
    width: 1px;
    height: 20px;
    background: #e10600;
    justify-self: center;
  }
  .hk-source-section {
    background: #090b0e;
  }
  .hk-source-shelf {
    border-top: 1px solid #2a3037;
  }
  .hk-source-item {
    display: grid;
    grid-template-columns: 70px 150px 1fr auto;
    gap: 24px;
    align-items: center;
    min-height: 104px;
    padding: 14px 4px;
    border-bottom: 1px solid #2a3037;
    text-decoration: none;
    transition: padding-left .25s ease,background .25s ease;
  }
  .hk-source-item:hover {
    padding-left: 12px;
    background: #0d1014;
  }
  .hk-source-item>span {
    color: #e10600;
    font-family: "Barlow Condensed";
    font-size: 20px;
  }
  .hk-source-item>strong {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 24px;
  }
  .hk-source-item>p {
    color: #7c848d;
    font-size: 11px;
    line-height: 1.6;
    max-width: 650px;
  }
  .hk-source-item>i {
    color: #e10600;
    font-style: normal;
    font-size: 20px;
  }
  @media (max-width:720px) {
    .hk-source-item {
      grid-template-columns: 54px 1fr auto;
      gap: 12px;
      padding: 18px 2px;
      min-height: 0;
    }
    .hk-source-item>strong {
      font-size: 20px;
    }
    .hk-source-item>p {
      grid-column: 2;
      font-size: 11px;
    }
    .hk-source-item>i {
      grid-column: 3;
      grid-row: 1/3;
    }
  }
  @media (max-width:960px) {
    .hk-career-v2-grid {
      grid-template-columns: 1fr;
      gap: 45px;
    }
    .hk-career-ledger {
      max-width: 680px;
    }
    .hk-career-evidence-grid {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 320px 240px;
    }
    .hk-career-evidence-note {
      grid-column: 1/-1;
    }
    .hk-career-v2-body {
      grid-template-columns: 220px 1fr;
      gap: 48px;
    }
  }
  @media (max-width:720px) {
    .hk-career-hero-v2 {
      padding: 76px 0 58px;
    }
    .hk-career-v2-title {
      font-size: 4.7rem;
    }
    .hk-career-ledger>div {
      grid-template-columns: 78px 1fr;
    }
    .hk-career-evidence-grid {
      grid-template-columns: 1fr;
      grid-template-rows: 330px 280px auto;
    }
    .hk-career-evidence-note {
      grid-column: auto;
      min-height: 240px;
    }
    .hk-career-v2-body {
      grid-template-columns: 1fr;
      gap: 45px;
    }
    .hk-career-v2-aside {
      position: static;
    }
    .hk-career-map {
      grid-template-columns: repeat(4,1fr);
      gap: 7px;
    }
    .hk-career-map i {
      display: none;
    }
    .hk-career-map span {
      padding: 11px 7px;
      font-size: 7px;
    }
  }
  .hk-about-hero-v2 {
    padding: 105px 0 95px;
    overflow: hidden;
  }
  .hk-about-v2-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
  }
  .hk-about-v2-copy {
    position: relative;
    z-index: 2;
  }
  .hk-about-v2-title {
    font-family: "Barlow Condensed";
    font-size: clamp(4.8rem,8.7vw,9.2rem);
    line-height: .82;
    text-transform: uppercase;
    letter-spacing: -.055em;
    margin: 18px 0 0;
  }
  .hk-about-v2-title span {
    color: #e10600;
  }
  .hk-about-v2-lead {
    max-width: 680px;
    color: #9aa1aa;
    font-size: 17px;
    line-height: 1.8;
    margin: 30px 0 0;
  }
  .hk-about-v2-facts {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0;
    margin-top: 46px;
    border-top: 1px solid #2a3037;
    border-bottom: 1px solid #2a3037;
  }
  .hk-about-v2-facts span {
    padding: 18px 16px;
    color: #6f7780;
    font-size: 8px;
    letter-spacing: .13em;
    text-transform: uppercase;
    border-right: 1px solid #2a3037;
  }
  .hk-about-v2-facts span:last-child {
    border-right: 0;
  }
  .hk-about-v2-facts b {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 27px;
    color: #f1eee6;
    letter-spacing: .02em;
    margin-bottom: 6px;
  }
  .hk-about-v2-visual {
    position: relative;
    min-height: 650px;
  }
  .hk-about-v2-main {
    position: absolute;
    left: 0;
    top: 30px;
    width: 68%;
    margin: 0;
    border: 1px solid #2a3037;
    background: #0e1115;
    overflow: hidden;
  }
  .hk-about-v2-main img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.08);
  }
  .hk-about-v2-float {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 54%;
    margin: 0;
    border: 1px solid #3a4048;
    background: #0c0f12;
    padding: 9px;
    transform: rotate(2.2deg);
    box-shadow: 0 26px 70px rgba(0,0,0,.42);
  }
  .hk-about-v2-float img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    filter: grayscale(40%) contrast(1.03);
  }
  .hk-about-v2-main figcaption,.hk-about-v2-float figcaption {
    padding: 9px 10px;
    color: #747b84;
    font-size: 7px;
    letter-spacing: .14em;
    text-transform: uppercase;
    background: #0a0c0f;
  }
  .hk-about-v2-coordinate {
    position: absolute;
    right: 20px;
    top: 0;
    writing-mode: vertical-rl;
    color: #5b626b;
    font-size: 8px;
    letter-spacing: .22em;
  }
  .hk-about-v2-shifts {
    background: #090b0e;
  }
  .hk-shift-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border: 1px solid #2a3037;
  }
  .hk-shift {
    padding: 36px;
    min-height: 340px;
    border-right: 1px solid #2a3037;
    background: linear-gradient(145deg,#0d1014,#090a0d);
    position: relative;
    overflow: hidden;
  }
  .hk-shift:last-child {
    border-right: 0;
  }
  .hk-shift::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -100px;
    bottom: -100px;
    border: 1px solid rgba(225,6,0,.16);
    border-radius: 50%;
  }
  .hk-shift>span {
    color: #e10600;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
  }
  .hk-shift h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 38px;
    line-height: .92;
    margin: 70px 0 18px;
    max-width: 320px;
  }
  .hk-shift p {
    color: #858d96;
    font-size: 12px;
    line-height: 1.75;
    max-width: 330px;
  }
  .hk-about-v2-body {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 80px;
    align-items: start;
  }
  .hk-about-v2-aside {
    position: sticky;
    top: 120px;
    border-top: 1px solid #30363d;
    padding-top: 20px;
  }
  .hk-about-v2-aside blockquote {
    font-family: "Barlow Condensed";
    font-size: 32px;
    line-height: 1.05;
    text-transform: uppercase;
    margin: 28px 0;
    color: #e8e5de;
  }
  .hk-about-v2-links {
    display: grid;
    border-top: 1px solid #272c32;
    margin-top: 20px;
  }
  .hk-about-v2-links a {
    padding: 13px 0;
    border-bottom: 1px solid #272c32;
    text-decoration: none;
    font-size: 9px;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #9ba1a8;
  }
  .hk-about-v2-links a:hover {
    color: #fff;
    padding-left: 5px;
  }
  .hk-about-v2-course {
    margin: 34px 0 0;
    border: 1px solid #2a3037;
    overflow: hidden;
    background: #0c0e11;
  }
  .hk-about-v2-course img {
    width: 100%;
    aspect-ratio: 16/11;
    object-fit: cover;
    filter: grayscale(100%);
  }
  .hk-about-v2-course figcaption {
    padding: 9px 10px;
    color: #737a83;
    font-size: 7px;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  @media (max-width:960px) {
    .hk-about-v2-grid {
      grid-template-columns: 1fr .72fr;
      gap: 42px;
    }
    .hk-about-v2-visual {
      min-height: 560px;
    }
    .hk-about-v2-body {
      grid-template-columns: 240px 1fr;
      gap: 50px;
    }
    .hk-shift {
      padding: 28px;
    }
  }
  @media (max-width:720px) {
    .hk-about-hero-v2 {
      padding: 76px 0 58px;
    }
    .hk-about-v2-grid {
      grid-template-columns: 1fr;
      gap: 42px;
    }
    .hk-about-v2-title {
      font-size: 4.8rem;
    }
    .hk-about-v2-facts {
      grid-template-columns: 1fr 1fr;
    }
    .hk-about-v2-facts span:nth-child(2) {
      border-right: 0;
    }
    .hk-about-v2-facts span:nth-child(-n+2) {
      border-bottom: 1px solid #2a3037;
    }
    .hk-about-v2-visual {
      min-height: 500px;
    }
    .hk-about-v2-main {
      width: 72%;
      top: 0;
    }
    .hk-about-v2-float {
      width: 52%;
      bottom: 0;
    }
    .hk-shift-grid {
      grid-template-columns: 1fr;
    }
    .hk-shift {
      border-right: 0;
      border-bottom: 1px solid #2a3037;
      min-height: 250px;
    }
    .hk-shift:last-child {
      border-bottom: 0;
    }
    .hk-shift h3 {
      margin-top: 42px;
    }
    .hk-about-v2-body {
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .hk-about-v2-aside {
      position: static;
    }
  }
  .hk-research-hero,.hk-media-hero,.hk-projects-hero {
    padding: 110px 0 90px;
    border-bottom: 1px solid #22272d;
    background: radial-gradient(circle at 78% 15%,rgba(225,6,0,.13),transparent 27%),#08090b;
  }
  .hk-research-title,.hk-media-title-hero,.hk-projects-title {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(5rem,10vw,10rem);
    line-height: .79;
    letter-spacing: -.055em;
    margin: 18px 0 0;
    max-width: 1200px;
  }
  .hk-research-title span,.hk-media-title-hero span,.hk-projects-title span {
    color: #e10600;
  }
  .hk-research-lead {
    max-width: 760px;
    color: #9da3ab;
    font-size: 18px;
    line-height: 1.85;
    margin: 34px 0 0;
  }
  .hk-research-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .hk-research-feature {
    min-height: 480px;
    border: 1px solid #292e35;
    padding: 36px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(145deg,#101216,#090b0d);
    transition: .35s ease;
    position: relative;
    overflow: hidden;
  }
  .hk-research-feature::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -120px;
    bottom: -140px;
    border: 1px solid rgba(225,6,0,.28);
    border-radius: 50%;
    transition: .45s ease;
  }
  .hk-research-feature:hover {
    border-color: #e10600;
    transform: translateY(-5px);
  }
  .hk-research-feature:hover::after {
    transform: scale(1.25);
  }
  .hk-rf-top,.hk-rf-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #858b94;
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
  }
  .hk-rf-top span:first-child {
    color: #e10600;
    font-family: "Barlow Condensed";
    font-size: 22px;
  }
  .hk-research-feature h2 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(2.6rem,4vw,4.4rem);
    line-height: .94;
    letter-spacing: -.03em;
    margin: 70px 0 20px;
    max-width: 680px;
    position: relative;
    z-index: 1;
  }
  .hk-research-feature p {
    color: #9298a1;
    line-height: 1.8;
    font-size: 14px;
    max-width: 560px;
    position: relative;
    z-index: 1;
  }
  .hk-rf-bottom {
    border-top: 1px solid #292e35;
    padding-top: 20px;
  }
  .hk-rf-bottom strong {
    color: #e10600;
    font-size: 23px;
  }
  .hk-research-notes-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 80px;
    align-items: start;
  }
  .hk-topic-list {
    border-top: 1px solid #292e35;
  }
  .hk-topic {
    display: grid;
    grid-template-columns: 42px 180px 1fr;
    gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid #292e35;
    align-items: start;
  }
  .hk-topic>span {
    color: #e10600;
    font-family: "Barlow Condensed";
    font-size: 18px;
  }
  .hk-topic>strong {
    font-family: "Barlow Condensed";
    font-size: 27px;
    text-transform: uppercase;
  }
  .hk-topic p {
    margin: 0;
    color: #858c95;
    line-height: 1.65;
    font-size: 13px;
  }
  .hk-research-profile {
    max-width: 900px;
    margin-left: max(24px,calc((100vw - 1320px)/2));
  }
  .hk-press-wall {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
  }
  .hk-press-image {
    margin: 0;
    border: 1px solid #292e35;
    overflow: hidden;
    background: #0d0f12;
  }
  .hk-press-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.414/1;
    object-fit: cover;
    display: block;
    filter: grayscale(100%) contrast(1.05);
    transition: .45s ease;
  }
  .hk-press-image:hover img {
    filter: grayscale(0);
    transform: scale(1.035);
  }
  .hk-media-evidence {
    background: #090b0e;
  }
  .hk-media-collage {
    display: grid;
    grid-template-columns: 1.15fr .85fr .7fr;
    grid-template-rows: 260px 250px;
    gap: 12px;
    position: relative;
  }
  .hk-media-shot {
    margin: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #2a3037;
    background: #0d1014;
  }
  .hk-media-shot-a {
    grid-row: 1/3;
  }
  .hk-media-shot-b {
    grid-column: 2;
    grid-row: 1;
  }
  .hk-media-shot-c {
    grid-column: 2;
    grid-row: 2;
  }
  .hk-media-shot-d {
    grid-column: 3;
    grid-row: 1;
  }
  .hk-media-shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.05) brightness(.78);
    transition: filter .4s ease,transform .45s ease;
  }
  .hk-media-shot:hover img {
    filter: grayscale(20%) contrast(1.04) brightness(.9);
    transform: scale(1.03);
  }
  .hk-media-shot figcaption {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    background: rgba(8,9,11,.68);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.08);
    padding: 10px 11px;
  }
  .hk-media-shot figcaption span {
    color: #e10600;
    font-size: 8px;
    letter-spacing: .16em;
    font-weight: 800;
  }
  .hk-media-shot figcaption small {
    color: #d1d4d8;
    font-size: 8px;
    letter-spacing: .08em;
    text-align: right;
  }
  .hk-media-collage-note {
    grid-column: 3;
    grid-row: 2;
    border: 1px solid #2a3037;
    padding: 26px;
    background: linear-gradient(145deg,#0e1115,#0a0c0f);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
  }
  .hk-media-collage-note::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border: 1px solid rgba(225,6,0,.18);
    border-radius: 50%;
    right: -64px;
    top: -70px;
  }
  .hk-media-collage-note>span {
    color: #e10600;
    font-size: 8px;
    letter-spacing: .16em;
  }
  .hk-media-collage-note>strong {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 31px;
    line-height: .92;
    margin: 18px 0 14px;
    max-width: 240px;
  }
  .hk-media-collage-note>p {
    color: #777f88;
    font-size: 11px;
    line-height: 1.6;
    max-width: 250px;
  }
  .hk-archive-strip {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap: 6px;
    border-top: 1px solid #252a31;
    padding-top: 12px;
  }
  .hk-archive-thumb {
    border: 1px solid #252a31;
    overflow: hidden;
    background: #0d0f12;
  }
  .hk-archive-thumb img {
    width: 100%;
    aspect-ratio: 1.414/1;
    object-fit: cover;
    filter: grayscale(100%) brightness(.7);
    transition: .35s ease;
  }
  .hk-archive-thumb:hover img {
    filter: grayscale(0%) brightness(.9);
    transform: scale(1.04);
  }
  @media (max-width:960px) {
    .hk-media-collage {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 360px 240px 230px;
    }
    .hk-media-shot-a {
      grid-column: 1/3;
      grid-row: 1;
    }
    .hk-media-shot-b {
      grid-column: 1;
      grid-row: 2;
    }
    .hk-media-shot-c {
      grid-column: 2;
      grid-row: 2;
    }
    .hk-media-shot-d {
      grid-column: 1;
      grid-row: 3;
    }
    .hk-media-collage-note {
      grid-column: 2;
      grid-row: 3;
    }
    .hk-archive-strip {
      grid-template-columns: repeat(4,1fr);
    }
  }
  @media (max-width:720px) {
    .hk-media-collage {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
    }
    .hk-media-shot-a,.hk-media-shot-b,.hk-media-shot-c,.hk-media-shot-d,.hk-media-collage-note {
      grid-column: 1;
      grid-row: auto;
      min-height: 260px;
    }
    .hk-media-shot-a {
      min-height: 340px;
    }
    .hk-media-collage-note {
      min-height: 230px;
    }
    .hk-archive-strip {
      grid-template-columns: repeat(4,1fr);
      gap: 5px;
    }
  }
  .hk-project-universe {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .hk-universe-card {
    min-height: 500px;
    padding: 38px;
    border: 1px solid #292e35;
    background: #0c0e11;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
  }
  .hk-universe-card:nth-child(2),.hk-universe-card:nth-child(3) {
    background: #0f1114;
  }
  .hk-universe-card::after {
    content: "";
    position: absolute;
    inset: auto -10% -45% 35%;
    aspect-ratio: 1;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    transition: .5s ease;
  }
  .hk-universe-card:hover {
    border-color: #e10600;
    transform: translateY(-5px);
  }
  .hk-universe-card:hover::after {
    border-color: rgba(225,6,0,.28);
    transform: scale(1.18);
  }
  .hk-u-index {
    color: #777e87;
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
  }
  .hk-universe-card h2 {
    font-family: "Barlow Condensed";
    font-size: clamp(4.5rem,7vw,7.2rem);
    line-height: .78;
    text-transform: uppercase;
    letter-spacing: -.05em;
    margin: auto 0 22px;
    position: relative;
    z-index: 1;
  }
  .hk-universe-card p {
    color: #8e949d;
    line-height: 1.7;
    max-width: 420px;
    font-size: 14px;
    position: relative;
    z-index: 1;
  }
  .hk-universe-card strong {
    border-top: 1px solid #292e35;
    padding-top: 18px;
    margin-top: 28px;
    color: #e10600;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
  }
  .hk-project-principle {
    background: #0a0c0f;
  }
  .hk-projects-hero-v2 {
    padding-bottom: 105px;
  }
  .hk-atlas-project {
    padding: 90px 0;
    border-top: 1px solid #252b31;
    position: relative;
    overflow: hidden;
  }
  .hk-atlas-grid {
    display: grid;
    grid-template-columns: 90px .9fr 1.1fr;
    gap: 48px;
    align-items: center;
  }
  .hk-atlas-index {
    align-self: start;
    border-top: 1px solid #30363d;
    padding-top: 16px;
  }
  .hk-atlas-index>span {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 52px;
    line-height: 1;
    color: #e10600;
  }
  .hk-atlas-index>small {
    display: block;
    color: #717881;
    font-size: 8px;
    letter-spacing: .14em;
    margin-top: 8px;
  }
  .hk-atlas-copy h2 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(5.2rem,9vw,9rem);
    line-height: .76;
    letter-spacing: -.055em;
    margin: 18px 0 24px;
  }
  .hk-atlas-copy h2 span {
    color: #e10600;
  }
  .hk-atlas-copy p {
    color: #8e959e;
    line-height: 1.8;
    font-size: 14px;
    max-width: 580px;
  }
  .hk-atlas-art {
    min-height: 440px;
    border: 1px solid #2a3037;
    position: relative;
    overflow: hidden;
  }
  .hk-atlas-art-koryo {
    background: radial-gradient(circle at 50% 45%,rgba(225,6,0,.25),transparent 34%),#0b0e12;
    display: grid;
    place-items: center;
  }
  .hk-atlas-art-koryo img {
    width: min(70%,460px);
    height: auto;
    filter: grayscale(100%) brightness(1.6);
  }
  .hk-atlas-art-koryo>span {
    position: absolute;
    color: #6d7580;
    font-size: 8px;
    letter-spacing: .15em;
  }
  .hk-atlas-art-koryo>span:nth-of-type(1) {
    left: 18px;
    top: 18px;
  }
  .hk-atlas-art-koryo>span:nth-of-type(2) {
    right: 18px;
    top: 18px;
  }
  .hk-atlas-art-koryo>span:nth-of-type(3) {
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
  }
  .hk-atlas-tfd {
    background: #0a0c0f;
  }
  .hk-atlas-art-tfd {
    background: #d8dbd0;
  }
  .hk-atlas-art-tfd img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 40px;
    filter: grayscale(100%) contrast(1.08);
  }
  .hk-atlas-art-tfd>i {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: #e10600;
    opacity: .72;
  }
  .hk-atlas-art-tfd>i:nth-of-type(1) {
    width: 56px;
    height: 56px;
    left: 28px;
    top: 30px;
  }
  .hk-atlas-art-tfd>i:nth-of-type(2) {
    width: 82px;
    height: 82px;
    right: 34px;
    bottom: 40px;
    background: #314d3d;
  }
  .hk-atlas-art-tfd>i:nth-of-type(3) {
    width: 110px;
    height: 20px;
    left: 20%;
    bottom: 44px;
    border-radius: 0;
    transform: rotate(-35deg);
    background: #f0ede5;
  }
  .hk-atlas-mytaek {
    background: linear-gradient(135deg,#08090b,#0b1015);
  }
  .hk-atlas-art-mytaek {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 45px;
    background: #0a1016;
  }
  .hk-atlas-art-mytaek>div {
    width: min(100%,420px);
    border: 1px solid #35404b;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .hk-atlas-art-mytaek b {
    font-family: "Barlow Condensed";
    font-size: 24px;
    letter-spacing: .04em;
  }
  .hk-atlas-art-mytaek span {
    color: #68727d;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .1em;
  }
  .hk-atlas-art-mytaek>i {
    color: #e10600;
    font-style: normal;
    font-size: 22px;
  }
  .hk-atlas-saf {
    background: radial-gradient(circle at 75% 50%,rgba(212,166,61,.1),transparent 28%),#090a0c;
  }
  .hk-atlas-art-saf {
    display: grid;
    place-items: center;
    border-color: rgba(212,166,61,.28);
  }
  .hk-atlas-art-saf>span {
    width: 260px;
    height: 260px;
    border: 1px solid rgba(212,166,61,.45);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-family: "Barlow Condensed";
    font-size: 150px;
    line-height: 1;
    color: #d4a63d;
  }
  .hk-atlas-art-saf>small {
    position: absolute;
    bottom: 25px;
    color: #8e7748;
    font-size: 8px;
    letter-spacing: .18em;
  }
  @media (max-width:960px) {
    .hk-atlas-grid {
      grid-template-columns: 70px 1fr;
      gap: 36px;
    }
    .hk-atlas-art {
      grid-column: 2;
      min-height: 360px;
      margin-top: 10px;
    }
  }
  @media (max-width:720px) {
    .hk-atlas-project {
      padding: 68px 0;
    }
    .hk-atlas-grid {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .hk-atlas-index {
      display: flex;
      align-items: end;
      gap: 12px;
    }
    .hk-atlas-index>span {
      font-size: 38px;
    }
    .hk-atlas-art {
      grid-column: 1;
      min-height: 310px;
    }
    .hk-atlas-copy h2 {
      font-size: 5.1rem;
    }
    .hk-atlas-art-saf>span {
      width: 190px;
      height: 190px;
      font-size: 105px;
    }
    .hk-atlas-art-mytaek {
      padding: 26px;
    }
    .hk-atlas-art-mytaek>div {
      padding: 14px;
    }
  }
  .hk-tfd-hero,.hk-koryo-hero,.hk-mytaek-hero,.hk-saf-hero,.hk-contact-hero {
    padding: 110px 0 90px;
    border-bottom: 1px solid #22272d;
    background: #08090b;
    position: relative;
    overflow: hidden;
  }
  .hk-tfd-hero::before,.hk-mytaek-hero::before,.hk-contact-hero::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -120px;
    top: -210px;
    border: 1px solid rgba(225,6,0,.15);
    border-radius: 50%;
  }
  .hk-tfd-grid,.hk-koryo-grid,.hk-mytaek-grid,.hk-saf-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
  }
  .hk-tfd-title,.hk-koryo-title,.hk-mytaek-title,.hk-saf-title,.hk-contact-title {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(6rem,13vw,13rem);
    line-height: .74;
    letter-spacing: -.06em;
    margin: 20px 0 0;
  }
  .hk-tfd-title span,.hk-mytaek-title span,.hk-contact-title span {
    color: #e10600;
  }
  .hk-tfd-lead,.hk-saf-lead {
    max-width: 680px;
    color: #9ea4ad;
    font-size: 18px;
    line-height: 1.8;
    margin: 34px 0 0;
  }
  .hk-tfd-media {
    border: 1px solid #292e35;
    background: #f1eee6;
    padding: 26px;
    transform: rotate(1.5deg);
  }
  .hk-tfd-media img {
    width: 100%;
    height: auto;
    display: block;
  }
  .hk-tfd-label {
    color: #17191d;
    font-size: 9px;
    letter-spacing: .13em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 14px;
  }
  .hk-tfd-pillars {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border: 1px solid #292e35;
  }
  .hk-tfd-pillar {
    padding: 32px;
    min-height: 300px;
    border-right: 1px solid #292e35;
    background: #0c0e11;
  }
  .hk-tfd-pillar:last-child {
    border-right: 0;
  }
  .hk-tfd-pillar>span {
    color: #e10600;
    font-family: "Barlow Condensed";
    font-size: 18px;
  }
  .hk-tfd-pillar h2 {
    font-family: "Barlow Condensed";
    font-size: 54px;
    text-transform: uppercase;
    margin: 70px 0 16px;
    line-height: .9;
  }
  .hk-tfd-pillar p {
    color: #858c95;
    font-size: 13px;
    line-height: 1.7;
  }
  .hk-tfd-story {
    background: #0a0c0f;
  }
  .hk-tfd-story-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 80px;
    align-items: start;
  }
  .hk-koryo-hero {
    background: radial-gradient(circle at 70% 40%,rgba(225,6,0,.16),transparent 30%),#08090b;
  }
  .hk-koryo-title {
    font-size: clamp(7rem,16vw,16rem);
  }
  .hk-koryo-mark {
    border: 1px solid #2b3037;
    min-height: 420px;
    display: grid;
    place-items: center;
    background: #0c0e11;
    padding: 60px;
  }
  .hk-koryo-mark img {
    width: min(100%,520px);
    height: auto;
    filter: grayscale(100%) brightness(1.7);
  }
  .hk-koryo-facts {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border: 1px solid #292e35;
  }
  .hk-koryo-fact {
    padding: 32px;
    border-right: 1px solid #292e35;
  }
  .hk-koryo-fact:last-child {
    border-right: 0;
  }
  .hk-koryo-fact strong {
    display: block;
    font-family: "Barlow Condensed";
    font-size: 54px;
    color: #f1eee6;
  }
  .hk-koryo-fact span {
    display: block;
    color: #7e858e;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 9px;
    margin-top: 8px;
  }
  .hk-mytaek-hero {
    background: linear-gradient(145deg,#08090b,#0c1016);
  }
  .hk-mytaek-title {
    font-size: clamp(7rem,15vw,15rem);
  }
  .hk-product-ui {
    border: 1px solid #303741;
    background: #0c1015;
    padding: 14px;
    box-shadow: 0 30px 80px rgba(0,0,0,.35);
    transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
  }
  .hk-ui-top {
    display: flex;
    gap: 7px;
    align-items: center;
    border-bottom: 1px solid #252c35;
    padding: 7px 4px 14px;
  }
  .hk-ui-top>span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #353c45;
  }
  .hk-ui-top>b {
    margin-left: auto;
    color: #5c6672;
    font-size: 8px;
    letter-spacing: .15em;
  }
  .hk-ui-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-top: 10px;
  }
  .hk-ui-panel {
    border: 1px solid #242b33;
    min-height: 170px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: #090d12;
  }
  .hk-ui-panel small {
    color: #69737e;
    font-size: 8px;
    letter-spacing: .15em;
  }
  .hk-ui-panel strong {
    font-family: "Barlow Condensed";
    font-size: 58px;
    margin: 15px 0 auto;
  }
  .hk-ui-panel>i {
    height: 4px;
    background: #202831;
    display: block;
    margin-top: 7px;
  }
  .hk-ui-panel>i:nth-of-type(1) {
    width: 88%;
    background: #e10600;
  }
  .hk-ui-panel>i:nth-of-type(2) {
    width: 62%;
  }
  .hk-ui-panel>i:nth-of-type(3) {
    width: 74%;
  }
  .hk-ui-wide {
    grid-column: 1/-1;
    min-height: 150px;
  }
  .hk-ui-bars {
    display: grid;
    gap: 12px;
    margin-top: 24px;
  }
  .hk-ui-bars i {
    height: 8px;
    background: linear-gradient(90deg,#e10600,#343c46);
    display: block;
  }
  .hk-mytaek-features {
    border-top: 1px solid #292e35;
  }
  .hk-saf-hero {
    background: radial-gradient(circle at 72% 45%,rgba(201,151,52,.15),transparent 25%),#08090b;
  }
  .hk-saf-title {
    font-size: clamp(7rem,15vw,15rem);
    color: #d4a63d;
  }
  .hk-saf-seal {
    width: min(420px,90%);
    aspect-ratio: 1;
    border: 1px solid rgba(212,166,61,.4);
    border-radius: 50%;
    display: grid;
    place-items: center;
    justify-self: center;
    position: relative;
  }
  .hk-saf-seal::before,.hk-saf-seal::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(212,166,61,.15);
    border-radius: 50%;
    inset: 24px;
  }
  .hk-saf-seal::after {
    inset: 48px;
  }
  .hk-saf-seal span {
    font-family: "Barlow Condensed";
    font-size: 12rem;
    color: #d4a63d;
    line-height: 1;
  }
  .hk-saf-seal small {
    position: absolute;
    bottom: 55px;
    color: #967d49;
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
  }
  .hk-gold {
    color: #d4a63d !important;
  }
  .hk-contact-hero {
    padding-bottom: 120px;
    background: radial-gradient(circle at 78% 25%,rgba(225,6,0,.12),transparent 27%),#08090b;
  }
  .hk-contact-title {
    max-width: 1000px;
  }
  .hk-contact-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 14px;
  }
  .hk-contact-card {
    min-height: 330px;
    border: 1px solid #292e35;
    padding: 34px;
    text-decoration: none;
    background: #0c0e11;
    display: flex;
    flex-direction: column;
    transition: .35s ease;
  }
  a.hk-contact-card:hover {
    transform: translateY(-5px);
    border-color: #e10600;
  }
  .hk-contact-card small {
    color: #777e87;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 9px;
  }
  .hk-contact-card strong {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: clamp(3rem,6vw,5.5rem);
    line-height: .82;
    margin: auto 0 25px;
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
  }
  .hk-contact-card span {
    color: #e10600;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    border-top: 1px solid #292e35;
    padding-top: 18px;
  }
  .hk-journal-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
  }
  .hk-post-card {
    border: 1px solid #292e35;
    padding: 30px;
    text-decoration: none;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .hk-post-card h2 {
    font-family: "Barlow Condensed";
    font-size: 38px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
  }
  .hk-post-card p {
    color: #8f959d;
    line-height: 1.7;
  }
  .hk-post-meta {
    color: #e10600;
    font-size: 9px;
    letter-spacing: .15em;
    text-transform: uppercase;
  }
  .hk-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);
  }
  .hk-reveal.is-visible {
    opacity: 1;
    transform: none;
  }
  @media (max-width: 960px) {
    .hk-nav {
      display: none;
    }
    .hk-mobile {
      display: block;
    }
    .hk-mobile summary {
      list-style: none;
      cursor: pointer;
      border: 1px solid #30353c;
      padding: 10px 13px;
      font-size: 10px;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .hk-mobile[open] nav {
      position: absolute;
      right: 24px;
      top: 68px;
      background: #0c0e11;
      border: 1px solid #292e35;
      padding: 16px;
      min-width: 220px;
      display: grid;
      gap: 12px;
    }
    .hk-mobile nav a {
      text-decoration: none;
      font-size: 12px;
      padding: 8px;
    }
    .hk-hero-grid {
      grid-template-columns: 1fr;
    }
    .hk-hero-copy {
      min-height: 620px;
      padding: 70px 24px;
    }
    .hk-hero-media {
      min-height: 68svh;
      border-left: 0;
      border-top: 1px solid #20242a;
    }
    .hk-section-head {
      grid-template-columns: 1fr;
      gap: 24px;
    }
    .hk-manifesto {
      grid-template-columns: 1fr;
    }
    .hk-manifesto-card {
      border-right: 0;
      border-bottom: 1px solid #252a31;
      min-height: 220px;
    }
    .hk-stats {
      grid-template-columns: 1fr 1fr;
    }
    .hk-research-grid {
      grid-template-columns: 1fr;
    }
    .hk-footer-grid {
      grid-template-columns: 1fr 1fr;
    }
    .hk-about-grid {
      grid-template-columns: 1fr .55fr;
      gap: 40px;
    }
    .hk-about-layout {
      grid-template-columns: 190px 1fr;
      gap: 44px;
    }
    .hk-career-layout {
      grid-template-columns: 280px 1fr;
      gap: 44px;
    }
    .hk-career-strip {
      grid-template-columns: 1fr 1fr;
    }
    .hk-career-strip div:nth-child(2) {
      border-right: 0;
    }
    .hk-career-strip div:nth-child(-n+2) {
      border-bottom: 1px solid #292e35;
    }
    .hk-research-feature-grid {
      grid-template-columns: 1fr;
    }
    .hk-research-notes-grid {
      grid-template-columns: 1fr;
      gap: 50px;
    }
    .hk-press-wall {
      grid-template-columns: repeat(2,1fr);
    }
    .hk-project-universe {
      grid-template-columns: 1fr 1fr;
    }
    .hk-tfd-grid,.hk-koryo-grid,.hk-mytaek-grid,.hk-saf-grid {
      grid-template-columns: 1fr;
      gap: 50px;
    }
    .hk-tfd-media,.hk-koryo-mark,.hk-product-ui,.hk-saf-seal {
      max-width: 620px;
    }
    .hk-tfd-pillars {
      grid-template-columns: 1fr 1fr;
    }
    .hk-tfd-pillar:nth-child(2) {
      border-right: 0;
    }
    .hk-tfd-pillar:nth-child(-n+2) {
      border-bottom: 1px solid #292e35;
    }
    .hk-tfd-story-grid {
      grid-template-columns: 1fr;
      gap: 50px;
    }
    .hk-koryo-facts {
      grid-template-columns: 1fr 1fr;
    }
    .hk-koryo-fact:nth-child(2) {
      border-right: 0;
    }
    .hk-koryo-fact:nth-child(-n+2) {
      border-bottom: 1px solid #292e35;
    }
  }
  @media (max-width: 640px) {
    .hk-header {
      height: 72px;
    }
    .hk-header-inner,.hk-shell {
      width: min(100% - 30px,1320px);
    }
    .hk-brand-role {
      display: none;
    }
    .hk-main {
      padding-top: 72px;
    }
    .hk-hero-title {
      font-size: clamp(4.1rem,24vw,6.8rem);
    }
    .hk-hero-copy {
      min-height: 560px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .hk-section {
      padding: 84px 0;
    }
    .hk-section-title {
      font-size: 4.2rem;
    }
    .hk-stats {
      grid-template-columns: 1fr 1fr;
    }
    .hk-stat strong {
      font-size: 44px;
    }
    .hk-timeline::before {
      left: 73px;
    }
    .hk-era {
      grid-template-columns: 56px 1fr;
      gap: 34px;
    }
    .hk-era-year {
      font-size: 20px;
    }
    .hk-era-body::before {
      left: 68px;
    }
    .hk-project {
      min-height: 350px;
    }
    .hk-media-row {
      grid-template-columns: 1fr auto;
      gap: 12px;
    }
    .hk-media-source {
      grid-column: 1/-1;
    }
    .hk-media-title {
      font-size: 23px;
    }
    .hk-footer-grid {
      grid-template-columns: 1fr;
      gap: 34px;
    }
    .hk-footer-bottom {
      flex-direction: column;
      gap: 9px;
    }
    .hk-page-hero {
      padding: 90px 0 60px;
    }
    .hk-page-title {
      font-size: 4.5rem;
    }
    .hk-journal-grid {
      grid-template-columns: 1fr;
    }
    .hk-about-hero,.hk-career-hero {
      padding: 72px 0 54px;
    }
    .hk-about-grid {
      grid-template-columns: 1fr;
      gap: 34px;
    }
    .hk-about-title,.hk-career-title {
      font-size: 4.7rem;
    }
    .hk-about-portrait {
      max-width: 360px;
    }
    .hk-about-layout,.hk-career-layout {
      grid-template-columns: 1fr;
      gap: 46px;
    }
    .hk-about-aside,.hk-career-photo {
      position: static;
    }
    .hk-about-aside {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 12px;
      border-top: 0;
    }
    .hk-about-aside .hk-aside-rule {
      display: none;
    }
    .hk-aside-number {
      font-size: 42px;
    }
    .hk-career-strip {
      grid-template-columns: 1fr 1fr;
      margin-top: 46px;
    }
    .hk-career-strip div {
      padding: 20px 16px;
    }
    .hk-career-strip strong {
      font-size: 30px;
    }
    .hk-research-hero,.hk-media-hero,.hk-projects-hero {
      padding: 76px 0 58px;
    }
    .hk-research-title,.hk-media-title-hero,.hk-projects-title {
      font-size: 4.6rem;
    }
    .hk-research-feature {
      min-height: 390px;
      padding: 26px;
    }
    .hk-research-feature h2 {
      font-size: 3rem;
      margin-top: 48px;
    }
    .hk-topic {
      grid-template-columns: 36px 1fr;
    }
    .hk-topic p {
      grid-column: 2;
    }
    .hk-press-wall {
      grid-template-columns: 1fr 1fr;
      gap: 7px;
    }
    .hk-project-universe {
      grid-template-columns: 1fr;
    }
    .hk-universe-card {
      min-height: 390px;
      padding: 28px;
    }
    .hk-tfd-hero,.hk-koryo-hero,.hk-mytaek-hero,.hk-saf-hero,.hk-contact-hero {
      padding: 76px 0 60px;
    }
    .hk-tfd-title,.hk-koryo-title,.hk-mytaek-title,.hk-saf-title,.hk-contact-title {
      font-size: 5.4rem;
    }
    .hk-tfd-media {
      transform: none;
      padding: 16px;
    }
    .hk-tfd-pillars {
      grid-template-columns: 1fr;
    }
    .hk-tfd-pillar {
      border-right: 0;
      border-bottom: 1px solid #292e35;
      min-height: 230px;
    }
    .hk-tfd-pillar:last-child {
      border-bottom: 0;
    }
    .hk-koryo-mark {
      min-height: 280px;
      padding: 34px;
    }
    .hk-koryo-facts {
      grid-template-columns: 1fr 1fr;
    }
    .hk-product-ui {
      transform: none;
    }
    .hk-ui-grid {
      grid-template-columns: 1fr;
    }
    .hk-ui-wide {
      grid-column: auto;
    }
    .hk-saf-seal {
      width: 280px;
    }
    .hk-saf-seal span {
      font-size: 8rem;
    }
    .hk-contact-grid {
      grid-template-columns: 1fr;
    }
    .hk-contact-card {
      min-height: 260px;
    }
  }
  .hk-research-hero-v2 {
    padding: 112px 0 94px;
    background: radial-gradient(circle at 74% 22%,rgba(225,6,0,.12),transparent 26%),#08090b;
  }
  .hk-research-v2-grid {
    display: grid;
    grid-template-columns: 1.05fr .78fr;
    gap: 72px;
    align-items: center;
  }
  .hk-research-v2-title {
    font-family: "Barlow Condensed";
    font-size: clamp(5rem,9.2vw,9.4rem);
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: -.055em;
    margin: 18px 0 0;
  }
  .hk-research-v2-title span {
    color: #e10600;
  }
  .hk-research-v2-lead {
    max-width: 700px;
    color: #9ca2aa;
    line-height: 1.82;
    font-size: 17px;
    margin: 30px 0 0;
  }
  .hk-research-loop {
    display: flex;
    align-items: center;
    gap: 11px;
    flex-wrap: wrap;
    margin-top: 38px;
    color: #b8bdc4;
    font-size: 8px;
    letter-spacing: .16em;
    font-weight: 800;
  }
  .hk-research-loop i {
    color: #e10600;
    font-style: normal;
  }
  .hk-research-v2-photo {
    margin: 0;
    border: 1px solid #2a3037;
    background: #0d1014;
    overflow: hidden;
    transform: rotate(1.2deg);
  }
  .hk-research-v2-photo img {
    width: 100%;
    aspect-ratio: 9/13;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.06) brightness(.82);
    transition: .45s ease;
  }
  .hk-research-v2-photo:hover img {
    filter: grayscale(20%) contrast(1.04) brightness(.9);
    transform: scale(1.02);
  }
  .hk-research-v2-photo figcaption {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border-top: 1px solid #2a3037;
    color: #7d848d;
    font-size: 8px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .hk-research-ledger-section {
    background: #090b0e;
  }
  .hk-research-ledger {
    border-top: 1px solid #2a3037;
  }
  .hk-research-entry {
    display: grid;
    grid-template-columns: 70px 150px 1fr auto;
    gap: 26px;
    align-items: start;
    padding: 32px 4px;
    border-bottom: 1px solid #2a3037;
    text-decoration: none;
    transition: .28s ease;
  }
  .hk-research-entry:hover {
    padding-left: 12px;
    background: #0c0f13;
  }
  .hk-research-entry-no {
    font-family: "Barlow Condensed";
    font-size: 24px;
    color: #e10600;
  }
  .hk-research-entry-meta span {
    display: block;
    color: #c7cbd0;
    font-size: 9px;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
  .hk-research-entry-meta small {
    display: block;
    color: #686f78;
    font-size: 8px;
    margin-top: 8px;
  }
  .hk-research-entry-body h3 {
    font-family: "Barlow Condensed";
    text-transform: uppercase;
    font-size: 38px;
    line-height: .94;
    letter-spacing: -.025em;
    margin: 0 0 12px;
  }
  .hk-research-entry-body p {
    color: #838a93;
    line-height: 1.7;
    font-size: 12px;
    max-width: 720px;
    margin: 0;
  }
  .hk-research-entry-open {
    color: #e10600;
    font-size: 8px;
    letter-spacing: .14em;
    white-space: nowrap;
    padding-top: 4px;
  }
  .hk-research-question-section {
    background: #08090b;
  }
  .hk-research-question-grid {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 72px;
    align-items: center;
  }
  .hk-research-question-photo {
    margin: 0;
    border: 1px solid #2a3037;
    background: #0d1014;
    overflow: hidden;
  }
  .hk-research-question-photo img {
    width: 100%;
    aspect-ratio: 9/13;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.08);
  }
  .hk-research-question-photo figcaption {
    padding: 11px 13px;
    border-top: 1px solid #2a3037;
    color: #737a83;
    font-size: 8px;
    letter-spacing: .13em;
  }
  .hk-research-question-copy h2 {
    font-family: "Barlow Condensed";
    font-size: clamp(3.8rem,6.6vw,6.9rem);
    line-height: .84;
    text-transform: uppercase;
    letter-spacing: -.05em;
    margin: 20px 0 26px;
  }
  .hk-research-question-copy h2 em {
    color: #e10600;
    font-style: normal;
  }
  .hk-research-question-copy p {
    color: #9097a0;
    line-height: 1.85;
    font-size: 14px;
    max-width: 760px;
  }
  .hk-research-tensions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 32px;
    border-top: 1px solid #2a3037;
    border-left: 1px solid #2a3037;
  }
  .hk-research-tensions span {
    padding: 16px;
    border-right: 1px solid #2a3037;
    border-bottom: 1px solid #2a3037;
    color: #c0c4ca;
    font-size: 8px;
    letter-spacing: .14em;
    text-align: center;
  }
  .hk-research-profile-v2 {
    background: linear-gradient(145deg,#0b0d11,#08090b);
  }
  .hk-research-profile-grid {
    display: grid;
    grid-template-columns: 1fr .9fr;
    gap: 70px;
    align-items: end;
  }
  .hk-research-profile-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  @media (max-width:960px) {
    .hk-research-v2-grid {
      grid-template-columns: 1fr .65fr;
      gap: 42px;
    }
    .hk-research-entry {
      grid-template-columns: 50px 120px 1fr;
    }
    .hk-research-entry-open {
      grid-column: 3;
    }
    .hk-research-question-grid {
      grid-template-columns: .8fr 1.2fr;
      gap: 44px;
    }
  }
  @media (max-width:640px) {
    .hk-research-hero-v2 {
      padding: 76px 0 58px;
    }
    .hk-research-v2-grid,.hk-research-question-grid,.hk-research-profile-grid {
      grid-template-columns: 1fr;
      gap: 38px;
    }
    .hk-research-v2-title {
      font-size: 4.8rem;
    }
    .hk-research-v2-photo,.hk-research-question-photo {
      max-width: 420px;
      transform: none;
    }
    .hk-research-entry {
      grid-template-columns: 42px 1fr;
      gap: 16px;
      padding: 26px 0;
    }
    .hk-research-entry-meta,.hk-research-entry-body,.hk-research-entry-open {
      grid-column: 2;
    }
    .hk-research-entry-body h3 {
      font-size: 31px;
    }
    .hk-research-question-copy h2 {
      font-size: 4rem;
    }
    .hk-research-profile-actions {
      justify-content: flex-start;
    }
  }
  .cx-page {
    --cx-red: #e10600;
    --cx-bg: #08090b;
    --cx-panel: #0d1014;
    --cx-line: #2a3037;
    --cx-muted: #858c95;
    --cx-text: #f1eee6;
    background: var(--cx-bg);
    color: var(--cx-text);
    font-family: "Manrope",sans-serif;
    overflow: hidden;
  }
  .cx-page a {
    color: inherit;
  }
  .cx-page * {
    box-sizing: border-box;
  }
  .cx-shell {
    width: min(1380px,calc(100% - 48px));
    margin: auto;
  }
  .cx-micro {
    font-size: 9px;
    letter-spacing: .19em;
    text-transform: uppercase;
    color: #707781;
  }
  .cx-hero {
    min-height: calc(100svh - 82px);
    position: relative;
    border-bottom: 1px solid var(--cx-line);
    display: flex;
    align-items: stretch;
  }
  .cx-grid-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom,black 30%,transparent 95%);
    pointer-events: none;
  }
  .cx-hero .cx-shell {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  .cx-hero-top,.cx-hero-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 64px;
    border-bottom: 1px solid var(--cx-line);
  }
  .cx-hero-foot {
    border-top: 1px solid var(--cx-line);
    border-bottom: 0;
  }
  .cx-hero-foot i {
    height: 1px;
    background: var(--cx-line);
    flex: 1;
    position: relative;
  }
  .cx-hero-foot i:after {
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--cx-red);
  }
  .cx-hero-foot span {
    font-size: 8px;
    letter-spacing: .16em;
    color: #6f7680;
    white-space: nowrap;
  }
  .cx-hero-main {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    flex: 1;
    min-height: 650px;
  }
  .cx-copy-stage {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 70px 7vw 70px 0;
    border-right: 1px solid var(--cx-line);
  }
  .cx-mode-year {
    font-family: "Barlow Condensed";
    font-size: clamp(6rem,13vw,12rem);
    font-weight: 900;
    line-height: .7;
    color: rgba(255,255,255,.035);
    position: absolute;
    top: 12%;
    left: -.02em;
    letter-spacing: -.06em;
    pointer-events: none;
  }
  .cx-title {
    font-family: "Barlow Condensed";
    font-size: clamp(4.7rem,8.8vw,9rem);
    text-transform: uppercase;
    line-height: .8;
    letter-spacing: -.055em;
    margin: 0;
    max-width: 900px;
    position: relative;
    z-index: 2;
  }
  .cx-title strong {
    display: block;
    color: var(--cx-red);
    font-weight: 800;
  }
  .cx-copy {
    max-width: 640px;
    color: #a0a6ae;
    line-height: 1.8;
    font-size: 15px;
    margin: 30px 0 0;
    position: relative;
    z-index: 2;
  }
  .cx-orbit {
    position: absolute;
    width: 360px;
    height: 360px;
    right: 4vw;
    top: 7%;
    opacity: .45;
    pointer-events: none;
  }
  .cx-orbit-ring {
    position: absolute;
    border: 1px solid #323944;
    border-radius: 50%;
    inset: 0;
  }
  .cx-orbit-ring-b {
    inset: 34px;
    transform: rotate(18deg);
  }
  .cx-orbit-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--cx-red);
    right: 25px;
    top: 71px;
    box-shadow: 0 0 0 10px rgba(225,6,0,.09);
  }
  .cx-mode-switch {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 48px;
    border-top: 1px solid var(--cx-line);
    position: relative;
    z-index: 3;
  }
  .cx-mode-btn {
    appearance: none;
    background: transparent;
    color: #6f7680;
    border: 0;
    border-right: 1px solid var(--cx-line);
    min-height: 72px;
    text-align: left;
    padding: 14px 12px;
    font: 700 10px/1.2 "Manrope";
    text-transform: uppercase;
    letter-spacing: .11em;
    transition: .25s;
    cursor: pointer;
  }
  .cx-mode-btn:last-child {
    border-right: 0;
  }
  .cx-mode-btn span {
    display: block;
    color: #4f5660;
    font: 700 13px "Barlow Condensed";
    margin-bottom: 8px;
  }
  .cx-mode-btn.is-active,.cx-mode-btn:hover {
    color: #fff;
    background: #0d0f13;
  }
  .cx-mode-btn.is-active {
    box-shadow: inset 0 2px 0 var(--cx-red);
  }
  .cx-visual-stage {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 35%,#242932 0,#111419 40%,#090a0d 75%);
  }
  .cx-image-stack {
    position: absolute;
    inset: 0;
  }
  .cx-image {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transform: scale(1.06);
    transition: opacity .55s ease,transform .8s cubic-bezier(.22,1,.36,1);
  }
  .cx-image.is-active {
    opacity: 1;
    transform: scale(1);
  }
  .cx-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(100%) contrast(1.08) brightness(.72);
  }
  .cx-visual-stage:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(8,9,11,.06),rgba(8,9,11,.18) 50%,rgba(8,9,11,.92)),linear-gradient(90deg,rgba(225,6,0,.12),transparent 42%);
    pointer-events: none;
  }
  .cx-scanline {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--cx-red),transparent);
    top: 18%;
    animation: cxscan 5s ease-in-out infinite;
    opacity: .7;
  }
  .cx-visual-index {
    position: absolute;
    z-index: 4;
    right: 22px;
    top: 22px;
    font: 700 11px "Barlow Condensed";
    letter-spacing: .15em;
  }
  .cx-coordinate {
    position: absolute;
    z-index: 4;
    left: 18px;
    bottom: 18px;
    font-size: 8px;
    letter-spacing: .19em;
    color: #8b929b;
  }
  @keyframes cxscan {
    0%,100% {
      top: 18%;
      opacity: .2;
    }
    50% {
      top: 78%;
      opacity: .85;
    }
  }
  .cx-section-tag {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 9px;
    letter-spacing: .17em;
    text-transform: uppercase;
    color: #7c838c;
  }
  .cx-section-tag span {
    font: 700 17px "Barlow Condensed";
    color: var(--cx-red);
  }
  .cx-section-tag b {
    font-weight: 700;
  }
  .cx-signal-section,.cx-constellation-section,.cx-proof-section {
    padding: 100px 0;
    border-bottom: 1px solid var(--cx-line);
  }
  .cx-signal-layout {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 70px;
    margin-top: 55px;
  }
  .cx-signal-spine {
    position: sticky;
    top: 120px;
    height: calc(100vh - 170px);
    border-left: 1px solid #303640;
    padding-left: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #5d646e;
    font: 700 16px "Barlow Condensed";
  }
  .cx-signal-live {
    position: absolute;
    left: -1px;
    top: 0;
    width: 2px;
    height: 28%;
    background: linear-gradient(var(--cx-red),transparent);
  }
  .cx-scenes {
    display: grid;
  }
  .cx-scene {
    min-height: 72vh;
    border-top: 1px solid var(--cx-line);
    padding: 70px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 980px;
  }
  .cx-scene:last-child {
    border-bottom: 1px solid var(--cx-line);
  }
  .cx-scene-kicker {
    font-size: 9px;
    letter-spacing: .17em;
    color: var(--cx-red);
    font-weight: 800;
  }
  .cx-scene h2 {
    font: 800 clamp(4rem,8vw,8.5rem)/.8 "Barlow Condensed";
    text-transform: uppercase;
    letter-spacing: -.055em;
    margin: 18px 0 26px;
  }
  .cx-scene p {
    color: #8f969f;
    line-height: 1.8;
    font-size: 14px;
    max-width: 650px;
  }
  .cx-scene-media {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 55px;
    align-items: center;
  }
  .cx-scene-image {
    border: 1px solid var(--cx-line);
    overflow: hidden;
  }
  .cx-scene-image img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.08);
  }
  .cx-constellation-section {
    background: #090b0e;
  }
  .cx-constellation {
    height: 660px;
    position: relative;
    margin-top: 35px;
    border: 1px solid var(--cx-line);
    background: radial-gradient(circle at center,rgba(225,6,0,.08),transparent 28%),linear-gradient(145deg,#0d1014,#08090b);
    overflow: hidden;
  }
  .cx-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .cx-lines path {
    stroke: #353c46;
    stroke-width: 1;
    fill: none;
    stroke-dasharray: 4 7;
  }
  .cx-core {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 210px;
    height: 210px;
    border-radius: 50%;
    border: 1px solid #49515d;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #0a0c0f;
    box-shadow: 0 0 0 18px rgba(255,255,255,.015),0 0 80px rgba(225,6,0,.08);
  }
  .cx-core>span {
    font-size: 8px;
    letter-spacing: .18em;
    color: #838a93;
  }
  .cx-core>strong {
    font: 900 92px/.8 "Barlow Condensed";
    color: var(--cx-red);
  }
  .cx-core>small {
    font-size: 6px;
    letter-spacing: .13em;
    color: #5f6670;
  }
  .cx-node {
    position: absolute;
    width: 250px;
    min-height: 150px;
    border: 1px solid var(--cx-line);
    padding: 22px;
    text-decoration: none;
    background: #0b0e12;
    transition: .35s cubic-bezier(.22,1,.36,1);
  }
  .cx-node:hover {
    transform: translateY(-7px);
    border-color: #6b737e;
  }
  .cx-node>span {
    font-size: 7px;
    letter-spacing: .16em;
    color: var(--cx-red);
    font-weight: 800;
  }
  .cx-node h3 {
    font: 800 42px/.9 "Barlow Condensed";
    text-transform: uppercase;
    margin: 18px 0 10px;
  }
  .cx-node p {
    font-size: 11px;
    line-height: 1.6;
    color: #808791;
    margin: 0;
  }
  .cx-node-a {
    left: 7%;
    top: 8%;
  }
  .cx-node-b {
    right: 6%;
    top: 7%;
  }
  .cx-node-c {
    left: 5%;
    bottom: 7%;
  }
  .cx-node-d {
    right: 5%;
    bottom: 8%;
  }
  .cx-proof-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 42px;
    border-top: 1px solid var(--cx-line);
    border-left: 1px solid var(--cx-line);
  }
  .cx-proof-grid a {
    min-height: 220px;
    padding: 25px;
    border-right: 1px solid var(--cx-line);
    border-bottom: 1px solid var(--cx-line);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .25s;
  }
  .cx-proof-grid a:hover {
    background: #0d1014;
  }
  .cx-proof-grid span {
    font-size: 8px;
    letter-spacing: .15em;
    color: #717881;
  }
  .cx-proof-grid strong {
    font: 700 32px/1 "Barlow Condensed";
    text-transform: uppercase;
  }
  .cx-proof-grid i {
    font-style: normal;
    color: var(--cx-red);
    font-size: 20px;
    align-self: flex-end;
  }
  .cx-exit {
    padding: 130px 0;
    background: radial-gradient(circle at 70% 30%,rgba(225,6,0,.14),transparent 25%),#07080a;
  }
  .cx-exit-grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 70px;
    align-items: end;
  }
  .cx-exit h2 {
    font: 800 clamp(4.6rem,9vw,9rem)/.8 "Barlow Condensed";
    text-transform: uppercase;
    letter-spacing: -.055em;
    margin: 24px 0 0;
  }
  .cx-exit h2 em {
    font-style: normal;
    color: var(--cx-red);
  }
  .cx-exit-side p {
    color: #9299a2;
    line-height: 1.8;
    font-size: 14px;
  }
  .cx-exit-side a {
    display: inline-block;
    margin-top: 24px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid var(--cx-red);
    padding-bottom: 8px;
    font-size: 9px;
    letter-spacing: .15em;
  }
  @media (max-width:960px) {
    .cx-hero-main {
      grid-template-columns: 1fr .8fr;
    }
    .cx-title {
      font-size: 6.2rem;
    }
    .cx-signal-layout {
      grid-template-columns: 90px 1fr;
      gap: 42px;
    }
    .cx-node {
      width: 215px;
    }
    .cx-proof-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width:700px) {
    .cx-shell {
      width: calc(100% - 30px);
    }
    .cx-hero {
      min-height: auto;
    }
    .cx-hero-top {
      min-height: 54px;
    }
    .cx-hero-main {
      grid-template-columns: 1fr;
    }
    .cx-copy-stage {
      border-right: 0;
      padding: 70px 0 42px;
    }
    .cx-title {
      font-size: 4.7rem;
    }
    .cx-copy {
      font-size: 13px;
    }
    .cx-mode-switch {
      grid-template-columns: 1fr 1fr;
    }
    .cx-mode-btn:nth-child(2) {
      border-right: 0;
    }
    .cx-mode-btn:nth-child(-n+2) {
      border-bottom: 1px solid var(--cx-line);
    }
    .cx-visual-stage {
      min-height: 520px;
      border-top: 1px solid var(--cx-line);
    }
    .cx-hero-foot span:last-child {
      display: none;
    }
    .cx-signal-section,.cx-constellation-section,.cx-proof-section {
      padding: 70px 0;
    }
    .cx-signal-layout {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .cx-signal-spine {
      position: relative;
      top: auto;
      height: auto;
      display: grid;
      grid-template-columns: repeat(5,1fr);
      border-left: 0;
      border-top: 1px solid #303640;
      padding: 18px 0 0;
    }
    .cx-signal-live {
      left: 0;
      top: -1px;
      width: 28%;
      height: 2px;
      background: linear-gradient(90deg,var(--cx-red),transparent);
    }
    .cx-scene {
      min-height: auto;
      padding: 58px 0;
    }
    .cx-scene-media {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .cx-scene-image {
      max-width: 340px;
    }
    .cx-scene h2 {
      font-size: 4.5rem;
    }
    .cx-constellation {
      height: auto;
      padding: 28px;
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .cx-lines {
      display: none;
    }
    .cx-core {
      position: relative;
      left: auto;
      top: auto;
      transform: none;
      width: 170px;
      height: 170px;
      margin: 10px auto 22px;
    }
    .cx-node {
      position: relative;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      width: 100%;
      min-height: 0;
    }
    .cx-proof-grid {
      grid-template-columns: 1fr 1fr;
    }
    .cx-proof-grid a {
      min-height: 180px;
    }
    .cx-exit {
      padding: 90px 0;
    }
    .cx-exit-grid {
      grid-template-columns: 1fr;
      gap: 35px;
    }
    .cx-exit h2 {
      font-size: 4.8rem;
    }
  }
  .cx-page {
    --cx-scroll: 0;
    --cx-mx: 0;
    --cx-my: 0;
    --cx-tilt-x: 0deg;
    --cx-tilt-y: 0deg;
  }
  .cx-progress {
    position: fixed;
    left: 0;
    right: 0;
    top: 82px;
    height: 2px;
    z-index: 79;
    background: rgba(255,255,255,.04);
    pointer-events: none;
  }
  .cx-progress i {
    display: block;
    width: calc(var(--cx-scroll)*1%);
    height: 100%;
    background: linear-gradient(90deg,#e10600,#ff4b43);
    box-shadow: 0 0 18px rgba(225,6,0,.55);
    transition: width .08s linear;
  }
  .cx-hud {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 75;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 11px;
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(8,9,11,.66);
    backdrop-filter: blur(10px);
    font-size: 7px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #a6adb5;
    pointer-events: none;
  }
  .cx-hud-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e10600;
    box-shadow: 0 0 0 6px rgba(225,6,0,.09);
    animation: cxPulse 1.8s ease-in-out infinite;
  }
  .cx-hud b {
    font-weight: 800;
    color: #f1eee6;
  }
  .cx-hud em {
    font-style: normal;
    color: #5f6670;
  }
  @keyframes cxPulse {
    0%,100% {
      transform: scale(.85);
      opacity: .6;
    }
    50% {
      transform: scale(1.18);
      opacity: 1;
    }
  }
  .cx-grid-bg {
    animation: cxGridDrift 18s linear infinite;
  }
  @keyframes cxGridDrift {
    to {
      background-position: 56px 56px,56px 56px;
    }
  }
  .cx-orbit {
    transform: translate(calc(var(--cx-mx)*14px),calc(var(--cx-my)*14px));
    transition: transform .18s ease-out;
  }
  .cx-orbit-ring-a {
    animation: cxOrbitA 16s linear infinite;
  }
  .cx-orbit-ring-b {
    animation: cxOrbitB 11s linear infinite reverse;
  }
  @keyframes cxOrbitA {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes cxOrbitB {
    to {
      transform: rotate(378deg);
    }
  }
  .cx-title>span,.cx-title>strong {
    display: block;
    overflow: hidden;
    clip-path: inset(0 0 100% 0);
    transform: translateY(38px);
    opacity: 0;
    animation: cxTitleIn .9s cubic-bezier(.22,1,.36,1) forwards;
  }
  .cx-title>strong {
    animation-delay: .12s;
  }
  .cx-copy {
    opacity: 0;
    transform: translateY(22px);
    animation: cxFadeIn .85s .28s cubic-bezier(.22,1,.36,1) forwards;
  }
  .cx-mode-switch {
    opacity: 0;
    transform: translateY(18px);
    animation: cxFadeIn .8s .4s cubic-bezier(.22,1,.36,1) forwards;
  }
  .cx-visual-stage {
    perspective: 1200px;
  }
  .cx-image-stack {
    transform: translate3d(calc(var(--cx-mx)*-10px),calc(var(--cx-my)*-8px),0) scale(1.015);
    transition: transform .18s ease-out;
  }
  .cx-image.is-active {
    animation: cxImageWipe .75s cubic-bezier(.22,1,.36,1) both;
  }
  @keyframes cxImageWipe {
    0% {
      clip-path: inset(0 100% 0 0);
      filter: blur(5px);
    }
    100% {
      clip-path: inset(0 0 0 0);
      filter: blur(0);
    }
  }
  @keyframes cxTitleIn {
    to {
      clip-path: inset(0 0 0 0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes cxFadeIn {
    to {
      transform: none;
      opacity: 1;
    }
  }
  .cx-scene {
    opacity: .16;
    transform: translateY(70px) scale(.985);
    transition: opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .7s ease;
    filter: blur(3px);
  }
  .cx-scene.is-inview {
    opacity: 1;
    transform: none;
    filter: none;
  }
  .cx-scene h2 {
    transition: letter-spacing .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
  }
  .cx-scene.is-inview h2 {
    letter-spacing: -.065em;
    transform: translateX(0);
  }
  .cx-scene-image {
    overflow: hidden;
  }
  .cx-scene-image img {
    transform: scale(1.08) translateY(calc(var(--cx-scene-y,0)*1px));
    transition: transform 1.1s cubic-bezier(.22,1,.36,1);
  }
  .cx-scene.is-inview .cx-scene-image img {
    transform: scale(1.01);
  }
  .cx-constellation {
    transform: perspective(1400px) rotateX(var(--cx-tilt-x)) rotateY(var(--cx-tilt-y));
    transition: transform .22s ease-out;
  }
  .cx-lines path {
    stroke-dasharray: 7 9;
    animation: cxDash 14s linear infinite;
  }
  @keyframes cxDash {
    to {
      stroke-dashoffset: -160;
    }
  }
  .cx-core:before,.cx-core:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(225,6,0,.16);
    inset: -24px;
    animation: cxCoreRing 4s ease-in-out infinite;
  }
  .cx-core:after {
    inset: -48px;
    animation-delay: -2s;
    border-color: rgba(255,255,255,.07);
  }
  @keyframes cxCoreRing {
    0%,100% {
      transform: scale(.96);
      opacity: .35;
    }
    50% {
      transform: scale(1.04);
      opacity: .9;
    }
  }
  .cx-node {
    will-change: transform;
  }
  .cx-node-a {
    animation: cxFloatA 6.5s ease-in-out infinite;
  }
  .cx-node-b {
    animation: cxFloatB 7.4s ease-in-out infinite;
  }
  .cx-node-c {
    animation: cxFloatB 6.9s ease-in-out infinite reverse;
  }
  .cx-node-d {
    animation: cxFloatA 8.2s ease-in-out infinite reverse;
  }
  @keyframes cxFloatA {
    0%,100% {
      translate: 0 0;
    }
    50% {
      translate: 0 -10px;
    }
  }
  @keyframes cxFloatB {
    0%,100% {
      translate: 0 0;
    }
    50% {
      translate: 8px -7px;
    }
  }
  .cx-proof-grid a {
    transform-style: preserve-3d;
    will-change: transform;
  }
  .cx-proof-grid a:hover strong {
    transform: translateZ(20px);
    color: #fff;
  }
  .cx-proof-grid strong {
    transition: transform .25s ease,color .25s ease;
  }
  .cx-exit h2 {
    background: linear-gradient(90deg,#f1eee6 0 47%,#e10600 47% 65%,#f1eee6 65%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: cxExitSheen 8s ease-in-out infinite;
  }
  .cx-exit h2 em {
    color: transparent;
  }
  @keyframes cxExitSheen {
    0%,100% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
  }
  .cx-copy,.cx-scene p,.cx-node p,.cx-exit-side p {
    font-size: 15px;
    line-height: 1.82;
    color: #aeb4bc;
  }
  .cx-mode-btn {
    font-size: 11px;
    letter-spacing: .085em;
  }
  .cx-micro,.cx-section-tag,.cx-scene-kicker,.cx-proof-grid span,.cx-coordinate {
    font-size: 9px;
    letter-spacing: .13em;
  }
  .cx-node h3 {
    font-size: 46px;
  }
  .cx-proof-grid strong {
    font-size: 34px;
    line-height: 1.05;
  }
  .cx-title,.cx-scene h2,.cx-exit h2 {
    font-weight: 700;
  }
  @media (max-width:700px) {
    .cx-progress {
      top: 72px;
    }
    .cx-hud {
      display: none;
    }
    .cx-copy,.cx-scene p,.cx-node p,.cx-exit-side p {
      font-size: 14px;
    }
    .cx-grid-bg {
      animation: none;
    }
  }
  .cx-page {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  .cx-hero-scroll {
    height: 360vh;
    position: relative;
    background: var(--cx-bg);
  }
  .cx-hero-scroll>.cx-hero {
    position: sticky;
    top: 82px;
    height: calc(100svh - 82px);
    min-height: 620px;
    overflow: hidden;
    transform-origin: center top;
  }
  .cx-hero-scroll>.cx-hero .cx-shell {
    transform: scale(calc(1 - (var(--cx-hero-p,0) * .025)));
    transition: transform .08s linear;
  }
  .cx-grid-bg {
    opacity: calc(1 - (var(--cx-hero-p,0) * .42));
  }
  .cx-copy-stage {
    transform: translateX(calc(var(--cx-hero-p,0) * -16px));
  }
  .cx-visual-stage {
    transform: translateX(calc(var(--cx-hero-p,0) * 16px)) scale(calc(1 - (var(--cx-hero-p,0) * .018)));
    transition: transform .08s linear;
  }
  .cx-mode-year {
    transform: translateY(calc(var(--cx-hero-p,0) * -36px));
    opacity: calc(.035 + (var(--cx-hero-p,0) * .025));
  }
  .cx-hero-foot {
    opacity: calc(1 - (var(--cx-hero-p,0) * .8));
  }
  .cx-target-cursor {
    position: fixed;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    margin: -26px 0 0 -26px;
    z-index: 120;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(var(--cx-cursor-x,0px),var(--cx-cursor-y,0px),0);
    transition: opacity .2s ease;
    mix-blend-mode: screen;
  }
  .cx-page.cx-pointer-active .cx-target-cursor {
    opacity: .75;
  }
  .cx-target-cursor:before,.cx-target-cursor:after {
    content: "";
    position: absolute;
    background: rgba(241,238,230,.55);
  }
  .cx-target-cursor:before {
    left: 50%;
    top: -10px;
    bottom: -10px;
    width: 1px;
  }
  .cx-target-cursor:after {
    top: 50%;
    left: -10px;
    right: -10px;
    height: 1px;
  }
  .cx-target-cursor i {
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(225,6,0,.8);
    border-radius: 50%;
    animation: cxTargetSpin 5s linear infinite;
  }
  .cx-target-cursor i:before,.cx-target-cursor i:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #e10600;
    border-radius: 50%;
  }
  .cx-target-cursor i:before {
    left: -3px;
    top: 50%;
  }
  .cx-target-cursor i:after {
    right: -3px;
    top: 50%;
  }
  .cx-target-cursor b {
    position: absolute;
    inset: 17px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;
  }
  .cx-target-cursor span {
    position: absolute;
    left: 58px;
    top: 19px;
    font: 700 7px "Manrope";
    letter-spacing: .15em;
    color: #b7bdc5;
  }
  @keyframes cxTargetSpin {
    to {
      transform: rotate(360deg);
    }
  }
  .cx-title {
    letter-spacing: -.035em;
    font-weight: 700;
  }
  .cx-title strong {
    font-weight: 700;
  }
  .cx-copy {
    font-size: 16px;
    line-height: 1.78;
    color: #bac0c7;
    max-width: 670px;
  }
  .cx-mode-btn {
    font-size: 11px;
    letter-spacing: .07em;
    color: #8e959e;
  }
  .cx-mode-btn.is-active {
    color: #fff;
  }
  .cx-scene h2,.cx-exit h2 {
    letter-spacing: -.04em;
    font-weight: 700;
  }
  .cx-scene p,.cx-node p,.cx-exit-side p {
    font-size: 15px;
    line-height: 1.8;
    color: #aeb4bc;
  }
  .cx-micro,.cx-section-tag,.cx-scene-kicker,.cx-proof-grid span,.cx-coordinate {
    font-size: 10px;
    letter-spacing: .11em;
  }
  .cx-node {
    --cx-wave-y: 0px;
    --cx-wave-s: 1;
    transform: translateY(var(--cx-wave-y)) scale(var(--cx-wave-s));
    transition: transform .18s cubic-bezier(.22,1,.36,1),border-color .25s ease,background .25s ease;
    animation: none;
  }
  .cx-node:hover {
    transform: translateY(calc(var(--cx-wave-y) - 5px)) scale(calc(var(--cx-wave-s) + .015));
  }
  .cx-node:after {
    content: "";
    position: absolute;
    inset: -1px;
    border: 1px solid transparent;
    pointer-events: none;
    background: linear-gradient(135deg,rgba(225,6,0,.55),transparent 35%,transparent 65%,rgba(255,255,255,.16)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: .25s;
  }
  .cx-node:hover:after {
    opacity: 1;
  }
  .cx-core {
    transform: translate(-50%,-50%) scale(calc(1 + (var(--cx-constellation-energy,0) * .018)));
  }
  .cx-lines {
    filter: drop-shadow(0 0 6px rgba(225,6,0,.06));
  }
  @media (max-width:700px) {
    .cx-hero-scroll {
      height: auto;
    }
    .cx-hero-scroll>.cx-hero {
      position: relative;
      top: auto;
      height: auto;
      min-height: auto;
    }
    .cx-hero-scroll>.cx-hero .cx-shell,.cx-copy-stage,.cx-visual-stage,.cx-mode-year {
      transform: none;
    }
    .cx-grid-bg,.cx-hero-foot {
      opacity: 1;
    }
    .cx-target-cursor {
      display: none;
    }
    .cx-title {
      letter-spacing: -.025em;
    }
    .cx-copy {
      font-size: 14px;
    }
  }
  .cx-morph-section {
    height: 340vh;
    position: relative;
    background: #07080a;
    border-top: 1px solid var(--cx-line);
    border-bottom: 1px solid var(--cx-line);
  }
  .cx-morph-sticky {
    position: sticky;
    top: 82px;
    height: calc(100svh - 82px);
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .cx-morph-shell {
    position: relative;
  }
  .cx-morph-stage {
    height: min(66vh,680px);
    position: relative;
    margin-top: 26px;
    border: 1px solid var(--cx-line);
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%,rgba(225,6,0,.10),transparent 23%), linear-gradient(145deg,#0b0d11,#07080a);
  }
  .cx-morph-stage:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to right,transparent,black 15% 85%,transparent);
  }
  .cx-morph-axis {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #262c34;
    transform: translateX(-50%);
  }
  .cx-morph-axis i {
    position: absolute;
    left: -4px;
    width: 9px;
    height: 9px;
    border: 2px solid #e10600;
    border-radius: 50%;
    background: #07080a;
  }
  .cx-morph-axis i:nth-child(1) {
    top: 13%;
  }
  .cx-morph-axis i:nth-child(2) {
    top: 37%;
  }
  .cx-morph-axis i:nth-child(3) {
    top: 63%;
  }
  .cx-morph-axis i:nth-child(4) {
    top: 87%;
  }
  .cx-morph-word {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 50%;
    transform: translateY(45%) scale(.92);
    opacity: 0;
    filter: blur(10px);
    transition: opacity .55s ease,transform .8s cubic-bezier(.22,1,.36,1),filter .55s ease;
    pointer-events: none;
  }
  .cx-morph-word span {
    display: block;
    color: #e10600;
    font: 700 16px "Barlow Condensed";
    letter-spacing: .08em;
    margin-bottom: 12px;
  }
  .cx-morph-word strong {
    display: block;
    font: 700 clamp(5.4rem,12vw,12rem)/.73 "Barlow Condensed";
    letter-spacing: -.055em;
    text-transform: uppercase;
    color: #f1eee6;
  }
  .cx-morph-word small {
    display: block;
    margin-top: 18px;
    color: #7f8790;
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
  }
  .cx-morph-section[data-phase="0"] .cx-morph-word-1, .cx-morph-section[data-phase="1"] .cx-morph-word-2, .cx-morph-section[data-phase="2"] .cx-morph-word-3, .cx-morph-section[data-phase="3"] .cx-morph-word-4 {
    opacity: 1;
    filter: none;
    transform: translateY(-50%) scale(1);
  }
  .cx-morph-gate {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 230px;
    height: 230px;
    transform: translate(-50%,-50%);
    pointer-events: none;
    mix-blend-mode: screen;
  }
  .cx-morph-gate b {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 180px;
    height: 2px;
    background: linear-gradient(90deg,transparent,#e10600,transparent);
    transform-origin: center;
    transition: transform .8s cubic-bezier(.22,1,.36,1),opacity .45s ease;
  }
  .cx-morph-gate b:nth-child(1) {
    transform: translate(-50%,-50%) rotate(0deg);
  }
  .cx-morph-gate b:nth-child(2) {
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .cx-morph-gate b:nth-child(3) {
    transform: translate(-50%,-50%) rotate(90deg);
  }
  .cx-morph-gate b:nth-child(4) {
    transform: translate(-50%,-50%) rotate(135deg);
  }
  .cx-morph-gate span {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%);
    font: 900 70px/.8 "Barlow Condensed";
    color: rgba(255,255,255,.06);
    transition: .7s ease;
  }
  .cx-morph-section[data-phase="1"] .cx-morph-gate {
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .cx-morph-section[data-phase="2"] .cx-morph-gate {
    transform: translate(-50%,-50%) rotate(90deg) scale(1.28);
  }
  .cx-morph-section[data-phase="3"] .cx-morph-gate {
    transform: translate(-50%,-50%) rotate(135deg) scale(.72);
  }
  .cx-morph-section[data-phase="3"] .cx-morph-gate span {
    color: rgba(225,6,0,.18);
    transform: translate(-50%,-50%) scale(1.6);
  }
  .cx-morph-ports i {
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid #e10600;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: left .9s cubic-bezier(.22,1,.36,1),top .9s cubic-bezier(.22,1,.36,1),box-shadow .5s ease;
  }
  .cx-morph-section[data-phase="3"] .cx-morph-ports i {
    box-shadow: 0 0 0 9px rgba(225,6,0,.08);
  }
  .cx-morph-section[data-phase="3"] .cx-morph-ports i:nth-child(1) {
    left: 20%;
    top: 20%;
  }
  .cx-morph-section[data-phase="3"] .cx-morph-ports i:nth-child(2) {
    left: 80%;
    top: 20%;
  }
  .cx-morph-section[data-phase="3"] .cx-morph-ports i:nth-child(3) {
    left: 20%;
    top: 80%;
  }
  .cx-morph-section[data-phase="3"] .cx-morph-ports i:nth-child(4) {
    left: 80%;
    top: 80%;
  }
  .cx-morph-caption {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    color: #676f78;
    font-size: 8px;
    letter-spacing: .16em;
  }
  .cx-morph-caption i {
    height: 1px;
    background: #2a3037;
    flex: 1;
  }
  .cx-morph-caption strong {
    color: #aeb4bc;
    font-weight: 700;
  }
  @media (max-width:700px) {
    .cx-morph-section {
      height: auto;
      padding: 70px 0;
    }
    .cx-morph-sticky {
      position: relative;
      top: auto;
      height: auto;
    }
    .cx-morph-stage {
      height: auto;
      min-height: 580px;
    }
    .cx-morph-word {
      position: relative;
      left: auto;
      right: auto;
      top: auto;
      transform: none !important;
      opacity: 1 !important;
      filter: none !important;
      padding: 34px 24px;
      border-bottom: 1px solid var(--cx-line);
    }
    .cx-morph-word strong {
      font-size: 4.6rem;
    }
    .cx-morph-gate,.cx-morph-ports,.cx-morph-axis {
      display: none;
    }
    .cx-morph-caption {
      display: none;
    }
  }
  .cx-image-generated {
    background: radial-gradient(circle at 50% 40%,rgba(225,6,0,.12),transparent 30%), linear-gradient(145deg,#0d1015,#08090b);
    display: grid;
    place-items: center;
  }
  .cx-research-viz,.cx-founder-viz {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .cx-research-viz:before,.cx-founder-viz:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(circle at center,black 18%,transparent 75%);
  }
  .cx-research-radar {
    position: absolute;
    width: min(62%,420px);
    aspect-ratio: 1;
    left: 50%;
    top: 47%;
    transform: translate(-50%,-50%);
    border: 1px solid #343b45;
    border-radius: 50%;
    animation: cxRadarSpin 18s linear infinite;
  }
  .cx-research-radar:before,.cx-research-radar:after {
    content: "";
    position: absolute;
    border: 1px solid #2b3139;
    border-radius: 50%;
  }
  .cx-research-radar:before {
    inset: 17%;
  }
  .cx-research-radar:after {
    inset: 34%;
  }
  .cx-research-radar i {
    position: absolute;
    background: #2f353e;
  }
  .cx-research-radar i:nth-child(1) {
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
  }
  .cx-research-radar i:nth-child(2) {
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
  }
  .cx-research-radar i:nth-child(3) {
    left: 14%;
    right: 14%;
    top: 50%;
    height: 1px;
    transform: rotate(45deg);
  }
  .cx-research-radar i:nth-child(4) {
    left: 14%;
    right: 14%;
    top: 50%;
    height: 1px;
    transform: rotate(-45deg);
  }
  .cx-research-radar b {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #e10600;
    left: 68%;
    top: 24%;
    box-shadow: 0 0 0 9px rgba(225,6,0,.10),0 0 28px rgba(225,6,0,.55);
  }
  .cx-data {
    position: absolute;
    font: 700 8px "Manrope";
    letter-spacing: .16em;
    color: #9aa1aa;
  }
  .cx-data-a {
    left: 8%;
    top: 15%;
  }
  .cx-data-b {
    right: 8%;
    top: 22%;
  }
  .cx-data-c {
    left: 11%;
    bottom: 21%;
  }
  .cx-data-d {
    right: 9%;
    bottom: 14%;
  }
  .cx-signal-bars {
    position: absolute;
    left: 9%;
    right: 9%;
    bottom: 6%;
    height: 72px;
    display: flex;
    align-items: flex-end;
    gap: 5px;
  }
  .cx-signal-bars i {
    flex: 1;
    height: calc(14px + (var(--n) % 7)*7px);
    background: linear-gradient(#e10600,#44100e);
    opacity: .7;
    animation: cxBars 2.4s ease-in-out infinite;
    animation-delay: calc(var(--n)*-.09s);
  }
  @keyframes cxRadarSpin {
    to {
      transform: translate(-50%,-50%) rotate(360deg);
    }
  }
  @keyframes cxBars {
    0%,100% {
      transform: scaleY(.55);
      opacity: .35;
    }
    50% {
      transform: scaleY(1);
      opacity: .9;
    }
  }
  .cx-founder-core {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #3f4650;
    display: grid;
    place-items: center;
    font: 900 70px/.8 "Barlow Condensed";
    color: #e10600;
    z-index: 2;
    box-shadow: 0 0 0 18px rgba(255,255,255,.02),0 0 80px rgba(225,6,0,.08);
  }
  .cx-founder-node {
    position: absolute;
    z-index: 2;
    border: 1px solid #343a43;
    background: #0b0e12;
    padding: 11px 14px;
    font: 700 8px "Manrope";
    letter-spacing: .14em;
    color: #d0d3d7;
    animation: cxFounderFloat 5s ease-in-out infinite;
  }
  .cx-founder-koryo {
    left: 10%;
    top: 13%;
  }
  .cx-founder-tfd {
    right: 9%;
    top: 15%;
    animation-delay: -1.7s;
  }
  .cx-founder-mytaek {
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    animation-delay: -3.1s;
  }
  .cx-founder-viz svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .cx-founder-viz path {
    stroke: #3a414b;
    stroke-width: 1;
    stroke-dasharray: 6 8;
    fill: none;
    animation: cxDash 10s linear infinite;
  }
  @keyframes cxFounderFloat {
    0%,100% {
      translate: 0 0;
    }
    50% {
      translate: 0 -9px;
    }
  }
  .hk-research-instrument,.hk-research-caseboard {
    position: relative;
    min-height: 620px;
    border: 1px solid #2a3037;
    background: radial-gradient(circle at 55% 40%,rgba(225,6,0,.13),transparent 25%), linear-gradient(145deg,#0d1014,#08090b);
    overflow: hidden;
  }
  .hk-research-instrument:before,.hk-research-caseboard:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size: 44px 44px;
  }
  .hk-ri-orbit {
    position: absolute;
    width: 390px;
    height: 390px;
    border: 1px solid #333a44;
    border-radius: 50%;
    left: 50%;
    top: 46%;
    transform: translate(-50%,-50%);
    animation: cxRadarSpin 22s linear infinite;
  }
  .hk-ri-orbit:before,.hk-ri-orbit:after {
    content: "";
    position: absolute;
    border: 1px solid #2b3038;
    border-radius: 50%;
  }
  .hk-ri-orbit:before {
    inset: 18%;
  }
  .hk-ri-orbit:after {
    inset: 36%;
  }
  .hk-ri-orbit i {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e10600;
    right: 14%;
    top: 20%;
    box-shadow: 0 0 0 9px rgba(225,6,0,.08);
  }
  .hk-ri-label {
    position: absolute;
    font-size: 8px;
    letter-spacing: .15em;
    color: #9ba2aa;
    text-transform: uppercase;
  }
  .hk-ri-a {
    left: 8%;
    top: 12%;
  }
  .hk-ri-b {
    right: 7%;
    top: 18%;
  }
  .hk-ri-c {
    left: 10%;
    bottom: 16%;
  }
  .hk-ri-d {
    right: 9%;
    bottom: 12%;
  }
  .hk-ri-center {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%,-50%);
    text-align: center;
  }
  .hk-ri-center strong {
    display: block;
    font: 800 62px/.85 "Barlow Condensed";
    color: #f1eee6;
  }
  .hk-ri-center span {
    display: block;
    margin-top: 10px;
    font-size: 8px;
    letter-spacing: .15em;
    color: #e10600;
  }
  .hk-ri-footer {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #2a3037;
    padding-top: 12px;
    color: #737a83;
    font-size: 8px;
    letter-spacing: .12em;
  }
  .hk-research-caseboard {
    min-height: 560px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
  .hk-case-row {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid #2a3037;
    background: rgba(11,14,18,.82);
  }
  .hk-case-row span {
    color: #e10600;
    font: 700 14px "Barlow Condensed";
  }
  .hk-case-row strong {
    font: 700 24px "Barlow Condensed";
    text-transform: uppercase;
  }
  .hk-case-row small {
    font-size: 7px;
    letter-spacing: .13em;
    color: #747b84;
  }
  .hk-media-signal {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    padding: 22px;
    background: radial-gradient(circle at 60% 35%,rgba(225,6,0,.18),transparent 28%), linear-gradient(145deg,#0d1014,#08090b) !important;
  }
  .hk-media-signal:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size: 32px 32px;
  }
  .hk-media-wave {
    position: absolute;
    left: 18px;
    right: 18px;
    top: 30%;
    height: 90px;
    display: flex;
    align-items: center;
    gap: 3px;
  }
  .hk-media-wave i {
    flex: 1;
    height: calc(12px + (var(--i) % 8)*7px);
    background: linear-gradient(#e10600,#44100e);
    opacity: .55;
    animation: cxBars 2.6s ease-in-out infinite;
    animation-delay: calc(var(--i)*-.08s);
  }
  .hk-media-signal>span,.hk-media-signal>strong {
    position: relative;
    z-index: 2;
  }
  .hk-media-signal>span {
    color: #e10600;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
  }
  .hk-media-signal>strong {
    font: 700 31px/.9 "Barlow Condensed";
    text-transform: uppercase;
    margin-top: 12px;
  }
  @media (max-width:640px) {
    .hk-research-instrument,.hk-research-caseboard {
      min-height: 430px;
    }
    .hk-ri-orbit {
      width: 300px;
      height: 300px;
    }
    .hk-case-row {
      grid-template-columns: 50px 1fr;
    }
    .hk-case-row small {
      grid-column: 2;
    }
  }
  .hk-identity-system,.hk-identity-analysis,.hk-chronicle-method,.hk-broadcast-signal,.cx-scene-method {
    position: relative;
    background: radial-gradient(circle at 50% 38%,rgba(225,6,0,.14),transparent 28%), linear-gradient(145deg,#0d1014,#08090b) !important;
    overflow: hidden;
  }
  .hk-identity-system:before,.hk-identity-analysis:before,.hk-chronicle-method:before,.hk-broadcast-signal:before,.cx-scene-method:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size: 34px 34px;
  }
  .hk-system-core {
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%,-50%);
    width: 106px;
    height: 106px;
    border-radius: 50%;
    border: 1px solid #3b424c;
    display: grid;
    place-items: center;
    font: 900 48px/.8 "Barlow Condensed";
    color: #e10600;
    box-shadow: 0 0 0 16px rgba(255,255,255,.018),0 0 60px rgba(225,6,0,.08);
    z-index: 2;
  }
  .hk-system-node {
    position: absolute;
    z-index: 2;
    border: 1px solid #333a43;
    background: #0b0e12;
    padding: 8px 9px;
    font-size: 6px;
    letter-spacing: .11em;
    color: #c7cbd0;
  }
  .hk-system-k {
    left: 10%;
    top: 12%;
  }
  .hk-system-t {
    right: 8%;
    top: 17%;
  }
  .hk-system-m {
    left: 50%;
    bottom: 12%;
    transform: translateX(-50%);
  }
  .hk-identity-system svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .hk-identity-system path {
    stroke: #373e48;
    stroke-width: 1;
    stroke-dasharray: 5 7;
    fill: none;
    animation: cxDash 11s linear infinite;
  }
  .hk-analysis-radar {
    position: absolute;
    width: 62%;
    aspect-ratio: 1;
    border: 1px solid #3a414a;
    border-radius: 50%;
    left: 50%;
    top: 48%;
    transform: translate(-50%,-50%);
    animation: cxRadarSpin 19s linear infinite;
  }
  .hk-analysis-radar:before,.hk-analysis-radar:after {
    content: "";
    position: absolute;
    border: 1px solid #2d333b;
    border-radius: 50%;
  }
  .hk-analysis-radar:before {
    inset: 18%;
  }
  .hk-analysis-radar:after {
    inset: 36%;
  }
  .hk-analysis-radar i {
    position: absolute;
    background: #303640;
  }
  .hk-analysis-radar i:nth-child(1) {
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
  }
  .hk-analysis-radar i:nth-child(2) {
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
  }
  .hk-analysis-radar i:nth-child(3) {
    left: 14%;
    right: 14%;
    top: 50%;
    height: 1px;
    transform: rotate(45deg);
  }
  .hk-analysis-radar b {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e10600;
    right: 18%;
    top: 22%;
    box-shadow: 0 0 0 7px rgba(225,6,0,.09);
  }
  .hk-analysis-tag {
    position: absolute;
    font-size: 6px;
    letter-spacing: .12em;
    color: #9ca2aa;
  }
  .hk-a1 {
    left: 9%;
    top: 13%;
  }
  .hk-a2 {
    right: 8%;
    top: 16%;
  }
  .hk-a3 {
    left: 10%;
    bottom: 16%;
  }
  .hk-a4 {
    right: 8%;
    bottom: 12%;
  }
  .hk-method-steps,.cx-method-orbit {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
  }
  .hk-method-steps span,.cx-method-orbit span {
    display: block;
    border: 1px solid #333a43;
    background: #0b0e12;
    padding: 9px 14px;
    font-size: 7px;
    letter-spacing: .13em;
    color: #d0d4d8;
  }
  .hk-method-steps i,.cx-method-orbit i {
    width: 1px;
    height: 16px;
    background: #e10600;
  }
  .hk-broadcast-signal {
    min-height: 100%;
  }
  .hk-broadcast-wave {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 36%;
    height: 110px;
    display: flex;
    align-items: center;
    gap: 3px;
  }
  .hk-broadcast-wave i {
    flex: 1;
    height: calc(12px + (var(--i) % 9)*7px);
    background: linear-gradient(#e10600,#48110f);
    opacity: .55;
    animation: cxBars 2.5s ease-in-out infinite;
    animation-delay: calc(var(--i)*-.07s);
  }
  .hk-broadcast-signal>b,.hk-broadcast-signal>small {
    position: absolute;
    left: 24px;
    z-index: 2;
  }
  .hk-broadcast-signal>b {
    bottom: 48px;
    font: 800 44px/.9 "Barlow Condensed";
    color: #f1eee6;
  }
  .hk-broadcast-signal>small {
    bottom: 25px;
    font-size: 7px;
    letter-spacing: .13em;
    color: #818892;
  }
  .cx-scene-method {
    min-height: 520px;
  }
  .cx-method-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    inset: auto;
    transform: translate(-50%,-50%);
    width: 74%;
    height: 74%;
    border: 1px solid #343b45;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cx-method-orbit:before,.cx-method-orbit:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid #2d333b;
  }
  .cx-method-orbit:before {
    inset: 12%;
  }
  .cx-method-orbit:after {
    inset: 28%;
  }
  .hk-trial-lock {
    overflow: hidden;
  }
  .hk-btn-trial {
    position: relative;
    overflow: hidden;
  }
  .hk-btn-trial::after {
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    background: linear-gradient(105deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 72%);
    transform: translateX(-120%);
    transition: transform .7s cubic-bezier(.22,1,.36,1);
  }
  .hk-btn-trial:hover::after {
    transform: translateX(120%);
  }
  .hk-trial-fab {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 72;
    min-width: 156px;
    height: 58px;
    padding: 0 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    column-gap: 16px;
    border: 1px solid #343a43;
    background: rgba(8,9,11,.84);
    color: #fff;
    backdrop-filter: blur(16px);
    cursor: pointer;
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
    transition: transform .28s cubic-bezier(.22,1,.36,1),border-color .25s ease,background .25s ease;
  }
  .hk-trial-fab:hover {
    transform: translateY(-4px);
    border-color: #e10600;
    background: #0c0e12;
  }
  .hk-trial-fab span {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    font-size: 7px;
    letter-spacing: .18em;
    color: #7f8690;
  }
  .hk-trial-fab strong {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    font: 700 18px/1 "Barlow Condensed";
    letter-spacing: .03em;
    color: #f1eee6;
  }
  .hk-trial-fab i {
    grid-column: 2;
    grid-row: 1/3;
    font-style: normal;
    color: #e10600;
    font-size: 20px;
  }
  .hk-trial-gateway {
    position: fixed;
    inset: 0;
    z-index: 110;
    display: grid;
    place-items: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease,visibility .3s ease;
  }
  .hk-trial-gateway.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .hk-trial-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(4,5,7,.86);
    backdrop-filter: blur(9px);
    cursor: default;
  }
  .hk-trial-dialog {
    --hk-trial-x: 50%;
    --hk-trial-y: 40%;
    position: relative;
    z-index: 2;
    width: min(960px,100%);
    max-height: min(88vh,820px);
    overflow: auto;
    border: 1px solid #303640;
    background: #090b0e;
    color: #f1eee6;
    box-shadow: 0 40px 120px rgba(0,0,0,.55);
    transform: translateY(26px) scale(.985);
    opacity: 0;
    transition: transform .45s cubic-bezier(.22,1,.36,1),opacity .32s ease;
  }
  .hk-trial-gateway.is-open .hk-trial-dialog {
    transform: none;
    opacity: 1;
  }
  .hk-trial-dialog::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(420px circle at var(--hk-trial-x) var(--hk-trial-y),rgba(225,6,0,.11),transparent 46%), linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size: auto,46px 46px,46px 46px;
  }
  .hk-trial-dialog > * {
    position: relative;
    z-index: 1;
  }
  .hk-trial-top {
    min-height: 64px;
    padding: 0 26px;
    border-bottom: 1px solid #272d34;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }
  .hk-trial-top>div {
    display: flex;
    align-items: center;
    gap: 18px;
  }
  .hk-trial-kicker {
    color: #939aa3;
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
  }
  .hk-trial-top b {
    color: #e10600;
    font: 700 15px "Barlow Condensed";
    letter-spacing: .08em;
  }
  .hk-trial-close {
    width: 42px;
    height: 42px;
    border: 1px solid #303640;
    background: transparent;
    color: #aeb4bc;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: .2s;
  }
  .hk-trial-close:hover {
    color: #fff;
    border-color: #e10600;
    transform: rotate(90deg);
  }
  .hk-trial-intro {
    padding: 42px 30px 28px;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 48px;
    align-items: end;
  }
  .hk-trial-intro h2 {
    margin: 0;
    font: 700 clamp(3.7rem,7vw,6.8rem)/.82 "Barlow Condensed";
    text-transform: uppercase;
    letter-spacing: -.045em;
  }
  .hk-trial-intro h2 span {
    color: #e10600;
  }
  .hk-trial-intro p {
    margin: 0;
    color: #9ca3ac;
    font-size: 14px;
    line-height: 1.75;
    max-width: 410px;
  }
  .hk-trial-step {
    padding: 24px 30px 30px;
    border-top: 1px solid #272d34;
  }
  .hk-trial-step-label {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
  }
  .hk-trial-step-label span {
    color: #e10600;
    font: 700 16px "Barlow Condensed";
  }
  .hk-trial-step-label strong {
    font-size: 9px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #aeb4bc;
  }
  .hk-trial-choices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .hk-trial-choice {
    position: relative;
    overflow: hidden;
    min-height: 132px;
    padding: 22px;
    display: grid;
    grid-template-columns: 46px 1fr auto;
    gap: 16px;
    align-items: center;
    border: 1px solid #303640;
    background: rgba(13,16,20,.84);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease,border-color .25s ease,background .25s ease;
    will-change: transform;
  }
  .hk-trial-choice::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    transition: .28s;
    background: radial-gradient(240px circle at 50% 50%,rgba(225,6,0,.13),transparent 55%);
  }
  .hk-trial-choice:hover::before,.hk-trial-choice.is-active::before {
    opacity: 1;
  }
  .hk-trial-choice:hover,.hk-trial-choice.is-active {
    border-color: #e10600;
    background: #0e1115;
  }
  .hk-trial-choice>span {
    font: 800 27px/.9 "Barlow Condensed";
    color: rgba(255,255,255,.22);
  }
  .hk-trial-choice.is-active>span {
    color: #e10600;
  }
  .hk-trial-choice div {
    position: relative;
    z-index: 1;
  }
  .hk-trial-choice strong {
    display: block;
    font: 700 31px/.95 "Barlow Condensed";
    text-transform: uppercase;
  }
  .hk-trial-choice small {
    display: block;
    margin-top: 8px;
    color: #7f8790;
    font-size: 9px;
    letter-spacing: .06em;
  }
  .hk-trial-choice i {
    position: relative;
    z-index: 1;
    color: #e10600;
    font-style: normal;
    font-size: 20px;
  }
  .hk-trial-result {
    padding: 24px 30px 30px;
    border-top: 1px solid #272d34;
  }
  .hk-trial-result-card {
    border: 1px solid #303640;
    min-height: 200px;
    padding: 26px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 32px;
    align-items: end;
    background: linear-gradient(145deg,#0d1014,#090b0e);
    transition: border-color .3s ease,box-shadow .3s ease;
  }
  .hk-trial-result.is-ready .hk-trial-result-card {
    border-color: rgba(225,6,0,.48);
    box-shadow: 0 18px 60px rgba(225,6,0,.06);
  }
  .hk-trial-result-eyebrow {
    color: #e10600;
    font-size: 8px;
    letter-spacing: .16em;
    font-weight: 800;
  }
  .hk-trial-result-card h3 {
    margin: 10px 0 8px;
    font: 700 34px/.95 "Barlow Condensed";
    text-transform: uppercase;
  }
  .hk-trial-result-card p {
    margin: 0;
    max-width: 580px;
    color: #89919a;
    font-size: 12px;
    line-height: 1.65;
  }
  .hk-trial-result-cta {
    min-height: 54px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    background: #252a31;
    border: 1px solid #343a43;
    color: #747b84;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    transition: transform .18s ease,background .25s ease,border-color .25s ease,color .25s ease;
    will-change: transform;
    pointer-events: none;
  }
  .hk-trial-result.is-ready .hk-trial-result-cta {
    background: #e10600;
    border-color: #e10600;
    color: #fff;
    pointer-events: auto;
  }
  .hk-trial-result.is-ready .hk-trial-result-cta:hover {
    background: #ff1b13;
  }
  .hk-trial-foot {
    min-height: 58px;
    padding: 0 30px;
    border-top: 1px solid #272d34;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #69717b;
    font-size: 8px;
    letter-spacing: .11em;
    text-transform: uppercase;
  }
  .hk-trial-foot a {
    color: #aeb4bc;
    text-decoration: none;
  }
  .hk-trial-foot a:hover {
    color: #fff;
  }
  @media (max-width:760px) {
    .hk-trial-fab {
      right: 14px;
      bottom: 14px;
      min-width: 140px;
      height: 54px;
    }
    .hk-trial-gateway {
      padding: 10px;
    }
    .hk-trial-dialog {
      max-height: 94vh;
    }
    .hk-trial-intro {
      grid-template-columns: 1fr;
      gap: 18px;
      padding: 30px 20px 22px;
    }
    .hk-trial-intro h2 {
      font-size: 4rem;
    }
    .hk-trial-intro p {
      font-size: 13px;
    }
    .hk-trial-step,.hk-trial-result {
      padding: 20px;
    }
    .hk-trial-choices {
      grid-template-columns: 1fr;
    }
    .hk-trial-choice {
      min-height: 106px;
    }
    .hk-trial-result-card {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .hk-trial-result-cta {
      width: 100%;
    }
    .hk-trial-foot {
      padding: 0 20px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *,*::before,*::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }
    .hk-reveal,.cx-scene {
      opacity: 1;
      transform: none;
      filter: none;
    }
    .cx-title>span,.cx-title>strong,.cx-copy,.cx-mode-switch {
      opacity: 1;
      transform: none;
      clip-path: none;
    }
    .cx-image-stack,.cx-orbit,.cx-constellation {
      transform: none !important;
    }
    .cx-progress,.cx-hud,.cx-scanline {
      display: none;
    }
  }
}
@layer base {
  input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
  }
  input::placeholder,textarea::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  ::-webkit-date-and-time-value {
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
  select:where([multiple]),select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  input:where([type='checkbox']),input:where([type='radio']) {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: oklch(54.6% 0.245 262.881);
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  input:where([type='checkbox']) {
    border-radius: 0px;
  }
  input:where([type='radio']) {
    border-radius: 100%;
  }
  input:where([type='checkbox']):focus,input:where([type='radio']):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  input:where([type='checkbox']):checked,input:where([type='radio']):checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  input:where([type='checkbox']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='radio']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='checkbox']):indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='file']) {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  input:where([type='file']):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-font-weight: initial;
    }
  }
}