:root {
      --rw-black: #0D1015;
      --rw-white: #f7f7f1;
      --rw-ink: rgba(247,247,241,.13);
      --rw-soft: rgba(247,247,241,.68);
      --rw-line: rgba(247,247,241,.22);
      --rw-blue: #9cbd38;
      --rw-lime: #DAFF00;
      --rw-orange: #ff8a54;
      --rw-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
      box-sizing: border-box;
    }

    html {
      background: var(--rw-black);
      color: var(--rw-white);
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      min-width: 320px;
      background: var(--rw-black);
      color: var(--rw-white);
      font-family: var(--rw-font);
      overflow-x: hidden;
    }

    body.is-menu-open {
      overflow: hidden;
    }

    a {
      color: inherit;
    }

    .rw {
      position: relative;
      min-height: 100vh;
      background: var(--rw-black);
      isolation: isolate;
    }

    .rw:not(.is-ready) > * {
      opacity: 0 !important;
      visibility: hidden !important;
    }

    .rw::before,
    .rw::after {
      content: "";
      position: fixed;
      z-index: 2;
      width: clamp(320px, 38vw, 760px);
      height: clamp(320px, 38vw, 760px);
      border-radius: 999px;
      background: #4A611B;
      filter: blur(96px);
      opacity: .46;
      mix-blend-mode: screen;
      pointer-events: none;
    }

    .rw::before {
      left: max(-28vw, -420px);
      top: 18vh;
    }

    .rw::after {
      right: max(-30vw, -460px);
      bottom: 8vh;
      opacity: .38;
    }

    .rw__canvas,
    .rw__grain,
    .rw__wash,
    .rw__grid,
    .rw__cursor {
      position: fixed;
      inset: 0;
      pointer-events: none;
    }

    .rw__canvas {
      z-index: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: var(--rw-black);
    }

    .rw__grid {
      z-index: 1;
      opacity: .08;
      background:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 11.5vw 11.5vw;
      mask-image: radial-gradient(circle at 50% 58%, #000 0 34%, transparent 72%);
    }

    .rw__wash {
      z-index: 2;
      background:
        radial-gradient(ellipse at 50% 56%, rgba(218,255,0,.13), transparent 0 30%, transparent 58%),
        radial-gradient(ellipse at 40% 68%, rgba(74,97,27,.26), transparent 0 22%, transparent 48%),
        radial-gradient(ellipse at 50% 50%, transparent 0 46%, rgba(7,9,12,.72) 100%),
        linear-gradient(180deg, rgba(13,16,21,.12), transparent 32%, rgba(13,16,21,.86)),
        linear-gradient(90deg, rgba(13,16,21,.74), transparent 26%, transparent 74%, rgba(13,16,21,.74));
    }

    .rw__grain {
      z-index: 8;
      opacity: .11;
      mix-blend-mode: screen;
      background:
        repeating-radial-gradient(circle at 8% 18%, rgba(255,255,255,.16) 0 1px, transparent 1px 4px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 3px);
      background-size: 170px 170px, 100% 3px;
    }

    .rw__cursor {
      z-index: 80;
      width: 54px;
      height: 54px;
      inset: auto;
      left: 0;
      top: 0;
      border: 1px solid rgba(247,247,241,.42);
      border-radius: 999px;
      translate: -50% -50%;
      opacity: .75;
      mix-blend-mode: difference;
      transform: translate3d(var(--mx, -100px), var(--my, -100px), 0) scale(var(--cursor-scale, 1));
      transition: width .2s ease, height .2s ease, opacity .2s ease, transform .08s linear;
    }

    .rw__top {
      position: fixed;
      z-index: 30;
      top: clamp(18px, 3vw, 42px);
      left: clamp(18px, 4vw, 64px);
      right: clamp(18px, 4vw, 64px);
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: clamp(18px, 4vw, 64px);
      align-items: center;
      pointer-events: none;
    }

    .rw-logo,
    .rw-menu {
      pointer-events: auto;
    }

    .rw-logo {
      display: flex;
      align-items: center;
      gap: 14px;
      color: var(--rw-white);
      text-decoration: none;
      font-weight: 950;
      letter-spacing: -.02em;
      font-size: clamp(18px, 2vw, 27px);
    }

    .rw-logo__mark {
      width: clamp(44px, 4.8vw, 66px);
      height: clamp(44px, 4.8vw, 66px);
      display: grid;
      place-items: center;
      border: 1px solid rgba(247,247,241,.34);
      background: rgba(247,247,241,.045);
      font-size: .84em;
      box-shadow: inset 0 0 30px rgba(255,255,255,.06);
    }

    .rw-progress {
      height: 2px;
      background: rgba(247,247,241,.12);
      overflow: hidden;
      transform: translateY(-1px);
    }

    .rw-progress span {
      display: block;
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, var(--rw-white), var(--rw-blue), var(--rw-lime));
      box-shadow: 0 0 18px rgba(132,223,255,.55);
    }

    .rw-menu {
      width: clamp(46px, 4.6vw, 64px);
      height: clamp(46px, 4.6vw, 64px);
      display: grid;
      place-items: center;
      border: 1px solid rgba(247,247,241,.38);
      border-radius: 999px;
      background: rgba(0,0,0,.16);
      color: var(--rw-white);
      cursor: pointer;
      padding: 0;
    }

    .rw-menu svg {
      position: absolute;
      width: inherit;
      height: inherit;
      overflow: visible;
      rotate: -90deg;
    }

    .rw-menu circle {
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-dasharray: 302;
      stroke-dashoffset: calc(302 - (302 * var(--progress, 0)));
      opacity: .72;
    }

    .rw-menu span {
      font-size: 26px;
      line-height: 1;
      transition: rotate .3s ease, transform .3s ease;
    }

    body.is-menu-open .rw-menu span {
      rotate: 45deg;
      transform: scale(1.16);
    }

    .rw-page-title {
      position: fixed;
      z-index: 16;
      left: clamp(18px, 4vw, 64px);
      top: clamp(86px, 9vw, 132px);
      font-size: clamp(30px, 4.2vw, 64px);
      line-height: .82;
      font-weight: 820;
      letter-spacing: -.03em;
      color: rgba(247,247,241,.62);
      pointer-events: none;
      transform-origin: left top;
    }

    .rw__top,
    .rw-page-title,
    .rw-dots,
    .rw-menu-panel {
      display: none !important;
    }

    .rw-dots {
      position: fixed;
      z-index: 28;
      top: 50%;
      right: clamp(13px, 3vw, 50px);
      display: grid;
      gap: 13px;
      transform: translateY(-50%);
    }

    .rw-dot {
      position: relative;
      width: 14px;
      height: 14px;
      border: 1px solid rgba(247,247,241,.54);
      border-radius: 999px;
      background: rgba(247,247,241,.03);
      padding: 0;
      cursor: pointer;
    }

    .rw-dot::before {
      content: attr(aria-label);
      position: absolute;
      top: 50%;
      right: 26px;
      width: max-content;
      max-width: 220px;
      padding: 8px 10px;
      border: 1px solid rgba(247,247,241,.16);
      background: rgba(0,0,0,.82);
      color: var(--rw-white);
      font-size: 12px;
      line-height: 1;
      opacity: 0;
      transform: translateY(-50%) translateX(8px);
      pointer-events: none;
      transition: opacity .2s ease, transform .2s ease;
    }

    .rw-dot:hover::before,
    .rw-dot.is-active::before {
      opacity: 1;
      transform: translateY(-50%) translateX(0);
    }

    .rw-dot.is-active {
      background: var(--rw-white);
      border-color: var(--rw-white);
      box-shadow: 0 0 0 7px rgba(247,247,241,.07), 0 0 28px rgba(132,223,255,.55);
    }

    .rw-scroll {
      position: fixed;
      z-index: 24;
      left: 50%;
      bottom: clamp(20px, 4vw, 46px);
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(247,247,241,.24);
      border-radius: 999px;
      color: var(--rw-white);
      background: rgba(0,0,0,.18);
      text-decoration: none;
      translate: -50% 0;
      animation: rw-breathe 1.8s ease-in-out infinite;
    }

    .rw-scroll svg {
      width: 18px;
      height: 18px;
    }

    .rw-menu-panel {
      position: fixed;
      z-index: 22;
      inset: 0;
      display: grid;
      align-content: center;
      justify-items: end;
      padding: clamp(80px, 10vw, 150px) clamp(26px, 8vw, 120px);
      background:
        radial-gradient(ellipse at 72% 46%, rgba(132,223,255,.14), transparent 0 28%, transparent 54%),
        rgba(0,0,0,.88);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .36s ease, visibility .36s ease;
    }

    body.is-menu-open .rw-menu-panel {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .rw-menu-panel nav {
      display: grid;
      gap: 12px;
      text-align: right;
    }

    .rw-menu-panel a {
      text-decoration: none;
      font-size: clamp(46px, 8vw, 132px);
      line-height: .9;
      font-weight: 950;
      letter-spacing: -.04em;
      color: rgba(247,247,241,.34);
      transition: color .22s ease, transform .22s ease;
    }

    .rw-menu-panel a:hover {
      color: var(--rw-white);
      transform: translateX(-18px);
    }

    .rw-stage {
      position: relative;
      z-index: 10;
    }

    .rw-chapter {
      min-height: 118vh;
      display: grid;
      align-items: center;
      padding: clamp(104px, 12vw, 190px) clamp(22px, 8vw, 132px);
      pointer-events: none;
    }

    .rw-chapter:first-child {
      min-height: 100svh;
      justify-items: center;
      text-align: center;
      padding-top: clamp(92px, 10vw, 150px);
      padding-bottom: clamp(70px, 9vw, 116px);
    }

    .rw-stack {
      width: min(1120px, 100%);
    }

    .rw-stack--wide {
      width: min(1450px, 100%);
    }

    .rw-stack--small {
      width: min(820px, 100%);
    }

    .rw-stack--right {
      justify-self: end;
    }

    .rw-stack--center {
      justify-self: center;
      text-align: center;
    }

    .rw-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: auto;
      padding: 0;
      margin: 0 0 clamp(26px, 3.4vw, 52px);
      border: 0;
      border-radius: 0;
      color: var(--rw-white);
      background: transparent;
      font-size: clamp(13px, 1vw, 16px);
      font-weight: 800;
      letter-spacing: 0;
      opacity: .76;
      box-shadow: none;
    }

    .rw-brand-logo {
      display: inline-flex;
      width: clamp(118px, 12vw, 174px);
      height: auto;
      margin: 0 auto clamp(18px, 2.4vw, 36px);
      color: var(--rw-white);
      opacity: .92;
    }

    .rw-brand-logo svg {
      display: block;
      width: 100%;
      height: auto;
    }

    .rw-kicker {
      display: none;
      margin: 0 0 18px;
      color: var(--rw-soft);
      font-size: 12px;
      line-height: 1;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .16em;
    }

    .rw-hero {
      margin: 0;
      font-size: clamp(58px, 5.5vw, 148px) !important;
      line-height: .99 !important;
      font-weight: 405;
      letter-spacing: -.02em;
      text-wrap: balance;
    }

    .rw-hero .outline,
    .rw-big .outline {
      color: transparent;
      -webkit-text-stroke: 1px rgba(247,247,241,.78);
      text-stroke: 1px rgba(247,247,241,.78);
    }

    .rw-lead {
      width: min(780px, 100%);
      margin: clamp(30px, 4.4vw, 58px) auto 0;
      color: var(--rw-soft);
      font-size: clamp(18px, 1.55vw, 25px) !important;
      line-height: 1.52 !important;
      text-wrap: balance;
    }

    .rw-big {
      margin: 0;
      color: var(--rw-ink);
      font-size: clamp(34px, 3.8vw, 64px) !important;
      line-height: 1.15 !important;
      font-weight: 410;
      letter-spacing: -.012em;
      text-wrap: balance;
    }

    .rw-big .word {
      display: inline-block;
      color: var(--rw-ink);
      opacity: .9;
      transform: translateY(.08em);
      transition: color .24s ease, opacity .24s ease, transform .24s ease, text-shadow .24s ease;
    }

    .rw-big .word.is-active {
      color: var(--rw-white);
      opacity: 1;
      transform: translateY(0);
      text-shadow: 0 0 28px rgba(247,247,241,.1);
    }

    .rw-big .word.is-hot.is-active {
      color: var(--rw-lime);
      text-shadow: 0 0 30px rgba(215,255,79,.34);
    }

    .rw-copy {
      width: min(720px, 100%);
      margin-top: clamp(22px, 3vw, 38px);
      color: var(--rw-soft);
      font-size: clamp(17px, 1.3vw, 21px) !important;
      line-height: 1.68 !important;
    }

    .rw-media-row {
      width: min(920px, 100%);
      display: grid;
      grid-template-columns: 1fr;
      gap: clamp(32px, 6vw, 90px);
      align-items: center;
    }

    .rw-media-row--flip {
      grid-template-columns: 1fr;
    }

    .rw-media-row--flip .rw-media {
      order: -1;
    }

    .rw-media {
      display: none;
    }

    .rw-media::before,
    .rw-media::after {
      content: "";
      position: absolute;
      inset: 0;
    }

    .rw-media::before {
      background:
        radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(247,247,241,.7), transparent 0 6%, transparent 7%),
        radial-gradient(ellipse at 48% 56%, rgba(132,223,255,.52), transparent 0 29%, transparent 62%),
        repeating-radial-gradient(circle at 50% 55%, rgba(247,247,241,.42) 0 1px, transparent 1.5px 14px),
        conic-gradient(from 120deg at 50% 50%, #050505, #182526, #091011, #223007, #151515, #050505);
      animation: rw-media-drift 9s ease-in-out infinite alternate;
      transform: scale(1.18);
      filter: contrast(1.18) saturate(.92);
    }

    .rw-media::after {
      mix-blend-mode: screen;
      opacity: .72;
      background:
        linear-gradient(120deg, rgba(255,255,255,.18), transparent 18% 70%, rgba(255,255,255,.14)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 28px),
        radial-gradient(ellipse at 50% 70%, transparent 0 36%, rgba(0,0,0,.74));
    }

    .rw-media__label {
      position: absolute;
      z-index: 2;
      left: 22px;
      right: 22px;
      bottom: 20px;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      color: var(--rw-white);
      font-size: 12px;
      line-height: 1;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .14em;
    }

    .rw-services {
      width: min(1260px, 100%);
    }

    .rw-services__list {
      border-top: 1px solid rgba(247,247,241,.18);
    }

    .rw-service {
      display: grid;
      grid-template-columns: .46fr 1fr auto;
      gap: 24px;
      align-items: center;
      min-height: 112px;
      border-bottom: 1px solid rgba(247,247,241,.18);
      color: var(--rw-white);
      text-decoration: none;
      pointer-events: auto;
      transition: color .2s ease, background .2s ease, padding .2s ease;
    }

    .rw-service:hover {
      color: var(--rw-lime);
      background: rgba(247,247,241,.045);
      padding-left: 18px;
    }

    .rw-service strong {
      font-size: clamp(24px, 2.8vw, 42px);
      line-height: .94;
      letter-spacing: -.04em;
    }

    .rw-service span {
      color: var(--rw-soft);
      font-size: clamp(15px, 1.25vw, 19px);
      line-height: 1.5;
    }

    .rw-service i {
      font-style: normal;
      font-size: 32px;
      line-height: 1;
    }

    .rw-final {
      width: min(1120px, 100%);
      justify-self: center;
      text-align: center;
      pointer-events: auto;
    }

    .rw-final h2 {
      margin: 0;
      font-size: clamp(54px, 7.2vw, 124px) !important;
      line-height: .98 !important;
      font-weight: 430;
      letter-spacing: -.035em;
      text-wrap: balance;
    }

    .rw-final p {
      width: min(680px, 100%);
      margin: 28px auto 0;
      color: var(--rw-soft);
      font-size: clamp(18px, 1.6vw, 24px) !important;
      line-height: 1.52 !important;
    }

    .rw-button {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 58px;
      margin-top: 36px;
      padding: 15px 70px 15px 28px;
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 999rem;
      color: var(--rw-white);
      background: var(--rw-black);
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: 0;
      text-decoration: none !important;
      text-decoration-line: none !important;
      cursor: pointer;
      overflow: hidden;
      text-align: center;
      transition: border-color .3s cubic-bezier(.4, 0, .2, 1);
      -webkit-backdrop-filter: blur(64px);
      backdrop-filter: blur(64px);
      isolation: isolate;
    }

    .rw-button::before {
      content: "";
      position: absolute;
      bottom: -50%;
      left: 50%;
      transform: translateX(-50%);
      width: 50%;
      aspect-ratio: 1 / 1;
      background-color: rgba(187, 219, 0, .1);
      filter: blur(16px);
      border-radius: 999rem;
      z-index: -1;
    }

    .rw-button::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60%;
      height: 1px;
      background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, #BBDB00 50%, rgba(0,0,0,0) 100%);
      opacity: 1;
    }

    .rw-button:hover {
      border-color: #BBDB00;
      text-decoration: none !important;
      text-decoration-line: none !important;
    }

    .rw-button__text {
      position: relative;
      z-index: 2;
      white-space: nowrap;
      text-decoration: none !important;
      text-decoration-line: none !important;
    }

    .rw-button__icon {
      position: absolute;
      top: 50%;
      right: .2rem;
      transform: translateY(-50%) rotate(-45deg);
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      background-color: rgba(187, 219, 0, .1);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color .4s ease, transform .4s ease;
      z-index: 2;
      pointer-events: none;
    }

    .rw-button:hover .rw-button__icon {
      background-color: rgba(187, 219, 0, .2);
      transform: translateY(-50%) rotate(0deg);
    }

    .rw-button__icon svg {
      width: 1.9rem;
      height: 1.9rem;
      color: var(--rw-white);
    }

    .rw a,
    .rw a:visited {
      color: #DAFF00;
    }

    .rw .rw-button,
    .rw .rw-button:visited {
      color: var(--rw-white);
      text-decoration: none !important;
      text-decoration-line: none !important;
    }

    .rw-reveal {
      opacity: .001;
      transform: translateY(72px) scale(.985);
      filter: blur(18px);
    }

    @keyframes rw-breathe {
      0%, 100% { transform: translateY(0); opacity: .72; }
      50% { transform: translateY(9px); opacity: 1; }
    }

    @keyframes rw-media-drift {
      0% { transform: scale(1.12) rotate(-2deg); filter: hue-rotate(0deg) contrast(1.12); }
      100% { transform: scale(1.28) rotate(6deg); filter: hue-rotate(18deg) contrast(1.28); }
    }

    @media (max-width: 900px) {
      .rw__cursor,
      .rw-progress,
      .rw-scroll,
      .rw-page-title {
        display: none;
      }

      .rw__grid {
        background-size: 88px 88px;
      }

      .rw__wash {
        background:
          radial-gradient(ellipse at 50% 36%, rgba(132,223,255,.14), transparent 0 26%, transparent 58%),
          linear-gradient(180deg, rgba(0,0,0,.08), transparent 34%, rgba(0,0,0,.88)),
          linear-gradient(90deg, rgba(0,0,0,.68), transparent 50%, rgba(0,0,0,.55));
      }

      .rw__top {
        grid-template-columns: auto auto;
        justify-content: space-between;
        gap: 16px;
      }

      .rw-logo {
        font-size: 18px;
      }

      .rw-logo__mark {
        width: 42px;
        height: 42px;
      }

      .rw-menu {
        width: 46px;
        height: 46px;
      }

      .rw-dots {
        right: 10px;
        gap: 10px;
      }

      .rw-dot::before {
        display: none;
      }

      .rw-chapter {
        min-height: 116vh;
        padding: 96px 36px 96px 20px;
      }

      .rw-chapter:first-child {
        min-height: 100svh;
        padding-top: 96px;
        align-items: start;
      }

      .rw-badge {
        min-height: auto;
        margin-bottom: 18px;
        padding: 0;
        font-size: 13px;
      }

      .rw-brand-logo {
        width: 132px;
        margin-bottom: 18px;
      }

      .rw-hero {
        font-size: clamp(40px, 11vw, 56px) !important;
        line-height: .98 !important;
      }

      .rw-lead {
        margin-top: 22px;
        font-size: 16px !important;
        line-height: 1.46 !important;
      }

      .rw-big {
        font-size: clamp(28px, 7.2vw, 38px) !important;
        line-height: 1.12 !important;
      }

      .rw-media-row,
      .rw-media-row--flip {
        grid-template-columns: 1fr;
      }

      .rw-media-row--flip .rw-media {
        order: 0;
      }

      .rw-media {
        min-height: 350px;
        transform: none;
      }

      .rw-service {
        grid-template-columns: 1fr auto;
        min-height: 0;
        gap: 12px;
        padding: 24px 0;
      }

      .rw-service span {
        grid-column: 1 / -1;
      }

      .rw-menu-panel {
        justify-items: start;
      }

      .rw-menu-panel nav {
        text-align: left;
      }

      .rw-menu-panel a {
        font-size: clamp(48px, 15vw, 88px);
      }

      .rw::before,
      .rw::after {
        width: 340px;
        height: 340px;
        filter: blur(58px);
        opacity: .24;
      }

      .rw__grain {
        opacity: .055;
      }

      .rw__grid {
        opacity: .045;
      }

      .rw-button {
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px);
      }
    }