

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('../fonts/oswald-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('../fonts/oswald-var-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('../fonts/oswald-var-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-var-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {

  --gn-bg: #020202;

  --gn-bg-rgb: 2 2 2;
  --gn-surface: #171717;
  --gn-surface-2: #1D1D1D;
  --gn-elevated: #313131;

  --gn-text: #F4F4F4;
  --gn-body: #BDBDBD;
  --gn-neutral-300: #AEADAD;
  --gn-muted: #8A8A8A;

  --gn-faint: #757575;
  --gn-white: #FFFFFF;

  --gn-heading-ghost: #5C5C5C;

  --gn-icon: #BDBDBD;
  --gn-icon-hover: #F4F4F4;

  --gn-accent: #E25A1C;
  --gn-accent-deep: #C55A25;

  --gn-error: #F05A5A;

  --gn-border: rgb(255 255 255 / 0.20);
  --gn-border-control: #313131;
  --gn-border-soft: rgb(255 255 255 / 0.10);
  --gn-border-faint: rgb(255 255 255 / 0.05);
  --gn-scrim: rgb(0 0 0 / 0.70);
  --gn-scrim-soft: rgb(0 0 0 / 0.30);

  --gn-grad-dark: linear-gradient(180deg, #313131 0%, var(--gn-bg) 100%);
  --gn-grad-accent: linear-gradient(90deg, #E25A1C 0%, rgb(226 90 28 / 0.70) 46%, rgb(226 90 28 / 0) 100%);

  --gn-font-head: 'Oswald', 'Arial Narrow', system-ui, sans-serif;
  --gn-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --gn-fs-display: clamp(2.75rem, 6.21vw + 1.3125rem, 8.75rem);
  --gn-fs-h1:      clamp(2.125rem, 3.37vw + 1.3125rem, 5.375rem);
  --gn-fs-h2:      clamp(1.75rem, 1.68vw + 1.375rem, 3.375rem);
  --gn-fs-h3:      clamp(1.375rem, 0.52vw + 1.25rem, 1.875rem);
  --gn-fs-h4:      clamp(1.125rem, 0.19vw + 1.0625rem, 1.3125rem);
  --gn-fs-body-m:  clamp(1rem, 0.13vw + 0.969rem, 1.125rem);
  --gn-fs-body-s:  1rem;
  --gn-fs-label-m: 0.875rem;
  --gn-fs-label-s: 0.75rem;

  --gn-lh-display: 1.05;
  --gn-lh-h1: 1.047;
  --gn-lh-h2: 1.056;
  --gn-lh-h3: 1.2;
  --gn-lh-h4: 1.19;
  --gn-lh-body-m: 1.61;
  --gn-lh-body-s: 1.5;

  --gn-ls-display: -0.0214em;
  --gn-ls-h1: -0.0349em;
  --gn-ls-h2: -0.037em;
  --gn-ls-h3: -0.01em;
  --gn-ls-h4: -0.0143em;
  --gn-ls-label-m: 0.143em;
  --gn-ls-label-s: 0.167em;

  --gn-container: 105rem;
  --gn-gutter: clamp(1.25rem, 6.47vw - 0.25rem, 7.5rem);
  --gn-section-py: clamp(3.5rem, 4.14vw + 2.5rem, 7.5rem);
  --gn-head-gap: clamp(2rem, 2.59vw + 1.375rem, 4.5rem);
  --gn-header-h: 6.25rem;
  --gn-header-h-sm: 4rem;

  --gn-space-1: 0.25rem;
  --gn-space-2: 0.5rem;
  --gn-space-3: 1rem;
  --gn-space-4: 1.5rem;
  --gn-space-5: 2rem;
  --gn-space-6: 3rem;
  --gn-space-7: 4.5rem;
  --gn-space-8: 7.5rem;

  --gn-radius: 0.25rem;
  --gn-radius-lg: 0.5rem;

  --gn-dur-fast: 100ms;
  --gn-dur: 300ms;
  --gn-dur-slow: 400ms;
  --gn-dur-reveal: 800ms;

  --gn-ease: cubic-bezier(0, 0, 0.58, 1);

  --gn-dur-spring-gentle: 1022ms;
  --gn-spring-gentle: linear(0, 0.0731, 0.2341, 0.4203, 0.5952, 0.7411, 0.8524, 0.9307, 0.9813, 1.0106, 1.0247, 1.029, 1.0275, 1.0232, 1.0179, 1.0129, 1.0086, 1.0053, 1.0029, 1.0014, 1.0005, 1, 0.9999, 0.9999, 1);

  --gn-dur-spring-slow: 1250ms;
  --gn-spring-slow: linear(0, 0.0777, 0.2275, 0.3829, 0.5197, 0.6318, 0.7203, 0.7888, 0.8412, 0.8809, 0.9109, 0.9335, 0.9505, 0.9633, 0.9728, 0.98, 0.9854, 0.9895, 0.9925, 0.9948, 0.9965, 0.9978, 0.9987, 0.9995, 1);

  --gn-marquee-step: 5s;
  --gn-marquee-count: 6;

  --gn-z-header: 100;
  --gn-z-scrim: 200;
  --gn-z-dialog: 210;
  --gn-z-cookie: 300;
}

@media (max-width: 63.99em) {
  :root { --gn-header-h: var(--gn-header-h-sm); }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --gn-dur-fast: 1ms;
    --gn-dur: 1ms;
    --gn-dur-slow: 1ms;
    --gn-dur-reveal: 1ms;
    --gn-dur-spring-gentle: 1ms;
    --gn-dur-spring-slow: 1ms;
  }
}

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

* { margin: 0; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;

  scroll-padding-top: var(--gn-header-h);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body {
  background: var(--gn-bg);
  color: var(--gn-body);
  font-family: var(--gn-font-body);
  font-size: var(--gn-fs-body-m);
  line-height: var(--gn-lh-body-m);
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;

  overflow-x: clip;
  min-height: 100svh;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

img, video { height: auto; }

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

p, h1, h2, h3, h4, h5, h6, li, figcaption {
  overflow-wrap: break-word;
}

ul, ol { padding: 0; list-style: none; }

a { color: inherit; text-decoration: none; }

:focus-visible {
  outline: 2px solid var(--gn-accent);
  outline-offset: 3px;
  border-radius: var(--gn-radius);
}

.gn-display,
.gn-h1, .gn-h2, .gn-h3, .gn-h4 {
  font-family: var(--gn-font-head);
  color: var(--gn-text);
  text-transform: uppercase;
  font-weight: 700;
  text-wrap: balance;
}

.gn-display { font-size: var(--gn-fs-display); line-height: var(--gn-lh-display); letter-spacing: var(--gn-ls-display); }
.gn-h1      { font-size: var(--gn-fs-h1);      line-height: var(--gn-lh-h1);      letter-spacing: var(--gn-ls-h1); }
.gn-h2      { font-size: var(--gn-fs-h2);      line-height: var(--gn-lh-h2);      letter-spacing: var(--gn-ls-h2); }
.gn-h3      { font-size: var(--gn-fs-h3);      line-height: var(--gn-lh-h3);      letter-spacing: var(--gn-ls-h3); font-weight: 600; }
.gn-h4      { font-size: var(--gn-fs-h4);      line-height: var(--gn-lh-h4);      letter-spacing: var(--gn-ls-h4); font-weight: 600; }

.gn-dot { color: var(--gn-accent); }

.gn-ghost { color: var(--gn-heading-ghost); }

.gn-body-m { font-size: var(--gn-fs-body-m); line-height: var(--gn-lh-body-m); }
.gn-body-s { font-size: var(--gn-fs-body-s); line-height: var(--gn-lh-body-s); }

.gn-label,
.gn-label-s {
  font-family: var(--gn-font-body);
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  color: var(--gn-muted);
}
.gn-label   { font-size: var(--gn-fs-label-m); letter-spacing: var(--gn-ls-label-m); }
.gn-label-s { font-size: var(--gn-fs-label-s); letter-spacing: var(--gn-ls-label-s); }

.gn-caption {
  font-size: var(--gn-fs-label-s);
  line-height: 1.5;
  color: var(--gn-muted);
}

.gn-text-primary { color: var(--gn-text); }
.gn-text-body    { color: var(--gn-body); }
.gn-text-muted   { color: var(--gn-muted); }
.gn-text-faint   { color: var(--gn-faint); }
.gn-text-accent  { color: var(--gn-accent); }

.gn-sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.gn-skip-link {
  position: absolute;
  top: 0; left: 50%;
  transform: translate(-50%, -200%);
  z-index: calc(var(--gn-z-header) + 1);
  padding: var(--gn-space-3) var(--gn-space-4);
  background: var(--gn-accent);
  color: var(--gn-white);
  font-size: var(--gn-fs-label-m);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--gn-ls-label-m);
  border-radius: 0 0 var(--gn-radius) var(--gn-radius);
  transition: transform var(--gn-dur) var(--gn-ease);
}
.gn-skip-link:focus { transform: translate(-50%, 0); }

.gn-container {
  width: 100%;
  max-width: calc(var(--gn-container) + var(--gn-gutter) * 2);
  margin-inline: auto;
  padding-inline: var(--gn-gutter);
}

.gn-section {
  padding-block: var(--gn-section-py);
  position: relative;
}

.gn-section--flush { padding-block: 0; }

.gn-section--bleed { padding-inline: 0; }

.gn-section--surface { background: var(--gn-surface); }

.gn-section__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 28rem);
  align-items: end;
  gap: var(--gn-space-6);
  margin-bottom: var(--gn-head-gap);
}

.gn-section__title-group {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-4);
}

.gn-section__eyebrow {
  display: flex;
  align-items: center;
  gap: var(--gn-space-2);
  color: var(--gn-faint);
}
.gn-section__eyebrow b {
  font-weight: 600;
  color: var(--gn-muted);
}

.gn-section__lead {
  color: var(--gn-body);
  font-size: var(--gn-fs-body-s);
  line-height: var(--gn-lh-body-s);
  max-width: 28rem;
}

@media (max-width: 63.99em) {
  .gn-section__head {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--gn-space-4);
  }
}

.gn-section__foot {
  margin-top: var(--gn-space-8);
}

.gn-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gn-space-6);
}

@media (max-width: 79.99em) {
  .gn-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 47.99em) {
  .gn-grid-4 { grid-template-columns: minmax(0, 1fr); gap: var(--gn-space-4); }
}

.gn-divider {
  border: 0;
  border-block-start: 1px solid var(--gn-border-control);
  margin-block: var(--gn-section-py) 0;
}

.gn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gn-space-3);
  min-height: 3rem;
  padding: 1rem 1.875rem;
  border: 1px solid var(--gn-border-control);
  border-radius: var(--gn-radius);
  background: transparent;
  color: var(--gn-body);
  font-family: var(--gn-font-body);
  font-size: var(--gn-fs-label-m);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: var(--gn-ls-label-m);
  cursor: pointer;
  transition:
    color var(--gn-dur) var(--gn-ease),
    border-color var(--gn-dur) var(--gn-ease),
    background-color var(--gn-dur) var(--gn-ease);
}

.gn-btn__icon {
  flex: none;
  width: 1rem;
  height: 1rem;

  color: var(--gn-accent);
  transition: transform var(--gn-dur) var(--gn-ease);
}

.gn-btn:hover .gn-btn__icon,
.gn-btn:focus-visible .gn-btn__icon { transform: translateX(0.25rem); }

.gn-btn:hover {
  color: var(--gn-text);
  background: var(--gn-surface);
}

.gn-btn--primary {
  background: var(--gn-white);
  border-color: var(--gn-white);
  color: #000;
}

.gn-btn--primary .gn-btn__icon { color: inherit; }
.gn-btn--primary:hover {
  background: var(--gn-accent);
  border-color: var(--gn-accent);
  color: var(--gn-white);
}

.gn-btn--block { display: flex; width: 100%; }

.gn-btn:disabled,
.gn-btn[aria-disabled='true'] {
  opacity: 0.45;
  cursor: not-allowed;
}

.gn-btn:disabled .gn-btn__icon,
.gn-btn[aria-disabled='true'] .gn-btn__icon { color: inherit; }
.gn-btn:disabled:hover .gn-btn__icon { transform: none; }

.gn-more {
  display: inline-flex;
  align-items: center;
  gap: var(--gn-space-2);
  color: var(--gn-text);
  font-size: var(--gn-fs-label-m);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--gn-ls-label-m);
  transition: color var(--gn-dur) var(--gn-ease);
}
.gn-more__icon {
  width: 1rem; height: 1rem;
  color: var(--gn-accent);
  transition: transform var(--gn-dur) var(--gn-ease);
}
.gn-more:hover { color: var(--gn-accent); }
.gn-more:hover .gn-more__icon { transform: translateX(0.25rem); }

.gn-field {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-2);
}

.gn-field__label {
  font-size: var(--gn-fs-label-s);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: var(--gn-ls-label-s);
  color: var(--gn-muted);
}

.gn-field__control {
  width: 100%;
  min-height: 3.5rem;
  padding: 1rem;
  background: var(--gn-surface);
  border: 1px solid var(--gn-border-control);
  border-radius: var(--gn-radius);
  color: var(--gn-text);

  font-size: 1rem;
  line-height: 1.5;
  transition: border-color var(--gn-dur) var(--gn-ease);
}

.gn-field__control::placeholder { color: var(--gn-faint); }
.gn-field__control:hover { border-color: var(--gn-muted); }

.gn-field__control:focus-visible {
  border-color: var(--gn-accent);
  outline: none;
}

textarea.gn-field__control {
  min-height: 8.125rem;
  resize: vertical;
}

.gn-field__control[aria-invalid='true'] { border-color: var(--gn-error); }

.gn-field__error {
  font-size: var(--gn-fs-label-s);
  color: var(--gn-error);
}

.gn-consent {
  display: flex;
  align-items: flex-start;
  gap: var(--gn-space-3);
  cursor: pointer;
}

.gn-consent__input {
  flex: none;
  appearance: none;
  width: 1.5rem; height: 1.5rem;
  margin: 0;
  background: var(--gn-surface);
  border: 1px solid var(--gn-border-control);
  border-radius: var(--gn-radius);
  cursor: pointer;
  display: grid;
  place-content: center;
  transition: border-color var(--gn-dur) var(--gn-ease), background-color var(--gn-dur) var(--gn-ease);
}

.gn-consent__input::before {
  content: '';
  width: 0.625rem; height: 0.625rem;
  transform: scale(0);
  transform-origin: center;

  background: var(--gn-accent);
  clip-path: polygon(14% 44%, 0 65%, 43% 100%, 100% 16%, 82% 0, 40% 66%);
  transition: transform var(--gn-dur) var(--gn-ease);
}

.gn-consent__input:checked::before { transform: scale(1); }
.gn-consent__input:hover { border-color: var(--gn-muted); }

.gn-consent__text {
  font-size: var(--gn-fs-label-s);
  line-height: 1.5;
  color: var(--gn-body);
}
.gn-consent__text a {
  color: var(--gn-text);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.gn-consent__text a:hover { color: var(--gn-accent); }

.gn-track {

  margin-inline: calc(var(--gn-gutter) * -1);
}

.gn-track--scroll {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

.gn-track__list {
  display: flex;
  gap: var(--gn-space-6);

  padding-inline: var(--gn-gutter);

  padding-block: 0.25rem;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--gn-gutter);
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.gn-track__list::-webkit-scrollbar { display: none; }

.gn-track--scroll .gn-track__list {
  padding-inline: max(var(--gn-gutter), calc(50vw - var(--gn-container) / 2));
  scroll-padding-inline: max(var(--gn-gutter), calc(50vw - var(--gn-container) / 2));
}

@media (hover: hover) and (pointer: fine) {
  .gn-track--scroll .gn-track__list { cursor: grab; }
  .gn-track--scroll .gn-track__list.is-dragging {
    cursor: grabbing;

    user-select: none;
  }
}

.gn-track__item {
  flex: 0 0 var(--gn-track-item, 33rem);
  scroll-snap-align: start;
  min-width: 0;
}

@media (max-width: 47.99em) {

  .gn-track__list { scroll-snap-type: x mandatory; }
}

@media (max-width: 47.99em) {
  .gn-track--stack .gn-track__list {
    flex-direction: column;
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .gn-track--stack .gn-track__item {
    flex: 1 1 auto;
    width: 100%;
  }
}

.gn-marquee {
  display: flex;
  overflow: hidden;

  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.gn-marquee__list {
  display: flex;
  flex: none;
  animation: gn-marquee calc(var(--gn-marquee-step) * var(--gn-marquee-count)) linear infinite;
}

.gn-marquee:hover .gn-marquee__list,
.gn-marquee:focus-within .gn-marquee__list { animation-play-state: paused; }

@keyframes gn-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
  .gn-marquee { overflow-x: auto; scrollbar-width: none; }
  .gn-marquee__list { animation: none; }
}

.gn-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--gn-surface-2);
  border: 1px solid var(--gn-border-faint);
  border-radius: var(--gn-radius-lg);
  transition: border-color var(--gn-dur) var(--gn-ease), background-color var(--gn-dur) var(--gn-ease);
}
.gn-card:hover { border-color: var(--gn-border); }

.gn-card__link::after {
  content: '';
  position: absolute;
  inset: 0;
}
.gn-card--clickable { position: relative; }

.gn-card__hit {
  position: absolute;
  inset: 0;
  cursor: pointer;
}

.gn-header {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: var(--gn-z-header);
  height: var(--gn-header-h);
  display: flex;
  align-items: center;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition:
    background-color var(--gn-dur) var(--gn-ease),
    border-color var(--gn-dur) var(--gn-ease),
    backdrop-filter var(--gn-dur) var(--gn-ease);
}

.gn-header.is-stuck {
  background: rgb(var(--gn-bg-rgb) / 0.85);
  backdrop-filter: blur(12px);
  border-bottom-color: var(--gn-border-control);
}

.gn-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gn-space-4);
}

.gn-header__logo-img {
  width: auto;
  height: 2.8125rem;
  color: var(--gn-neutral-300);
  transition: opacity var(--gn-dur) var(--gn-ease);
}
@media (max-width: 63.99em) {
  .gn-header__logo-img { height: 2.25rem; }
}
.gn-header__logo:hover .gn-header__logo-img { opacity: 0.7; }

.gn-header__logo-full,
.gn-header__cta-send { display: none; }
@media (max-width: 47.99em) {
  .gn-header__logo-img,
  .gn-header__cta-arrow { display: none; }
  .gn-header__logo-full {
    display: block;
    width: 8.75rem;
    height: auto;
  }
  .gn-header__cta-send { display: block; }
}
.gn-header__logo:hover .gn-header__logo-full { opacity: 0.7; }

.gn-header__actions {
  display: flex;
  align-items: center;
  gap: var(--gn-space-4);
}

@media (max-width: 29.99em) {
  .gn-header__cta { padding-inline: 0.875rem; }
  .gn-header__cta-text {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.gn-lang { position: relative; }

.gn-lang__toggle {
  display: flex;
  align-items: center;
  gap: var(--gn-space-2);
  padding: var(--gn-space-2);
  color: var(--gn-muted);
  font-size: var(--gn-fs-label-m);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--gn-ls-label-m);
  cursor: pointer;
  list-style: none;
  transition: color var(--gn-dur) var(--gn-ease);
}
.gn-lang__toggle::-webkit-details-marker { display: none; }
.gn-lang__toggle:hover { color: var(--gn-text); }

.gn-lang__caret {
  width: 0.75rem; height: 0.75rem;
  transform: rotate(90deg);
  transition: transform var(--gn-dur) var(--gn-ease);
}
.gn-lang[open] .gn-lang__caret { transform: rotate(-90deg); }

.gn-lang:not([open]) .gn-lang__menu { display: none; }

.gn-lang__menu {
  position: absolute;
  inset-block-start: calc(100% + var(--gn-space-2));
  inset-inline-end: 0;
  min-width: 9rem;
  padding: var(--gn-space-2);
  background: var(--gn-surface);
  border: 1px solid var(--gn-border-control);
  border-radius: var(--gn-radius);
  box-shadow: 0 12px 32px rgb(0 0 0 / 0.5);
}

.gn-lang__item {
  display: block;
  padding: var(--gn-space-2) var(--gn-space-3);
  border-radius: var(--gn-radius);
  color: var(--gn-body);
  font-size: var(--gn-fs-body-s);
  transition: background-color var(--gn-dur) var(--gn-ease), color var(--gn-dur) var(--gn-ease);
}
.gn-lang__item:hover { background: var(--gn-surface-2); color: var(--gn-text); }
.gn-lang__item.is-current { color: var(--gn-accent); }

.gn-hero {
  position: relative;
  display: flex;
  align-items: center;

  min-height: 100svh;
  overflow: hidden;
}

.gn-hero__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background:

    radial-gradient(125% 78% at 60% 118%, rgb(226 90 28 / 0.12) 0%, rgb(120 45 12 / 0.05) 34%, transparent 60%),
    var(--gn-bg);
}

.gn-hero__spots {
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;

  filter: blur(22px);
}

.gn-hero__spot {
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  will-change: transform, opacity;
  pointer-events: none;
}

.gn-hero__grain {
  position: absolute;
  inset: 0;
  opacity: 0.06;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
  .gn-hero__spots { display: none; }
}

.gn-hero__inner {
  position: relative;
  display: grid;

  grid-template-columns: minmax(0, 811fr) minmax(0, 528fr);
  grid-template-rows: auto 1fr auto;
  grid-template-areas:
    'eyebrow  logo'
    'headline logo'
    'location aside';
  column-gap: clamp(1.5rem, 17.76vw, 21.3125rem);
  row-gap: var(--gn-space-5);
  width: 100%;

  padding-block: calc(var(--gn-header-h) + var(--gn-space-6)) var(--gn-section-py);
}

.gn-hero__eyebrow  { grid-area: eyebrow; color: var(--gn-accent); }
.gn-hero__mark     { margin-inline-end: var(--gn-space-2); }
.gn-hero__headline { grid-area: headline; align-self: start; }
.gn-hero__logo     { grid-area: logo; justify-self: end; align-self: start; width: min(100%, 33rem); }
.gn-hero__logo img { width: 100%; height: auto; }
.gn-hero__location { grid-area: location; align-self: end; display: flex; gap: var(--gn-space-3); flex-wrap: wrap; }
.gn-hero__aside    { grid-area: aside; align-self: end; display: flex; flex-direction: column; gap: var(--gn-space-6); align-items: flex-start; }

.gn-hero__headline-ghost { color: rgb(255 255 255 / 0.2); }

@media (min-width: 64em) {
  .gn-hero__headline-ghost { white-space: nowrap; }
  .gn-hero__headline .gn-reveal-line:last-child { width: max-content; }
}

.gn-hero__lead { color: var(--gn-body); max-width: 33rem; }

@media (max-width: 63.99em) {
  .gn-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: 'eyebrow' 'headline' 'logo' 'location' 'aside';
    row-gap: var(--gn-space-5);
  }
  .gn-hero__logo { justify-self: start; width: min(100%, 22rem); }
  .gn-hero__aside { align-self: start; gap: var(--gn-space-5); }
  .gn-hero__location { align-self: start; order: 0; }
}

@media (max-width: 47.99em) {
  .gn-hero__inner {
    grid-template-areas: 'eyebrow' 'headline' 'aside' 'location';

    grid-template-rows: auto auto 1fr auto;
    align-self: stretch;

    padding-block: calc(var(--gn-header-h) + 3.5rem) 3.5rem;
    padding-inline: 1rem;
  }

  .gn-hero__logo { display: none; }
  .gn-hero__eyebrow { font-size: 0.75rem; line-height: 1; }
  .gn-hero__headline { font-size: 3.25rem; line-height: 1.0577; }
  .gn-hero__aside { align-self: end; gap: var(--gn-space-6); }
  .gn-hero__aside .gn-btn { width: 100%; }
}

.gn-steps__list { display: flex; flex-direction: column; }

.gn-steps__item {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--gn-space-6);
  padding: var(--gn-space-5) var(--gn-space-5) var(--gn-space-5) var(--gn-space-2);
  border-top: 1px solid var(--gn-border-control);
}

.gn-steps__item:last-child { border-bottom: 1px solid var(--gn-border-control); }

.gn-steps__item > * { position: relative; z-index: 1; }

.gn-steps__item::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgb(226 90 28 / 0.10) 0%, rgb(12 12 12 / 0.10) 100%);
  opacity: 0;
  transition: opacity var(--gn-dur) var(--gn-ease);
}
.gn-steps__item:hover::after { opacity: 1; }

.gn-steps__item::before {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  z-index: 2;
  width: 2px;
  background: var(--gn-accent);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform var(--gn-dur) var(--gn-ease);
}
.gn-steps__item:hover::before { transform: scaleY(1); }

.gn-steps__icon {
  width: 4rem; height: 4rem;
  color: var(--gn-icon);
  transition: color var(--gn-dur) var(--gn-ease), transform var(--gn-dur) var(--gn-ease);
}
.gn-steps__item:hover .gn-steps__icon { color: var(--gn-accent); }

.gn-steps__title { transition: transform var(--gn-dur) var(--gn-ease); }
.gn-steps__item:hover .gn-steps__icon,
.gn-steps__item:hover .gn-steps__title { transform: translateX(1.5rem); }

.gn-steps__title { color: var(--gn-text); }
.gn-steps__num { color: var(--gn-faint); white-space: nowrap; }

@media (max-width: 47.99em) {
  .gn-steps__item {
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--gn-space-3) var(--gn-space-4);
    padding: var(--gn-space-4) var(--gn-space-3);
  }
  .gn-steps__icon { width: 2.5rem; height: 2.5rem; }

  .gn-steps__num { grid-column: 2; }
}

.gn-nda__track { --gn-track-item: 24rem; }

@media (min-width: 64em) {
  .gn-nda__track { --gn-track-item: calc((100% - var(--gn-space-6) * 3) / 4); }

}

.gn-nda__card {
  padding: var(--gn-space-6) var(--gn-space-5);

  background: var(--gn-bg);
  border-color: var(--gn-border-control);

  display: grid;
  grid-template-rows: auto auto 1fr auto;
  row-gap: var(--gn-space-4);
}

@media (min-width: 48em) {
  .gn-nda__list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--gn-track-item);
    grid-template-rows: auto auto 1fr auto;
  }
  .gn-nda__list > .gn-track__item,
  .gn-nda__list > .gn-track__item > .gn-nda__card {
    grid-row: 1 / -1;
    display: grid;
    grid-template-rows: subgrid;

    min-width: 0;
  }

  .gn-nda__card :is(h3, .gn-h3),
  .gn-nda__card .gn-body-s {
    hyphens: auto;
    overflow-wrap: break-word;
  }

  .gn-nda__card > * { min-width: 0; }
}

@media (min-width: 64em) and (max-width: 99.99em) {
  .gn-nda__card { padding-inline: var(--gn-space-4); }
}

.gn-nda__icon {
  flex: none;
  width: 4rem; height: 4rem;
  color: var(--gn-icon);
  transition: color var(--gn-dur) var(--gn-ease);
}

.gn-nda__card:hover .gn-nda__icon { color: var(--gn-accent); }

.gn-nda__card:hover {
  background: var(--gn-surface);
  border-color: var(--gn-border-control);
}

.gn-nda__card > .gn-h3 { margin-block-start: var(--gn-space-4); }

.gn-nda__card > p { color: var(--gn-body); align-self: start; }

.gn-nda__num {
  color: var(--gn-faint);
  align-self: end;
  margin-block-start: var(--gn-space-6);
}

@media (max-width: 47.99em) {
  .gn-nda__card {
    grid-template-rows: auto auto auto auto;
    row-gap: var(--gn-space-5);
    padding: var(--gn-space-5) var(--gn-space-4);
  }
  .gn-nda__card > .gn-h3 { margin-block-start: var(--gn-space-2); }
  .gn-nda__num { margin-block-start: var(--gn-space-4); }
}

.gn-ways__track { --gn-track-item: 26.25rem; }

@media (min-width: 64em) {
  .gn-ways__track { --gn-track-item: 25%; }
}

.gn-ways__list { gap: 0; }

.gn-ways__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-4);
  padding: var(--gn-space-6) var(--gn-space-5) 0 var(--gn-space-3);
  border-inline-end: 1px solid var(--gn-border-control);

  overflow: hidden;
}

.gn-ways__num { padding-block-start: var(--gn-space-4); }
.gn-ways__list > .gn-track__item:last-child .gn-ways__item { border-inline-end: 0; }

.gn-ways__media {
  position: relative;
  flex: 1;
  min-height: 25rem;
}

.gn-ways__figure {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  transition: opacity var(--gn-dur) var(--gn-ease);
}

.gn-ways__points {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-3);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--gn-dur) var(--gn-ease);
}
.gn-ways__points li {
  position: relative;
  padding-inline-start: var(--gn-space-4);
  color: var(--gn-body);
  font-size: var(--gn-fs-body-s);
  line-height: var(--gn-lh-body-s);

  opacity: 0;
  transform: translateY(0.5rem);
  transition: opacity var(--gn-dur-slow) var(--gn-ease), transform var(--gn-dur-slow) var(--gn-ease);
}

.gn-ways__points li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.55em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--gn-accent);
}

.gn-ways__item:hover .gn-ways__figure { opacity: 0; }
.gn-ways__item:hover .gn-ways__points { opacity: 1; }

.gn-ways__item:hover .gn-ways__points li { opacity: 1; transform: none; }
.gn-ways__item:hover .gn-ways__points li:nth-child(1) { transition-delay: 60ms; }
.gn-ways__item:hover .gn-ways__points li:nth-child(2) { transition-delay: 130ms; }
.gn-ways__item:hover .gn-ways__points li:nth-child(3) { transition-delay: 200ms; }
.gn-ways__item:hover .gn-ways__points li:nth-child(4) { transition-delay: 270ms; }
.gn-ways__item:hover .gn-ways__points li:nth-child(5) { transition-delay: 340ms; }
.gn-ways__item:hover .gn-ways__points li:nth-child(6) { transition-delay: 410ms; }

.gn-ways__num,
.gn-ways__title { transition: transform var(--gn-dur) var(--gn-ease); }
.gn-ways__item:hover .gn-ways__num,
.gn-ways__item:hover .gn-ways__title { transform: translateY(-2rem); }

.gn-ways__figure::before {
  content: '';
  position: absolute;

  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  width: 17.625rem;
  height: 17.625rem;
  background-image:
    linear-gradient(to right, var(--gn-border-control) 1px, transparent 1px),
    linear-gradient(to bottom, var(--gn-border-control) 1px, transparent 1px);
  background-size: 33.334% 33.334%;

  -webkit-mask-image: radial-gradient(closest-side, #000 30%, transparent 100%);
  mask-image: radial-gradient(closest-side, #000 30%, transparent 100%);
}

.gn-ways__icon {
  position: relative;
  width: 9.375rem;
  height: 9.375rem;
  max-width: 100%;
  color: var(--gn-icon);
  transition: color var(--gn-dur) var(--gn-ease);
}
.gn-ways__item:hover .gn-ways__icon { color: var(--gn-icon-hover); }

.gn-ways__num { color: var(--gn-faint); }

.gn-ways__num,
.gn-ways__title {
  position: relative;
  z-index: 1;
  background: var(--gn-bg);
}
.gn-ways__num {
  padding-block-end: var(--gn-space-4);
  margin-block-end: calc(var(--gn-space-4) * -1);
}

.gn-ways__title {
  padding-block-end: 2rem;
  margin-block-end: -2rem;
}
.gn-ways__num::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  inset-block-end: 100%;
  height: var(--gn-space-6);
  background: linear-gradient(to bottom, transparent, var(--gn-bg));
  pointer-events: none;
}

.gn-ways__title {
  position: relative;
  color: var(--gn-text);
}

.gn-ways__item::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: 2px;
  height: 1.8125rem;
  background: var(--gn-accent);
  transition: height 620ms var(--gn-ease);
}
.gn-ways__item:hover::before { height: 100%; }

@media (max-width: 47.99em) {
  .gn-ways__item {
    gap: var(--gn-space-4);
    padding: var(--gn-space-5) 0;
    border-inline-end: 0;
    border-block-end: 1px solid var(--gn-border-control);
  }
  .gn-ways__list > .gn-track__item:last-child .gn-ways__item { border-block-end: 0; }

  .gn-ways__media { min-height: 11rem; flex: none; }
  .gn-ways__icon { width: 6rem; height: 6rem; }
  .gn-ways__figure::before { width: 11rem; height: 11rem; }
  .gn-ways__item::before { display: none; }
  .gn-ways__num, .gn-ways__title { transform: none !important; }
  .gn-ways__item { cursor: pointer; }

  .gn-ways__item:hover .gn-ways__figure { opacity: 1; }
  .gn-ways__item:hover .gn-ways__icon { color: var(--gn-icon); }
  .gn-ways__item:hover .gn-ways__points { opacity: 0; }
  .gn-ways__item:hover .gn-ways__points li { opacity: 0; transform: translateY(0.5rem); }

  .gn-ways__item.is-open .gn-ways__figure { opacity: 0; }
  .gn-ways__item.is-open .gn-ways__points {
    position: static;
    opacity: 1;
    pointer-events: auto;
  }
  .gn-ways__item.is-open .gn-ways__points li { opacity: 1; transform: none; }
  .gn-ways__item.is-open .gn-ways__points li:nth-child(1) { transition-delay: 60ms; }
  .gn-ways__item.is-open .gn-ways__points li:nth-child(2) { transition-delay: 130ms; }
  .gn-ways__item.is-open .gn-ways__points li:nth-child(3) { transition-delay: 200ms; }
  .gn-ways__item.is-open .gn-ways__points li:nth-child(4) { transition-delay: 270ms; }
  .gn-ways__item.is-open .gn-ways__points li:nth-child(5) { transition-delay: 340ms; }
  .gn-ways__item.is-open .gn-ways__points li:nth-child(6) { transition-delay: 410ms; }
}

.gn-media__track { --gn-track-item: 33rem; }

.gn-media__card {
  overflow: hidden;
  background: var(--gn-bg);
  border-color: var(--gn-border-faint);
}

.gn-media__card:hover { background: var(--gn-surface); }

.gn-media__figure {
  position: relative;
  aspect-ratio: 528 / 500;
  overflow: hidden;
  border-radius: var(--gn-radius-lg) var(--gn-radius-lg) 0 0;
}

.gn-media__figure img {
  width: 100%; height: 100%;
  object-fit: cover;

  filter: grayscale(1) contrast(1.05);
  transition: transform var(--gn-dur-slow) var(--gn-ease), filter var(--gn-dur-slow) var(--gn-ease);
}
.gn-media__card:hover img { transform: scale(1.04); filter: grayscale(0.65) contrast(1.05); }

.gn-media__badge {
  position: absolute;
  inset-block-start: var(--gn-space-4);
  inset-inline-start: var(--gn-space-4);
  padding: var(--gn-space-2) var(--gn-space-3);
  background: rgb(var(--gn-bg-rgb) / 0.75);
  backdrop-filter: blur(6px);
  border-radius: var(--gn-radius);
  color: var(--gn-text);
  font-weight: 500;
}

.gn-media__body {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-4);
  padding: var(--gn-space-5) var(--gn-space-4);
  flex: 1;
}

.gn-media__meta { color: var(--gn-faint); }
.gn-media__title { color: var(--gn-text); }

.gn-media__excerpt {
  color: var(--gn-body);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

.gn-media__body .gn-more { margin-block-start: auto; }

@media (max-width: 79.99em) { .gn-media__track { --gn-track-item: 26rem; } }
@media (max-width: 47.99em) { .gn-media__track { --gn-track-item: min(80vw, 21rem); } }

.gn-events__track { --gn-track-item: 26.25rem; }

.gn-events__list { gap: 0; }

.gn-events__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-6);
  height: 100%;
  padding: var(--gn-space-6) var(--gn-space-5) 0 var(--gn-space-3);
  border-inline-end: 1px solid var(--gn-border-control);

  border-radius: 0;
  transition: background-color var(--gn-dur) var(--gn-ease), border-radius var(--gn-dur) var(--gn-ease);
}
.gn-events__list > .gn-track__item:last-child .gn-events__card { border-inline-end: 0; }

.gn-events__media {
  position: relative;
  aspect-ratio: 372 / 442;
  overflow: hidden;
  border-radius: var(--gn-radius-lg);
}
.gn-events__img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: opacity var(--gn-dur-slow) var(--gn-ease);
}

.gn-events__text {
  position: absolute;
  inset: 0;
  margin: 0;
  color: var(--gn-body);
  font-size: var(--gn-fs-body-s);
  line-height: var(--gn-lh-body-m);
  opacity: 0;
  transition: opacity var(--gn-dur-slow) var(--gn-ease);
}

.gn-events__title {
  position: relative;
  color: var(--gn-text);
  margin-block-start: auto;
  transition: transform var(--gn-dur) var(--gn-ease);
}

.gn-events__more {
  position: absolute;
  inset-inline-start: var(--gn-space-3);
  inset-block-end: var(--gn-space-5);
  color: var(--gn-text);
  opacity: 0;
  transform: translateY(var(--gn-space-5));
  transition: opacity var(--gn-dur) var(--gn-ease), transform var(--gn-dur) var(--gn-ease);
  pointer-events: none;
}

.gn-events__card::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: 2px;
  height: 1.8125rem;
  background: var(--gn-accent);
  transition: height 620ms var(--gn-ease);
}

.gn-events__card:hover {
  background: var(--gn-surface);
  border-radius: var(--gn-radius-lg);
}
.gn-events__card:hover::before { height: 100%; }
.gn-events__card:hover .gn-events__img { opacity: 0; }
.gn-events__card:hover .gn-events__text { opacity: 1; }

.gn-events__card:hover .gn-events__title { transform: translateY(-5rem); }
.gn-events__card:hover .gn-events__more { opacity: 1; transform: none; }

@media (max-width: 79.99em) { .gn-events__track { --gn-track-item: 22rem; } }
@media (max-width: 47.99em) {
  .gn-events__track { --gn-track-item: min(78vw, 20rem); }

  .gn-events__card { padding: 0; border-inline-end: 0; gap: var(--gn-space-4); }
  .gn-events__card::before { display: none; }

  .gn-events__text { padding: var(--gn-space-3); }

  .gn-events__title { padding-inline: 0 var(--gn-space-3); }

  .gn-events__list { gap: var(--gn-space-6); }
}

.gn-partners__marquee { margin-block-start: var(--gn-head-gap); }

.gn-partners__item {
  flex: none;
  display: grid;
  place-items: center;
  inline-size: 20rem;
  block-size: 20rem;
  padding: var(--gn-space-6);
  border-inline-end: 1px solid var(--gn-border-control);
}

.gn-partners__item img {
  max-width: 100%;
  max-height: 100%;
  width: auto; height: auto;
  object-fit: contain;

  filter: grayscale(1) brightness(0.85);
  opacity: 0.75;
  transition: filter var(--gn-dur) var(--gn-ease), opacity var(--gn-dur) var(--gn-ease);
}
.gn-partners__item:hover img { filter: none; opacity: 1; }

@media (max-width: 63.99em) {
  .gn-partners__item { inline-size: 16rem; block-size: 16rem; padding: var(--gn-space-5); }
}
@media (max-width: 47.99em) {
  .gn-partners__item { inline-size: 10rem; block-size: 10rem; padding: var(--gn-space-4); }
}

.gn-partners { padding-block-end: var(--gn-space-7); }
.gn-contact { padding-block-start: var(--gn-space-7); }

.gn-contact__inner {
  display: grid;
  grid-template-columns: minmax(0, 811fr) minmax(0, 664fr);
  gap: var(--gn-space-6) clamp(2rem, 3.18vw, 3.8125rem);
  align-items: start;

  padding-inline-end: calc(var(--gn-gutter) + 9.5rem);
}

.gn-contact__info {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-5);
}
.gn-contact__eyebrow { color: var(--gn-accent); }
.gn-contact__note { color: var(--gn-body); max-width: 30rem; }

.gn-contact__form {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-6);
}
.gn-contact__fields {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-4);
}

@media (max-width: 63.99em) {

  .gn-contact__inner { grid-template-columns: minmax(0, 1fr); padding-inline-end: var(--gn-gutter); }
}

.gn-footer {
  position: relative;
  overflow: hidden;

  background: rgb(0 0 0 / 0.05);
  border-block-start: 1px solid var(--gn-border-control);
}

.gn-footer__bg {
  position: absolute;
  inset: 0;
  background: url('../img/footer-bg.png') center top / cover no-repeat;
  opacity: 0.1;

  filter: grayscale(1) brightness(0.35);
}

.gn-footer__inner { position: relative; }

.gn-footer__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gn-space-4);
}

.gn-footer__col {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-5);
  align-items: flex-start;
  padding-block: var(--gn-space-7);
}

.gn-footer__col--contact {
  padding-inline-start: var(--gn-space-4);
  padding-block-end: var(--gn-space-4);
  border-inline-start: 1px solid var(--gn-border-control);
}

.gn-footer__logo {
  inline-size: 14.9375rem;
  block-size: auto;
  color: var(--gn-heading-ghost);
}

.gn-footer__about { color: var(--gn-body); max-width: 34rem; }

.gn-footer__mail {
  color: var(--gn-heading-ghost);
  transition: color var(--gn-dur) var(--gn-ease);
  overflow-wrap: anywhere;
}
.gn-footer__mail:hover { color: var(--gn-body); }

.gn-footer__contact {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-2);
}
.gn-footer__address { color: var(--gn-body); font-style: normal; }
.gn-footer__hours { color: var(--gn-body); }

.gn-footer__social { display: flex; margin-block-start: var(--gn-space-4); }
.gn-footer__social li + li { margin-inline-start: -1px; }
.gn-footer__social a {
  display: grid;
  place-items: center;
  inline-size: 3rem; block-size: 3rem;
  border: 1px solid var(--gn-border-control);
  color: var(--gn-neutral-300);
  transition: color var(--gn-dur) var(--gn-ease), background-color var(--gn-dur) var(--gn-ease);
}

.gn-footer__social a:hover { color: var(--gn-white); background: var(--gn-surface); position: relative; }
.gn-footer__social svg { inline-size: 1rem; block-size: 1rem; }

.gn-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--gn-space-4);
  padding-block: var(--gn-space-5);
  border-block-start: 1px solid var(--gn-border-control);
  color: var(--gn-faint);
}
.gn-footer__links { display: flex; flex-wrap: wrap; gap: var(--gn-space-5); }
.gn-footer__links a { color: var(--gn-muted); transition: color var(--gn-dur) var(--gn-ease); }
.gn-footer__links a:hover { color: var(--gn-accent); }

@media (max-width: 63.99em) {
  .gn-footer__cols { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .gn-footer__col { padding-block: var(--gn-space-6); }
  .gn-footer__col--contact {
    padding-inline-start: 0;
    border-inline-start: 0;
    border-block-start: 1px solid var(--gn-border-control);
  }
  .gn-footer__logo { inline-size: 10rem; }
  .gn-footer__bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 47.99em) {

  .gn-footer__links { flex-direction: column; gap: var(--gn-space-3); }

  .gn-footer__bottom > p:last-child { align-self: stretch; text-align: center; }
}

.gn-doc {

  padding-block: calc(var(--gn-header-h) + var(--gn-section-py)) var(--gn-section-py);
}

.gn-doc__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gn-space-4);
  padding-block-end: var(--gn-space-6);
  margin-block-end: var(--gn-space-7);
  border-block-end: 1px solid var(--gn-border-control);
}

.gn-doc__back { color: var(--gn-muted); }
.gn-doc__back:hover { color: var(--gn-accent); }
.gn-doc__back .gn-more__icon { transition: transform var(--gn-dur) var(--gn-ease); }
.gn-doc__back:hover .gn-more__icon { transform: translateX(-0.25rem); }

.gn-doc__body { max-width: 48rem; gap: var(--gn-space-5); }
.gn-doc__body h2 { margin-block-start: var(--gn-space-4); }

@media (max-width: 47.99em) {

  .gn-nda__card { padding: var(--gn-space-4) var(--gn-space-3) ; }
  .gn-nda__list { gap: var(--gn-space-4); }

  .gn-section__foot { margin-top: 3.75rem; }

  .gn-partners { padding-block-end: 2.25rem; }
  .gn-contact { padding-block-start: 2.25rem; }

  .gn-media__body { padding-inline: 0; }

  .gn-events__more {
    position: static;
    opacity: 1;
    transform: none;
  }

  .gn-footer__logo { inline-size: 7.5rem; }

  .gn-footer__col { padding-block: var(--gn-space-4); }
}

.gn-dialog {

  max-width: min(87.5rem, 100vw - 2 * var(--gn-gutter));
  max-height: min(90svh, 61.1875rem);
  width: 100%;
  margin: auto;
  padding: 0;
  border: 1px solid var(--gn-border-control);

  background: rgb(0 0 0 / 0.7);
  backdrop-filter: blur(14px);
  color: var(--gn-body);
  overflow: hidden;
}

.gn-dialog::backdrop {
  background: var(--gn-scrim);
  backdrop-filter: blur(4px);
}

.gn-dialog[open] {
  animation: gn-dialog-in var(--gn-dur-spring-slow) var(--gn-spring-slow);
}
.gn-dialog[open]::backdrop {
  animation: gn-fade-in var(--gn-dur-slow) var(--gn-ease);
}

@keyframes gn-dialog-in {
  from { opacity: 0; transform: translateY(1.5rem); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes gn-fade-in { from { opacity: 0; } to { opacity: 1; } }

.gn-dialog__panel {
  position: relative;
  overflow-y: auto;
  max-height: inherit;
}

.gn-dialog__close {
  position: absolute;

  inset-block-start: 0;
  inset-inline-end: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  inline-size: 3rem; block-size: 3rem;
  padding: 0;
  background: none;
  border: 1px solid var(--gn-border-control);
  color: var(--gn-body);
  cursor: pointer;
  transition: color var(--gn-dur) var(--gn-ease), background-color var(--gn-dur) var(--gn-ease);
}

.gn-dialog__close:hover,
.gn-dialog__close:focus-visible {
  color: var(--gn-accent);
  background: var(--gn-surface);
  outline: none;
}
.gn-dialog__close svg { inline-size: 1rem; block-size: 1rem; }

.gn-dialog--media .gn-dialog__panel {
  display: grid;
  grid-template-columns: minmax(0, 700fr) minmax(0, 524fr);
  gap: 4rem;

  padding: 4rem 3rem 4rem 4rem;
}

.gn-dialog__media {
  position: relative;

  align-self: start;
}

.gn-dialog__media img {
  display: block;
  width: 100%;
  height: auto;
}

.gn-dialog__content {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-5);
}

.gn-dialog--cta { max-width: min(74.25rem, 100vw - 2 * var(--gn-gutter)); }

.gn-dialog--cta .gn-dialog__panel {
  display: grid;

  grid-template-columns: minmax(0, 513fr) minmax(0, 500fr);
  gap: 4rem;
  padding: 4rem 3rem 4rem 4rem;
}
.gn-dialog__aside {
  display: flex;
  flex-direction: column;

  justify-content: space-between;
  gap: var(--gn-space-5);

  padding-inline-end: 4rem;
  border-inline-end: 1px solid var(--gn-border-control);
}
.gn-dialog__intro { display: flex; flex-direction: column; gap: var(--gn-space-5); }
.gn-dialog__aside .gn-label { display: flex; align-items: center; gap: var(--gn-space-2); }

.gn-dialog__avatars { display: flex; visibility: hidden; }
.gn-dialog__avatars img {
  inline-size: 5rem;
  block-size: 5rem;
  border-radius: 50%;
  border: 1px solid var(--gn-border-control);
  object-fit: cover;
}
.gn-dialog__avatars img + img { margin-inline-start: -1rem; }

.gn-dialog__form { display: flex; flex-direction: column; gap: var(--gn-space-4); }
.gn-dialog__form > .gn-btn { margin-block-start: var(--gn-space-4); }

.gn-dialog--thanks { max-width: min(40rem, 100vw - 2 * var(--gn-gutter)); }
.gn-dialog--thanks .gn-dialog__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gn-space-4);
  padding: var(--gn-space-7) var(--gn-space-6);
}
.gn-dialog--thanks .gn-btn { margin-block-start: var(--gn-space-3); }

.gn-prose {
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-4);
  color: var(--gn-body);

  max-width: 40rem;
}
.gn-prose p { font-size: var(--gn-fs-body-s); line-height: var(--gn-lh-body-m); }
.gn-prose h3 { margin-block-start: var(--gn-space-3); }
.gn-prose a { color: var(--gn-accent); text-decoration: underline; text-underline-offset: 2px; }
.gn-prose ul { display: flex; flex-direction: column; gap: var(--gn-space-2); padding-inline-start: var(--gn-space-4); list-style: disc; }

@media (max-width: 63.99em) {
  .gn-dialog {
    max-width: 100vw;
    max-height: 100svh;
    height: 100svh;
    border-radius: 0;
    border: 0;
  }
  .gn-dialog--media .gn-dialog__panel,
  .gn-dialog--cta .gn-dialog__panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0;
  }

  .gn-dialog__content { padding: var(--gn-space-5) var(--gn-space-4) var(--gn-space-6); }
  .gn-dialog--cta .gn-dialog__panel { gap: var(--gn-space-5); padding: var(--gn-space-7) var(--gn-space-4) var(--gn-space-6); }
  .gn-dialog__aside {
    padding-inline-end: 0;
    padding-block-end: var(--gn-space-5);
    border-inline-end: 0;
    border-block-end: 1px solid var(--gn-border-control);
  }
  .gn-dialog--thanks .gn-dialog__panel { padding: var(--gn-space-7) var(--gn-space-4); }
}

.gn-cookie {
  position: fixed;
  inset-block-end: 0;
  inset-inline: 0;
  z-index: var(--gn-z-cookie);

  padding: min(var(--gn-gutter), 4rem);
  pointer-events: none;
}

.gn-cookie__panel {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  gap: var(--gn-space-4);

  max-width: 36.5625rem;
  padding: var(--gn-space-5);

  background: rgb(0 0 0 / 0.7);
  backdrop-filter: blur(14px);
  border: 1px solid var(--gn-border-control);
  border-radius: var(--gn-radius-lg);
  animation: gn-cookie-in var(--gn-dur-spring-slow) var(--gn-spring-slow);
}

@keyframes gn-cookie-in {
  from { opacity: 0; transform: translateY(1rem); }
  to   { opacity: 1; transform: translateY(0); }
}

.gn-cookie__panel p { color: var(--gn-body); }
.gn-cookie__panel a { color: var(--gn-text); text-decoration: underline; text-underline-offset: 2px; }
.gn-cookie__panel a:hover { color: var(--gn-accent); }

.gn-cookie__actions { display: flex; flex-wrap: wrap; gap: var(--gn-space-3); }
.gn-cookie__actions .gn-btn { flex: 1 1 0; }

@media (max-width: 47.99em) {
  .gn-cookie__panel { padding: var(--gn-space-4); }
}

@media (max-width: 47.99em) {

  .gn-dialog--media .gn-dialog__panel { padding-block-start: 3rem; }

  .gn-dialog--cta .gn-dialog__aside .gn-label { font-size: 0.75rem; line-height: 1; }
  .gn-dialog--cta .gn-dialog__aside .gn-h1 { font-size: 3.25rem; line-height: 1.0577; }
}

.js [data-reveal] {
  opacity: 0;
  transform: translateY(1.5rem);
  transition:
    opacity var(--gn-dur-spring-gentle) var(--gn-spring-gentle),
    transform var(--gn-dur-spring-gentle) var(--gn-spring-gentle);
}
.js [data-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (max-width: 47.99em) {
  .js .gn-hero__location[data-reveal] {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .js [data-reveal],
  .js [data-reveal].is-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .gn-dialog[open],
  .gn-dialog[open]::backdrop,
  .gn-cookie__panel { animation: none; }
}

:root {
  --gn-intro-flicker: 100ms;
  --gn-intro-slide: 1250ms;
  --gn-intro-settle: 1022ms;
  --gn-intro-fade: 800ms;
  --gn-intro-reveal: 2084ms;

  --gn-intro-t1: 600ms;
  --gn-intro-t2: 1850ms;
  --gn-intro-t3: 2872ms;
  --gn-intro-t4: 3672ms;
}

.gn-reveal-line {
  display: block;
  overflow: hidden;

  padding-block-start: 0.08em;
  margin-block-start: -0.08em;
}
.gn-reveal-line__in { display: block; }

.js .gn-hero.is-intro .gn-reveal-line__in {
  transform: translateY(105%);
}
.js .gn-hero.is-intro.is-done .gn-reveal-line__in {
  transform: translateY(0);
  transition: transform var(--gn-intro-reveal) var(--gn-spring-slow);
}

.js .gn-hero.is-intro.is-done .gn-reveal-line:nth-child(2) .gn-reveal-line__in { transition-delay: 70ms; }
.js .gn-hero.is-intro.is-done .gn-reveal-line:nth-child(3) .gn-reveal-line__in { transition-delay: 140ms; }

.gn-intro-run .gn-header,
.gn-intro-run .gn-cookie {
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--gn-intro-reveal) var(--gn-ease), visibility var(--gn-intro-reveal);
}

.gn-header,
.gn-cookie {
  transition: opacity var(--gn-intro-reveal) var(--gn-ease);
}

.gn-intro {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: none;
  place-items: center;
  pointer-events: none;
}
.js .gn-hero.is-intro .gn-intro { display: grid; }

.gn-intro__lockup {
  position: relative;
  inline-size: min(20.625rem, 42vw);
  aspect-ratio: 330 / 97.898;
  color: var(--gn-neutral-300);
}
.gn-intro__lockup > * { position: absolute; }

.gn-intro__sign {
  inset-inline-start: 0;
  inset-block-start: 0;
  inline-size: 29.442%;
  block-size: 78.266%;
}
.gn-intro__word {
  inset-inline-start: 30.908%;
  inset-block-start: 14.54%;
  inline-size: 69.092%;
  block-size: 54.04%;
}
.gn-intro__city {
  inset-inline-start: 77.357%;
  inset-block-start: 85.539%;
  inline-size: 22.636%;
  block-size: 14.461%;
  color: var(--gn-accent);
}

.gn-intro__rule {
  inset-inline-end: 3.03%;
  inset-block-start: 75.019%;
  block-size: 3.065%;
  inline-size: 0.909%;
  background: currentColor;
}

.js .gn-hero.is-intro .gn-intro__lockup {
  animation:
    gn-intro-flicker calc(var(--gn-intro-flicker) * 6) steps(1, end) both,
    gn-intro-slide var(--gn-intro-slide) var(--gn-spring-slow) var(--gn-intro-t1) both;
}

@keyframes gn-intro-flicker {
  0%, 33.34%, 66.67% { opacity: 0; }
  16.67%, 50%, 83.34%, 100% { opacity: 1; }
}

@keyframes gn-intro-slide {
  from { transform: translateX(35.15%); }
  to   { transform: translateX(0); }
}

.js .gn-hero.is-intro .gn-intro__rule {
  animation:
    gn-intro-rule-grow var(--gn-intro-slide) var(--gn-spring-slow) var(--gn-intro-t1) both,
    gn-intro-rule-settle var(--gn-intro-settle) var(--gn-spring-gentle) var(--gn-intro-t2) forwards;
}
@keyframes gn-intro-rule-grow   { from { inline-size: 0.909%; } to { inline-size: 78.485%; } }
@keyframes gn-intro-rule-settle { from { inline-size: 78.485%; } to { inline-size: 67.576%; } }

.js .gn-hero.is-intro .gn-intro__word {
  animation: gn-intro-word var(--gn-intro-settle) var(--gn-spring-gentle) var(--gn-intro-t2) both;
}
.js .gn-hero.is-intro .gn-intro__city {
  animation: gn-intro-city var(--gn-intro-settle) var(--gn-spring-gentle) var(--gn-intro-t2) both;
}
@keyframes gn-intro-word { from { transform: translateY(119.08%); } to { transform: translateY(0); } }
@keyframes gn-intro-city { from { transform: translateY(-155.4%); } to { transform: translateY(0); } }

.js .gn-hero.is-intro .gn-intro {
  animation: gn-intro-out var(--gn-intro-fade) var(--gn-ease) var(--gn-intro-t3) both;
}
@keyframes gn-intro-out {
  to { opacity: 0; visibility: hidden; }
}

.js .gn-hero.is-intro .gn-hero__eyebrow,
.js .gn-hero.is-intro .gn-hero__logo,
.js .gn-hero.is-intro .gn-hero__location,
.js .gn-hero.is-intro .gn-hero__aside {
  opacity: 0;
}

.js .gn-hero.is-intro.is-done .gn-hero__eyebrow,
.js .gn-hero.is-intro.is-done .gn-hero__logo,
.js .gn-hero.is-intro.is-done .gn-hero__location,
.js .gn-hero.is-intro.is-done .gn-hero__aside {
  opacity: 1;
  transform: none;
  transition:
    opacity var(--gn-intro-reveal) var(--gn-spring-slow),
    transform var(--gn-intro-reveal) var(--gn-spring-slow);
}

.js .gn-hero.is-intro .gn-hero__eyebrow  { transform: translateX(-4rem); }
.js .gn-hero.is-intro .gn-hero__logo     { transform: translateY(-3rem); }
.js .gn-hero.is-intro .gn-hero__location { transform: translateY(3rem); }
.js .gn-hero.is-intro .gn-hero__aside    { transform: translateX(4rem); }

.js .gn-hero.is-intro .gn-hero__bg { opacity: 0; }
.js .gn-hero.is-intro.is-done .gn-hero__bg {
  opacity: 1;
  transition: opacity var(--gn-intro-reveal) var(--gn-ease);
}

@media (prefers-reduced-motion: reduce) {
  .js .gn-hero.is-intro .gn-intro { display: none; }
  .js .gn-hero.is-intro .gn-reveal-line__in,
  .js .gn-hero.is-intro .gn-hero__eyebrow,
  .js .gn-hero.is-intro .gn-hero__logo,
  .js .gn-hero.is-intro .gn-hero__location,
  .js .gn-hero.is-intro .gn-hero__aside,
  .js .gn-hero.is-intro .gn-hero__bg {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .js .gn-hero.is-intro .gn-intro__lockup { animation: none; }
}
