@charset "UTF-8";

:root {
  --bg-primary: #eee8dc !important;
  --accent-primary: #a82e23 !important;
  --ink-paper: #eee8dc;
  --ink-paper-bright: #f7f1e5;
  --ink-paper-deep: #d8cfbe;
  --ink: #171915;
  --ink-soft: #494a43;
  --ink-faint: rgba(23, 25, 21, 0.42);
  --ink-line: rgba(23, 25, 21, 0.21);
  --seal: #a82e23;
  --seal-dark: #762019;
  --ink-serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;
  --ink-kai: "Kaiti SC", "STKaiti", "KaiTi", var(--ink-serif);
  --ink-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

html[data-ink-theme="true"],
html[data-ink-theme="true"] body {
  background: var(--ink-paper) !important;
  color: var(--ink) !important;
}

html[data-ink-theme="true"] body {
  font-family: var(--ink-serif) !important;
  word-spacing: normal !important;
}

html[data-ink-theme="true"] body::after {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: 0.18;
  background-image:
    repeating-linear-gradient(0deg, rgba(52, 45, 33, 0.03) 0 1px, transparent 1px 4px),
    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='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
  background-size: auto, 210px 210px;
  mix-blend-mode: multiply;
}

html[data-ink-theme="true"] ::selection {
  background: var(--seal);
  color: var(--ink-paper-bright);
}

/* Preserve all GSAP/SplitText transforms; only exchange typography and ink. */
html[data-ink-theme="true"] h1,
html[data-ink-theme="true"] h2,
html[data-ink-theme="true"] h3,
html[data-ink-theme="true"] .menu-link,
html[data-ink-theme="true"] .heading {
  color: var(--ink) !important;
  background-image: none !important;
  font-family: var(--ink-kai) !important;
  text-transform: none !important;
  word-spacing: normal !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke-color: transparent !important;
}

html[data-ink-theme="true"] p,
html[data-ink-theme="true"] li,
html[data-ink-theme="true"] label,
html[data-ink-theme="true"] input,
html[data-ink-theme="true"] textarea,
html[data-ink-theme="true"] button,
html[data-ink-theme="true"] a {
  word-spacing: normal !important;
}

html[data-ink-theme="true"] .site-shell,
html[data-ink-theme="true"] .sections,
html[data-ink-theme="true"] .section,
html[data-ink-theme="true"] .page-scroll-wrapper,
html[data-ink-theme="true"] .scroll-container {
  color: var(--ink) !important;
}

html[data-ink-theme="true"] .sections::before {
  background:
    radial-gradient(circle at 50% 42%, transparent 8%, rgba(238, 232, 220, 0.1) 42%, rgba(238, 232, 220, 0.72) 100%),
    linear-gradient(180deg, transparent 76%, rgba(216, 207, 190, 0.42)) !important;
  opacity: 1 !important;
}

/* The original WebGPU/WebGL canvas continues rendering every frame. The
   composite filter turns its black world into paper and its lights into ink. */
html[data-ink-theme="true"] .canvas-container {
  background:
    radial-gradient(circle at 68% 30%, rgba(168, 46, 35, 0.055), transparent 24%),
    var(--ink-paper) !important;
}

html[data-ink-theme="true"] .canvas-container > canvas,
html[data-ink-theme="true"] .canvas-container > canvas.canvas {
  opacity: 0.9 !important;
  filter: invert(0.94) grayscale(1) sepia(0.11) contrast(0.92) brightness(1.07) !important;
  mix-blend-mode: multiply !important;
}

html[data-ink-theme="true"][data-scene-invert="1"] .canvas-container > canvas,
html[data-ink-theme="true"][data-scene-invert="1"] .canvas-container > canvas.canvas {
  opacity: 0.84 !important;
  filter: grayscale(1) sepia(0.08) contrast(0.86) brightness(1.1) !important;
  mix-blend-mode: multiply !important;
}

/* Preloader: keep orbit worker, progress and enter choreography. */
html[data-ink-theme="true"] .preloader-shell,
html[data-ink-theme="true"] .preloader-background-pattern {
  background: var(--ink-paper-bright) !important;
  color: var(--ink) !important;
}

html[data-ink-theme="true"] .preloader-background-pattern {
  background-image:
    radial-gradient(circle at 50% 44%, transparent 0 13%, rgba(23, 25, 21, 0.025) 14% 14.3%, transparent 14.6%),
    repeating-radial-gradient(circle at 50% 48%, transparent 0 52px, rgba(23, 25, 21, 0.045) 53px 54px) !important;
}

html[data-ink-theme="true"] .preloader-background-pattern__canvas,
html[data-ink-theme="true"] .preloader-art canvas {
  opacity: 0.26 !important;
  filter: invert(1) grayscale(1) contrast(0.9) !important;
  mix-blend-mode: multiply !important;
}

html[data-ink-theme="true"] .preloader-art,
html[data-ink-theme="true"] .preloader-art__frame,
html[data-ink-theme="true"] .preloader-art__rings,
html[data-ink-theme="true"] .preloader-waiting-copy,
html[data-ink-theme="true"] .preloader-progress,
html[data-ink-theme="true"] .preloader-progress-copy {
  color: var(--ink) !important;
  border-color: var(--ink-line) !important;
}

html[data-ink-theme="true"] .preloader-with-sound-label,
html[data-ink-theme="true"] .preloader-with-sound-lines,
html[data-ink-theme="true"] .preloader-sound-toggle__text {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  text-shadow: none !important;
}

html[data-ink-theme="true"] .preloader-with-sound-label-wrap:first-child .preloader-with-sound-label {
  color: var(--seal) !important;
  -webkit-text-fill-color: var(--seal) !important;
  font-family: var(--ink-kai) !important;
  letter-spacing: 0.16em !important;
}

html[data-ink-theme="true"] .start-canvas circle {
  fill: var(--seal) !important;
}

html[data-ink-theme="true"] .preloader-sound-toggle,
html[data-ink-theme="true"] button.start {
  background: rgba(247, 241, 229, 0.78) !important;
  border-color: var(--ink-line) !important;
  color: var(--ink) !important;
  box-shadow: 0 9px 34px rgba(23, 25, 21, 0.08) !important;
  backdrop-filter: blur(9px);
}

html[data-ink-theme="true"] .preloader-sound-toggle::before,
html[data-ink-theme="true"] button.start::before {
  background: var(--seal) !important;
}

/* Header / menu: retain clip-path panels, reveal offsets and hover physics. */
html[data-ink-theme="true"] .header,
html[data-ink-theme="true"] .right-buttons,
html[data-ink-theme="true"] .menu,
html[data-ink-theme="true"] #site-menu {
  color: var(--ink) !important;
}

html[data-ink-theme="true"] .logo {
  color: var(--ink) !important;
  filter: none !important;
  mix-blend-mode: multiply;
}

html[data-ink-theme="true"] .header::after {
  position: absolute;
  top: 50%;
  left: clamp(108px, 8vw, 154px);
  display: grid;
  width: 29px;
  height: 29px;
  border: 1px solid var(--seal);
  border-radius: 2px 4px 3px 5px;
  color: var(--seal);
  place-items: center;
  font-family: var(--ink-kai);
  font-size: 16px;
  line-height: 1;
  transform: translateY(-50%) rotate(-3deg);
  box-shadow: inset 0 0 0 2px rgba(168, 46, 35, 0.1);
  pointer-events: none;
  content: "DAO";
}

html[data-ink-theme="true"] .logo svg path,
html[data-ink-theme="true"] .logo svg polygon,
html[data-ink-theme="true"] .logo svg rect,
html[data-ink-theme="true"] .header svg path {
  fill: var(--ink) !important;
  stroke: var(--ink) !important;
}

html[data-ink-theme="true"] .menu-btn,
html[data-ink-theme="true"] .connect-btn,
html[data-ink-theme="true"] .menu-btn-mobile,
html[data-ink-theme="true"] .menu-contact-cta {
  --edge-fill-bg: var(--ink) !important;
  --edge-fill-accent: var(--seal) !important;
  --edge-fill-text: var(--ink-paper-bright) !important;
  color: var(--ink-paper-bright) !important;
}

html[data-ink-theme="true"] .menu-btn svg path,
html[data-ink-theme="true"] .connect-btn svg path {
  fill: var(--ink-paper-bright) !important;
  stroke: var(--ink-paper-bright) !important;
}

html[data-ink-theme="true"] .menu {
  background: var(--ink-paper-bright) !important;
}

html[data-ink-theme="true"] .sidenav__menu-bg-panel[data-sidenav-panel] {
  background: var(--ink-paper-bright) !important;
}

html[data-ink-theme="true"] .sidenav__menu-bg-panel[data-sidenav-panel]:nth-child(1) {
  background: var(--seal) !important;
}

html[data-ink-theme="true"] .sidenav__menu-bg-panel[data-sidenav-panel]:nth-child(2) {
  background: var(--ink) !important;
}

html[data-ink-theme="true"] .menu-link,
html[data-ink-theme="true"] .menu-contact-text,
html[data-ink-theme="true"] .menu-close,
html[data-ink-theme="true"] .menu-socials a {
  color: var(--ink) !important;
}

/* Section copy */
html[data-ink-theme="true"] .hero,
html[data-ink-theme="true"] .about,
html[data-ink-theme="true"] .services,
html[data-ink-theme="true"] .collaboration,
html[data-ink-theme="true"] .ventures,
html[data-ink-theme="true"] .partners,
html[data-ink-theme="true"] .team,
html[data-ink-theme="true"] .contact {
  color: var(--ink) !important;
}

html[data-ink-theme="true"] .hero p,
html[data-ink-theme="true"] .hero span,
html[data-ink-theme="true"] .about p,
html[data-ink-theme="true"] .services p,
html[data-ink-theme="true"] .collaboration p,
html[data-ink-theme="true"] .ventures p,
html[data-ink-theme="true"] .partners p,
html[data-ink-theme="true"] .team p,
html[data-ink-theme="true"] .contact p {
  color: inherit;
}

html[data-ink-theme="true"] .about__desc,
html[data-ink-theme="true"] .ventures__desc,
html[data-ink-theme="true"] .partners__desc,
html[data-ink-theme="true"] .section-reveal-paragraph,
html[data-ink-theme="true"] .contact__lead,
html[data-ink-theme="true"] .contact__left-meta,
html[data-ink-theme="true"] .services-card__list,
html[data-ink-theme="true"] .forest-card__desc {
  color: var(--ink-soft) !important;
}

html[data-ink-theme="true"] .hero h1,
html[data-ink-theme="true"] .hero__title,
html[data-ink-theme="true"] .hero__title .char {
  color: var(--ink) !important;
  background: linear-gradient(180deg, #11130f, #626158) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0.35px rgba(23, 25, 21, 0.42) !important;
}

html[data-ink-theme="true"] .hero h1 {
  font-size: clamp(3.4rem, 7.8vw, 8.5rem) !important;
}

html[data-ink-theme="true"] .hero__location,
html[data-ink-theme="true"] .hero__meta,
html[data-ink-theme="true"] .section-label,
html[data-ink-theme="true"] .eyebrow {
  color: var(--ink-soft) !important;
}

/* Cards retain tilt, lazy-mount, glare and pointer listeners. */
html[data-ink-theme="true"] .services-card,
html[data-ink-theme="true"] .card,
html[data-ink-theme="true"] .card-wrap,
html[data-ink-theme="true"] .forest-card {
  border-color: var(--ink-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 244, 0.68), rgba(216, 207, 190, 0.38)),
    rgba(238, 232, 220, 0.74) !important;
  color: var(--ink) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.32),
    0 18px 45px rgba(23, 25, 21, 0.1) !important;
  backdrop-filter: blur(8px) saturate(0.55) !important;
}

html[data-ink-theme="true"] .services-card::before,
html[data-ink-theme="true"] .card::before,
html[data-ink-theme="true"] .forest-card::before {
  background: radial-gradient(circle, rgba(168, 46, 35, 0.16), transparent 66%) !important;
}

html[data-ink-theme="true"] .card img,
html[data-ink-theme="true"] .partners img {
  filter: grayscale(1) contrast(0.82) sepia(0.1) !important;
  mix-blend-mode: multiply;
}

/* Buttons retain magnetic shift, glitch layers and clips. */
html[data-ink-theme="true"] .button {
  --button-bg: var(--ink) !important;
  --button-accent: var(--seal) !important;
  --button-text: var(--ink-paper-bright) !important;
  --button-text-hover: var(--ink-paper-bright) !important;
  color: var(--ink-paper-bright) !important;
}

html[data-ink-theme="true"] .button--red {
  --button-bg: var(--seal) !important;
  --button-accent: var(--ink-paper-bright) !important;
}

html[data-ink-theme="true"] .button__bg,
html[data-ink-theme="true"] .glitch-layer {
  background: var(--button-bg, var(--ink)) !important;
}

html[data-ink-theme="true"] .button__circle {
  background: var(--button-accent, var(--seal)) !important;
}

/* Progress, scrollbar, audio remain fully interactive. */
html[data-ink-theme="true"] .scroll-indicator {
  border: 1px solid var(--ink-line) !important;
  background: rgba(247, 241, 229, 0.88) !important;
  color: var(--ink) !important;
  box-shadow: 0 8px 28px rgba(23, 25, 21, 0.12) !important;
  backdrop-filter: blur(9px) !important;
}

html[data-ink-theme="true"] .scroll-indicator__wrap,
html[data-ink-theme="true"] .page-indicators,
html[data-ink-theme="true"] .progress-arrows {
  color: var(--ink) !important;
}

html[data-ink-theme="true"] .tick span,
html[data-ink-theme="true"] .tick::before,
html[data-ink-theme="true"] .tick::after {
  background: rgba(23, 25, 21, 0.38) !important;
  box-shadow: none !important;
}

html[data-ink-theme="true"] .tick.active span,
html[data-ink-theme="true"] .tick.active::before,
html[data-ink-theme="true"] .section-emphasis__beam {
  background: var(--seal) !important;
}

html[data-ink-theme="true"] .section-emphasis__label {
  background: var(--seal) !important;
  color: var(--ink-paper-bright) !important;
}

html[data-ink-theme="true"] .scrollbar__track {
  background: var(--ink-line) !important;
}

html[data-ink-theme="true"] .scrollbar__thumb {
  background: linear-gradient(180deg, rgba(168, 46, 35, 0.55), var(--seal)) !important;
}

html[data-ink-theme="true"] #audio-visualiser {
  --audio-accent: var(--seal);
  --audio-accent-soft: rgba(168, 46, 35, 0.3);
  --audio-surface: rgba(247, 241, 229, 0.86);
  --audio-border: var(--ink-line);
  color: var(--ink) !important;
  filter: grayscale(1) sepia(0.22);
}

/* Form */
html[data-ink-theme="true"] .contact__panel,
html[data-ink-theme="true"] .contact-form {
  border-color: var(--ink-line) !important;
  color: var(--ink) !important;
}

html[data-ink-theme="true"] .input-field {
  border-color: var(--ink-line) !important;
  background: rgba(247, 241, 229, 0.66) !important;
  color: var(--ink) !important;
  backdrop-filter: blur(7px);
}

html[data-ink-theme="true"] .input-field label,
html[data-ink-theme="true"] .input-field__label {
  color: var(--ink-soft) !important;
}

html[data-ink-theme="true"] .input-field input,
html[data-ink-theme="true"] .input-field textarea {
  color: var(--ink) !important;
  caret-color: var(--seal) !important;
}

html[data-ink-theme="true"] .input-field input::placeholder,
html[data-ink-theme="true"] .input-field textarea::placeholder {
  color: rgba(73, 74, 67, 0.48) !important;
}

html[data-ink-theme="true"] .input-field:focus-within {
  border-color: var(--seal) !important;
  box-shadow: 0 0 0 1px rgba(168, 46, 35, 0.2) !important;
}

html[data-ink-theme="true"] .field-error,
html[data-ink-theme="true"] .error-message {
  color: var(--seal) !important;
}

/* DAO token adaptation ---------------------------------------------------
   Keep every scene node and timeline target mounted. The selectors below
   only replace the former studio-specific surfaces with the token story. */
html[data-ink-theme="true"] .logo {
  position: relative;
  display: flex !important;
  width: 172px;
  height: 48px;
  align-items: center;
  gap: 0.65rem;
  color: var(--ink) !important;
  text-decoration: none;
}

html[data-ink-theme="true"] .logo img {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

html[data-ink-theme="true"] .logo::before {
  content: "DAO";
  font-family: var(--ink-kai);
  font-size: clamp(2.1rem, 3vw, 2.85rem);
  font-weight: 700;
  line-height: 1;
}

html[data-ink-theme="true"] .logo::after {
  content: "TOKEN";
  padding-left: 0.7rem;
  border-left: 1px solid var(--ink-line);
  color: var(--ink-soft);
  font-family: var(--ink-sans);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  white-space: nowrap;
}

html[data-ink-theme="true"] .header::after {
  display: none !important;
}

/* Remove the old agency CTA while retaining its progress calculations. */
html[data-ink-theme="true"] .collaboration .collaboration__button {
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-ink-theme="true"] .collaboration__subtitle {
  max-width: min(52rem, 76vw);
  color: var(--ink-soft) !important;
  font-family: var(--ink-serif) !important;
  font-size: clamp(1rem, 1.55vw, 1.5rem) !important;
  line-height: 1.8 !important;
}

/* The restored chapter uses generated textures inside the original WebGL
   TrainSlider. Keep the DOM copy unobtrusive and never place artwork above
   adjacent scenes. */
html[data-ink-theme="true"] #section-4 {
  isolation: isolate;
}

html[data-ink-theme="true"] #section-4 > .ventures {
  position: relative;
  z-index: 1;
  isolation: isolate;
}

html[data-ink-theme="true"] .ventures::before {
  position: absolute;
  z-index: 0;
  inset: 19% 18% 15%;
  content: "";
  pointer-events: none;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(168, 46, 35, 0.11), rgba(216, 207, 190, 0.12) 42%, transparent 70%);
  filter: blur(18px);
}

html[data-ink-theme="true"] .ventures > * {
  position: relative;
  z-index: 1;
}

html[data-ink-theme="true"] .ventures__desc {
  width: min(42rem, 46vw) !important;
  max-width: min(42rem, 78vw);
  font-size: clamp(1rem, 1.35vw, 1.35rem) !important;
  line-height: 1.8 !important;
}

/* Replace the old partner logos with five mechanism seals. Card mounting,
   reveal observers and pointer-tilt physics stay untouched. */
html[data-ink-theme="true"] .cards .card__icon-inner img {
  visibility: hidden !important;
}

html[data-ink-theme="true"] .cards .card__icon-reveal {
  position: relative;
}

html[data-ink-theme="true"] .cards .card__icon-reveal::after {
  position: absolute;
  inset: 0;
  display: grid;
  color: var(--seal);
  place-items: center;
  font-family: var(--ink-kai);
  font-size: clamp(3rem, 7vw, 7rem);
  line-height: 1;
  text-shadow: 0 10px 36px rgba(168, 46, 35, 0.12);
}

html[data-ink-theme="true"] .cards .card-wrap:nth-child(1) .card__icon-reveal::after { content: "1"; }
html[data-ink-theme="true"] .cards .card-wrap:nth-child(2) .card__icon-reveal::after { content: "2"; }
html[data-ink-theme="true"] .cards .card-wrap:nth-child(3) .card__icon-reveal::after { content: "3"; }
html[data-ink-theme="true"] .cards .card-wrap:nth-child(4) .card__icon-reveal::after { content: "4"; }
html[data-ink-theme="true"] .cards .card-wrap:nth-child(5) .card__icon-reveal::after { content: "5"; }

html[data-ink-theme="true"] .partners__desc a {
  color: var(--seal) !important;
  pointer-events: none;
  text-decoration: none;
}

/* Final token page: remove the agency form/social/footer surfaces, but keep
   the original Contact component mounted so its GSAP progress variables,
   parallax drift and eighth WebGL scene remain part of the experience. */
html[data-ink-theme="true"] .contact__form,
html[data-ink-theme="true"] .contact__left-meta,
html[data-ink-theme="true"] .contact__footer {
  display: none !important;
}

html[data-ink-theme="true"] .contact__panel {
  overflow: hidden;
  border: 1px solid rgba(23, 25, 21, 0.16) !important;
  background:
    radial-gradient(circle at 74% 42%, rgba(168, 46, 35, 0.12), transparent 28%),
    linear-gradient(140deg, rgba(247, 241, 229, 0.9), rgba(216, 207, 190, 0.78)) !important;
  box-shadow: 0 28px 100px rgba(23, 25, 21, 0.14) !important;
  backdrop-filter: blur(12px) saturate(0.7) !important;
}

html[data-ink-theme="true"] .contact__content {
  min-height: min(68vh, 760px);
}

html[data-ink-theme="true"] .contact__intro,
html[data-ink-theme="true"] .contact__right {
  position: relative;
  min-height: inherit;
}

html[data-ink-theme="true"] .contact__heading {
  color: var(--ink) !important;
  font-size: clamp(6rem, 20vw, 18rem) !important;
  line-height: 0.82 !important;
}

html[data-ink-theme="true"] .contact__lead {
  max-width: 34rem;
  margin-top: clamp(2rem, 5vw, 5rem) !important;
  color: var(--ink-soft) !important;
  font-family: var(--ink-serif) !important;
  font-size: clamp(1.15rem, 2vw, 1.8rem) !important;
  line-height: 1.8 !important;
  letter-spacing: 0.06em;
}

html[data-ink-theme="true"] .contact__right::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "DAO";
  color: rgba(23, 25, 21, 0.055);
  font-family: var(--ink-sans);
  font-size: clamp(7rem, 18vw, 19rem);
  font-weight: 800;
  letter-spacing: -0.08em;
  transform: translate(-52%, -54%) rotate(-6deg);
}

html[data-ink-theme="true"] .contact__right::after {
  position: absolute;
  right: clamp(1.5rem, 5vw, 5rem);
  bottom: clamp(1.5rem, 5vw, 5rem);
  content: "ROBINHOOD CHAIN  /  CA PENDING";
  color: var(--seal);
  font-family: var(--ink-sans);
  font-size: clamp(0.62rem, 0.9vw, 0.85rem);
  font-weight: 600;
  letter-spacing: 0.16em;
}

/* The original project accounts are intentionally removed. */
html[data-ink-theme="true"] .menu__socials {
  display: none !important;
}

/* Cursor physics and ripple animations are untouched. */
html[data-ink-theme="true"] .cursor {
  mix-blend-mode: multiply !important;
}

html[data-ink-theme="true"] .cursor__core {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
}

html[data-ink-theme="true"] .cursor-label,
html[data-ink-theme="true"] .cursor-anchor-label {
  background: var(--seal) !important;
  color: var(--ink-paper-bright) !important;
}

@media (max-width: 767px) {
  html[data-ink-theme="true"] .canvas-container > canvas,
  html[data-ink-theme="true"] .canvas-container > canvas.canvas {
    opacity: 0.84 !important;
    filter: invert(0.94) grayscale(1) sepia(0.1) contrast(0.88) brightness(1.08) !important;
  }

  html[data-ink-theme="true"] .scroll-indicator {
    background: rgba(247, 241, 229, 0.92) !important;
  }

  html[data-ink-theme="true"] .header::after {
    left: 78px;
    width: 25px;
    height: 25px;
    font-size: 14px;
  }

  html[data-ink-theme="true"] .logo {
    width: 92px;
    height: 40px;
  }

  html[data-ink-theme="true"] .logo::after {
    display: none;
  }

  html[data-ink-theme="true"] .ventures::before {
    inset: 20% 5% 15%;
  }

  html[data-ink-theme="true"] .ventures__desc {
    width: min(30rem, 84vw) !important;
  }

  html[data-ink-theme="true"] .contact__content,
  html[data-ink-theme="true"] .contact__intro,
  html[data-ink-theme="true"] .contact__right {
    min-height: 58vh;
  }

  html[data-ink-theme="true"] .contact__right::before {
    top: 38%;
  }

  html[data-ink-theme="true"] .contact__right::after {
    right: 1.25rem;
    bottom: 1.25rem;
  }
}