:root {
  --paper: #f0f4f8;
  --ink: #050505;
  --muted: rgba(5, 5, 5, 0.52);
  --quiet: rgba(5, 5, 5, 0.34);
  --line: rgba(5, 5, 5, 0.14);
  --panel: rgba(240, 244, 248, 0.72);
  --image-text: #f0f4f8;
  --font-heading: "Big Shoulders Display", sans-serif;
  --font-body: "Barlow Condensed", "Inter", Arial, sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

body.is-dark {
  --paper: #0d0d0d;
  --ink: #f3f3f3;
  --muted: rgba(243, 243, 243, 0.54);
  --quiet: rgba(243, 243, 243, 0.34);
  --line: rgba(243, 243, 243, 0.16);
  --panel: rgba(13, 13, 13, 0.72);
}

* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; min-height: 100%; overflow: hidden; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  cursor: none;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }

#loader.intro-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  background: var(--paper);
  color: var(--ink);
  transition: opacity 760ms var(--ease-out), visibility 760ms var(--ease-out), filter 760ms ease;
}
#loader.intro-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.045;
  background-image:
    linear-gradient(to right, var(--line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--line) 1px, transparent 1px);
  background-size: 112px 112px;
}
#loader.intro-loader::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42vw;
  max-width: 520px;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 50%;
  opacity: 0.18;
  transform: translate(-50%, -50%);
}
body.is-loaded #loader.intro-loader {
  opacity: 0;
  visibility: hidden;
  filter: blur(8px);
  pointer-events: none;
}
.loader-inner {
  position: relative;
  z-index: 2;
  width: min(420px, calc(100vw - 56px));
}
.loader-topline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  margin-bottom: 18px;
}
.loader-kicker,
.loader-percent,
.loader-hint {
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.loader-kicker,
.loader-hint { color: var(--quiet); }
.loader-percent { color: var(--ink); font-variant-numeric: tabular-nums; }
.loader-message {
  min-height: 1.1em;
  margin: 0 0 18px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.loader-progress {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--line);
  overflow: hidden;
}
.loader-progress span {
  display: block;
  height: 100%;
  width: 100%;
  background: var(--ink);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 220ms linear;
}
.loader-hint {
  margin: 16px 0 0;
  line-height: 1.35;
}

.whiteboard-shell {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  isolation: isolate;
}

.board-nav {
  position: fixed;
  z-index: 100;
  left: 32px;
  right: 32px;
  top: 28px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 24px;
  align-items: start;
  pointer-events: none;
}
.board-nav a,
.board-nav button { pointer-events: auto; }
.board-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  width: max-content;
}
.board-brand span {
  font-family: var(--font-heading);
  font-size: 16px;
  line-height: 0.9;
  font-weight: 700;
  letter-spacing: 0.055em;
  transform: scaleY(1.08);
}
.board-brand em {
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  opacity: 0;
  transform: translateY(8px);
  filter: blur(7px);
  transition: opacity 420ms ease, transform 520ms var(--ease-out), filter 520ms ease;
}
.board-brand:hover em { opacity: 1; transform: translateY(0); filter: blur(0); }
.board-links {
  display: flex;
  gap: 16px;
  align-items: center;
}
.board-links a {
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.075em;
  transition: opacity 240ms ease, filter 240ms ease, transform 280ms var(--ease-out), letter-spacing 280ms ease;
}
.board-links a:hover { opacity: 0.58; filter: blur(0.8px); transform: translateY(-1px); letter-spacing: 0.12em; }
.theme-toggle { background: transparent; border: 0; padding: 0; cursor: none; }
.toggle-track {
  width: 29px;
  height: 18px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  display: block;
  position: relative;
}
.toggle-dot {
  position: absolute;
  left: 3px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  transform: translateY(-50%);
  transition: transform 250ms var(--ease-out), background 250ms ease;
}
body.is-dark .toggle-track { background: currentColor; }
body.is-dark .toggle-dot { transform: translate(12px, -50%); background: var(--paper); }

.board-viewport {
  position: fixed;
  inset: 0;
  overflow: hidden;
  touch-action: none;
  user-select: none;
}
.grain-layer,
.vignette-layer,
.cursor-field {
  position: fixed;
  inset: 0;
  pointer-events: none;
}
.grain-layer {
  z-index: 70;
  opacity: 0.105;
  mix-blend-mode: overlay;
  background-image: url("../img/grain-texture-strong.png");
  background-repeat: repeat;
  background-size: 180px;
}
.vignette-layer {
  z-index: 69;
  background:
    radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), transparent 0 42%, rgba(0,0,0,0.065) 100%),
    linear-gradient(90deg, rgba(0,0,0,0.035), transparent 18%, transparent 82%, rgba(0,0,0,0.035));
  opacity: 0.9;
}
body.is-dark .vignette-layer {
  background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), transparent 0 36%, rgba(0,0,0,0.56) 100%);
}
.cursor-field {
  z-index: 1;
  background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(255,255,255,0.22), transparent 22%);
  opacity: 0.36;
  mix-blend-mode: overlay;
}
body.is-dark .cursor-field { opacity: 0.08; }

.board-world {
  --world-w: 5600px;
  --world-h: 3700px;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--world-w);
  height: var(--world-h);
  transform: translate3d(-2100px, -1350px, 0);
  transform-origin: 0 0;
  will-change: transform;
}
.world-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, var(--line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--line) 1px, transparent 1px);
  background-size: 240px 240px;
  opacity: 0.105;
  mask-image: radial-gradient(circle at 50% 50%, black 0 54%, transparent 88%);
}

.zone-label {
  position: absolute;
  z-index: 12;
  color: var(--quiet);
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
}
.zone-intro-label { left: 2420px; top: 1440px; }
.zone-work-label { left: 3730px; top: 950px; }
.zone-process-label { left: 990px; top: 1040px; }
.zone-about-label { left: 3420px; top: 2390px; }
.zone-archive-label { left: 2530px; top: 3030px; }

.mega-type {
  position: absolute;
  z-index: 4;
  font-family: var(--font-heading);
  font-size: clamp(210px, 18vw, 390px);
  line-height: 0.72;
  font-weight: 500;
  letter-spacing: 0.025em;
  transform: scaleY(1.08);
  color: var(--ink);
  opacity: 0.92;
  pointer-events: none;
  white-space: nowrap;
  will-change: transform, letter-spacing, filter;
}
.type-leandro { left: 1750px; top: 1160px; }
.type-ferreira { left: 2510px; top: 1510px; opacity: 0.82; }
.type-silva { left: 4200px; top: 1980px; opacity: 0.76; }
.type-living { left: 3650px; top: 560px; opacity: 0.08; font-size: clamp(260px, 24vw, 500px); }
.type-process { left: 520px; top: 1720px; opacity: 0.09; font-size: clamp(280px, 25vw, 520px); }
.type-systems { left: 3320px; top: 2780px; opacity: 0.08; font-size: clamp(250px, 23vw, 500px); }

.board-note,
.about-card,
.interface-fragment {
  position: absolute;
  z-index: 18;
  background: var(--panel);
  border: 1px solid var(--line);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 24px 80px rgba(0,0,0,0.04);
}
.board-note {
  left: 2820px;
  top: 1240px;
  width: 310px;
  padding: 17px 18px 18px;
}
.board-note span,
.about-card span,
.about-statement span,
.interface-fragment span {
  display: block;
  margin-bottom: 10px;
  color: var(--quiet);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.board-note p,
.about-card p,
.about-statement p {
  margin: 0;
  color: color-mix(in srgb, var(--ink) 76%, transparent);
  font-size: 17px;
  line-height: 1.22;
  font-weight: 400;
}
.about-card {
  padding: 18px;
  border-radius: 1px;
}
.about-statement {
  position: absolute;
  z-index: 19;
  color: var(--ink);
  pointer-events: auto;
}
.about-statement h2 {
  margin: 0 0 24px;
  max-width: 760px;
  font-family: var(--font-heading);
  font-size: clamp(74px, 7vw, 132px);
  line-height: 0.78;
  font-weight: 400;
  letter-spacing: 0.04em;
  transform: scaleY(1.08);
  transform-origin: left center;
}
.about-statement p {
  max-width: 620px;
  color: var(--muted);
  font-size: 28px;
  line-height: 1.05;
}

.about-card h2 {
  margin: 0 0 16px;
  max-width: 520px;
  font-family: var(--font-heading);
  font-size: clamp(44px, 4vw, 76px);
  line-height: 0.85;
  font-weight: 400;
  letter-spacing: 0.035em;
  transform: scaleY(1.06);
  transform-origin: left center;
}
.about-main { left: 3370px; top: 2480px; width: 560px; }
.about-focus { left: 4050px; top: 2280px; width: 260px; }
.about-current { left: 3940px; top: 2970px; width: 310px; }
.about-background { left: 3040px; top: 2820px; width: 300px; }

.interface-fragment {
  z-index: 16;
  min-width: 176px;
  padding: 12px 13px;
}
.interface-fragment strong {
  display: block;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: 0.055em;
}
.frag-a { left: 1460px; top: 1360px; }
.frag-b { left: 3180px; top: 760px; }
.frag-c { left: 2920px; top: 3220px; }
.frag-d { left: 920px; top: 2180px; }
.frag-e { left: 4160px; top: 1440px; }
.frag-f { left: 2220px; top: 840px; }

.artifact,
.process-object,
.archive-portal {
  --drift-x: 0px;
  --drift-y: 0px;
  position: absolute;
  z-index: 24;
  display: block;
  color: inherit;
  text-decoration: none;
  will-change: transform;
  transform: translate3d(var(--drift-x), var(--drift-y), 0);
}
.artifact {
  cursor: none;
  transition: filter 620ms var(--ease-out), opacity 520ms ease, z-index 0s linear;
}
.artifact-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  border-radius: 2px;
  box-shadow: 0 34px 120px rgba(0,0,0,0.12);
  transform: scale(1) rotate(var(--rotate, 0deg));
  transition: transform 920ms var(--ease-out), box-shadow 720ms ease;
  isolation: isolate;
}
.artifact-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: rgba(0,0,0,0.18);
  transition: opacity 620ms ease, background 620ms ease;
}
.artifact img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: contrast(1.03) saturate(0.92) brightness(0.9);
  transform: scale(1.04);
  transition: transform 1200ms var(--ease-out), filter 900ms ease;
}
.artifact-noise {
  position: absolute;
  inset: 0;
  z-index: 4;
  background-image: url("../img/grain-texture-strong.png");
  background-size: 170px;
  opacity: 0.08;
  mix-blend-mode: overlay;
}
.artifact-meta {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 7px 12px;
  opacity: 0.55;
  transition: opacity 420ms ease, transform 520ms var(--ease-out), filter 520ms ease;
}
.artifact-index,
.artifact-kind {
  color: var(--quiet);
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}
.artifact-title {
  font-family: var(--font-heading);
  font-size: 25px;
  line-height: 0.92;
  font-weight: 400;
  letter-spacing: 0.04em;
  transform: scaleY(1.06);
  transform-origin: left center;
}
.artifact-kind { grid-column: 2; }
.artifact:hover,
.artifact.is-active { z-index: 60; filter: none; }
.artifact:hover .artifact-inner,
.artifact.is-active .artifact-inner { transform: scale(1.055) rotate(0deg); box-shadow: 0 48px 160px rgba(0,0,0,0.18); }
.artifact:hover img,
.artifact.is-active img { transform: scale(1.01); filter: contrast(1.05) saturate(0.98) brightness(0.98); }
.artifact:hover .artifact-inner::after,
.artifact.is-active .artifact-inner::after { opacity: 0.18; background: rgba(0,0,0,0.06); }
.artifact:hover .artifact-meta,
.artifact.is-active .artifact-meta { opacity: 1; transform: translateY(4px); filter: blur(0); }
.artifact.is-dimmed { opacity: 0.28; filter: blur(1.5px); }

.artifact-large { width: 580px; height: 420px; }
.artifact-wide { width: 640px; height: 330px; }
.artifact-medium { width: 390px; height: 300px; }
.artifact-small { width: 260px; height: 190px; }
.artifact-tall { width: 330px; height: 500px; }
.artifact-mini { width: 210px; height: 156px; }

.pos-01 { left: 3460px; top: 960px; --rotate: -1.4deg; }
.pos-02 { left: 4230px; top: 620px; --rotate: 1.2deg; }
.pos-03 { left: 3110px; top: 1610px; --rotate: 1deg; }
.pos-04 { left: 4540px; top: 1640px; --rotate: -0.9deg; }
.pos-05 { left: 3740px; top: 2130px; --rotate: 1.7deg; }

.process-object {
  z-index: 20;
  opacity: 0.82;
}
.process-object figure {
  margin: 0;
  padding: 9px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 28px 90px rgba(0,0,0,0.08);
  transform: rotate(var(--rotate, 0deg));
  transition: transform 760ms var(--ease-out), opacity 520ms ease, filter 520ms ease;
}
.process-object img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.16) contrast(1.04) brightness(0.94);
}
.process-object figcaption {
  margin-top: 8px;
  color: var(--quiet);
  font-size: 10px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.process-object:hover figure { transform: rotate(0deg) scale(1.04); filter: none; }
.process-a { left: 760px; top: 1230px; width: 330px; height: 250px; --rotate: -2deg; }
.process-b { left: 1280px; top: 1720px; width: 260px; height: 214px; --rotate: 1.4deg; }
.process-c { left: 570px; top: 2030px; width: 420px; height: 300px; --rotate: 1.8deg; }
.process-d { left: 1740px; top: 1180px; width: 230px; height: 180px; --rotate: -1.2deg; }
.process-e { left: 1600px; top: 1960px; width: 360px; height: 260px; --rotate: -1.6deg; }
.process-f { left: 950px; top: 2700px; width: 290px; height: 220px; --rotate: 2deg; }

.archive-portal {
  left: 2450px;
  top: 3030px;
  z-index: 34;
  width: 520px;
  min-height: 190px;
  padding: 28px 30px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--paper) 62%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
  transition: transform 700ms var(--ease-out), border-color 420ms ease, background 420ms ease;
}
.archive-portal::before,
.archive-portal::after {
  content: "";
  position: absolute;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: 0.12;
  pointer-events: none;
  animation: portalPulse 2300ms ease-in-out infinite;
}
.archive-portal::before { width: 320px; height: 320px; right: -120px; top: -90px; }
.archive-portal::after { width: 190px; height: 190px; right: -34px; bottom: -90px; animation-delay: 800ms; }
.archive-portal span {
  display: block;
  color: var(--quiet);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.archive-portal strong {
  display: block;
  margin-top: 14px;
  font-family: var(--font-heading);
  font-size: 92px;
  line-height: 0.78;
  font-weight: 400;
  letter-spacing: 0.04em;
  transform: scaleY(1.06);
  transform-origin: left center;
}
.archive-portal em {
  display: block;
  margin-top: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.archive-portal:hover { background: color-mix(in srgb, var(--paper) 82%, transparent); border-color: color-mix(in srgb, var(--ink) 28%, transparent); }
@keyframes portalPulse { 0%,100% { transform: scale(0.94); opacity: 0.08; } 50% { transform: scale(1.04); opacity: 0.22; } }

.object-panel {
  position: fixed;
  z-index: 92;
  right: 32px;
  bottom: 30px;
  width: 290px;
  min-height: 132px;
  padding: 15px 16px 17px;
  border: 1px solid var(--line);
  background: var(--panel);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: none;
  transition: opacity 420ms ease, transform 520ms var(--ease-out);
}
.object-panel span {
  color: var(--quiet);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.object-panel strong {
  display: block;
  margin-top: 12px;
  font-family: var(--font-heading);
  font-size: 34px;
  line-height: 0.88;
  font-weight: 400;
  letter-spacing: 0.04em;
  transform: scaleY(1.06);
  transform-origin: left center;
}
.object-panel em {
  display: block;
  margin-top: 10px;
  color: var(--quiet);
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.object-panel p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
}

.edge-signals {
  position: fixed;
  inset: 0;
  z-index: 88;
  pointer-events: none;
}
.edge-signal {
  --x: 0;
  --y: 0;
  position: absolute;
  display: inline-grid;
  place-items: center;
  min-width: 72px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--paper) 42%, transparent);
  color: var(--muted);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: none;
  pointer-events: auto;
  opacity: 0.72;
  left: var(--edge-left, 50%);
  top: var(--edge-top, 50%);
  transform: translate(-50%, -50%);
  transition: opacity 260ms ease, border-color 260ms ease, color 260ms ease, filter 260ms ease, left 520ms var(--ease-out), top 520ms var(--ease-out), transform 420ms var(--ease-out);
  animation: signalPulse 2100ms ease-in-out infinite;
}
.edge-signal span {
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  white-space: nowrap;
}
.edge-signal::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid currentColor;
  border-radius: 999px;
  opacity: 0.08;
  animation: signalRing 2100ms ease-in-out infinite;
}
.edge-signal:hover,
.edge-signal.is-hot {
  opacity: 1;
  color: var(--ink);
  border-color: color-mix(in srgb, var(--ink) 34%, transparent);
  filter: blur(0);
}
.edge-signal.is-onscreen { opacity: 0.22; }
.edge-signal.is-offscreen { opacity: 0.68; }
.edge-signal.is-openable {
  opacity: 0.92;
  color: var(--ink);
  border-color: color-mix(in srgb, var(--ink) 28%, transparent);
  background: color-mix(in srgb, var(--paper) 62%, transparent);
}
.edge-signal.is-hot { transform: translate(-50%, -50%) scale(1.06); }
@keyframes signalPulse { 0%,100% { opacity: 0.48; } 50% { opacity: 0.88; } }
@keyframes signalRing { 0%,100% { transform: scale(0.92); opacity: 0.05; } 50% { transform: scale(1.18); opacity: 0.16; } }

.board-radar {
  position: fixed;
  z-index: 95;
  left: 32px;
  bottom: 30px;
  width: 118px;
  height: 78px;
  border: 1px solid var(--line);
  background: var(--panel);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: none;
}
.board-radar::before {
  content: "MAP";
  position: absolute;
  left: 8px;
  top: 8px;
  color: var(--quiet);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.13em;
}
.radar-dot,
.radar-view {
  position: absolute;
  display: block;
}
.radar-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.45;
}
.radar-intro { left: 49%; top: 42%; }
.radar-work { left: 74%; top: 28%; }
.radar-process { left: 20%; top: 34%; }
.radar-about { left: 68%; top: 66%; }
.radar-archive { left: 48%; top: 80%; }
.radar-view {
  width: 16px;
  height: 11px;
  border: 1px solid currentColor;
  opacity: 0.8;
  transform: translate(-50%, -50%);
  transition: left 140ms linear, top 140ms linear;
}

.custom-cursor {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: transparent;
  pointer-events: none;
  opacity: 0.75;
  transform: translateZ(0);
  transition: width 280ms var(--ease-out), height 280ms var(--ease-out), margin 280ms var(--ease-out), opacity 180ms ease, background 180ms ease, border-color 180ms ease;
}
.custom-cursor span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.08em;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 220ms ease, transform 280ms var(--ease-out);
}
.custom-cursor.is-drag,
.custom-cursor.is-project {
  width: 74px;
  height: 74px;
  margin-left: -37px;
  margin-top: -37px;
  border-color: rgba(255,255,255,0.86);
  background: rgba(0,0,0,0.1);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 1;
}
.custom-cursor.is-project span { opacity: 1; transform: scale(1); }
.custom-cursor.is-project span::before { content: "VIEW"; }
.custom-cursor.is-drag span { opacity: 1; transform: scale(1); }
.custom-cursor.is-drag span::before { content: "DRAG"; }
.custom-cursor.is-link {
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(2px);
}

@media (max-width: 980px) {
  html, body { overflow: auto; }
  body { cursor: auto; }
  .custom-cursor,
  .edge-signals,
  .board-radar,
  .object-panel { display: none; }
  .whiteboard-shell,
  .board-viewport { position: relative; min-height: 100dvh; overflow: visible; }
  .board-nav {
    position: fixed;
    left: 20px;
    right: 20px;
    top: 20px;
    grid-template-columns: 1fr auto;
    gap: 16px;
  }
  .board-links {
    grid-column: 1 / -1;
    justify-content: space-between;
    margin-top: 8px;
  }
  .theme-toggle { position: absolute; right: 0; top: 0; }
  .board-world {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    transform: none !important;
    padding: 130px 20px 80px;
    display: grid;
    gap: 46px;
  }
  .world-grid,
  .zone-label,
  .interface-fragment,
  .type-living,
  .type-process,
  .type-systems { display: none; }
  .mega-type,
  .board-note,
  .about-card,
  .about-statement,
  .artifact,
  .process-object,
  .archive-portal {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }
  .mega-type {
    font-size: clamp(82px, 25vw, 150px);
    line-height: 0.76;
  }
  .artifact-inner { height: auto; aspect-ratio: 1.25; }
  .process-object figure { transform: none; }
  .process-object img { height: auto; aspect-ratio: 1.35; }
  .archive-portal strong { font-size: clamp(58px, 16vw, 96px); }
  .about-statement h2 { font-size: clamp(58px, 18vw, 96px); }
  .about-statement p { font-size: 22px; line-height: 1.08; }
  .about-card h2 { font-size: clamp(48px, 13vw, 76px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

body.nav-on-dark .board-nav {
  color: #f3f3f3;
  text-shadow: 0 1px 18px rgba(0,0,0,0.32);
}
body.nav-on-dark .board-brand em,
body.nav-on-dark .board-links a {
  color: rgba(243,243,243,0.82);
}
body.nav-on-dark .toggle-track {
  border-color: rgba(243,243,243,0.92);
  background: rgba(0,0,0,0.08);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
body.nav-on-dark .toggle-dot {
  background: #f3f3f3;
}
body.nav-on-dark.is-dark .toggle-dot {
  background: #111;
}

#loader.intro-loader {
  transition-duration: 900ms;
}
.loader-message {
  font-family: var(--font-heading);
  font-size: clamp(28px, 5vw, 64px);
  line-height: 0.86;
  letter-spacing: 0.055em;
  transform: scaleY(1.06);
  transform-origin: left center;
}
.loader-inner {
  width: min(520px, calc(100vw - 56px));
}
.loader-progress {
  height: 2px;
}

.process-object {
  position: absolute;
}
.process-object figure {
  width: 100%;
  height: 100%;
}
.process-object img {
  height: calc(100% - 24px);
}
.process-object:nth-child(3n) { opacity: 0.74; }
.process-object:nth-child(4n) { z-index: 17; }
.process-object:nth-child(5n) { z-index: 23; }

@media (max-width: 980px) {
  body.nav-on-dark .board-nav {
    color: var(--ink);
    text-shadow: none;
  }
  .loader-message {
    font-size: clamp(34px, 13vw, 58px);
  }
}

.board-world {
  --world-w: 7600px;
  --world-h: 5400px;
}
.zone-work-label { left: 5060px; top: 1000px; }
.zone-process-label { left: 930px; top: 1700px; }
.zone-about-label { left: 5400px; top: 3340px; }
.zone-archive-label { left: 3460px; top: 4620px; }

.type-living { left: 5000px; top: 580px; }
.type-process { left: 390px; top: 2500px; }
.type-systems { left: 5100px; top: 3900px; }

.pos-01 { left: 4860px; top: 930px; }
.pos-02 { left: 5760px; top: 650px; }
.pos-03 { left: 4470px; top: 1730px; }
.pos-04 { left: 6100px; top: 1870px; }
.pos-05 { left: 5250px; top: 2460px; }

.about-main { left: 5200px; top: 3500px; width: 720px; }
.about-focus { left: 6100px; top: 3380px; width: 270px; }
.about-current { left: 6280px; top: 4100px; width: 320px; }
.about-background { left: 4860px; top: 4240px; width: 310px; }
.archive-portal { left: 3340px; top: 4720px; }
.frag-b { left: 4620px; top: 760px; }
.frag-c { left: 3980px; top: 5000px; }
.frag-e { left: 6420px; top: 1570px; }

.board-world::before,
.board-world::after {
  position: absolute;
  z-index: 2;
  font-family: var(--font-heading);
  color: var(--ink);
  opacity: 0.045;
  pointer-events: none;
  white-space: nowrap;
  transform: scaleY(1.08);
}
.board-world::before {
  content: "PHYSICAL / DIGITAL";
  left: 3020px;
  top: 2500px;
  font-size: 260px;
  letter-spacing: 0.045em;
}
.board-world::after {
  content: "OPEN FIELD";
  left: 2100px;
  top: 4000px;
  font-size: 210px;
  letter-spacing: 0.06em;
}

.about-statement {
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.about-statement h2 {
  font-size: clamp(92px, 8vw, 156px);
  max-width: 760px;
}
.about-statement p {
  max-width: 680px;
  font-size: 24px;
  line-height: 1.12;
}

.trust-field {
  position: absolute;
  left: 5600px;
  top: 4540px;
  width: 760px;
  height: 420px;
  z-index: 20;
  pointer-events: auto;
}
.trust-kicker,
.trust-line,
.trust-quote,
.trust-logo {
  position: absolute;
  display: block;
}
.trust-kicker {
  left: 0;
  top: 0;
  color: var(--quiet);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.trust-line {
  left: 0;
  top: 34px;
  width: 340px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.18;
}
.trust-logo {
  min-width: 82px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--paper) 58%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: color-mix(in srgb, var(--ink) 72%, transparent);
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  box-shadow: 0 24px 80px rgba(0,0,0,0.04);
}
.trust-logo-a { left: 390px; top: 10px; transform: rotate(-1.2deg); }
.trust-logo-b { left: 520px; top: 110px; transform: rotate(1.4deg); }
.trust-logo-c { left: 240px; top: 150px; transform: rotate(-0.7deg); min-width: 118px; }
.trust-logo-d { left: 420px; top: 250px; transform: rotate(1.8deg); min-width: 126px; }
.trust-logo-e { left: 90px; top: 265px; transform: rotate(-1.6deg); min-width: 132px; }
.trust-quote {
  left: 0;
  top: 150px;
  width: 260px;
  color: var(--ink);
  font-family: var(--font-heading);
  font-size: 32px;
  line-height: 0.92;
  letter-spacing: 0.045em;
  transform: scaleY(1.06);
  opacity: 0.82;
}

#loader.intro-loader::after { display: none; }
.loader-inner {
  width: min(460px, calc(100vw - 56px));
}
.loader-message {
  min-height: 1.2em;
  margin-bottom: 20px;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 0.055em;
  transform: none;
}
.loader-progress { height: 1.5px; }
.loader-hint { max-width: 300px; }

.board-brand,
.board-links,
.theme-toggle {
  transition: color 260ms ease, text-shadow 260ms ease;
}
.board-brand.on-dark,
.board-links.on-dark,
.theme-toggle.on-dark {
  color: #f3f3f3;
  text-shadow: 0 1px 18px rgba(0,0,0,0.38);
}
.board-brand.on-dark em,
.board-links.on-dark a {
  color: rgba(243,243,243,0.82);
}
.theme-toggle.on-dark .toggle-track {
  border-color: rgba(243,243,243,0.92);
  background: rgba(0,0,0,0.08);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.theme-toggle.on-dark .toggle-dot { background: #f3f3f3; }
body.is-dark .theme-toggle.on-dark .toggle-dot { background: #111; }
body.nav-on-dark .board-nav { color: inherit; text-shadow: none; }
body.nav-on-dark .board-brand em,
body.nav-on-dark .board-links a { color: inherit; }

.process-object figure { box-shadow: 0 28px 110px rgba(0,0,0,0.10); }
.process-object:nth-child(2n) figure { border-radius: 1px; }
.process-object:nth-child(4n) figure { opacity: 0.84; }
.process-object:nth-child(5n) figure { filter: saturate(0.85) contrast(1.03); }

@media (max-width: 980px) {
  .trust-field {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 460px;
  }
  .board-world::before,
  .board-world::after { display: none; }
  .about-statement h2 { font-size: clamp(60px, 18vw, 96px); }
  .loader-message { font-size: 16px; }
  .board-brand.on-dark,
  .board-links.on-dark,
  .theme-toggle.on-dark {
    color: var(--ink);
    text-shadow: none;
  }
}

.board-world {
  --world-w: 8000px;
  --world-h: 5900px;
}

.zone-intro-label { left: 2200px; top: 1540px; }
.type-leandro { left: 1460px; top: 1050px; font-size: clamp(220px, 18vw, 390px); }
.type-ferreira { left: 2280px; top: 1530px; opacity: 0.82; }
.type-silva { left: 1840px; top: 2210px; opacity: 0.76; }
.intro-note { left: 2760px; top: 1190px; }
.frag-a { left: 1160px; top: 1260px; }
.frag-f { left: 1960px; top: 760px; }

.zone-work-label { left: 5050px; top: 980px; }
.pos-01 { left: 4920px; top: 850px; --rotate: -1.4deg; }
.pos-02 { left: 5480px; top: 720px; --rotate: 1.2deg; }
.pos-03 { left: 4680px; top: 1420px; --rotate: 1deg; }
.pos-04 { left: 5550px; top: 1420px; --rotate: -0.9deg; }
.pos-05 { left: 5200px; top: 1950px; --rotate: 1.7deg; }

.zone-experience-label { left: 5700px; top: 4510px; }
.trust-field {
  left: 5540px;
  top: 4540px;
  width: 840px;
  height: 520px;
}
.trust-line {
  width: 320px;
  font-size: 16px;
}
.trust-logo {
  min-width: 0;
  width: 78px;
  height: 48px;
  padding: 7px;
  object-fit: cover;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--paper) 52%, transparent);
  filter: grayscale(1) contrast(1.08) brightness(0.96);
  opacity: 0.76;
}
.trust-logo-a { left: 380px; top: 4px; width: 92px; height: 54px; transform: rotate(-1.2deg); }
.trust-logo-b { left: 540px; top: 92px; width: 72px; height: 72px; transform: rotate(1.4deg); }
.trust-logo-c { left: 230px; top: 144px; width: 120px; height: 58px; transform: rotate(-0.7deg); }
.trust-logo-d { left: 445px; top: 236px; width: 136px; height: 62px; transform: rotate(1.8deg); }
.trust-logo-e { left: 92px; top: 278px; width: 108px; height: 58px; transform: rotate(-1.6deg); }
.trust-quote { top: 168px; }

.edge-signal[data-target="intro"] { display: none; }
.edge-experience { z-index: 91; }

.lost-return {
  position: fixed;
  left: 50%;
  bottom: 34px;
  z-index: 95;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 16px 11px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: color-mix(in srgb, var(--paper) 72%, transparent);
  color: var(--ink);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 80px rgba(0,0,0,0.08);
  transform: translate(-50%, 18px);
  opacity: 0;
  pointer-events: none;
  cursor: none;
  transition: opacity 420ms ease, transform 520ms var(--ease-out), filter 420ms ease;
}
.lost-return.is-visible {
  opacity: 0.86;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.lost-return span,
.lost-return strong {
  display: block;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.lost-return span { color: var(--quiet); font-weight: 700; }
.lost-return strong { color: var(--ink); font-weight: 700; }
.lost-return:hover { filter: blur(0.4px); transform: translate(-50%, -2px); }

.loader-inner { width: min(480px, calc(100vw - 56px)); }
.loader-message { font-size: 15px; letter-spacing: 0.052em; }
.loader-hint { max-width: 360px; line-height: 1.35; }

@media (max-width: 980px) {
  .lost-return { display: none; }
  .trust-logo { position: absolute; }
}

.zone-intro-label { left: 2240px; top: 1510px; }
.type-leandro { left: 1460px; top: 1050px; }
.type-ferreira { left: 2280px; top: 1530px; }
.intro-note { left: 2860px; top: 1200px; }
.lost-return {
  bottom: 42px;
  background: color-mix(in srgb, var(--paper) 82%, transparent);
  border-color: color-mix(in srgb, var(--ink) 28%, transparent);
}
.lost-return.is-visible {
  opacity: 0.94;
}
.lost-return strong::after {
  content: " →";
}

.custom-cursor {
  color: #fff;
  border-color: #fff;
  background: transparent;
  mix-blend-mode: difference;
  isolation: auto;
}
.custom-cursor span { color: #fff; }
.custom-cursor.is-link {
  background: transparent;
  border-color: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.custom-cursor.is-drag,
.custom-cursor.is-project {
  border-color: #fff;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.zone-process-label { top: 3470px; }
.type-process { top: 3230px; }

.lost-return {
  left: 50%;
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%) scale(0.96);
}
.lost-return.is-visible {
  transform: translate(-50%, -50%) scale(1);
}
.lost-return:hover {
  transform: translate(-50%, -50%) scale(1.02);
}

.lost-return,
.lost-return.is-visible,
.lost-return:hover {
  filter: none !important;
}
.lost-return {
  transition: opacity 360ms ease, transform 420ms var(--ease-out) !important;
}
.lost-return:hover {
  transform: translate(-50%, -50%) scale(1) !important;
  letter-spacing: inherit;
}
.lost-return:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 6px;
}

.board-brand,
.board-brand span,
.board-brand em,
.board-links a,
.theme-toggle {
  color: #fff !important;
  mix-blend-mode: difference;
  text-shadow: none !important;
}

.board-links {
  gap: clamp(14px, 1.55vw, 26px);
  color: inherit;
  mix-blend-mode: normal;
}

.board-brand.on-dark,
.board-links.on-dark,
.theme-toggle.on-dark {
  color: #fff !important;
  text-shadow: none !important;
}

.board-brand.on-dark em,
.board-links.on-dark a,
body.nav-on-dark .board-brand em,
body.nav-on-dark .board-links a {
  color: #fff !important;
}

.theme-toggle .toggle-track,
.theme-toggle.on-dark .toggle-track {
  border-color: currentColor !important;
  background: transparent;
}

.theme-toggle .toggle-dot,
.theme-toggle.on-dark .toggle-dot {
  background: currentColor !important;
}

.zone-intro-label {
  left: 2240px;
  top: 1375px;
}

@media (max-width: 1120px) {
  .board-links { gap: 12px; }
  .board-links a { font-size: 10px; }
}

.board-nav {
  isolation: auto !important;
}

.board-brand,
.board-brand span,
.board-brand em,
.board-links a,
.theme-toggle {
  color: #fff !important;
  mix-blend-mode: difference !important;
  text-shadow: none !important;
}

.board-brand em {
  opacity: 0.72;
}

.board-brand:hover em {
  opacity: 1;
}

.board-links,
.board-links.on-dark,
.board-brand.on-dark,
.theme-toggle.on-dark {
  color: inherit !important;
  text-shadow: none !important;
}

.board-links.on-dark a,
.board-brand.on-dark span,
.board-brand.on-dark em,
body.nav-on-dark .board-links a,
body.nav-on-dark .board-brand,
body.nav-on-dark .board-brand span,
body.nav-on-dark .board-brand em {
  color: #fff !important;
  text-shadow: none !important;
}

.theme-toggle .toggle-track,
.theme-toggle.on-dark .toggle-track {
  border-color: #fff !important;
  background: transparent !important;
  mix-blend-mode: difference !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.theme-toggle .toggle-dot,
.theme-toggle.on-dark .toggle-dot,
body.is-dark .theme-toggle.on-dark .toggle-dot {
  background: #fff !important;
  mix-blend-mode: difference !important;
}

.board-links {
  gap: clamp(13px, 1.35vw, 22px);
}

.board-brand,
.board-brand span,
.board-brand em,
.board-links,
.board-links a,
.theme-toggle {
  mix-blend-mode: normal !important;
  color: var(--ink) !important;
  text-shadow: none !important;
}

.board-brand.on-dark,
.board-brand.on-dark span,
.board-brand.on-dark em,
.board-links a.on-dark,
.theme-toggle.on-dark {
  color: #f4f4f4 !important;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.28) !important;
}

.board-brand em { opacity: 0.66; }
.board-brand.on-dark em { opacity: 0.82; }

.theme-toggle .toggle-track,
.theme-toggle.on-dark .toggle-track {
  border-color: currentColor !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.theme-toggle .toggle-dot,
.theme-toggle.on-dark .toggle-dot,
body.is-dark .theme-toggle.on-dark .toggle-dot {
  background: currentColor !important;
  mix-blend-mode: normal !important;
}

.board-nav {
  grid-template-columns: 1fr auto auto;
  align-items: center;
}
.nav-controls {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  pointer-events: auto;
}
.sound-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: none;
  opacity: 0.82;
  transition: opacity 220ms ease, transform 280ms var(--ease-out), color 220ms ease;
}
.sound-toggle:hover { opacity: 1; }
.sound-icon {
  width: 18px;
  height: 18px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  position: relative;
  display: inline-block;
}
.sound-icon::before,
.sound-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 6px;
  background: currentColor;
  border-radius: 999px;
  transform: translate(-50%, -50%) scaleY(0.45);
  transition: transform 260ms var(--ease-out), opacity 220ms ease;
}
.sound-icon::after {
  left: 62%;
  height: 9px;
  opacity: 0.42;
}
.sound-toggle.is-on .sound-icon::before { transform: translate(-58%, -50%) scaleY(1); }
.sound-toggle.is-on .sound-icon::after { transform: translate(-40%, -50%) scaleY(1); opacity: 1; }
.sound-label {
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.theme-toggle {
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.sound-toggle,
.sound-toggle.on-dark,
.sound-toggle.on-dark .sound-label,
.sound-toggle.on-dark .sound-icon {
  mix-blend-mode: normal !important;
}
.sound-toggle.on-dark {
  color: #f4f4f4 !important;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.28) !important;
}

.artifact,
.process-object,
.archive-portal {
  --depth-scale: 1;
  --focus-lift: 0px;
  transform: translate3d(var(--drift-x), calc(var(--drift-y) + var(--focus-lift)), 0) scale(var(--depth-scale));
  transform-origin: center center;
}
.artifact-inner {
  box-shadow: 0 22px 70px rgba(0,0,0,0.10), 0 2px 10px rgba(0,0,0,0.06);
}
.artifact::before,
.process-object::before {
  content: "";
  position: absolute;
  inset: 8% 4% -10% 4%;
  z-index: -1;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.22), transparent 68%);
  filter: blur(24px);
  opacity: 0.18;
  transform: translateY(24px) scale(0.96);
  pointer-events: none;
  transition: opacity 720ms ease, transform 900ms var(--ease-out);
}
.artifact:hover::before,
.artifact.is-active::before {
  opacity: 0.34;
  transform: translateY(34px) scale(1.08);
}
.artifact:hover,
.artifact.is-active {
  --focus-lift: -8px;
}
.artifact:hover .artifact-inner,
.artifact.is-active .artifact-inner {
  transform: scale(1.075) rotate(0deg);
  box-shadow: 0 72px 210px rgba(0,0,0,0.24), 0 8px 34px rgba(0,0,0,0.12);
}
.artifact:hover .artifact-inner::after,
.artifact.is-active .artifact-inner::after {
  opacity: 0.08;
  background: rgba(0,0,0,0.03);
}
.artifact:hover img,
.artifact.is-active img {
  transform: scale(1.005);
  filter: contrast(1.08) saturate(1.02) brightness(1.02);
}
.board-world.is-project-focused .artifact:not(.is-active),
.board-world.is-project-focused .process-object,
.board-world.is-project-focused .interface-fragment,
.board-world.is-project-focused .about-card,
.board-world.is-project-focused .about-statement,
.board-world.is-project-focused .trust-field {
  opacity: 0.24;
  filter: blur(1.7px) saturate(0.72);
  transition: opacity 560ms ease, filter 680ms ease;
}
.board-world.is-project-focused .artifact.is-active {
  opacity: 1;
  filter: none;
}
.board-world.is-project-focused .reactive-type {
  opacity: 0.28;
  transition: opacity 620ms ease;
}
.custom-cursor.is-project {
  width: 82px;
  height: 82px;
  margin-left: -41px;
  margin-top: -41px;
}

@media (max-width: 980px) {
  .nav-controls {
    position: absolute;
    right: 0;
    top: 0;
  }
  .theme-toggle { position: static; }
  .sound-label { display: none; }
}

#loader.intro-loader {
  background:
    radial-gradient(circle at 50% 54%, color-mix(in srgb, var(--ink) 5%, transparent), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--paper) 98%, #fff 2%), var(--paper));
}
.loader-frame {
  position: fixed;
  inset: 30px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: color-mix(in srgb, var(--ink) 38%, transparent);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  pointer-events: none;
}
.loader-frame::before,
.loader-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
  clip-path: polygon(0 0, 22% 0, 22% 1px, 1px 1px, 1px 22%, 0 22%, 0 0, 100% 0, 78% 0, 78% 1px, calc(100% - 1px) 1px, calc(100% - 1px) 22%, 100% 22%);
}
.loader-frame::after {
  transform: rotate(180deg);
}
.loader-inner {
  position: relative;
  z-index: 3;
  width: min(540px, calc(100vw - 58px)) !important;
}
.loader-signature {
  margin: 42px 0 36px;
  display: flex;
  flex-direction: column;
  gap: 0;
  font-family: var(--font-heading);
  font-size: clamp(56px, 11vw, 132px);
  line-height: 0.76;
  font-weight: 500;
  letter-spacing: 0.035em;
  transform: scaleY(1.08);
  transform-origin: left center;
  color: color-mix(in srgb, var(--ink) 84%, transparent);
}
.loader-signature span:last-child {
  margin-left: clamp(48px, 9vw, 120px);
  color: color-mix(in srgb, var(--ink) 34%, transparent);
}
.loader-message {
  min-height: 1.25em;
  font-size: 15px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}
.loader-hint {
  min-height: 1.5em;
  max-width: 420px !important;
}
.loader-progress {
  margin-top: 26px;
  height: 1px !important;
  background: color-mix(in srgb, var(--ink) 10%, transparent) !important;
}
.loader-progress span {
  background: var(--ink) !important;
}
.trust-logo {
  padding: 0;
  overflow: hidden;
  background: color-mix(in srgb, var(--paper) 74%, transparent) !important;
  border-color: color-mix(in srgb, var(--ink) 14%, transparent) !important;
  color: color-mix(in srgb, var(--ink) 82%, transparent) !important;
  opacity: 0.78;
  transition: opacity 360ms ease, transform 620ms var(--ease-out), border-color 360ms ease;
}
.trust-logo svg {
  width: 78%;
  height: 58%;
  display: block;
  fill: currentColor;
}
.trust-logo:hover {
  opacity: 1;
  border-color: color-mix(in srgb, var(--ink) 26%, transparent) !important;
}
.trust-logo-b svg { width: 70%; height: 70%; }
.trust-logo-c svg { width: 82%; }
.trust-logo-d svg { width: 76%; }
.trust-logo-e svg { width: 84%; }

@media (max-width: 760px) {
  .loader-frame { inset: 18px; font-size: 8px; }
  .loader-signature { margin: 34px 0 28px; }
}

.loader-frame { display: none !important; }
#loader.intro-loader {
  background:
    radial-gradient(circle at 54% 52%, color-mix(in srgb, var(--ink) 4%, transparent), transparent 36%),
    linear-gradient(180deg, color-mix(in srgb, var(--paper) 99%, #fff 1%), var(--paper)) !important;
}
.loader-inner {
  width: min(430px, calc(100vw - 58px)) !important;
  transform-origin: left center;
  transition:
    opacity 720ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 720ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 980ms cubic-bezier(0.16, 1, 0.3, 1);
}
.loader-signature {
  margin: 34px 0 30px !important;
  font-size: clamp(34px, 6.4vw, 72px) !important;
  line-height: 0.82 !important;
  letter-spacing: 0.045em !important;
  color: color-mix(in srgb, var(--ink) 78%, transparent) !important;
  transition:
    transform 980ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 720ms ease,
    filter 720ms ease,
    letter-spacing 900ms cubic-bezier(0.16, 1, 0.3, 1);
}
.loader-signature span:last-child {
  margin-left: clamp(28px, 6vw, 78px) !important;
  color: color-mix(in srgb, var(--ink) 35%, transparent) !important;
}
.loader-topline {
  margin-bottom: 0 !important;
}
.loader-message {
  font-size: 13px !important;
  letter-spacing: 0.07em !important;
}
.loader-hint {
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  max-width: 320px !important;
}
.loader-progress {
  margin-top: 22px !important;
}
#loader.intro-loader.is-handing-off .loader-inner {
  opacity: 0;
  filter: blur(10px);
  transform: translate3d(-9vw, -15vh, 0) scale(2.7);
}
#loader.intro-loader.is-handing-off .loader-signature {
  letter-spacing: 0.025em;
  transform: scaleY(1.08) translate3d(6vw, 4vh, 0);
}
#loader.intro-loader.is-handing-off .loader-message,
#loader.intro-loader.is-handing-off .loader-hint,
#loader.intro-loader.is-handing-off .loader-progress,
#loader.intro-loader.is-handing-off .loader-topline {
  opacity: 0;
  transition: opacity 360ms ease;
}
body.is-loaded .type-leandro,
body.is-loaded .type-ferreira {
  animation: homeTypeReceive 1100ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
body.is-loaded .type-ferreira { animation-delay: 80ms; }
@keyframes homeTypeReceive {
  from {
    opacity: 0;
    filter: blur(14px);
    transform: scaleY(1.08) translate3d(-24px, -18px, 0) scale(0.985);
  }
  to {
    opacity: var(--type-opacity, 0.92);
    filter: blur(0);
    transform: scaleY(1.08) translate3d(0, 0, 0) scale(1);
  }
}
.type-leandro { --type-opacity: 0.92; }
.type-ferreira { --type-opacity: 0.82; }

@media (max-width: 809.98px) {
  .loader-signature {
    font-size: clamp(32px, 12vw, 56px) !important;
    margin: 30px 0 26px !important;
  }
  #loader.intro-loader.is-handing-off .loader-inner {
    transform: translate3d(-14vw, -10vh, 0) scale(2.15);
  }
}

.loader-signature { display: none !important; }
.loader-topline {
  transition:
    transform 900ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 640ms ease,
    filter 760ms ease;
}
.loader-kicker {
  transform-origin: left center;
  transition:
    transform 900ms cubic-bezier(0.16, 1, 0.3, 1),
    letter-spacing 900ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 760ms ease;
}
#loader.intro-loader.is-handing-off .loader-inner {
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(-5vw, -10vh, 0) scale(1.08);
}
#loader.intro-loader.is-handing-off .loader-topline {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(-2vw, -4vh, 0);
}
#loader.intro-loader.is-handing-off .loader-kicker {
  transform: translate3d(0, -2px, 0);
  letter-spacing: 0.08em;
}
#loader.intro-loader.is-handing-off .loader-message,
#loader.intro-loader.is-handing-off .loader-hint,
#loader.intro-loader.is-handing-off .loader-progress,
#loader.intro-loader.is-handing-off .loader-percent {
  opacity: 0;
  transition: opacity 360ms ease;
}

.loader-inner {
  transform: translate3d(0, -6vh, 0);
}
.loader-topline {
  align-items: flex-start !important;
  gap: 28px !important;
  margin-bottom: 6px !important;
}
.loader-kicker {
  display: block;
  max-width: 290px;
  line-height: 1.05 !important;
  letter-spacing: 0.115em !important;
  word-spacing: 0.18em;
}
.loader-message {
  margin-top: 0 !important;
}
#loader.intro-loader.is-handing-off .loader-inner {
  transform: translate3d(-5vw, -15vh, 0) scale(1.08);
}

.object-panel {
  position: fixed;
  right: clamp(22px, 4vw, 54px) !important;
  bottom: clamp(22px, 4vw, 46px) !important;
  left: auto !important;
  top: auto !important;
  width: min(360px, calc(100vw - 42px));
  min-height: 0;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 14px, 0) scale(0.985);
  transition:
    opacity 260ms ease,
    visibility 0s linear 260ms,
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}
.object-panel.is-active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    opacity 220ms ease,
    visibility 0s linear 0s,
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}
.object-panel strong {
  font-size: 26px;
}
.object-panel p {
  font-size: 13px;
}

.explore-nudge {
  position: fixed;
  z-index: 94;
  left: 50%;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 44px;
  padding: 0 26px;
  border: 1px solid color-mix(in srgb, var(--ink) 20%, transparent);
  border-radius: 999px;
  color: var(--ink);
  background: color-mix(in srgb, var(--paper) 66%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-family: var(--font-body);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) translateY(8px) scale(0.98);
  transition:
    opacity 360ms ease,
    visibility 0s linear 360ms,
    transform 560ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms ease,
    background 240ms ease;
}
.explore-nudge::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid currentColor;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
}
.explore-nudge.is-visible {
  opacity: 0.86;
  visibility: visible;
  transform: translate(-50%, -50%) translateY(0) scale(1);
  animation: exploreSignalPulse 2100ms ease-in-out infinite;
  transition:
    opacity 360ms ease,
    visibility 0s linear 0s,
    transform 560ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms ease,
    background 240ms ease;
}
.explore-nudge.is-visible::before {
  animation: exploreSignalRing 2100ms ease-in-out infinite;
}
.explore-nudge:hover {
  border-color: color-mix(in srgb, var(--ink) 35%, transparent);
  background: color-mix(in srgb, var(--paper) 82%, transparent);
  opacity: 1;
}
@keyframes exploreSignalPulse {
  0%, 100% { opacity: 0.56; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 0.96; transform: translate(-50%, -50%) scale(1.055); }
}
@keyframes exploreSignalRing {
  0%, 100% { transform: scale(0.92); opacity: 0.05; }
  50% { transform: scale(1.18); opacity: 0.16; }
}
@media (max-width: 809.98px) {
  .loader-inner { transform: translate3d(0, -3vh, 0); }
  .explore-nudge { top: auto; bottom: 28px; }
  .object-panel { display: none; }
}

.loader-topline {
  justify-content: flex-end !important;
  margin-bottom: 12px !important;
}
.loader-kicker { display: none !important; }
.loader-message {
  margin-top: 0 !important;
}
body:not(.has-moved) .explore-nudge.is-visible {
  pointer-events: auto;
}

.explore-nudge {
  left: calc(50% - 340px) !important;
  top: 50% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) translateY(10px) scale(0.94) !important;
  filter: blur(8px) !important;
  transition:
    opacity 520ms ease,
    visibility 0s linear 620ms,
    transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 760ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms ease,
    background 240ms ease !important;
}

.explore-nudge.is-visible {
  opacity: 0.88 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  filter: blur(0) !important;
  transform: translate(-50%, -50%) translateY(0) scale(1) !important;
  animation: exploreNudgeButtonPulse 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
  transition:
    opacity 520ms ease,
    visibility 0s linear 0s,
    transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 760ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms ease,
    background 240ms ease !important;
}

.explore-nudge.is-hiding {
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) translateY(16px) scale(0.88) !important;
  filter: blur(10px) !important;
  animation: none !important;
}

.explore-nudge.is-visible::before {
  animation: exploreNudgeRingPulse 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

.explore-nudge.is-hiding::before {
  animation: none !important;
  opacity: 0 !important;
}

@keyframes exploreNudgeButtonPulse {
  0%, 100% {
    opacity: 0.66;
    transform: translate(-50%, -50%) translateY(0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1.055);
  }
}

@keyframes exploreNudgeRingPulse {
  0%, 100% {
    opacity: 0.06;
    transform: scale(0.94);
  }
  50% {
    opacity: 0.2;
    transform: scale(1.2);
  }
}

@media (max-width: 809.98px) {
  .explore-nudge {
    left: 50% !important;
    top: auto !important;
    bottom: 30px !important;
    transform: translateX(-50%) translateY(10px) scale(0.94) !important;
  }
  .explore-nudge.is-visible {
    transform: translateX(-50%) translateY(0) scale(1) !important;
    animation: exploreNudgeButtonPulseMobile 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
  }
  .explore-nudge.is-hiding {
    transform: translateX(-50%) translateY(16px) scale(0.88) !important;
  }
}

@keyframes exploreNudgeButtonPulseMobile {
  0%, 100% {
    opacity: 0.66;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1.055);
  }
}

.explore-nudge {
  left: var(--explore-x, 50%) !important;
  top: var(--explore-y, 50%) !important;
  bottom: auto !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) translateY(14px) scale(0.92) !important;
  filter: blur(10px) !important;
  transition:
    opacity 520ms ease,
    visibility 0s linear 620ms,
    transform 820ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 820ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms ease,
    background 240ms ease !important;
}

.explore-nudge.is-visible {
  opacity: 0.9 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  filter: blur(0) !important;
  transform: translate(-50%, -50%) translateY(0) scale(1) !important;
  animation: exploreNudgeButtonPulseV25 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
  transition:
    opacity 520ms ease,
    visibility 0s linear 0s,
    transform 820ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 820ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms ease,
    background 240ms ease !important;
}

.explore-nudge.is-hiding {
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) translateY(18px) scale(0.86) !important;
  filter: blur(12px) !important;
  animation: none !important;
}

.explore-nudge.is-visible::before {
  animation: exploreNudgeRingPulseV25 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

.explore-nudge.is-hiding::before {
  animation: none !important;
  opacity: 0 !important;
}

@keyframes exploreNudgeButtonPulseV25 {
  0%, 100% {
    opacity: 0.68;
    transform: translate(-50%, -50%) translateY(0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1.055);
  }
}

@keyframes exploreNudgeRingPulseV25 {
  0%, 100% {
    opacity: 0.06;
    transform: scale(0.94);
  }
  50% {
    opacity: 0.2;
    transform: scale(1.2);
  }
}

@media (max-width: 809.98px) {
  .explore-nudge {
    left: 50% !important;
    top: auto !important;
    bottom: 30px !important;
    transform: translateX(-50%) translateY(14px) scale(0.92) !important;
  }
  .explore-nudge.is-visible {
    transform: translateX(-50%) translateY(0) scale(1) !important;
    animation: exploreNudgeButtonPulseMobileV25 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
  }
  .explore-nudge.is-hiding {
    transform: translateX(-50%) translateY(18px) scale(0.86) !important;
  }
}

@keyframes exploreNudgeButtonPulseMobileV25 {
  0%, 100% {
    opacity: 0.68;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1.055);
  }
}

.board-world {
  transform-origin: 0 0;
}

.board-radar {
  pointer-events: auto;
  cursor: none;
  overflow: hidden;
  transition:
    width 520ms var(--ease-out),
    height 520ms var(--ease-out),
    border-color 360ms ease,
    background 360ms ease,
    opacity 360ms ease;
}
.board-radar:hover {
  width: 154px;
  height: 104px;
  border-color: color-mix(in srgb, var(--ink) 26%, transparent);
  background: color-mix(in srgb, var(--paper) 78%, transparent);
}
.board-radar::after {
  content: "CLICK MAP / DBL CLICK ZOOM";
  position: absolute;
  left: 8px;
  bottom: 8px;
  color: var(--quiet);
  font-size: 7px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.09em;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 320ms ease, transform 420ms var(--ease-out);
}
.board-radar:hover::after {
  opacity: 0.62;
  transform: translateY(0);
}
.radar-view {
  min-width: 8px;
  min-height: 7px;
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.radar-dot {
  transition: opacity 360ms ease, transform 520ms var(--ease-out), background 360ms ease, box-shadow 360ms ease;
}
.radar-dot.is-discovered {
  opacity: 0.9;
  transform: scale(1.55);
  box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 8%, transparent);
}
.radar-zoom {
  position: absolute;
  right: 8px;
  top: 8px;
  color: var(--quiet);
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.radar-path {
  position: absolute;
  inset: 17px 12px 13px;
  border: 1px solid color-mix(in srgb, var(--ink) 7%, transparent);
  opacity: 0.6;
  pointer-events: none;
}

.discovery-fragment {
  position: absolute;
  z-index: 13;
  width: 240px;
  color: var(--ink);
  opacity: 0.42;
  pointer-events: auto;
  transition:
    opacity 520ms ease,
    filter 620ms ease,
    transform 760ms var(--ease-out);
}
.discovery-fragment span {
  display: block;
  margin-bottom: 9px;
  color: var(--quiet);
  font-size: 9px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.discovery-fragment strong {
  display: block;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: 0.035em;
}
.discovery-fragment:hover {
  opacity: 0.92;
  filter: blur(0);
}
.discovery-a { left: 2380px; top: 1010px; }
.discovery-b { left: 1880px; top: 3500px; width: 270px; }
.discovery-c { left: 4620px; top: 2380px; width: 250px; }
.discovery-d { left: 3920px; top: 4920px; width: 260px; }

body[data-zoom="overview"] .interface-fragment,
body[data-zoom="overview"] .discovery-fragment,
body[data-zoom="overview"] .artifact-meta,
body[data-zoom="overview"] .process-object figcaption,
body[data-zoom="overview"] .about-card {
  opacity: 0.18;
  filter: blur(1.2px);
}
body[data-zoom="overview"] .mega-type {
  opacity: 0.58;
}
body[data-zoom="overview"] .grain-layer {
  opacity: 0.075;
}
body[data-zoom="detail"] .interface-fragment,
body[data-zoom="detail"] .discovery-fragment,
body[data-zoom="detail"] .artifact-meta,
body[data-zoom="detail"] .process-object figcaption {
  opacity: 0.92;
  filter: blur(0);
}
body[data-zoom="detail"] .world-grid {
  opacity: 0.16;
  background-size: 180px 180px;
}
body[data-zoom="detail"] .grain-layer {
  opacity: 0.13;
}
body[data-zoom="detail"] .artifact-inner {
  box-shadow: 0 56px 180px rgba(0,0,0,0.19), 0 4px 22px rgba(0,0,0,0.08);
}

.page-transition-veil {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  background: var(--paper);
  opacity: 0;
  filter: blur(0);
  transition: opacity 420ms var(--ease-out), filter 420ms ease;
}
body.is-page-leaving .page-transition-veil {
  opacity: 1;
  filter: blur(4px);
}
body.is-page-leaving .board-world,
body.is-page-leaving .board-nav,
body.is-page-leaving .edge-signals,
body.is-page-leaving .board-radar {
  transition: opacity 360ms ease, filter 420ms ease, transform 520ms var(--ease-out);
  opacity: 0.12;
  filter: blur(9px);
}

.edge-signal.is-visited span::after {
  content: " •";
  opacity: 0.55;
}

@media (max-width: 980px) {
  .discovery-fragment {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 100%;
    opacity: 0.72;
  }
  .page-transition-veil { display: none; }
}

.board-radar {
  bottom: 64px !important;
  width: 118px !important;
  height: 78px !important;
  pointer-events: none !important;
  cursor: none !important;
  overflow: hidden !important;
  border-color: var(--line) !important;
  background: var(--panel) !important;
  transition: opacity 320ms ease, border-color 320ms ease, background 320ms ease !important;
}

.board-radar:hover {
  width: 118px !important;
  height: 78px !important;
  border-color: var(--line) !important;
  background: var(--panel) !important;
}

.board-radar::after {
  display: none !important;
  content: none !important;
}

.radar-path {
  display: none !important;
}

.radar-view {
  border-color: color-mix(in srgb, var(--ink) 24%, transparent) !important;
  background: color-mix(in srgb, var(--ink) 3%, transparent) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.radar-zoom {
  right: 8px !important;
  top: 8px !important;
  opacity: 0.62;
}

.radar-zoom-control {
  position: fixed;
  z-index: 95;
  left: 32px;
  bottom: 30px;
  width: 118px;
  height: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  pointer-events: auto;
}

.radar-zoom-control button {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  height: 24px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--paper) 54%, transparent);
  color: var(--quiet);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: none;
  transition:
    opacity 260ms ease,
    color 260ms ease,
    border-color 260ms ease,
    background 260ms ease,
    transform 360ms var(--ease-out);
}

.radar-zoom-control button span {
  display: block;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.radar-zoom-control button:hover,
.radar-zoom-control button.is-active {
  color: var(--ink);
  border-color: color-mix(in srgb, var(--ink) 34%, transparent);
  background: color-mix(in srgb, var(--paper) 76%, transparent);
}

.radar-zoom-control button.is-active {
  transform: translateY(-1px);
}

.radar-zoom-control button.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
  transform: translateX(-50%);
  opacity: 0.72;
}

body[data-zoom="wide"] .interface-fragment,
body[data-zoom="wide"] .discovery-fragment {
  opacity: 0.72;
}

body[data-zoom="wide"] .mega-type {
  opacity: 0.86;
}

@media (max-width: 980px) {
  .radar-zoom-control { display: none; }
}

.about-main h2 {
  max-width: 620px;
  font-size: clamp(54px, 5.2vw, 98px) !important;
  line-height: 0.84 !important;
  letter-spacing: 0.035em;
}
.about-main p {
  max-width: 560px;
  font-size: clamp(18px, 1.7vw, 24px) !important;
  line-height: 1.12 !important;
}
.about-portrait {
  position: absolute;
  left: 4630px;
  top: 3380px;
  z-index: 22;
  width: 420px;
  margin: 0;
  padding: 9px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--paper) 72%, transparent);
  box-shadow: 0 32px 110px rgba(0,0,0,0.08);
  transform: rotate(-1.4deg);
  pointer-events: auto;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.about-portrait img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: grayscale(0.12) contrast(1.04) brightness(0.94);
}
.about-portrait figcaption {
  margin-top: 8px;
  color: var(--quiet);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.sound-toggle .sound-label::after {
  content: "";
}
@media (max-width: 980px) {
  .about-portrait {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    transform: none;
  }
}

.about-portrait-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.about-portrait-link figure {
  margin: 0;
}

.about-main h2 {
  max-width: 500px !important;
  font-size: clamp(42px, 4.3vw, 78px) !important;
  line-height: 0.88 !important;
}
.about-main p {
  max-width: 460px !important;
  font-size: clamp(16px, 1.35vw, 20px) !important;
  line-height: 1.18 !important;
}
.about-portrait {
  left: 4580px !important;
  top: 3440px !important;
  width: 295px !important;
  transform: rotate(-1.1deg) !important;
}
.about-portrait img {
  aspect-ratio: 4 / 3 !important;
}
.about-card p {
  font-size: 15px !important;
}
@media (max-width: 980px) {
  .about-main h2 { font-size: clamp(48px, 15vw, 82px) !important; }
  .about-main p { font-size: 18px !important; }
  .about-portrait { width: 100% !important; }
}

body.is-page-leaving::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99998;
  pointer-events: none;
  background: var(--paper);
  opacity: 1;
  animation: pageLeaveVeil 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes pageLeaveVeil {
  from { opacity: 0; filter: blur(0); }
  to { opacity: 0.96; filter: blur(5px); }
}
body.is-page-leaving .whiteboard-shell {
  transition: opacity 360ms ease, filter 420ms ease;
  opacity: 0.18;
  filter: blur(8px);
}
.radar-zoom { display: none !important; }
.radar-zoom-control {
  width: 168px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.radar-zoom-control button span {
  font-size: 7.5px !important;
  letter-spacing: 0.025em !important;
}
.about-portrait {
  width: 250px !important;
}
.about-portrait img {
  aspect-ratio: 3 / 4 !important;
  object-position: center top;
}
@media (max-width: 980px) {
  .radar-zoom-control { display: none !important; }
  .about-portrait { width: 100% !important; }
}

.board-radar {
  bottom: 74px !important;
}

.radar-zoom { display: none !important; }
.radar-path { display: none !important; }

.radar-zoom-control {
  position: fixed;
  z-index: 95;
  left: 32px;
  bottom: 34px;
  width: 118px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0 !important;
  pointer-events: auto;
}

.radar-zoom-control button {
  position: relative;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--quiet) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  opacity: 0.58;
  cursor: none;
  transform: none !important;
  transition:
    opacity 240ms ease,
    color 240ms ease,
    transform 320ms var(--ease-out),
    letter-spacing 240ms ease;
}

.radar-zoom-control button span {
  display: block;
  font-size: 8px !important;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.055em !important;
  text-transform: lowercase;
}

.radar-zoom-control button:hover {
  opacity: 0.9;
  color: var(--ink) !important;
  letter-spacing: 0.08em;
}

.radar-zoom-control button.is-active {
  opacity: 1;
  color: var(--ink) !important;
}

.radar-zoom-control button.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  transform: translateX(-50%);
  opacity: 0.72;
}

@media (max-width: 980px) {
  .board-radar { bottom: 30px !important; }
  .radar-zoom-control { display: none !important; }
}

:root {
  --tape-a: url("../img/tape/41.png");
  --tape-b: url("../img/tape/42.png");
  --tape-c: url("../img/tape/43.png");
  --tape-d: url("../img/tape/44.png");
  --tape-e: url("../img/tape/45.png");
}

.process-object figure,
.about-portrait,
.about-card,
.interface-fragment,
.discovery-fragment,
.contact-card-taped {
  position: relative;
}

.process-object figure::before,
.process-object figure::after,
.about-portrait::before,
.about-card::before,
.interface-fragment::before,
.discovery-fragment::before {
  content: "";
  position: absolute;
  z-index: 8;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  mix-blend-mode: multiply;
  filter: contrast(1.08) saturate(0.92) brightness(0.98);
  opacity: 0.56;
}

body.is-dark .process-object figure::before,
body.is-dark .process-object figure::after,
body.is-dark .about-portrait::before,
body.is-dark .about-card::before,
body.is-dark .interface-fragment::before,
body.is-dark .discovery-fragment::before {
  opacity: 0.38;
  mix-blend-mode: screen;
  filter: contrast(0.95) saturate(0.75) brightness(1.12);
}

.process-object:not(:nth-child(5n)) figure::before {
  left: 50%;
  top: -27px;
  width: 150px;
  height: 54px;
  transform: translateX(-50%) rotate(var(--tape-rotate, -2deg));
  background-image: var(--tape-a);
}

.process-object:nth-child(2n) figure::before {
  left: 21%;
  width: 126px;
  height: 48px;
  transform: translateX(-50%) rotate(4deg);
  background-image: var(--tape-b);
}

.process-object:nth-child(3n) figure::before {
  left: auto;
  right: -28px;
  top: 18px;
  width: 138px;
  height: 50px;
  transform: rotate(18deg);
  background-image: var(--tape-c);
}

.process-object:nth-child(4n) figure::before {
  left: 54%;
  top: auto;
  bottom: -25px;
  width: 132px;
  height: 48px;
  transform: translateX(-50%) rotate(-7deg);
  background-image: var(--tape-d);
}

.process-object:nth-child(7n) figure::after,
.process-object:nth-child(11n) figure::after {
  left: -25px;
  bottom: 14px;
  width: 118px;
  height: 45px;
  transform: rotate(-17deg);
  background-image: var(--tape-e);
  opacity: 0.46;
}

.process-object figure {
  overflow: visible;
}

.process-object figure img,
.process-object figure figcaption {
  position: relative;
  z-index: 2;
}

.about-portrait::before {
  left: 50%;
  top: -36px;
  width: 190px;
  height: 70px;
  transform: translateX(-50%) rotate(-2deg);
  background-image: var(--tape-b);
  opacity: 0.62;
}

.about-portrait::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: 40px;
  z-index: 8;
  width: 125px;
  height: 48px;
  background-image: var(--tape-d);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transform: rotate(14deg);
  opacity: 0.46;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.about-current::before,
.about-background::before,
.frag-b::before,
.frag-d::before,
.frag-f::before,
.discovery-b::before,
.discovery-d::before {
  top: -26px;
  left: 50%;
  width: 112px;
  height: 42px;
  transform: translateX(-50%) rotate(-3deg);
  background-image: var(--tape-a);
  opacity: 0.48;
}

.frag-d::before,
.discovery-d::before {
  left: auto;
  right: -22px;
  top: 18px;
  transform: rotate(15deg);
  background-image: var(--tape-c);
}

.about-current::before {
  background-image: var(--tape-e);
  width: 126px;
  height: 46px;
  transform: translateX(-50%) rotate(2deg);
}

.artifact::before,
.artifact::after,
.artifact-inner::before,
.artifact-inner::after {
  
}

.about-card,
.interface-fragment,
.discovery-fragment {
  position: absolute !important;
  overflow: visible;
}

.interface-fragment {
  width: max-content !important;
  max-width: 270px !important;
  min-width: 176px !important;
}

.interface-fragment strong {
  max-width: 240px;
  white-space: normal;
}

.frag-d,
.frag-e {
  width: 285px !important;
  max-width: 285px !important;
}

.frag-b,
.frag-f {
  width: 245px !important;
  max-width: 245px !important;
}

.discovery-fragment {
  width: 280px !important;
  max-width: 320px !important;
}

.discovery-fragment strong {
  max-width: 100%;
}

.discovery-a { left: 2380px !important; top: 970px !important; width: 250px !important; }
.discovery-b { left: 2160px !important; top: 3310px !important; width: 310px !important; opacity: 0.52; }
.discovery-c { left: 4550px !important; top: 2555px !important; width: 280px !important; }
.discovery-d { left: 4080px !important; top: 5000px !important; width: 285px !important; }

.process-object figure::before,
.process-object figure::after,
.about-portrait::before,
.about-portrait::after,
.about-card::before,
.interface-fragment::before,
.discovery-fragment::before {
  opacity: 0.72 !important;
  filter: contrast(1.16) saturate(0.95) brightness(0.96) drop-shadow(0 10px 12px rgba(0,0,0,0.055));
}

body.is-dark .process-object figure::before,
body.is-dark .process-object figure::after,
body.is-dark .about-portrait::before,
body.is-dark .about-portrait::after,
body.is-dark .about-card::before,
body.is-dark .interface-fragment::before,
body.is-dark .discovery-fragment::before {
  opacity: 0.5 !important;
}

.process-object:nth-child(5n) figure::before {
  content: "";
  position: absolute;
  z-index: 8;
  pointer-events: none;
  left: 50%;
  top: -28px;
  width: 142px;
  height: 52px;
  transform: translateX(-50%) rotate(3deg);
  background: var(--tape-c) center / 100% 100% no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.68;
  filter: contrast(1.16) saturate(0.95) brightness(0.96) drop-shadow(0 10px 12px rgba(0,0,0,0.055));
}

.process-object:nth-child(6n) figure::after {
  content: "";
  position: absolute;
  z-index: 8;
  pointer-events: none;
  right: -30px;
  top: 28px;
  width: 118px;
  height: 44px;
  transform: rotate(14deg);
  background: var(--tape-e) center / 100% 100% no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.62;
  filter: contrast(1.16) saturate(0.95) brightness(0.96) drop-shadow(0 10px 12px rgba(0,0,0,0.055));
}

body.is-dark .process-object:nth-child(5n) figure::before,
body.is-dark .process-object:nth-child(6n) figure::after {
  mix-blend-mode: screen;
  opacity: 0.46;
}

.frag-b::before,
.frag-d::before,
.frag-f::before,
.discovery-b::before,
.discovery-d::before,
.about-current::before,
.about-background::before {
  content: "";
  position: absolute;
  z-index: 8;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  mix-blend-mode: multiply;
}

.frag-e::before {
  content: "";
  position: absolute;
  z-index: 8;
  pointer-events: none;
  top: -25px;
  left: 64px;
  width: 120px;
  height: 44px;
  transform: rotate(-4deg);
  background: var(--tape-b) center / 100% 100% no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.62 !important;
}

.contact-card-taped::before {
  content: "";
  position: absolute;
  z-index: 8;
  left: 50%;
  top: -30px;
  width: 170px;
  height: 62px;
  transform: translateX(-50%) rotate(-2deg);
  background: var(--tape-b) center / 100% 100% no-repeat;
  opacity: 0.72;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.contact-card-taped::after {
  content: "";
  position: absolute;
  z-index: 8;
  right: 58px;
  bottom: -28px;
  width: 124px;
  height: 46px;
  transform: rotate(8deg);
  background: var(--tape-d) center / 100% 100% no-repeat;
  opacity: 0.64;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.interface-fragment,
.discovery-fragment,
.about-card {
  box-sizing: border-box !important;
  position: absolute !important;
  right: auto !important;
  bottom: auto !important;
  overflow: visible !important;
}

.interface-fragment {
  width: auto !important;
  min-width: 0 !important;
  max-width: 250px !important;
  inline-size: fit-content !important;
  padding: 12px 14px !important;
}

.interface-fragment strong {
  display: block;
  width: auto !important;
  max-width: 220px !important;
  white-space: normal !important;
}

.frag-b,
.frag-d,
.frag-e,
.frag-f {
  width: auto !important;
  min-width: 0 !important;
  max-width: 260px !important;
}

.discovery-fragment {
  width: 300px !important;
  max-width: 300px !important;
  opacity: 0.5 !important;
  z-index: 15 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.discovery-fragment strong {
  font-size: 18px !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
}

.discovery-a { left: 2440px !important; top: 930px !important; width: 270px !important; }
.discovery-b { left: 2580px !important; top: 2460px !important; width: 360px !important; opacity: 0.56 !important; }
.discovery-c { left: 4380px !important; top: 2560px !important; width: 300px !important; }
.discovery-d { left: 4300px !important; top: 4850px !important; width: 340px !important; opacity: 0.56 !important; }

.process-object figure::before,
.process-object figure::after {
  content: none !important;
  display: none !important;
}

.process-a figure::before,
.process-c figure::before,
.process-f figure::before,
.process-k figure::before,
.process-n figure::before,
.process-r figure::before,
.process-t figure::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 8;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  mix-blend-mode: multiply;
  opacity: 0.9 !important;
  filter: contrast(1.22) saturate(1.02) brightness(0.94) drop-shadow(0 10px 12px rgba(0,0,0,0.065));
}

.process-a figure::before {
  left: 52%; top: -34px; width: 170px; height: 62px;
  transform: translateX(-50%) rotate(-2.5deg);
  background-image: var(--tape-b);
}
.process-c figure::before {
  left: 18%; top: -30px; width: 142px; height: 54px;
  transform: rotate(-8deg);
  background-image: var(--tape-a);
}
.process-f figure::before {
  right: -32px; top: 30px; width: 130px; height: 50px;
  transform: rotate(16deg);
  background-image: var(--tape-c);
}
.process-k figure::before {
  left: 50%; top: -28px; width: 126px; height: 48px;
  transform: translateX(-50%) rotate(4deg);
  background-image: var(--tape-e);
}
.process-n figure::before {
  left: -24px; bottom: 28px; width: 128px; height: 48px;
  transform: rotate(-15deg);
  background-image: var(--tape-d);
}
.process-r figure::before {
  left: 46%; top: -28px; width: 136px; height: 50px;
  transform: translateX(-50%) rotate(2deg);
  background-image: var(--tape-a);
}
.process-t figure::before {
  right: -26px; top: 22px; width: 120px; height: 46px;
  transform: rotate(13deg);
  background-image: var(--tape-e);
}

body.is-dark .process-a figure::before,
body.is-dark .process-c figure::before,
body.is-dark .process-f figure::before,
body.is-dark .process-k figure::before,
body.is-dark .process-n figure::before,
body.is-dark .process-r figure::before,
body.is-dark .process-t figure::before {
  mix-blend-mode: screen;
  opacity: 0.58 !important;
  filter: contrast(0.96) saturate(0.8) brightness(1.12);
}

.interface-fragment::before,
.discovery-fragment::before,
.about-card::before {
  content: none !important;
  display: none !important;
}

.frag-b::before,
.frag-d::before,
.about-current::before,
.about-background::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 8;
  pointer-events: none;
  width: 118px;
  height: 44px;
  top: -25px;
  left: 46px;
  transform: rotate(-5deg);
  background: var(--tape-a) center / 100% 100% no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.86 !important;
  filter: contrast(1.2) saturate(1) brightness(0.95) drop-shadow(0 10px 12px rgba(0,0,0,0.055));
}

.frag-d::before {
  left: auto;
  right: -24px;
  top: 16px;
  transform: rotate(14deg);
  background-image: var(--tape-c);
}

.about-current::before {
  left: 50%;
  width: 132px;
  height: 48px;
  transform: translateX(-50%) rotate(2deg);
  background-image: var(--tape-e);
}

body.is-dark .frag-b::before,
body.is-dark .frag-d::before,
body.is-dark .about-current::before,
body.is-dark .about-background::before {
  mix-blend-mode: screen;
  opacity: 0.52 !important;
}

.contact-card-taped::before {
  opacity: 0.9 !important;
  left: 50% !important;
  top: -34px !important;
  width: 190px !important;
  height: 68px !important;
  transform: translateX(-50%) rotate(-2deg) !important;
  filter: contrast(1.22) saturate(1.02) brightness(0.94) drop-shadow(0 10px 12px rgba(0,0,0,0.065));
}
.contact-card-taped::after {
  opacity: 0.82 !important;
  right: 46px !important;
  bottom: -32px !important;
  width: 138px !important;
  height: 52px !important;
  transform: rotate(8deg) !important;
  filter: contrast(1.22) saturate(1.02) brightness(0.94) drop-shadow(0 10px 12px rgba(0,0,0,0.065));
}

.about-portrait::before {
  opacity: 0.9 !important;
  width: 220px !important;
  height: 82px !important;
  top: -42px !important;
}
.about-portrait::after {
  opacity: 0.72 !important;
}

.pos-06 {
  left: 4480px;
  top: 2220px;
  --rotate: -1.1deg;
}

.pos-06 {
  left: 4050px !important;
  top: 1080px !important;
  width: 500px !important;
  height: 335px !important;
  --rotate: -0.8deg;
}

.pos-06 .artifact-inner {
  aspect-ratio: 500 / 335;
}

.pos-06 .artifact-image-primary,
.pos-06 .artifact-image-secondary {
  object-fit: cover;
  object-position: center center;
  transform: scale(1.015);
}

.pos-06:hover .artifact-image-primary,
.pos-06:hover .artifact-image-secondary,
.pos-06.is-active .artifact-image-primary,
.pos-06.is-active .artifact-image-secondary {
  transform: scale(1.005);
}

.pos-06 .artifact-meta {
  margin-top: 8px;
}

.pos-05 {
  left: 5360px !important;
  top: 1950px !important;
  width: 455px !important;
  height: 350px !important;
}

.pos-05 .artifact-inner {
  aspect-ratio: 455 / 350;
}

.pos-05 .artifact-image-primary,
.pos-05 .artifact-image-secondary {
  object-fit: cover;
  object-position: center center;
}

.pos-06 .artifact-image-primary,
.pos-06 .artifact-image-secondary {
  object-fit: cover;
  object-position: center center;
  transform: scale(1.005);
}

.pos-06:hover .artifact-image-primary,
.pos-06:hover .artifact-image-secondary,
.pos-06.is-active .artifact-image-primary,
.pos-06.is-active .artifact-image-secondary {
  transform: scale(1);
}

.radar-zoom-control button[data-zoom-index="0"] span::before {
  content: "0.5x";
}
.radar-zoom-control button[data-zoom-index="0"] span {
  font-size: 0 !important;
}
.radar-zoom-control button[data-zoom-index="0"] span::before {
  font-size: 7.5px !important;
  letter-spacing: 0.025em !important;
}

.pos-04 {
  left: 6060px !important;
  top: 1385px !important;
  width: 430px !important;
  height: 430px !important;
}
.pos-04 .artifact-inner {
  aspect-ratio: 1 / 1 !important;
}
.pos-04 .artifact-image-primary,
.pos-04 .artifact-image-secondary {
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.01) !important;
}
.pos-04:hover .artifact-image-primary,
.pos-04:hover .artifact-image-secondary,
.pos-04.is-active .artifact-image-primary,
.pos-04.is-active .artifact-image-secondary {
  transform: scale(1) !important;
}

.pos-05 {
  left: 5000px !important;
  top: 2050px !important;
  width: 535px !important;
  height: 395px !important;
}
.pos-05 .artifact-inner {
  aspect-ratio: 535 / 395 !important;
}
.pos-05 .artifact-image-primary,
.pos-05 .artifact-image-secondary {
  object-fit: cover !important;
  object-position: center center !important;
}

.about-portrait {
  left: 4880px !important;
  top: 3370px !important;
  width: 335px !important;
}
.about-portrait img {
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center top !important;
}

.pos-05 {
  top: 1970px !important;
}

.pos-04 {
  left: 5740px !important;
}

.about-portrait {
  left: 4825px !important;
  width: 315px !important;
}

.discovery-a {
  top: 1220px !important;
}

.intro-note {
  left: 2860px !important;
  top: 1200px !important;
  width: 360px !important;
}

.intro-note p {
  max-width: 300px !important;
}

.discovery-a {
  left: 2440px !important;
  top: 1220px !important;
  width: 270px !important;
}

.frag-a,
.frag-b,
.frag-c,
.frag-e {
  display: none !important;
}

.frag-d strong { font-size: 11px !important; }
.frag-f strong { font-size: 11px !important; }

.process-method-card {
  height: auto !important;
  min-height: 190px !important;
  padding: 22px 24px 24px !important;
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--paper) 68%, transparent) !important;
  backdrop-filter: blur(14px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.02) !important;
  box-shadow: 0 26px 90px rgba(0,0,0,0.055) !important;
  opacity: 0.78 !important;
  transform: rotate(var(--rotate, 0deg)) !important;
  transition:
    opacity 360ms ease,
    transform 900ms var(--ease-out),
    border-color 360ms ease,
    background 360ms ease !important;
}

.process-method-card span {
  display: block !important;
  color: var(--quiet) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.process-method-card strong {
  display: block !important;
  margin-top: 14px !important;
  font-family: var(--font-heading) !important;
  font-size: clamp(38px, 3.2vw, 64px) !important;
  line-height: 0.82 !important;
  font-weight: 400 !important;
  letter-spacing: 0.045em !important;
  transform: scaleY(1.06) !important;
  transform-origin: left center !important;
}

.process-method-card p {
  max-width: 290px !important;
  margin: 16px 0 0 !important;
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

.process-method-card:hover,
.process-method-card.is-active {
  z-index: 62 !important;
  opacity: 1 !important;
  transform: rotate(0deg) translateY(-6px) !important;
  border-color: color-mix(in srgb, var(--ink) 24%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 86%, transparent) !important;
}

body.is-dark .process-method-card {
  background: color-mix(in srgb, var(--paper) 72%, transparent) !important;
}

.trust-field {
  width: 920px !important;
  height: auto !important;
  min-height: 560px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.trust-field::before,
.trust-field::after {
  content: none !important;
  display: none !important;
}

.trust-kicker {
  display: block !important;
  color: var(--quiet) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.trust-line {
  width: min(100%, 420px) !important;
  margin: 14px 0 28px !important;
  color: var(--muted) !important;
  font-size: 20px !important;
  line-height: 1.12 !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

.experience-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: min(100%, 760px) !important;
}

.experience-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  min-height: 128px !important;
  padding: 16px 16px 17px !important;
  color: inherit !important;
  border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 54%, transparent) !important;
  backdrop-filter: blur(12px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.02) !important;
  opacity: 0.72 !important;
  transform: translateY(0) !important;
  transition:
    opacity 300ms ease,
    transform 520ms var(--ease-out),
    border-color 280ms ease,
    background 280ms ease !important;
}

.experience-card:nth-child(2n) { transform: translateY(22px) rotate(0.7deg) !important; }
.experience-card:nth-child(3n) { transform: translateY(-8px) rotate(-0.5deg) !important; }
.experience-card:nth-child(5n) { transform: translateY(12px) rotate(-0.8deg) !important; }

.experience-mark {
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  color: color-mix(in srgb, var(--ink) 72%, transparent) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.experience-card em {
  display: block !important;
  margin: 1px 0 9px !important;
  color: var(--quiet) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.experience-card strong {
  display: block !important;
  color: color-mix(in srgb, var(--ink) 78%, transparent) !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

.experience-card p {
  margin: 8px 0 0 !important;
  color: var(--muted) !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
}

.experience-card:hover,
.experience-card.is-active {
  z-index: 65 !important;
  opacity: 1 !important;
  transform: translateY(-4px) rotate(0deg) !important;
  border-color: color-mix(in srgb, var(--ink) 26%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 82%, transparent) !important;
}

.experience-card:hover .experience-mark,
.experience-card.is-active .experience-mark {
  color: var(--ink) !important;
}

body.is-dark .experience-card {
  background: color-mix(in srgb, var(--paper) 58%, transparent) !important;
}

.intro-note {
  left: 2860px !important;
  top: 1200px !important;
  width: 360px !important;
}

.intro-note p {
  max-width: 300px !important;
}

.discovery-a {
  left: 2440px !important;
  top: 1220px !important;
  width: 270px !important;
}

@media (max-width: 980px) {
  .experience-card-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .experience-card,
  .experience-card:nth-child(2n),
  .experience-card:nth-child(3n),
  .experience-card:nth-child(5n),
  .process-method-card {
    transform: none !important;
  }
}

.intro-note {
  left: 1660px !important;
  top: 1435px !important;
  width: 470px !important;
  min-height: 0 !important;
  padding: 28px 32px !important;
}

.intro-note p {
  max-width: 390px !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
}

.discovery-a {
  left: 2780px !important;
  top: 1190px !important;
  width: 300px !important;
}

.trust-field {
  left: 5540px !important;
  top: 4540px !important;
  width: 860px !important;
  min-height: 470px !important;
  height: 470px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.trust-field::before,
.trust-field::after {
  content: none !important;
  display: none !important;
}

.trust-kicker {
  left: 0 !important;
  top: 0 !important;
}

.trust-line {
  position: absolute !important;
  left: 0 !important;
  top: 32px !important;
  width: 285px !important;
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
}

.trust-logo-cloud {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

.trust-logo {
  position: absolute !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 11px !important;
  row-gap: 4px !important;
  align-items: center !important;
  min-width: 118px !important;
  width: auto !important;
  height: auto !important;
  min-height: 58px !important;
  padding: 10px 13px !important;
  pointer-events: auto !important;
  color: color-mix(in srgb, var(--ink) 70%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 42%, transparent) !important;
  backdrop-filter: blur(10px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.02) !important;
  opacity: 0.56 !important;
  filter: grayscale(0.4) contrast(1.02) !important;
  box-shadow: none !important;
  transition:
    opacity 260ms ease,
    filter 320ms ease,
    transform 520ms var(--ease-out),
    border-color 260ms ease,
    background 260ms ease !important;
}

.trust-mark {
  grid-row: 1 / span 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid currentColor !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.trust-logo strong {
  display: block !important;
  color: color-mix(in srgb, var(--ink) 72%, transparent) !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.trust-logo em {
  display: block !important;
  color: var(--quiet) !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  transform: translateY(-2px) !important;
  transition: opacity 260ms ease, transform 360ms var(--ease-out) !important;
}

.trust-logo:hover,
.trust-logo.is-active {
  z-index: 70 !important;
  opacity: 1 !important;
  filter: none !important;
  border-color: color-mix(in srgb, var(--ink) 28%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 76%, transparent) !important;
}

.trust-logo:hover em,
.trust-logo.is-active em {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.trust-logo-a { left: 365px !important; top: 8px !important; transform: rotate(-1.3deg) !important; }
.trust-logo-b { left: 560px !important; top: 86px !important; transform: rotate(1.4deg) !important; }
.trust-logo-c { left: 265px !important; top: 150px !important; transform: rotate(-0.8deg) !important; }
.trust-logo-d { left: 488px !important; top: 220px !important; transform: rotate(1.5deg) !important; }
.trust-logo-e { left: 94px !important; top: 272px !important; transform: rotate(-1.5deg) !important; }
.trust-logo-f { left: 378px !important; top: 342px !important; transform: rotate(0.9deg) !important; }
.trust-logo-g { left: 615px !important; top: 322px !important; transform: rotate(-0.7deg) !important; }

.trust-logo-a:hover,
.trust-logo-a.is-active { transform: rotate(0deg) translateY(-4px) !important; }
.trust-logo-b:hover,
.trust-logo-b.is-active { transform: rotate(0deg) translateY(-4px) !important; }
.trust-logo-c:hover,
.trust-logo-c.is-active { transform: rotate(0deg) translateY(-4px) !important; }
.trust-logo-d:hover,
.trust-logo-d.is-active { transform: rotate(0deg) translateY(-4px) !important; }
.trust-logo-e:hover,
.trust-logo-e.is-active { transform: rotate(0deg) translateY(-4px) !important; }
.trust-logo-f:hover,
.trust-logo-f.is-active { transform: rotate(0deg) translateY(-4px) !important; }
.trust-logo-g:hover,
.trust-logo-g.is-active { transform: rotate(0deg) translateY(-4px) !important; }

.trust-quote {
  left: 0 !important;
  top: 154px !important;
  width: 250px !important;
  color: color-mix(in srgb, var(--ink) 58%, transparent) !important;
  font-family: var(--font-heading) !important;
  font-size: 28px !important;
  line-height: 0.94 !important;
  letter-spacing: 0.045em !important;
  transform: scaleY(1.06) !important;
  opacity: 0.66 !important;
}

.experience-card-grid,
.experience-card {
  display: none !important;
}

body.is-dark .trust-logo {
  background: color-mix(in srgb, var(--paper) 54%, transparent) !important;
  border-color: color-mix(in srgb, var(--ink) 16%, transparent) !important;
}

@media (max-width: 980px) {
  .intro-note {
    width: 360px !important;
  }

  .intro-note p {
    font-size: 24px !important;
  }
}

.intro-note {
  left: 2860px !important;
  top: 1200px !important;
  width: 360px !important;
  min-height: 0 !important;
  padding: 24px 28px !important;
}

.intro-note p {
  max-width: 300px !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
}

.discovery-a {
  left: 2440px !important;
  top: 1220px !important;
  width: 270px !important;
}

.trust-kicker,
.trust-line,
.trust-quote {
  display: none !important;
}

@media (max-width: 980px) {
  .intro-note {
    width: 340px !important;
  }

  .intro-note p {
    font-size: 22px !important;
  }
}

.intro-note {
  left: 2820px !important;
  top: 1240px !important;
  width: 360px !important;
}

.intro-note p {
  max-width: 300px !important;
}

.discovery-a {
  left: 2440px !important;
  top: 1220px !important;
  width: 270px !important;
}

.trust-field {
  left: 5600px !important;
  top: 4540px !important;
  width: 960px !important;
  height: 620px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.trust-logo-cloud {
  position: absolute !important;
  inset: 0 !important;
}

.trust-logo {
  position: absolute !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 18px !important;
  row-gap: 7px !important;
  align-items: center !important;
  min-width: 250px !important;
  min-height: 86px !important;
  padding: 15px 22px !important;
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--paper) 42%, transparent) !important;
  color: var(--ink) !important;
  backdrop-filter: blur(10px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.02) !important;
  opacity: 0.52 !important;
  box-shadow: none !important;
  cursor: none !important;
  transition:
    opacity 300ms ease,
    transform 820ms var(--ease-out),
    border-color 300ms ease,
    background 300ms ease,
    filter 300ms ease !important;
}

.trust-logo-a { left: 20px !important; top: 0 !important; width: 330px !important; transform: rotate(-0.8deg) !important; }
.trust-logo-b { left: 430px !important; top: 126px !important; width: 250px !important; transform: rotate(0.7deg) !important; }
.trust-logo-c { left: -205px !important; top: 198px !important; width: 295px !important; transform: rotate(-0.5deg) !important; }
.trust-logo-d { left: 240px !important; top: 304px !important; width: 360px !important; transform: rotate(0.8deg) !important; }
.trust-logo-e { left: -130px !important; top: 452px !important; width: 300px !important; transform: rotate(-0.7deg) !important; }
.trust-logo-f { left: 58px !important; top: 575px !important; width: 300px !important; transform: rotate(0.5deg) !important; }
.trust-logo-g { left: 410px !important; top: 444px !important; width: 320px !important; transform: rotate(-0.4deg) !important; }

.trust-logo:hover,
.trust-logo:focus-visible,
.trust-logo.is-active {
  z-index: 8 !important;
  opacity: 1 !important;
  border-color: color-mix(in srgb, var(--ink) 30%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 78%, transparent) !important;
  filter: none !important;
}

.trust-logo-a:hover,
.trust-logo-a:focus-visible,
.trust-logo-a.is-active { transform: translateY(-5px) rotate(-0.15deg) !important; }
.trust-logo-b:hover,
.trust-logo-b:focus-visible,
.trust-logo-b.is-active { transform: translateY(-5px) rotate(0.18deg) !important; }
.trust-logo-c:hover,
.trust-logo-c:focus-visible,
.trust-logo-c.is-active { transform: translateY(-5px) rotate(-0.12deg) !important; }
.trust-logo-d:hover,
.trust-logo-d:focus-visible,
.trust-logo-d.is-active { transform: translateY(-5px) rotate(0.16deg) !important; }
.trust-logo-e:hover,
.trust-logo-e:focus-visible,
.trust-logo-e.is-active { transform: translateY(-5px) rotate(-0.14deg) !important; }
.trust-logo-f:hover,
.trust-logo-f:focus-visible,
.trust-logo-f.is-active { transform: translateY(-5px) rotate(0.12deg) !important; }
.trust-logo-g:hover,
.trust-logo-g:focus-visible,
.trust-logo-g.is-active { transform: translateY(-5px) rotate(-0.12deg) !important; }

.trust-mark {
  grid-row: 1 / span 2 !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid currentColor !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--ink) 70%, transparent) !important;
  overflow: hidden !important;
}

.trust-mark img {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
  filter: grayscale(1) contrast(1.06) brightness(0.9);
}

.trust-mark b {
  display: none;
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.trust-logo strong {
  display: block !important;
  color: color-mix(in srgb, var(--ink) 76%, transparent) !important;
  font-family: var(--font-body) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.095em !important;
  text-transform: uppercase !important;
}

.trust-logo em {
  display: block !important;
  color: var(--quiet) !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.experience-info-card {
  position: absolute !important;
  left: 455px !important;
  top: 360px !important;
  z-index: 4 !important;
  width: 560px !important;
  min-height: 220px !important;
  padding: 30px 34px 32px !important;
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--paper) 70%, transparent) !important;
  color: var(--ink) !important;
  backdrop-filter: blur(14px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.02) !important;
  box-shadow: 0 28px 96px rgba(0,0,0,0.045) !important;
  opacity: 0.86 !important;
  transition:
    opacity 280ms ease,
    transform 620ms var(--ease-out),
    background 280ms ease,
    border-color 280ms ease !important;
}

.experience-info-card.is-active {
  opacity: 1 !important;
  transform: translateY(-4px) !important;
  border-color: color-mix(in srgb, var(--ink) 22%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 84%, transparent) !important;
}

.experience-info-card span {
  display: block !important;
  margin-bottom: 18px !important;
  color: var(--quiet) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.experience-info-card h2 {
  margin: 0 0 18px !important;
  font-family: var(--font-heading) !important;
  font-size: 56px !important;
  line-height: 0.84 !important;
  font-weight: 400 !important;
  letter-spacing: 0.045em !important;
  transform: scaleY(1.06) !important;
  transform-origin: left center !important;
}

.experience-info-card h3 {
  margin: 0 0 22px !important;
  color: var(--quiet) !important;
  font-family: var(--font-body) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.experience-info-card p {
  max-width: 475px !important;
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
}

body.is-dark .trust-logo,
body.is-dark .experience-info-card {
  background: color-mix(in srgb, var(--paper) 72%, transparent) !important;
}

@media (max-width: 980px) {
  .trust-field,
  .trust-logo-cloud,
  .trust-logo,
  .experience-info-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    transform: none !important;
  }

  .trust-logo-cloud {
    display: grid !important;
    gap: 14px !important;
  }

  .experience-info-card {
    margin-top: 24px !important;
  }
}

.experience-info-card {
  left: 500px !important;
  top: 350px !important;
  z-index: 12 !important;
  width: 430px !important;
  min-height: 0 !important;
  padding: 24px 26px 26px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(10px) scale(0.985) !important;
  background: color-mix(in srgb, var(--paper) 76%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--ink) 15%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.02) !important;
}

.experience-info-card.is-active {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  border-color: color-mix(in srgb, var(--ink) 24%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 86%, transparent) !important;
}

.experience-info-card span {
  margin-bottom: 13px !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
}

.experience-info-card h2 {
  margin-bottom: 12px !important;
  font-size: 38px !important;
  line-height: 0.9 !important;
  letter-spacing: 0.045em !important;
}

.experience-info-card h3 {
  margin-bottom: 16px !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  letter-spacing: 0.13em !important;
}

.experience-info-card p {
  max-width: 360px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.trust-field {
  width: 900px !important;
  height: 585px !important;
}

.trust-logo {
  grid-template-columns: 46px minmax(0, 1fr) !important;
  column-gap: 15px !important;
  row-gap: 5px !important;
  min-width: 0 !important;
  min-height: 68px !important;
  padding: 12px 16px !important;
  opacity: 0.48 !important;
  background: color-mix(in srgb, var(--paper) 38%, transparent) !important;
}

.trust-mark {
  width: 44px !important;
  height: 44px !important;
  background: color-mix(in srgb, var(--paper) 52%, transparent) !important;
}

.trust-mark img {
  width: 76% !important;
  height: 76% !important;
  object-fit: contain !important;
  filter: grayscale(1) contrast(1.04) brightness(0.94) !important;
}

.trust-logo:hover .trust-mark img,
.trust-logo.is-active .trust-mark img {
  filter: grayscale(0.15) contrast(1.02) brightness(0.98) !important;
}

.trust-logo strong {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.105em !important;
}

.trust-logo em {
  opacity: 0 !important;
  transform: translateY(-2px) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  transition: opacity 260ms ease, transform 360ms var(--ease-out) !important;
}

.trust-logo:hover em,
.trust-logo.is-active em {
  opacity: 0.72 !important;
  transform: translateY(0) !important;
}

.trust-logo-a { left: 35px !important; top: 2px !important; width: 275px !important; transform: rotate(-0.8deg) !important; }
.trust-logo-b { left: 430px !important; top: 100px !important; width: 225px !important; transform: rotate(0.65deg) !important; }
.trust-logo-c { left: -170px !important; top: 205px !important; width: 250px !important; transform: rotate(-0.5deg) !important; }
.trust-logo-d { left: 250px !important; top: 285px !important; width: 290px !important; transform: rotate(0.8deg) !important; }
.trust-logo-e { left: -115px !important; top: 435px !important; width: 240px !important; transform: rotate(-0.7deg) !important; }
.trust-logo-f { left: 100px !important; top: 545px !important; width: 220px !important; transform: rotate(0.5deg) !important; }
.trust-logo-g { left: 405px !important; top: 438px !important; width: 245px !important; transform: rotate(-0.4deg) !important; }

.trust-logo-a:hover,
.trust-logo-a:focus-visible,
.trust-logo-a.is-active,
.trust-logo-b:hover,
.trust-logo-b:focus-visible,
.trust-logo-b.is-active,
.trust-logo-c:hover,
.trust-logo-c:focus-visible,
.trust-logo-c.is-active,
.trust-logo-d:hover,
.trust-logo-d:focus-visible,
.trust-logo-d.is-active,
.trust-logo-e:hover,
.trust-logo-e:focus-visible,
.trust-logo-e.is-active,
.trust-logo-f:hover,
.trust-logo-f:focus-visible,
.trust-logo-f.is-active,
.trust-logo-g:hover,
.trust-logo-g:focus-visible,
.trust-logo-g.is-active {
  transform: translateY(-4px) rotate(0deg) !important;
}

body.is-dark .trust-mark {
  background: color-mix(in srgb, var(--paper) 58%, transparent) !important;
}

@media (max-width: 980px) {
  .experience-info-card {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    width: 100% !important;
  }

  .trust-logo em {
    opacity: 0.72 !important;
    transform: none !important;
  }
}

.object-panel:has([id="panel-title"]) {
  
}

.trust-mark {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.trust-mark img {
  width: 82% !important;
  height: 82% !important;
  object-fit: contain !important;
}

.trust-field {
  width: 860px !important;
  height: 520px !important;
}

.trust-logo {
  min-height: 62px !important;
  padding: 10px 14px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  column-gap: 13px !important;
}

.trust-mark {
  width: 40px !important;
  height: 40px !important;
}

.trust-logo strong {
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
}

.trust-logo em {
  font-size: 10px !important;
  letter-spacing: 0.105em !important;
}

.trust-logo-a { left: 36px !important; top: 4px !important; width: 265px !important; }
.trust-logo-b { left: 395px !important; top: 94px !important; width: 220px !important; }
.trust-logo-c { left: -145px !important; top: 178px !important; width: 420px !important; }
.trust-logo-d { left: 250px !important; top: 242px !important; width: 300px !important; }
.trust-logo-e { left: -92px !important; top: 352px !important; width: 245px !important; }
.trust-logo-f { left: 205px !important; top: 430px !important; width: 245px !important; }
.trust-logo-g { left: 515px !important; top: 348px !important; width: 240px !important; }

.trust-logo-c {
  min-height: 68px !important;
}

.trust-logo-c strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.05 !important;
}

.experience-info-card {
  left: 475px !important;
  top: 312px !important;
  width: 430px !important;
  padding: 22px 24px 24px !important;
  z-index: 35 !important;
}

.experience-info-card h2 {
  font-size: 36px !important;
  line-height: 0.92 !important;
}

.experience-info-card h3 {
  font-size: 11.5px !important;
  line-height: 1.18 !important;
}

.experience-info-card p {
  font-size: 15.5px !important;
  line-height: 1.22 !important;
}

body.is-dark .trust-mark {
  background: transparent !important;
}

.experience-info-card {
  display: none !important;
}

.object-panel {
  left: clamp(22px, 3vw, 42px) !important;
  right: auto !important;
  bottom: clamp(22px, 4vw, 46px) !important;
  width: min(380px, calc(100vw - 44px)) !important;
  z-index: 140 !important;
}

.trust-field {
  width: 820px !important;
  height: 500px !important;
}

.trust-logo-cloud {
  position: absolute !important;
  inset: 0 !important;
}

.trust-logo {
  min-height: 58px !important;
  padding: 9px 13px !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 3px !important;
  background: color-mix(in srgb, var(--paper) 30%, transparent) !important;
  border-color: color-mix(in srgb, var(--ink) 12%, transparent) !important;
  opacity: 0.42 !important;
}

.trust-logo:hover,
.trust-logo:focus-visible,
.trust-logo.is-active {
  opacity: 0.9 !important;
  border-color: color-mix(in srgb, var(--ink) 24%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 56%, transparent) !important;
}

.trust-mark {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.trust-mark img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: grayscale(1) contrast(1.02) brightness(0.9) !important;
  opacity: 0.78 !important;
}

.trust-logo:hover .trust-mark img,
.trust-logo:focus-visible .trust-mark img,
.trust-logo.is-active .trust-mark img {
  filter: grayscale(0.12) contrast(1.02) brightness(0.96) !important;
  opacity: 1 !important;
}

.trust-mark b {
  display: none !important;
}

.trust-logo strong {
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0.11em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.trust-logo em {
  opacity: 0.58 !important;
  transform: none !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0.11em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.trust-logo-a { left: 40px !important; top: 0 !important; width: 255px !important; transform: rotate(-0.7deg) !important; }
.trust-logo-b { left: 390px !important; top: 78px !important; width: 205px !important; transform: rotate(0.55deg) !important; }
.trust-logo-c { left: -35px !important; top: 152px !important; width: 330px !important; transform: rotate(-0.45deg) !important; }
.trust-logo-d { left: 340px !important; top: 212px !important; width: 255px !important; transform: rotate(0.7deg) !important; }
.trust-logo-e { left: 40px !important; top: 302px !important; width: 230px !important; transform: rotate(-0.55deg) !important; }
.trust-logo-f { left: 315px !important; top: 372px !important; width: 230px !important; transform: rotate(0.42deg) !important; }
.trust-logo-g { left: 585px !important; top: 300px !important; width: 225px !important; transform: rotate(-0.35deg) !important; }

.trust-logo-c strong {
  max-width: 100% !important;
  white-space: nowrap !important;
}

.trust-logo-d strong::before {
  content: "";
}

.trust-logo:hover,
.trust-logo:focus-visible,
.trust-logo.is-active {
  transform: translateY(-3px) rotate(0deg) !important;
}

body.is-dark .trust-logo {
  background: color-mix(in srgb, var(--paper) 34%, transparent) !important;
  border-color: color-mix(in srgb, var(--ink) 12%, transparent) !important;
}

body.is-dark .trust-mark {
  background: transparent !important;
}

.object-panel,
.object-panel.is-active {
  left: clamp(22px, 3vw, 42px) !important;
  right: auto !important;
  bottom: clamp(22px, 4vw, 46px) !important;
  top: auto !important;
  width: min(430px, calc(100vw - 44px)) !important;
  transform: none !important;
  z-index: 140 !important;
}

.object-panel.is-experience-panel,
.object-panel.is-experience-panel.is-active {
  left: auto !important;
  right: clamp(22px, 3vw, 48px) !important;
  bottom: clamp(22px, 4vw, 46px) !important;
  top: auto !important;
  width: min(470px, calc(100vw - 44px)) !important;
  transform: none !important;
}

.intro-note {
  width: clamp(680px, 47vw, 920px) !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 30px 46px 32px !important;
}

.intro-note span {
  display: block !important;
  margin-bottom: 18px !important;
}

.intro-note p {
  max-width: 100% !important;
  font-size: clamp(25px, 1.75vw, 36px) !important;
  line-height: 1.08 !important;
}

@media (max-width: 980px) {
  .object-panel,
  .object-panel.is-active,
  .object-panel.is-experience-panel,
  .object-panel.is-experience-panel.is-active {
    left: 20px !important;
    right: 20px !important;
    bottom: 24px !important;
    width: auto !important;
  }

  .intro-note {
    width: min(100%, 560px) !important;
    padding: 28px 30px 30px !important;
  }

  .intro-note p {
    font-size: clamp(23px, 6vw, 32px) !important;
  }
}

.object-panel,
.object-panel.is-active,
.object-panel.is-experience-panel,
.object-panel.is-experience-panel.is-active {
  left: auto !important;
  right: clamp(22px, 3vw, 48px) !important;
  bottom: clamp(22px, 4vw, 46px) !important;
  top: auto !important;
  width: min(470px, calc(100vw - 44px)) !important;
  z-index: 140 !important;
}

@media (max-width: 980px) {
  .object-panel,
  .object-panel.is-active,
  .object-panel.is-experience-panel,
  .object-panel.is-experience-panel.is-active {
    left: 20px !important;
    right: 20px !important;
    bottom: 24px !important;
    width: auto !important;
  }
}

.process-object:not(.process-method-card) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.process-object:not(.process-method-card) figure {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: rotate(var(--rotate, 0deg)) !important;
}

.process-object:not(.process-method-card):hover figure {
  transform: rotate(0deg) scale(1.035) !important;
}

.about-card,
.about-statement,
.about-portrait {
  cursor: inherit;
}

.process-step-card {
  position: absolute;
  z-index: 20;
  min-height: 0;
  padding: 24px 26px 26px;
  border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);
  background: color-mix(in srgb, var(--paper) 58%, transparent);
  color: var(--ink);
  backdrop-filter: blur(10px) saturate(1.01);
  -webkit-backdrop-filter: blur(10px) saturate(1.01);
  transform: rotate(var(--rotate, 0deg));
  transform-origin: 50% 10%;
  box-shadow: none;
  opacity: 0.78;
  transition:
    opacity 360ms ease,
    transform 900ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 360ms ease,
    background 360ms ease;
}

.process-step-card span {
  display: block;
  color: var(--quiet);
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.process-step-card strong {
  display: block;
  margin-top: 16px;
  font-family: var(--font-heading);
  font-size: clamp(38px, 3.5vw, 58px);
  line-height: 0.86;
  font-weight: 400;
  letter-spacing: 0.04em;
  transform: scaleY(1.05);
  transform-origin: left center;
}

.process-step-card em {
  display: block;
  margin-top: 16px;
  color: var(--quiet);
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1.1;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.process-step-card p {
  max-width: 470px;
  margin: 18px 0 0;
  color: var(--muted);
  font-family: var(--font-body);
  font-size: 19px;
  line-height: 1.18;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.process-step-card:hover {
  opacity: 1;
  background: color-mix(in srgb, var(--paper) 74%, transparent);
  border-color: color-mix(in srgb, var(--ink) 28%, transparent);
  transform: translateY(-5px) rotate(0deg);
}

.process-taped-image,
.process-object.process-taped-image {
  position: absolute !important;
  z-index: 18;
  opacity: 0.82 !important;
  filter: none !important;
  overflow: visible !important;
  cursor: none;
}

.process-taped-image figure,
.process-object.process-taped-image figure {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: rotate(var(--rotate, 0deg)) !important;
  transform-origin: center top !important;
  transition:
    transform 1300ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 700ms ease,
    opacity 420ms ease !important;
}

.process-taped-image figure::before,
.process-object.process-taped-image figure::before {
  content: "" !important;
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  top: -22px !important;
  width: 128px !important;
  height: 46px !important;
  transform: translateX(-50%) rotate(-2deg) !important;
  pointer-events: none !important;
  background-image: var(--tape-b, url("../img/tape/42.png")) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  opacity: 0.72 !important;
  mix-blend-mode: multiply !important;
  filter: contrast(1.12) saturate(0.96) brightness(0.98) !important;
}

.process-taped-image figure::after,
.process-object.process-taped-image figure::after {
  content: none !important;
  display: none !important;
}

.process-taped-image img,
.process-object.process-taped-image img {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0.92 !important;
  border-radius: 2px !important;
  filter: grayscale(0.08) contrast(1.03) brightness(0.96) saturate(0.92) !important;
  box-shadow: 0 26px 86px rgba(0,0,0,0.08) !important;
  transform: none !important;
  transition:
    filter 780ms ease,
    transform 1300ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 900ms ease !important;
}

.process-taped-image figcaption,
.process-object.process-taped-image figcaption {
  display: block !important;
  margin-top: 9px !important;
  color: var(--quiet) !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  opacity: 0.82 !important;
  filter: none !important;
  transform: none !important;
}

.process-taped-image:hover figure,
.process-object.process-taped-image:hover figure {
  transform: translateY(-7px) rotate(0deg) scale(1.014) !important;
  opacity: 1 !important;
}

.process-taped-image:hover img,
.process-object.process-taped-image:hover img {
  filter: grayscale(0) contrast(1.04) brightness(0.99) saturate(0.98) !important;
  box-shadow: 0 34px 104px rgba(0,0,0,0.12) !important;
}

.process-img-b figure::before,
.process-img-f figure::before {
  background-image: var(--tape-d, url("../img/tape/44.png")) !important;
  transform: translateX(-50%) rotate(4deg) !important;
}

.process-img-c figure::before,
.process-img-e figure::before {
  background-image: var(--tape-a, url("../img/tape/41.png")) !important;
  transform: translateX(-50%) rotate(-6deg) !important;
}

body.is-dark .process-taped-image figure::before,
body.is-dark .process-object.process-taped-image figure::before {
  mix-blend-mode: screen !important;
  opacity: 0.48 !important;
  filter: contrast(0.96) saturate(0.85) brightness(1.12) !important;
}

.process-step-card,
.process-taped-image {
  pointer-events: auto;
}

@media (max-width: 900px) {
  .process-step-card {
    width: min(82vw, 520px) !important;
  }
}

.process-step-card {
  box-shadow: 0 18px 80px rgba(0,0,0,0.035) !important;
}

.process-step-card:nth-of-type(2n) {
  background: color-mix(in srgb, var(--paper) 52%, transparent) !important;
}

.process-step-card:nth-of-type(3n) {
  z-index: 22 !important;
}

.process-taped-image.process-img-small,
.process-object.process-taped-image.process-img-small {
  z-index: 17 !important;
  opacity: 0.76 !important;
}

.process-taped-image.process-img-mini,
.process-object.process-taped-image.process-img-mini {
  z-index: 16 !important;
  opacity: 0.68 !important;
}

.process-taped-image.process-img-mini figcaption,
.process-object.process-taped-image.process-img-mini figcaption {
  font-size: 9px !important;
  letter-spacing: 0.11em !important;
  opacity: 0.62 !important;
}

.process-taped-image.process-img-mini img,
.process-object.process-taped-image.process-img-mini img {
  opacity: 0.84 !important;
  filter: grayscale(0.14) contrast(1.02) brightness(0.95) saturate(0.88) !important;
  box-shadow: 0 18px 64px rgba(0,0,0,0.065) !important;
}

.process-img-a figure::after,
.process-img-c figure::after,
.process-img-e figure::after,
.process-img-h figure::after,
.process-img-j figure::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 6 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  mix-blend-mode: multiply !important;
  opacity: 0.58 !important;
  filter: contrast(1.12) saturate(0.95) brightness(0.98) !important;
}

.process-img-a figure::after {
  right: -32px !important;
  top: 38px !important;
  width: 104px !important;
  height: 38px !important;
  transform: rotate(13deg) !important;
  background-image: var(--tape-c, url("../img/tape/43.png")) !important;
}

.process-img-c figure::after {
  left: -30px !important;
  bottom: 48px !important;
  width: 112px !important;
  height: 41px !important;
  transform: rotate(-12deg) !important;
  background-image: var(--tape-e, url("../img/tape/45.png")) !important;
}

.process-img-e figure::after {
  right: 34px !important;
  top: -24px !important;
  width: 112px !important;
  height: 41px !important;
  transform: rotate(5deg) !important;
  background-image: var(--tape-d, url("../img/tape/44.png")) !important;
}

.process-img-h figure::after,
.process-img-j figure::after {
  left: 50% !important;
  bottom: -18px !important;
  width: 86px !important;
  height: 32px !important;
  transform: translateX(-50%) rotate(-4deg) !important;
  background-image: var(--tape-a, url("../img/tape/41.png")) !important;
}

body.is-dark .process-img-a figure::after,
body.is-dark .process-img-c figure::after,
body.is-dark .process-img-e figure::after,
body.is-dark .process-img-h figure::after,
body.is-dark .process-img-j figure::after {
  mix-blend-mode: screen !important;
  opacity: 0.42 !important;
  filter: contrast(0.96) saturate(0.85) brightness(1.12) !important;
}

@media (max-width: 1180px) {
  .process-img-g,
  .process-img-h,
  .process-img-i,
  .process-img-j,
  .process-img-k {
    display: none !important;
  }
}

.process-step-card {
  opacity: 0.78 !important;
}

.process-img-mini {
  opacity: 0.76 !important;
}

.process-img-small {
  opacity: 0.8 !important;
}

.process-taped-image figure::before,
.process-object.process-taped-image figure::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 12 !important;
  left: 50% !important;
  top: -19px !important;
  width: 132px !important;
  height: 42px !important;
  pointer-events: none !important;
  transform: translateX(-50%) rotate(-2.4deg) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.20), transparent 18%, transparent 82%, rgba(0,0,0,0.035)),
    linear-gradient(to bottom, rgba(255,255,255,0.55), rgba(232,226,202,0.78)),
    color-mix(in srgb, var(--paper) 72%, #d9ccaa 28%) !important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.20), transparent 18%, transparent 82%, rgba(0,0,0,0.035)),
    linear-gradient(to bottom, rgba(255,255,255,0.55), rgba(232,226,202,0.78)) !important;
  border-radius: 1px !important;
  opacity: 0.82 !important;
  mix-blend-mode: multiply !important;
  box-shadow: 0 7px 14px rgba(0,0,0,0.055) !important;
  filter: none !important;
}

.process-img-b figure::before,
.process-img-f figure::before,
.process-img-h figure::before {
  transform: translateX(-50%) rotate(4deg) !important;
  width: 118px !important;
  height: 38px !important;
}

.process-img-c figure::before,
.process-img-e figure::before,
.process-img-i figure::before {
  transform: translateX(-50%) rotate(-5deg) !important;
}

.process-img-g figure::before {
  top: -16px !important;
  width: 96px !important;
  height: 32px !important;
  transform: translateX(-50%) rotate(-7deg) !important;
}

body.is-dark .process-taped-image figure::before,
body.is-dark .process-object.process-taped-image figure::before {
  mix-blend-mode: screen !important;
  opacity: 0.38 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.06), transparent 18%, transparent 82%, rgba(255,255,255,0.10)),
    linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(214,202,168,0.38)) !important;
  box-shadow: 0 7px 14px rgba(0,0,0,0.16) !important;
}

.process-taped-image:hover figure,
.process-object.process-taped-image:hover figure {
  transform: translateY(-5px) rotate(calc(var(--rotate, 0deg) * 0.28)) scale(1.01) !important;
}

.process-img-g,
.process-img-h,
.process-img-i,
.process-img-j,
.process-img-k {
  display: none !important;
}

.process-step-card {
  padding: 18px 20px 20px !important;
  min-height: 0 !important;
  background: color-mix(in srgb, var(--paper) 50%, transparent) !important;
  border-color: color-mix(in srgb, var(--ink) 13%, transparent) !important;
  box-shadow: none !important;
  opacity: 0.62 !important;
  backdrop-filter: blur(8px) saturate(1.01) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.01) !important;
}

.process-step-card span {
  font-size: 10px !important;
  letter-spacing: 0.13em !important;
}

.process-step-card strong {
  margin-top: 12px !important;
  font-size: clamp(28px, 2.25vw, 40px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0.035em !important;
}

.process-step-card em {
  margin-top: 12px !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
}

.process-step-card p {
  max-width: 330px !important;
  margin-top: 13px !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
}

.process-step-card:hover {
  opacity: 0.9 !important;
  transform: translateY(-3px) rotate(0deg) !important;
  background: color-mix(in srgb, var(--paper) 66%, transparent) !important;
}

.process-taped-image,
.process-object.process-taped-image {
  opacity: 0.82 !important;
  z-index: 18 !important;
}

.process-img-small,
.process-img-mini {
  opacity: 0.82 !important;
}

.process-object.process-taped-image figure::before,
.process-taped-image figure::before {
  top: -20px !important;
  width: 124px !important;
  height: 44px !important;
  opacity: 0.72 !important;
}

.process-object.process-taped-image figure::after,
.process-taped-image figure::after {
  content: none !important;
  display: none !important;
}

.process-taped-image:hover figure,
.process-object.process-taped-image:hover figure {
  transform: translateY(-5px) rotate(0deg) scale(1.012) !important;
}

#process-artifacts .process-step-card:nth-of-type(1) {
  left: 500px !important;
  top: 2680px !important;
  width: 320px !important;
}

#process-artifacts .process-step-card:nth-of-type(2) {
  left: 1160px !important;
  top: 2940px !important;
  width: 340px !important;
}

#process-artifacts .process-step-card:nth-of-type(3) {
  left: 610px !important;
  top: 3265px !important;
  width: 350px !important;
}

#process-artifacts .process-step-card:nth-of-type(4) {
  left: 1460px !important;
  top: 3335px !important;
  width: 330px !important;
}

#process-artifacts .process-step-card:nth-of-type(5) {
  left: 980px !important;
  top: 3700px !important;
  width: 360px !important;
}

.process-img-a {
  left: 980px !important;
  top: 2590px !important;
  width: 390px !important;
  height: 278px !important;
}

.process-img-b {
  left: 285px !important;
  top: 3100px !important;
  width: 335px !important;
  height: 246px !important;
}

.process-img-c {
  left: 1650px !important;
  top: 3070px !important;
  width: 500px !important;
  height: 328px !important;
}

.process-img-d {
  left: 300px !important;
  top: 3565px !important;
  width: 305px !important;
  height: 240px !important;
}

.process-img-e {
  left: 1375px !important;
  top: 3835px !important;
  width: 430px !important;
  height: 292px !important;
}

.process-img-f {
  left: 760px !important;
  top: 3540px !important;
  width: 300px !important;
  height: 226px !important;
}

.type-process {
  opacity: 0.075 !important;
  z-index: 3 !important;
}

.process-object.process-taped-image figure::before,
.process-taped-image figure::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 12 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-color: transparent !important;
  background-image: var(--tape-b, url("../img/tape/42.png")) !important;
  opacity: 0.74 !important;
  mix-blend-mode: multiply !important;
  filter: contrast(1.12) saturate(0.96) brightness(0.98) drop-shadow(0 8px 10px rgba(0,0,0,0.045)) !important;
  box-shadow: none !important;
}

.process-img-a figure::before {
  left: 50% !important;
  top: -25px !important;
  width: 132px !important;
  height: 48px !important;
  transform: translateX(-50%) rotate(-2deg) !important;
  background-image: var(--tape-b, url("../img/tape/42.png")) !important;
}

.process-img-b figure::before {
  left: 42% !important;
  top: -23px !important;
  width: 118px !important;
  height: 43px !important;
  transform: translateX(-50%) rotate(4deg) !important;
  background-image: var(--tape-a, url("../img/tape/41.png")) !important;
}

.process-img-c figure::before {
  left: 54% !important;
  top: -24px !important;
  width: 126px !important;
  height: 46px !important;
  transform: translateX(-50%) rotate(-4deg) !important;
  background-image: var(--tape-c, url("../img/tape/43.png")) !important;
}

.process-img-d figure::before {
  left: 48% !important;
  top: -22px !important;
  width: 108px !important;
  height: 40px !important;
  transform: translateX(-50%) rotate(5deg) !important;
  background-image: var(--tape-d, url("../img/tape/44.png")) !important;
}

.process-img-e figure::before {
  left: 50% !important;
  top: -24px !important;
  width: 128px !important;
  height: 46px !important;
  transform: translateX(-50%) rotate(-3deg) !important;
  background-image: var(--tape-e, url("../img/tape/45.png")) !important;
}

.process-img-f figure::before {
  left: 45% !important;
  top: -22px !important;
  width: 112px !important;
  height: 41px !important;
  transform: translateX(-50%) rotate(3deg) !important;
  background-image: var(--tape-a, url("../img/tape/41.png")) !important;
}

body.is-dark .process-object.process-taped-image figure::before,
body.is-dark .process-taped-image figure::before {
  mix-blend-mode: screen !important;
  opacity: 0.45 !important;
  filter: contrast(0.98) saturate(0.88) brightness(1.12) !important;
  box-shadow: none !important;
}

.frag-d {
  left: 1390px !important;
  top: 2445px !important;
  z-index: 22 !important;
}

.frag-d::before {
  left: 50% !important;
  right: auto !important;
  top: -24px !important;
  width: 118px !important;
  height: 44px !important;
  transform: translateX(-50%) rotate(-3deg) !important;
  background: var(--tape-b, url("../img/tape/42.png")) center / 100% 100% no-repeat !important;
  opacity: 0.78 !important;
  mix-blend-mode: multiply !important;
  filter: contrast(1.12) saturate(0.96) brightness(0.98) drop-shadow(0 8px 10px rgba(0,0,0,0.045)) !important;
}

body.is-dark .frag-d::before {
  mix-blend-mode: screen !important;
  opacity: 0.48 !important;
  filter: contrast(0.98) saturate(0.88) brightness(1.12) !important;
}

.process-taped-image:hover figure,
.process-object.process-taped-image:hover figure {
  transform: translateY(-4px) rotate(0deg) scale(1.008) !important;
}

.zone-experience-label,
.edge-experience,
.radar-experience,
.trust-field,
.trust-logo-cloud,
.experience-info-card {
  display: none !important;
}

.board-links a[href="#experience"] {
  display: none !important;
}

.artifact-cero-wide {
  width: 680px;
  height: 420px;
}

.artifact-cero-wide .artifact-inner {
  width: 100%;
  height: 100%;
}

.artifact-cero-wide .artifact-meta {
  max-width: 680px;
}

.zone-process-label,
.type-process,
.process-object,
.process-step-card,
.radar-process,
.edge-signal[data-target="process"] {
  display: none !important;
}

.zone-work-label { left: 3680px !important; top: 1260px !important; }
.zone-about-label { left: 4560px !important; top: 3375px !important; }
.zone-archive-label { left: 3330px !important; top: 4890px !important; }

.pos-01 { left: 3500px !important; top: 900px !important; --rotate: -1.4deg; }
.pos-02 { left: 4520px !important; top: 790px !important; --rotate: 1.2deg; }
.pos-03 { left: 3300px !important; top: 1780px !important; --rotate: 1deg; }
.pos-04 { left: 4960px !important; top: 1740px !important; --rotate: -0.9deg; }
.pos-05 { left: 4060px !important; top: 2700px !important; --rotate: 1.7deg; }
.pos-06 { left: 5120px !important; top: 2960px !important; --rotate: -1.2deg; }

.artifact-cero-wide {
  width: 760px !important;
  height: 470px !important;
}
.artifact-cero-wide .artifact-meta { max-width: 760px !important; }

.about-main { left: 4300px !important; top: 3680px !important; width: 660px !important; }
.about-portrait { left: 5080px !important; top: 3520px !important; }
.about-focus { left: 5060px !important; top: 3860px !important; }
.about-current { left: 4540px !important; top: 4260px !important; }
.about-background { left: 5280px !important; top: 4300px !important; }

.archive-portal { left: 3450px !important; top: 5050px !important; }
.discovery-d { left: 4240px !important; top: 5070px !important; width: 320px !important; }
.discovery-c { left: 4200px !important; top: 2440px !important; width: 290px !important; }

.frag-d { left: 1880px !important; top: 2120px !important; }
.frag-f { left: 2320px !important; top: 880px !important; }
.discovery-a { left: 2480px !important; top: 980px !important; width: 275px !important; }

.board-links a[href*="#process"],
.edge-signal[data-target="process"],
.radar-process { display: none !important; }

.zone-work-label { left: 3560px !important; top: 1180px !important; }
.pos-01 { left: 3380px !important; top: 900px !important; --rotate: -1.4deg; }
.pos-02 { left: 4270px !important; top: 900px !important; --rotate: 1.2deg; }
.pos-03 { left: 3150px !important; top: 1690px !important; --rotate: 0.8deg; }
.pos-04 { left: 4550px !important; top: 1760px !important; --rotate: -0.9deg; }
.pos-05 { left: 3890px !important; top: 2450px !important; --rotate: 1.4deg; }
.pos-06 { left: 4710px !important; top: 2630px !important; --rotate: -1deg; }

.zone-about-label { left: 4060px !important; top: 3120px !important; }
.type-systems { left: 4150px !important; top: 3440px !important; opacity: 0.075 !important; }
.about-main { left: 3660px !important; top: 3340px !important; width: 650px !important; }
.about-portrait { left: 4480px !important; top: 3230px !important; }
.about-current { left: 3720px !important; top: 3930px !important; width: 310px !important; }
.about-background { left: 4400px !important; top: 3980px !important; width: 310px !important; }

.about-focus { display: none !important; }

.zone-archive-label { left: 3220px !important; top: 4590px !important; }
.archive-portal { left: 3330px !important; top: 4740px !important; }
.discovery-d { left: 4030px !important; top: 4750px !important; width: 310px !important; }

.discovery-c { left: 4000px !important; top: 2220px !important; width: 285px !important; }
.frag-d { left: 2050px !important; top: 2050px !important; }
.frag-f { left: 2380px !important; top: 930px !important; }
.discovery-a { left: 2540px !important; top: 1030px !important; width: 270px !important; }

.type-living,
.frag-f,
.discovery-c,
.about-main h2 {
  display: none !important;
}

.discovery-a {
  left: 2520px !important;
  top: 1085px !important;
  width: 295px !important;
}
.discovery-a strong {
  font-size: 17px !important;
  line-height: 1.18 !important;
}

.intro-note {
  left: 2950px !important;
  top: 1225px !important;
  width: 380px !important;
}
.intro-note p {
  max-width: 320px !important;
}

.pos-04 {
  left: 4440px !important;
  top: 1760px !important;
}

.about-current {
  top: 3865px !important;
}

.board-radar,
.board-radar:hover {
  width: 92px !important;
  height: 116px !important;
}
.radar-zoom-control {
  width: 92px !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 3px !important;
}
.radar-zoom-control button span {
  font-size: 7px !important;
}

.intro-note {
  left: 2600px !important;
  top: 1210px !important;
  width: clamp(680px, 47vw, 920px) !important;
  max-width: none !important;
  padding: 30px 46px 32px !important;
}
.intro-note p {
  max-width: 100% !important;
  font-size: clamp(25px, 1.75vw, 36px) !important;
  line-height: 1.08 !important;
}

.about-main h2 {
  display: none !important;
}
.type-systems {
  opacity: 0.07 !important;
}

.about-current {
  top: 3825px !important;
}
.zone-archive-label {
  top: 4360px !important;
}
.archive-portal {
  top: 4520px !important;
}
.discovery-d {
  top: 4525px !important;
}

.board-radar,
.board-radar:hover {
  overflow: visible !important;
}
.board-radar::before {
  content: "MAP" !important;
  position: absolute !important;
  left: 0 !important;
  top: -24px !important;
  display: block !important;
  color: var(--quiet) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}
.radar-zoom-control {
  width: 120px !important;
  gap: 6px !important;
}
.radar-zoom-control button span {
  font-size: 9px !important;
  letter-spacing: 0.05em !important;
}

.board-world::before {
  content: none !important;
  display: none !important;
}

.object-panel,
.object-panel.is-active,
.object-panel.is-experience-panel,
.object-panel.is-experience-panel.is-active {
  width: min(620px, calc(100vw - 44px)) !important;
  padding: 24px 28px 26px !important;
}
.object-panel span {
  font-size: 14px !important;
  letter-spacing: 0.12em !important;
}
.object-panel strong {
  margin-top: 16px !important;
  font-size: clamp(46px, 3.2vw, 64px) !important;
  line-height: 0.9 !important;
}
.object-panel em {
  margin-top: 14px !important;
  font-size: 16px !important;
  letter-spacing: 0.09em !important;
}
.object-panel p {
  margin-top: 18px !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}

.board-radar,
.board-radar:hover {
  width: 92px !important;
  height: 136px !important;
}
.board-radar::before {
  top: -30px !important;
  font-size: 17px !important;
  letter-spacing: 0.18em !important;
}
.radar-zoom-control {
  width: 148px !important;
  gap: 9px !important;
}
.radar-zoom-control button span {
  font-size: 12px !important;
  letter-spacing: 0.045em !important;
}
.radar-zoom-control button.is-active::after {
  bottom: -15px !important;
  width: 7px !important;
  height: 7px !important;
}

.artifact {
  overflow: visible !important;
}
.artifact.pos-02::before,
.artifact.pos-03::before,
.artifact.pos-05::before,
.artifact.pos-06::before {
  content: "" !important;
  position: absolute !important;
  z-index: 36 !important;
  left: 50% !important;
  top: -28px !important;
  width: 150px !important;
  height: 58px !important;
  pointer-events: none !important;
  opacity: 0.78 !important;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,0.08)) !important;
  background: var(--tape-b, url("../img/tape/42.png")) center / 100% 100% no-repeat !important;
  transform: translateX(-50%) rotate(-2.5deg) !important;
  mix-blend-mode: multiply !important;
}
.artifact.pos-03::before {
  width: 170px !important;
  height: 62px !important;
  top: -30px !important;
  background-image: var(--tape-a, url("../img/tape/41.png")) !important;
  transform: translateX(-50%) rotate(2.2deg) !important;
}
.artifact.pos-05::before {
  width: 160px !important;
  height: 60px !important;
  background-image: var(--tape-d, url("../img/tape/44.png")) !important;
  transform: translateX(-50%) rotate(3deg) !important;
}
.artifact.pos-06::before {
  width: 145px !important;
  height: 56px !important;
  background-image: var(--tape-c, url("../img/tape/43.png")) !important;
  transform: translateX(-50%) rotate(-4deg) !important;
}
body.is-dark .artifact.pos-02::before,
body.is-dark .artifact.pos-03::before,
body.is-dark .artifact.pos-05::before,
body.is-dark .artifact.pos-06::before {
  mix-blend-mode: screen !important;
  opacity: 0.42 !important;
}

.object-panel,
.object-panel.is-active,
.object-panel.is-experience-panel,
.object-panel.is-experience-panel.is-active {
  width: min(560px, calc(100vw - 44px)) !important;
  padding: 21px 25px 23px !important;
}

.object-panel span {
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
}

.object-panel strong {
  margin-top: 13px !important;
  font-size: clamp(36px, 2.55vw, 50px) !important;
  line-height: 0.95 !important;
}

.object-panel em {
  margin-top: 11px !important;
  font-size: 14px !important;
  letter-spacing: 0.085em !important;
}

.object-panel p {
  margin-top: 15px !important;
  font-size: 18px !important;
  line-height: 1.32 !important;
}

.archive-portal > span {
  display: none !important;
}
.archive-portal strong {
  margin-top: 0 !important;
}

.radar-view {
  width: 28px !important;
  height: 17px !important;
  min-width: 28px !important;
  min-height: 17px !important;
}

.radar-intro.is-discovered {
  transform: scale(1.28) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 7%, transparent) !important;
}
.radar-work.is-discovered {
  transform: scale(1.86) !important;
  box-shadow: 0 0 0 8px color-mix(in srgb, currentColor 8%, transparent) !important;
}
.radar-about.is-discovered {
  transform: scale(1.68) !important;
  box-shadow: 0 0 0 7px color-mix(in srgb, currentColor 8%, transparent) !important;
}
.radar-archive.is-discovered {
  transform: scale(1.18) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 7%, transparent) !important;
}

.landing-motion {
  position: fixed;
  inset: 0;
  z-index: 9500;
  pointer-events: none;
  overflow: hidden;
  color: var(--ink);
  background: color-mix(in srgb, var(--paper) 88%, #eef4f6 12%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 720ms ease, visibility 720ms ease;
}

body.is-entry-ready .landing-motion {
  opacity: 1;
  visibility: visible;
}

body.is-entry-complete .landing-motion {
  opacity: 0;
  visibility: hidden;
}

body.is-entry-locked .whiteboard-shell {
  pointer-events: none;
}

.landing-motion__grain,
.landing-motion__paper,
.landing-motion__portrait {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.landing-motion__grain {
  z-index: 4;
  opacity: 0.35;
  mix-blend-mode: multiply;
  background:
    radial-gradient(circle at 32% 30%, rgba(0, 0, 0, 0.05), transparent 24%),
    repeating-radial-gradient(circle at 50% 50%, rgba(0,0,0,0.045) 0 1px, transparent 1px 3px);
}

.landing-motion__portrait {
  z-index: 1;
  background-image:
    linear-gradient(to bottom, rgba(245,248,249,0.16), rgba(242,247,248,0.05) 34%, rgba(3,3,3,0.58)),
    url("../img/profile-banner.png");
  background-size: cover;
  background-position: 46% 88%;
  will-change: opacity, transform, filter;
}

.landing-motion__paper {
  z-index: 3;
  opacity: 0;
  background:
    linear-gradient(to bottom, rgba(240,246,248,0.18), rgba(240,246,248,0.94)),
    linear-gradient(90deg, rgba(0,0,0,0.028) 1px, transparent 1px),
    linear-gradient(rgba(0,0,0,0.024) 1px, transparent 1px),
    color-mix(in srgb, var(--paper) 92%, #edf5f5 8%);
  background-size: auto, 33.333vw 100%, 100% 33.333vh, auto;
  will-change: opacity;
}

.landing-motion__type {
  position: absolute;
  z-index: 6;
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 0.78;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.88);
  mix-blend-mode: multiply;
  pointer-events: none;
  will-change: transform, opacity, filter;
}

.landing-motion__type--leandro {
  left: 4.4vw;
  top: 14vh;
  font-size: clamp(210px, 25vw, 520px);
}

.landing-motion__type--ferreira {
  left: 57vw;
  top: 70vh;
  font-size: clamp(190px, 22vw, 470px);
  opacity: 0;
}

.landing-motion__cards {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

.landing-motion__card {
  position: absolute;
  margin: 0;
  padding: 9px 9px 26px;
  border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
  background: color-mix(in srgb, var(--paper) 78%, rgba(255,255,255,0.68));
  box-shadow: 0 34px 120px rgba(0, 0, 0, 0.09);
  opacity: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  will-change: transform, opacity, filter;
}

.landing-motion__card::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -18px;
  z-index: 3;
  width: 132px;
  height: 40px;
  transform: translateX(-50%) rotate(-2deg);
  background:
    linear-gradient(90deg, rgba(255,255,255,0.22), transparent 22%, transparent 78%, rgba(0,0,0,0.04)),
    linear-gradient(to bottom, rgba(255,255,255,0.58), rgba(225,214,185,0.78));
  opacity: 0.72;
  mix-blend-mode: multiply;
  box-shadow: 0 8px 18px rgba(0,0,0,0.055);
}

.landing-motion__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.08) contrast(1.02) brightness(0.94);
}

.landing-motion__card figcaption {
  position: absolute;
  left: 11px;
  bottom: 9px;
  color: var(--quiet);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.landing-motion__card--indwe {
  right: 7.5vw;
  top: 25vh;
  width: min(34vw, 620px);
  height: min(19vw, 350px);
}

.landing-motion__card--cero {
  left: 12vw;
  top: 57vh;
  width: min(37vw, 660px);
  height: min(23vw, 420px);
}

.landing-motion__card--jude {
  right: 12vw;
  top: 63vh;
  width: min(25vw, 450px);
  height: min(16vw, 290px);
}

.landing-motion__hint {
  position: fixed;
  left: 34px;
  bottom: 30px;
  z-index: 20;
  display: flex;
  align-items: baseline;
  gap: 12px;
  color: var(--ink);
  font-family: var(--font-heading);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.82;
  pointer-events: none;
}

.landing-motion__hint span,
.landing-motion__hint strong {
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
}

body.is-entry-complete .landing-motion__hint {
  opacity: 0;
}

@media (max-width: 980px), (prefers-reduced-motion: reduce) {
  .landing-motion {
    display: none !important;
  }
}

.landing-motion {
  background: color-mix(in srgb, var(--paper) 82%, #eef4f6 18%);
}

body.is-entry-ready .board-nav,
body.is-entry-ready .board-brand,
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  z-index: 9700;
}

.landing-motion__portrait {
  background-image:
    linear-gradient(to bottom, rgba(245,248,249,0.05), rgba(242,247,248,0.02) 38%, rgba(3,3,3,0.62)),
    url("../img/profile-banner.png") !important;
  background-position: 46% 88% !important;
  background-size: cover !important;
}

.landing-motion__grain {
  opacity: 0.42;
}

.landing-motion__type {
  font-weight: 500 !important;
  letter-spacing: 0.025em !important;
  line-height: 0.72 !important;
  transform-origin: left top;
  color: rgba(0, 0, 0, 0.92);
  mix-blend-mode: multiply;
}

.landing-motion__type--leandro {
  left: 5.3vw !important;
  top: 14vh !important;
  font-size: clamp(180px, 19vw, 400px) !important;
}

.landing-motion__type--ferreira {
  left: 58vw !important;
  top: 71vh !important;
  font-size: clamp(170px, 18vw, 380px) !important;
}

.landing-motion__hint {
  color: rgba(0, 0, 0, 0.72);
  transition: color 320ms ease, text-shadow 320ms ease, opacity 320ms ease;
}

.landing-motion.is-on-dark .landing-motion__hint {
  color: rgba(246, 248, 248, 0.88);
  text-shadow: 0 2px 18px rgba(0,0,0,0.42);
}

.landing-motion__card {
  padding: 9px 9px 26px;
  background: color-mix(in srgb, var(--paper) 74%, rgba(255,255,255,0.62));
}

.landing-motion__card::before {
  top: -21px;
  width: 138px;
  height: 48px;
  opacity: 0.84;
  background:
    url("../img/tape/41.png") center / contain no-repeat,
    linear-gradient(90deg, rgba(255,255,255,0.22), transparent 22%, transparent 78%, rgba(0,0,0,0.04)),
    linear-gradient(to bottom, rgba(255,255,255,0.58), rgba(225,214,185,0.78));
}

.landing-motion__card--cero::before {
  background:
    url("../img/tape/42.png") center / contain no-repeat,
    linear-gradient(90deg, rgba(255,255,255,0.22), transparent 22%, transparent 78%, rgba(0,0,0,0.04)),
    linear-gradient(to bottom, rgba(255,255,255,0.58), rgba(225,214,185,0.78));
  transform: translateX(-50%) rotate(2.2deg);
}

.landing-motion__card--jude::before {
  background:
    url("../img/tape/43.png") center / contain no-repeat,
    linear-gradient(90deg, rgba(255,255,255,0.22), transparent 22%, transparent 78%, rgba(0,0,0,0.04)),
    linear-gradient(to bottom, rgba(255,255,255,0.58), rgba(225,214,185,0.78));
  transform: translateX(-50%) rotate(-3.4deg);
}

@media (min-width: 981px) {
  body.is-entry-complete .whiteboard-shell {
    scroll-behavior: auto;
  }
}

.landing-motion {
  background: color-mix(in srgb, var(--paper) 90%, #eef4f6 10%) !important;
}

.landing-motion__nav {
  position: fixed;
  z-index: 30;
  top: 28px;
  right: 32px;
  display: flex;
  align-items: center;
  gap: 16px;
  pointer-events: none;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: rgba(255,255,255,0.92);
  text-shadow: 0 2px 18px rgba(0,0,0,0.34);
  mix-blend-mode: difference;
}

.landing-motion__sound {
  margin-left: 18px;
  position: relative;
}

.landing-motion__sound::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: -5px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
}

.landing-motion__toggle {
  width: 29px;
  height: 18px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
}

.landing-motion__grain {
  opacity: 0.22 !important;
  mix-blend-mode: multiply;
  background-image: url("../img/grain-texture-strong.png") !important;
  background-repeat: repeat !important;
  background-size: 320px 320px !important;
}

.landing-motion__portrait {
  background-image:
    linear-gradient(to bottom, rgba(245,248,249,0.02), rgba(242,247,248,0.02) 42%, rgba(3,3,3,0.58)),
    url("../img/profile-banner.png") !important;
  background-position: 50% 72% !important;
  background-size: 118% auto !important;
}

.landing-motion__type {
  font-weight: 500 !important;
  line-height: 0.72 !important;
  letter-spacing: 0.025em !important;
  color: rgba(0, 0, 0, 0.88) !important;
  text-shadow: none !important;
  mix-blend-mode: multiply !important;
}

.landing-motion__type--leandro {
  left: 5.4vw !important;
  top: 14.2vh !important;
  font-size: clamp(160px, 17.2vw, 365px) !important;
}

.landing-motion__type--ferreira {
  left: 58.2vw !important;
  top: 72vh !important;
  font-size: clamp(150px, 16vw, 340px) !important;
}

.landing-motion__paper {
  background:
    linear-gradient(to bottom, rgba(240,246,248,0.04), rgba(240,246,248,0.78)),
    color-mix(in srgb, var(--paper) 94%, #edf5f5 6%) !important;
}

.landing-motion__hint {
  z-index: 35;
}

body.is-entry-ready .board-nav {
  z-index: 12000 !important;
}

body.is-entry-ready .board-brand,
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-entry-complete .board-brand,
body.is-entry-complete .board-links,
body.is-entry-complete .nav-controls {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.landing-motion__nav {
  display: none !important;
}

body.is-entry-ready .board-nav {
  z-index: 13000 !important;
  color: #fff !important;
  mix-blend-mode: difference !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-brand,
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.is-entry-ready .board-brand em {
  opacity: 0.72 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

body.is-entry-complete .board-nav {
  color: var(--ink) !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-complete .board-brand em {
  opacity: 0 !important;
  transform: translateY(8px) !important;
  filter: blur(7px) !important;
}

.landing-motion__grain {
  opacity: 0.14 !important;
  background-size: 420px 420px !important;
}

.landing-motion__portrait {
  inset: -14vh -9vw !important;
  background-position: 50% 84% !important;
  background-size: cover !important;
}

.landing-motion__paper {
  background:
    linear-gradient(to bottom, rgba(240,246,248,0.02), rgba(240,246,248,0.72)),
    color-mix(in srgb, var(--paper) 96%, #edf5f5 4%) !important;
}

.landing-motion__type {
  font-weight: 500 !important;
  line-height: 0.72 !important;
  letter-spacing: 0.025em !important;
  color: rgba(0, 0, 0, 0.88) !important;
  transform-origin: left top !important;
}

.landing-motion__type--leandro {
  left: 5.65vw !important;
  top: 14.8vh !important;
  font-size: clamp(178px, 18.2vw, 388px) !important;
}

.landing-motion__type--ferreira {
  left: 58.6vw !important;
  top: 72.4vh !important;
  font-size: clamp(162px, 17.2vw, 365px) !important;
}

.landing-motion__hint {
  color: rgba(0,0,0,0.66) !important;
  mix-blend-mode: difference;
  opacity: 0.82;
}

.landing-motion.is-on-dark .landing-motion__hint {
  color: rgba(255,255,255,0.86) !important;
  text-shadow: none !important;
}

body.is-entry-complete .landing-motion,
body.is-entry-complete .landing-motion__hint {
  opacity: 0 !important;
  pointer-events: none !important;
}

.landing-motion__nav {
  display: flex !important;
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 40 !important;
  height: 82px !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  padding: 28px 32px 0 !important;
  color: #fff !important;
  mix-blend-mode: difference !important;
  text-shadow: none !important;
  pointer-events: none !important;
  font-family: var(--font-heading) !important;
}

.landing-motion__brand {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  color: currentColor !important;
  text-decoration: none !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.landing-motion__brand span {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.045em !important;
}

.landing-motion__brand em {
  font-style: normal !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  opacity: 0.72 !important;
}

.landing-motion__right {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.095em !important;
}

.landing-motion__sound {
  margin-left: 14px !important;
}

.landing-motion__toggle {
  display: inline-block !important;
}

body.is-entry-ready .board-nav {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-entry-complete .board-nav {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.landing-motion__grain {
  opacity: 0.105 !important;
  background-size: 460px 460px !important;
}

.landing-motion__portrait {
  inset: -18vh -10vw !important;
  background-position: 50% 78% !important;
  background-size: cover !important;
}

.landing-motion__type {
  opacity: 1;
}

.landing-motion__type--leandro {
  left: 5.65vw !important;
  top: 14.8vh !important;
  font-size: clamp(178px, 18.2vw, 388px) !important;
}

.landing-motion__type--ferreira {
  left: 58.6vw !important;
  top: 72.4vh !important;
  font-size: clamp(162px, 17.2vw, 365px) !important;
}

.landing-motion__paper {
  opacity: 0;
}

.landing-motion__cards,
.landing-motion__card {
  display: none !important;
}

.landing-motion__nav {
  display: none !important;
}

body.is-entry-ready .board-nav {
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 13000 !important;
  color: #fff !important;
  mix-blend-mode: difference !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-brand {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.is-entry-complete .board-nav {
  opacity: 1 !important;
  pointer-events: auto !important;
  color: var(--ink) !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-complete .board-brand,
body.is-entry-complete .board-links,
body.is-entry-complete .nav-controls {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.landing-motion__type--leandro {
  left: 3.7vw !important;
  top: 17.2vh !important;
  font-size: clamp(178px, 18.2vw, 388px) !important;
}

.landing-motion__type--ferreira {
  left: 56.9vw !important;
  top: 73.7vh !important;
  font-size: clamp(162px, 17.2vw, 365px) !important;
}

.landing-motion__portrait {
  inset: -18vh -10vw -22vh -10vw !important;
  background-position: 50% 88% !important;
  background-size: cover !important;
}

.landing-motion__grain {
  opacity: 0.085 !important;
  background-size: 500px 500px !important;
}

.landing-motion__paper {
  background:
    linear-gradient(to bottom, rgba(240,246,248,0), rgba(240,246,248,0.36)),
    color-mix(in srgb, var(--paper) 96%, #edf5f5 4%) !important;
}

.landing-motion__hint {
  z-index: 50 !important;
}

.landing-motion__type,
.landing-motion__type--leandro,
.landing-motion__type--ferreira {
  display: none !important;
}

.landing-motion {
  background: transparent !important;
}

.landing-motion__portrait {
  inset: -21vh -10vw -24vh -10vw !important;
  background-position: 50% 94% !important;
  background-size: cover !important;
}

.landing-motion__paper {
  background:
    linear-gradient(to bottom, rgba(240,246,248,0), rgba(240,246,248,0.24)),
    color-mix(in srgb, var(--paper) 96%, #edf5f5 4%) !important;
}

body.is-entry-ready .type-leandro,
body.is-entry-ready .type-ferreira {
  opacity: var(--entry-type-opacity, 0.52) !important;
  transition: opacity 160ms linear;
}

body.is-entry-ready .board-brand {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.landing-motion__grain {
  opacity: 0.065 !important;
  background-size: 560px 560px !important;
}

body.is-entry-ready .landing-motion__hint,
body.is-entry-ready .landing-motion__nav {
  display: none !important;
}

body.is-entry-ready .board-brand {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls,
body.is-entry-ready .board-radar,
body.is-entry-ready .radar-zoom-control,
body.is-entry-ready .edge-signals,
body.is-entry-ready .object-panel,
body.is-entry-ready .zone-label,
body.is-entry-ready .intro-note,
body.is-entry-ready .discovery-fragment,
body.is-entry-ready .about-statement,
body.is-entry-ready .about-portrait,
body.is-entry-ready .about-card,
body.is-entry-ready .archive-portal,
body.is-entry-ready .interface-fragment,
body.is-entry-ready #project-artifacts {
  opacity: var(--entry-board-ui-opacity, 0) !important;
  pointer-events: none !important;
  transition: opacity 80ms linear !important;
}

body.is-entry-ready .type-leandro,
body.is-entry-ready .type-ferreira {
  opacity: var(--entry-type-opacity, 0.82) !important;
  filter: blur(var(--entry-type-blur, 0px)) !important;
  transition: opacity 80ms linear, filter 80ms linear !important;
}

.landing-motion__grain {
  opacity: 0.052 !important;
}
.landing-motion__portrait {
  opacity: 0.88;
}
body.is-entry-complete .board-brand,
body.is-entry-complete .board-links,
body.is-entry-complete .nav-controls,
body.is-entry-complete .board-radar,
body.is-entry-complete .radar-zoom-control,
body.is-entry-complete .edge-signals,
body.is-entry-complete .object-panel,
body.is-entry-complete .zone-label,
body.is-entry-complete .intro-note,
body.is-entry-complete .discovery-fragment,
body.is-entry-complete .about-statement,
body.is-entry-complete .about-portrait,
body.is-entry-complete .about-card,
body.is-entry-complete .archive-portal,
body.is-entry-complete .interface-fragment,
body.is-entry-complete #project-artifacts {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.is-entry-ready .landing-motion__hint {
  display: flex !important;
  left: auto !important;
  right: 34px !important;
  bottom: 30px !important;
  z-index: 14000 !important;
  opacity: var(--entry-hint-opacity, 1) !important;
  color: rgba(18, 20, 20, 0.72) !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  transition: opacity 160ms linear, color 160ms linear !important;
}
body.is-entry-ready .landing-motion.is-on-dark .landing-motion__hint {
  color: rgba(244, 247, 247, 0.9) !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28) !important;
}
body.is-entry-ready .landing-motion__hint span,
body.is-entry-ready .landing-motion__hint strong {
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
}

body.is-entry-ready .type-leandro {
  opacity: var(--entry-leandro-opacity, 0.96) !important;
  filter: blur(var(--entry-type-blur, 5.5px)) !important;
  transition: opacity 120ms linear, filter 120ms linear !important;
}
body.is-entry-ready .type-ferreira {
  opacity: var(--entry-ferreira-opacity, 0.54) !important;
  filter: blur(var(--entry-type-blur, 5.5px)) !important;
  transition: opacity 120ms linear, filter 120ms linear !important;
}

body.is-entry-ready .board-brand {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls,
body.is-entry-ready .board-radar,
body.is-entry-ready .radar-zoom-control,
body.is-entry-ready .edge-signals {
  opacity: var(--entry-map-opacity, 0) !important;
  transition: opacity 260ms ease !important;
}
body.is-entry-ready .zone-label,
body.is-entry-ready .intro-note,
body.is-entry-ready .discovery-fragment {
  opacity: var(--entry-note-opacity, 0) !important;
  transition: opacity 300ms ease !important;
}
body.is-entry-ready .about-statement,
body.is-entry-ready .about-portrait,
body.is-entry-ready .about-card,
body.is-entry-ready .archive-portal,
body.is-entry-ready .interface-fragment,
body.is-entry-ready #project-artifacts {
  opacity: var(--entry-main-ui-opacity, 0) !important;
  transition: opacity 340ms ease !important;
}
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls,
body.is-entry-ready .board-radar,
body.is-entry-ready .radar-zoom-control,
body.is-entry-ready .edge-signals,
body.is-entry-ready .zone-label,
body.is-entry-ready .intro-note,
body.is-entry-ready .discovery-fragment,
body.is-entry-ready .about-statement,
body.is-entry-ready .about-portrait,
body.is-entry-ready .about-card,
body.is-entry-ready .archive-portal,
body.is-entry-ready .interface-fragment,
body.is-entry-ready #project-artifacts {
  pointer-events: none !important;
}

body.is-entry-complete .landing-motion {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.is-entry-complete .whiteboard-shell,
body.is-entry-complete #board-world,
body.is-entry-complete #project-artifacts,
body.is-entry-complete .artifact,
body.is-entry-complete .about-portrait,
body.is-entry-complete .about-portrait-link,
body.is-entry-complete .archive-portal,
body.is-entry-complete .board-links,
body.is-entry-complete .nav-controls,
body.is-entry-complete .board-radar,
body.is-entry-complete .radar-zoom-control,
body.is-entry-complete .zone-label,
body.is-entry-complete .intro-note,
body.is-entry-complete .discovery-fragment,
body.is-entry-complete .about-statement,
body.is-entry-complete .about-card,
body.is-entry-complete .interface-fragment {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  filter: none !important;
}
body.is-entry-complete .type-leandro,
body.is-entry-complete .type-ferreira {
  opacity: 1 !important;
  filter: none !important;
}
body.is-entry-complete .board-brand {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.is-entry-complete .object-panel,
body.is-entry-complete .object-panel.is-active {
  pointer-events: none !important;
}
body.is-entry-complete .edge-signals {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}
body.is-entry-complete .edge-signal {
  pointer-events: auto !important;
}

body.is-entry-locked .landing-motion,
body.is-entry-ready .landing-motion {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.is-entry-ready .landing-motion__portrait {
  opacity: 0.86;
  background-position: 46% 88% !important;
  background-size: cover !important;
  filter: blur(5.8px) saturate(1.02) contrast(1.12);
}

body.is-entry-ready .landing-motion__grain {
  opacity: 0.045 !important;
  background-size: 620px 620px !important;
}

body.is-entry-ready .type-leandro {
  opacity: var(--entry-leandro-opacity, 1) !important;
  filter: blur(var(--entry-type-blur, 4.6px)) !important;
}
body.is-entry-ready .type-ferreira {
  opacity: var(--entry-ferreira-opacity, 0.54) !important;
  filter: blur(var(--entry-type-blur, 4.6px)) !important;
}

body.is-entry-ready .landing-motion__hint {
  display: flex !important;
  right: 32px !important;
  bottom: 28px !important;
  opacity: var(--entry-hint-opacity, 1) !important;
  color: rgba(18, 20, 20, 0.64) !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}
body.is-entry-ready .landing-motion.is-on-dark .landing-motion__hint {
  color: rgba(245, 247, 247, 0.86) !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}
body.is-entry-ready .landing-motion__hint span,
body.is-entry-ready .landing-motion__hint strong {
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
}

body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls,
body.is-entry-ready .board-radar,
body.is-entry-ready .radar-zoom-control,
body.is-entry-ready .edge-signals {
  opacity: var(--entry-map-opacity, 0) !important;
  transition: opacity 420ms ease !important;
}
body.is-entry-ready .zone-label,
body.is-entry-ready .intro-note,
body.is-entry-ready .discovery-fragment {
  opacity: var(--entry-note-opacity, 0) !important;
  transition: opacity 480ms ease !important;
}
body.is-entry-ready .about-statement,
body.is-entry-ready .about-portrait,
body.is-entry-ready .about-card,
body.is-entry-ready .archive-portal,
body.is-entry-ready .interface-fragment,
body.is-entry-ready #project-artifacts {
  opacity: var(--entry-main-ui-opacity, 0) !important;
  transition: opacity 520ms ease !important;
}

body.is-entry-complete .artifact,
body.is-entry-complete .artifact *,
body.is-entry-complete .about-portrait,
body.is-entry-complete .about-portrait *,
body.is-entry-complete .archive-portal,
body.is-entry-complete .archive-portal * {
  pointer-events: auto !important;
}

body.is-entry-ready .landing-motion__portrait {
  transform-origin: 48% 44% !important;
  animation: landingBannerBreathStrong 10s ease-in-out infinite !important;
  will-change: transform, filter, background-position !important;
}

@keyframes landingBannerBreathStrong {
  0% {
    transform: scale(1);
    background-position: 46% 88%;
  }

  33% {
    transform: scale(1.045) translate3d(-1.2vw, -0.8vh, 0);
    background-position: 48% 85%;
  }

  66% {
    transform: scale(1.025) translate3d(0.9vw, 0.7vh, 0);
    background-position: 44% 91%;
  }

  100% {
    transform: scale(1);
    background-position: 46% 88%;
  }
}

body.is-entry-ready .landing-motion::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(
      ellipse at 31% 31%,
      rgba(240, 244, 248, 0.34) 0%,
      rgba(240, 244, 248, 0.18) 28%,
      transparent 58%
    ),
    linear-gradient(
      to bottom,
      rgba(240, 244, 248, 0.08),
      transparent 42%,
      rgba(0, 0, 0, 0.18) 100%
    ) !important;
}

body.is-entry-ready .type-leandro {
  opacity: var(--entry-leandro-opacity, 0.98) !important;
  filter: blur(var(--entry-type-blur, 4.2px)) !important;
}

body.is-entry-ready .type-ferreira {
  opacity: var(--entry-ferreira-opacity, 0.42) !important;
  filter: blur(var(--entry-type-blur, 5.4px)) !important;
}

body.is-entry-ready .landing-motion__hint {
  right: 34px !important;
  bottom: 30px !important;
  gap: 14px !important;
  opacity: var(--entry-hint-opacity, 0.86) !important;
  color: rgba(245, 247, 247, 0.82) !important;
  text-shadow: 0 2px 18px rgba(0,0,0,0.32) !important;
}

body.is-entry-ready .landing-motion__hint span,
body.is-entry-ready .landing-motion__hint strong {
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
}

.landing-motion__lens {
  position: fixed;
  inset: -3vh -3vw;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background-image:
    linear-gradient(to bottom, rgba(245,248,249,0.02), rgba(242,247,248,0.02) 42%, rgba(3,3,3,0.58)),
    url("../img/profile-banner.png");
  background-position:
    center,
    calc(46% + var(--lens-drift-x, 0px)) calc(88% + var(--lens-drift-y, 0px));
  background-size: cover, cover;
  background-repeat: no-repeat;
  filter:
    blur(var(--lens-blur, 4.8px))
    contrast(var(--lens-contrast, 1.18))
    saturate(var(--lens-saturation, 1.03))
    brightness(var(--lens-brightness, 1.03));
  transform:
    translate3d(var(--lens-layer-x, 0px), var(--lens-layer-y, 0px), 0)
    scale(var(--lens-scale, 1.016));
  transform-origin: var(--lens-x, 50%) var(--lens-y, 50%);
  mix-blend-mode: soft-light;
  mask-image: radial-gradient(
    circle at var(--lens-x, 50%) var(--lens-y, 50%),
    rgba(0,0,0,0.96) 0%,
    rgba(0,0,0,0.72) 16%,
    rgba(0,0,0,0.34) 34%,
    rgba(0,0,0,0.12) 48%,
    transparent 66%
  );
  -webkit-mask-image: radial-gradient(
    circle at var(--lens-x, 50%) var(--lens-y, 50%),
    rgba(0,0,0,0.96) 0%,
    rgba(0,0,0,0.72) 16%,
    rgba(0,0,0,0.34) 34%,
    rgba(0,0,0,0.12) 48%,
    transparent 66%
  );
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  will-change: opacity, transform, filter, background-position, mask-image, -webkit-mask-image;
  transition: opacity 320ms ease, visibility 0s linear 320ms;
}

.landing-motion__lens::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: var(--lens-noise-opacity, 0.13);
  background-image: url("../img/grain-texture-strong.png");
  background-repeat: repeat;
  background-size: 230px 230px;
  mix-blend-mode: overlay;
  transform: translate3d(var(--lens-noise-x, 0px), var(--lens-noise-y, 0px), 0);
}

body.is-entry-ready .landing-motion__lens {
  opacity: var(--lens-opacity, 0.18);
  visibility: visible;
  transition: opacity 260ms ease, visibility 0s linear 0s;
}

body.is-entry-complete .landing-motion__lens,
body:not(.is-entry-ready) .landing-motion__lens {
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 980px), (prefers-reduced-motion: reduce) {
  .landing-motion__lens {
    display: none !important;
  }
}

.landing-motion__distortion {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  mix-blend-mode: normal;
  will-change: opacity, transform;
  transition: opacity 240ms ease, visibility 0s linear 240ms;
}

body.is-entry-ready .landing-motion__distortion {
  opacity: 1;
  visibility: visible;
  transition: opacity 220ms ease, visibility 0s linear 0s;
}

body.is-entry-complete .landing-motion__distortion,
body:not(.is-entry-ready) .landing-motion__distortion {
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 980px), (prefers-reduced-motion: reduce) {
  .landing-motion__distortion {
    display: none !important;
  }
}

.landing-motion.has-webgl-distortion .landing-motion__portrait {
  opacity: 0 !important;
}

body.is-entry-ready .landing-motion__distortion {
  visibility: visible;
  opacity: 0;
}

.landing-motion.has-webgl-distortion .landing-motion__distortion {
  visibility: visible;
  mix-blend-mode: normal !important;
  transform-origin: center center;
}

@media (min-width: 1500px) {
  .artifact[data-title="Indwe Website Refresh"] {
    left: 3620px !important;
  }

  .artifact[data-title="VTX 200 Mousepad Design"],
  .artifact[data-title="VTX-200 Wind Tunnel"] {
    left: 4450px !important;
  }

  .artifact[data-title="CERO Educational Growing System"],
  .artifact[data-title="CERO"] {
    left: 3330px !important;
  }
}

.zone-work-label {
  left: 3820px !important;
  top: 1470px !important;
}

@media (min-width: 1500px) {
  .zone-work-label {
    left: 3920px !important;
    top: 1470px !important;
  }

  .artifact[data-title="Indwe Website Refresh"] {
    left: 3680px !important;
  }
}

.mode-choice {
  position: fixed;
  inset: 0;
  z-index: 99998;
  display: grid;
  place-items: center;
  padding: 32px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.52), transparent 34%),
    var(--paper);
  color: var(--ink);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 520ms var(--ease-out), visibility 0s linear 520ms;
}

.mode-choice::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.06;
  background-image:
    linear-gradient(to right, var(--line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--line) 1px, transparent 1px),
    url("../img/grain-texture-strong.png");
  background-size: 112px 112px, 112px 112px, 260px 260px;
  pointer-events: none;
}

body.is-mode-choice-open .mode-choice {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 520ms var(--ease-out), visibility 0s linear 0s;
}

.mode-choice__inner {
  position: relative;
  z-index: 2;
  width: min(760px, calc(100vw - 48px));
}

.mode-choice__kicker,
.mode-choice__intro,
.mode-choice__mobile-note,
.simple-index__hero span,
.simple-index__section-head span,
.simple-index__about span,
.simple-project-card__body span,
.simple-project-card__body em,
.simple-index__routes span,
.simple-index__routes em {
  font-size: 10px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--quiet);
}

.mode-choice h1 {
  max-width: 620px;
  margin: 18px 0 16px;
  font-family: var(--font-heading);
  font-size: clamp(48px, 8vw, 96px);
  line-height: 0.86;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.mode-choice__intro {
  max-width: 460px;
  margin: 0 0 28px;
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: 0.08em;
  color: var(--muted);
}

.mode-choice__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.mode-choice__card {
  min-height: 168px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(240,244,248,0.58);
  text-align: left;
  cursor: pointer;
  transition: transform 320ms var(--ease-out), border-color 320ms ease, background 320ms ease;
}

.mode-choice__card:hover {
  transform: translateY(-4px);
  border-color: rgba(5,5,5,0.32);
  background: rgba(255,255,255,0.74);
}

.mode-choice__card span {
  display: block;
  margin-bottom: 58px;
  font-family: var(--font-heading);
  font-size: clamp(30px, 4vw, 54px);
  line-height: 0.9;
  font-weight: 500;
  text-transform: uppercase;
}

.mode-choice__card strong {
  display: block;
  max-width: 220px;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}

.mode-choice__mobile-note { display: none; margin-top: 18px; }

.mode-toggle {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(240,244,248,0.44);
  padding: 8px 12px 7px;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  cursor: pointer;
}

.loader-mode-choice {
  display: block;
  margin-top: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  filter: blur(8px);
  transition:
    opacity 520ms var(--ease-out),
    visibility 0s linear 520ms,
    transform 720ms var(--ease-out),
    filter 720ms var(--ease-out);
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  filter: blur(0);
  transition:
    opacity 520ms var(--ease-out),
    visibility 0s linear 0s,
    transform 720ms var(--ease-out),
    filter 720ms var(--ease-out);
}

.loader-mode-choice__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.loader-mode-choice__button {
  position: relative;
  min-width: 168px;
  border: 1px solid color-mix(in srgb, var(--ink) 13%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--paper) 78%, transparent);
  box-shadow:
    0 16px 38px rgba(0,0,0,0.035),
    inset 0 1px 0 color-mix(in srgb, #fff 32%, transparent);
  padding: 12px 19px 11px;
  color: var(--ink);
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    transform 420ms var(--ease-out),
    border-color 280ms ease,
    background 280ms ease,
    box-shadow 280ms ease,
    opacity 280ms ease;
}

.loader-mode-choice__button::before {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid color-mix(in srgb, var(--ink) 9%, transparent);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}

.loader-mode-choice__button span {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.loader-mode-choice__button strong {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 8px;
  color: var(--quiet);
  font-size: 8px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible {
  outline: none;
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ink) 24%, transparent);
  background: color-mix(in srgb, var(--paper) 88%, #fff 12%);
  box-shadow:
    0 18px 46px rgba(0,0,0,0.05),
    inset 0 1px 0 color-mix(in srgb, #fff 46%, transparent);
}

.loader-mode-choice__button.is-primary {
  animation: loaderModeButtonPulse 2500ms cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.loader-mode-choice__button.is-primary::before {
  opacity: 0.14;
  animation: loaderModeRingPulse 2500ms cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.loader-mode-choice__button:disabled {
  pointer-events: none;
  opacity: 0.48;
}

.loader-mode-choice__note {
  margin: 15px 0 0;
  color: var(--quiet);
  font-size: 9px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#loader.intro-loader.is-awaiting-mode .loader-message {
  margin-bottom: 18px !important;
}

#loader.intro-loader.is-awaiting-mode .loader-hint {
  max-width: 420px !important;
}

#loader.intro-loader.is-handing-off .loader-mode-choice {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(14px) scale(0.96);
  filter: blur(10px);
  transition:
    opacity 260ms ease,
    visibility 0s linear 260ms,
    transform 360ms var(--ease-out),
    filter 360ms ease;
}

@keyframes loaderModeButtonPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(0) scale(1.035);
  }
}

@keyframes loaderModeRingPulse {
  0%, 100% {
    opacity: 0.08;
    transform: scale(0.96);
  }
  50% {
    opacity: 0.24;
    transform: scale(1.16);
  }
}

@media (max-width: 640px) {
  .loader-mode-choice__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .loader-mode-choice__button {
    width: 100%;
  }
}

#loader.intro-loader.is-awaiting-mode .loader-inner {
  width: min(720px, calc(100vw - 58px)) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-message {
  max-width: 430px !important;
  margin-bottom: 18px !important;
}

#loader.intro-loader.is-awaiting-mode .loader-hint {
  max-width: 430px !important;
}

.loader-mode-choice {
  margin-top: 42px !important;
}

.loader-mode-choice__actions {
  justify-content: center !important;
  gap: 24px !important;
}

.loader-mode-choice__button {
  position: relative !important;
  width: min(270px, calc(50vw - 58px)) !important;
  min-width: 240px !important;
  min-height: 82px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 28px 18px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--paper) 64%, transparent) !important;
  color: var(--ink) !important;
  text-align: center !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow:
    0 24px 72px rgba(0,0,0,0.055),
    inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent) !important;
  transform: translateY(0) scale(1) !important;
}

.loader-mode-choice__button::before {
  content: "" !important;
  position: absolute !important;
  inset: -12px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent) !important;
  border-radius: inherit !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(0.96) !important;
}

.loader-mode-choice__button span {
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}

.loader-mode-choice__button strong {
  max-width: 210px !important;
  margin-top: 12px !important;
  color: color-mix(in srgb, var(--ink) 48%, transparent) !important;
  font-size: 8px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible {
  transform: translateY(-2px) scale(1.01) !important;
  border-color: color-mix(in srgb, var(--ink) 30%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 78%, #fff 8%) !important;
  box-shadow:
    0 28px 88px rgba(0,0,0,0.07),
    inset 0 1px 0 color-mix(in srgb, #fff 48%, transparent) !important;
}

.loader-mode-choice__button.is-primary {
  animation: none !important;
}

.loader-mode-choice__button.is-primary::before {
  opacity: 0.12 !important;
  animation: loaderModeRingPulseLarge 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

.loader-mode-choice__note {
  margin-top: 26px !important;
  text-align: left !important;
}

@keyframes loaderModeRingPulseLarge {
  0%, 100% {
    opacity: 0.08;
    transform: scale(0.96);
  }
  50% {
    opacity: 0.26;
    transform: scale(1.13);
  }
}

@media (max-width: 720px) {
  #loader.intro-loader.is-awaiting-mode .loader-inner {
    width: min(430px, calc(100vw - 58px)) !important;
  }

  .loader-mode-choice__actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .loader-mode-choice__button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

#loader.intro-loader.is-awaiting-mode .loader-inner {
  width: min(540px, calc(100vw - 58px)) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-message {
  max-width: 540px !important;
  margin-bottom: 18px !important;
}

#loader.intro-loader.is-awaiting-mode .loader-hint {
  max-width: 420px !important;
}

.loader-mode-choice {
  width: min(620px, calc(100vw - 58px)) !important;
  margin-top: 52px !important;
  margin-left: 50% !important;
  transform: translate(-50%, 14px) !important;
  filter: blur(8px);
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice {
  transform: translate(-50%, 0) !important;
}

.loader-mode-choice__actions {
  justify-content: center !important;
  gap: 22px !important;
}

.loader-mode-choice__button {
  width: min(258px, calc(50vw - 52px)) !important;
  min-width: 230px !important;
  min-height: 76px !important;
  padding: 18px 24px 16px !important;
  border-color: color-mix(in srgb, var(--ink) 15%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 54%, transparent) !important;
  box-shadow:
    0 18px 58px rgba(0,0,0,0.042),
    inset 0 1px 0 color-mix(in srgb, #fff 34%, transparent) !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible {
  transform: translateY(-2px) scale(1.008) !important;
  border-color: color-mix(in srgb, var(--ink) 27%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 72%, #fff 8%) !important;
  box-shadow:
    0 22px 72px rgba(0,0,0,0.058),
    inset 0 1px 0 color-mix(in srgb, #fff 44%, transparent) !important;
}

.loader-mode-choice__note {
  display: none !important;
}

#loader.intro-loader.is-handing-off .loader-mode-choice {
  transform: translate(-50%, 14px) scale(0.98) !important;
}

@media (max-width: 720px) {
  .loader-mode-choice {
    width: min(430px, calc(100vw - 58px)) !important;
    margin-top: 38px !important;
  }

  .loader-mode-choice__button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

#loader.intro-loader.is-awaiting-mode .loader-inner {
  width: min(420px, calc(100vw - 56px)) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-message {
  max-width: 420px !important;
}

.loader-mode-choice {
  width: min(620px, calc(100vw - 58px)) !important;
  margin-left: 50% !important;
  transform: translate(-50%, 14px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice {
  transform: translate(-50%, 0) !important;
}

#loader.intro-loader.is-handing-off .loader-mode-choice {
  transform: translate(-50%, 14px) scale(0.98) !important;
}

body.is-mode-choice-open .custom-cursor {
  display: block !important;
  z-index: 100000 !important;
  color: var(--ink);
}

body.is-mode-choice-open #loader.intro-loader button {
  cursor: none !important;
}

.loader-mode-choice__button.is-primary:hover,
.loader-mode-choice__button.is-primary:focus-visible {
  transform: translateY(-2px) scale(1.008) !important;
  border-color: color-mix(in srgb, var(--ink) 27%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 72%, #fff 8%) !important;
  box-shadow:
    0 22px 72px rgba(0,0,0,0.058),
    inset 0 1px 0 color-mix(in srgb, #fff 44%, transparent) !important;
}

@media (max-width: 720px) {
  #loader.intro-loader.is-awaiting-mode .loader-inner {
    width: min(420px, calc(100vw - 56px)) !important;
  }

  .loader-mode-choice {
    width: min(430px, calc(100vw - 58px)) !important;
  }
}

#loader.intro-loader.is-awaiting-mode .loader-hint {
  display: block !important;
}

.loader-mode-choice {
  width: min(660px, calc(100vw - 58px)) !important;
  margin-top: 56px !important;
}

.loader-mode-choice__actions {
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
}

.loader-mode-choice__button {
  position: relative !important;
  width: min(292px, calc(50vw - 56px)) !important;
  min-width: 252px !important;
  min-height: 86px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 30px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--paper) 68%, transparent) !important;
  color: var(--ink) !important;
  text-align: center !important;
  text-transform: uppercase !important;
  box-shadow:
    0 18px 54px rgba(0,0,0,0.035),
    inset 0 1px 0 color-mix(in srgb, #fff 36%, transparent) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transform: translateY(0) scale(1) !important;
  transition:
    transform 520ms var(--ease-out),
    border-color 360ms ease,
    background 360ms ease,
    box-shadow 360ms ease,
    opacity 280ms ease !important;
}

.loader-mode-choice__button::before {
  content: "" !important;
  position: absolute !important;
  inset: -10px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 11%, transparent) !important;
  border-radius: inherit !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transform: scale(1) !important;
  transition:
    opacity 420ms ease,
    border-color 420ms ease,
    transform 520ms var(--ease-out) !important;
}

.loader-mode-choice__button::after {
  content: none !important;
  display: none !important;
}

.loader-mode-choice__button span {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
}

.loader-mode-choice__button strong {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 220px !important;
  margin-top: 12px !important;
  color: color-mix(in srgb, var(--ink) 48%, transparent) !important;
  font-size: 8px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible,
.loader-mode-choice__button.is-primary:hover,
.loader-mode-choice__button.is-primary:focus-visible {
  outline: none !important;
  transform: translateY(-3px) scale(1.012) !important;
  border-color: transparent !important;
  background: color-mix(in srgb, var(--paper) 80%, #fff 10%) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,0.055),
    inset 0 1px 0 color-mix(in srgb, #fff 46%, transparent) !important;
}

.loader-mode-choice__button:hover::before,
.loader-mode-choice__button:focus-visible::before,
.loader-mode-choice__button.is-primary:hover::before,
.loader-mode-choice__button.is-primary:focus-visible::before {
  border-color: color-mix(in srgb, var(--ink) 20%, transparent) !important;
  opacity: 1 !important;
  transform: scale(1.045) !important;
}

.loader-mode-choice__button.is-primary {
  animation: none !important;
}

.loader-mode-choice__button.is-primary::before {
  display: block !important;
  animation: loaderWhiteboardModePulse 2600ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

.loader-mode-choice__button:not(.is-primary)::before {
  display: none !important;
  animation: none !important;
}

@keyframes loaderWhiteboardModePulse {
  0%, 100% {
    opacity: 0.58;
    transform: scale(0.98);
    border-color: color-mix(in srgb, var(--ink) 10%, transparent);
  }
  50% {
    opacity: 1;
    transform: scale(1.09);
    border-color: color-mix(in srgb, var(--ink) 22%, transparent);
  }
}

@media (max-width: 720px) {
  .loader-mode-choice {
    width: min(430px, calc(100vw - 58px)) !important;
    margin-top: 42px !important;
  }

  .loader-mode-choice__actions {
    flex-direction: column !important;
    gap: 18px !important;
  }

  .loader-mode-choice__button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

.loader-mode-choice__button {
  border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent) !important;
  box-shadow:
    0 16px 46px rgba(0,0,0,0.03),
    inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent) !important;
}

.loader-mode-choice__button::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.loader-mode-choice__button.is-primary::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -10px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent) !important;
  border-radius: inherit !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
  transform: scale(0.985) !important;
  animation: loaderWhiteboardModePulse 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

.loader-mode-choice__button:not(.is-primary)::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible,
.loader-mode-choice__button.is-primary:hover,
.loader-mode-choice__button.is-primary:focus-visible {
  border-color: color-mix(in srgb, var(--ink) 26%, transparent) !important;
  transform: translateY(-3px) scale(1.012) !important;
}

.loader-mode-choice__button:hover::before,
.loader-mode-choice__button:focus-visible::before,
.loader-mode-choice__button.is-primary:hover::before,
.loader-mode-choice__button.is-primary:focus-visible::before {
  border-color: color-mix(in srgb, var(--ink) 22%, transparent) !important;
}

.loader-mode-choice__button:not(.is-primary):hover::before,
.loader-mode-choice__button:not(.is-primary):focus-visible::before {
  content: none !important;
  display: none !important;
}

@keyframes loaderWhiteboardModePulse {
  0%, 100% {
    opacity: 0.38;
    transform: scale(0.985);
    border-color: color-mix(in srgb, var(--ink) 12%, transparent);
  }
  50% {
    opacity: 0.95;
    transform: scale(1.075);
    border-color: color-mix(in srgb, var(--ink) 24%, transparent);
  }
}

#loader.intro-loader.is-awaiting-mode .loader-kicker,
#loader.intro-loader.is-awaiting-mode .loader-message,
#loader.intro-loader.is-awaiting-mode .loader-percent {
  opacity: 0.48 !important;
  transition: opacity 520ms ease !important;
}

#loader.intro-loader.is-awaiting-mode .loader-hint {
  opacity: 0.38 !important;
  transition: opacity 520ms ease !important;
}

#loader.intro-loader.is-awaiting-mode .loader-progress {
  background: color-mix(in srgb, var(--ink) 10%, transparent) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-progress span {
  opacity: 0.5 !important;
}

.loader-mode-choice__button {
  border: 1px solid color-mix(in srgb, var(--ink) 30%, transparent) !important;
  box-shadow:
    0 16px 46px rgba(0,0,0,0.035),
    inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent) !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible,
.loader-mode-choice__button.is-primary:hover,
.loader-mode-choice__button.is-primary:focus-visible {
  border-color: color-mix(in srgb, var(--ink) 42%, transparent) !important;
}

.loader-mode-choice__button::before,
.loader-mode-choice__button:not(.is-primary)::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.loader-mode-choice__button.is-primary::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -12px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 28%, transparent) !important;
  border-radius: inherit !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
  transform: scale(0.985) !important;
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--ink) 8%, transparent) !important;
  will-change: transform, opacity, box-shadow !important;
  animation: loaderWhiteboardOuterRingPulseV7 1800ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

.loader-mode-choice__button.is-primary:hover::before,
.loader-mode-choice__button.is-primary:focus-visible::before {
  border-color: color-mix(in srgb, var(--ink) 34%, transparent) !important;
  animation-name: loaderWhiteboardOuterRingPulseV7 !important;
}

@keyframes loaderWhiteboardOuterRingPulseV7 {
  0% {
    opacity: 0.28;
    transform: scale(0.985);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ink) 8%, transparent);
  }
  45% {
    opacity: 0.92;
    transform: scale(1.045);
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--ink) 5%, transparent);
  }
  100% {
    opacity: 0.28;
    transform: scale(1.085);
    box-shadow: 0 0 0 16px transparent;
  }
}

#loader.intro-loader .loader-message,
#loader.intro-loader .loader-hint,
#loader.intro-loader .loader-percent {
  transition:
    opacity 520ms ease,
    transform 520ms var(--ease-out) !important;
}

#loader.intro-loader.is-copy-changing .loader-message,
#loader.intro-loader.is-copy-changing .loader-hint {
  opacity: 0 !important;
  transform: translateY(4px) !important;
}

#loader.intro-loader.is-copy-changing .loader-percent {
  opacity: 0.18 !important;
}

.loader-mode-choice__button {
  border-color: color-mix(in srgb, var(--ink) 42%, transparent) !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible,
.loader-mode-choice__button.is-primary:hover,
.loader-mode-choice__button.is-primary:focus-visible {
  border-color: color-mix(in srgb, var(--ink) 56%, transparent) !important;
}

.loader-mode-choice__button::before,
.loader-mode-choice__button:not(.is-primary)::before {
  content: none !important;
  display: none !important;
}

.loader-mode-choice__button::after,
.loader-mode-choice__button:not(.is-primary)::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.loader-mode-choice__button.is-primary::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -13px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 30%, transparent) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
  will-change: opacity, transform, border-color !important;
  animation: loaderWhiteboardOuterRingPulseV8 1850ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

.loader-mode-choice__button.is-primary > * {
  position: relative !important;
  z-index: 1 !important;
}

@keyframes loaderWhiteboardOuterRingPulseV8 {
  0%, 100% {
    opacity: 0.24;
    transform: scale(0.985);
    border-color: color-mix(in srgb, var(--ink) 18%, transparent);
  }
  42% {
    opacity: 0.95;
    transform: scale(1.035);
    border-color: color-mix(in srgb, var(--ink) 42%, transparent);
  }
  70% {
    opacity: 0.38;
    transform: scale(1.075);
    border-color: color-mix(in srgb, var(--ink) 18%, transparent);
  }
}

#loader.intro-loader .loader-message,
#loader.intro-loader .loader-hint,
#loader.intro-loader .loader-percent {
  transition: opacity 520ms ease !important;
  transform: none !important;
}

#loader.intro-loader.is-copy-changing .loader-message,
#loader.intro-loader.is-copy-changing .loader-hint {
  opacity: 0 !important;
  transform: none !important;
}

#loader.intro-loader.is-copy-changing .loader-percent {
  opacity: 0.18 !important;
  transform: none !important;
}

.loader-mode-choice__button,
.loader-mode-choice__button.is-primary {
  border: 1px solid color-mix(in srgb, var(--ink) 44%, transparent) !important;
}

.loader-mode-choice__button::before,
.loader-mode-choice__button.is-primary::before,
.loader-mode-choice__button:not(.is-primary)::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  animation: none !important;
}

.loader-mode-choice__button:not(.is-primary)::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.loader-mode-choice__button.is-primary::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -12px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 34%, transparent) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0 !important;
  transform: scale(1) !important;
  box-shadow: none !important;
  will-change: opacity, transform !important;
  animation: loaderWhiteboardOuterRingPulseV9 2200ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
}

.loader-mode-choice__button.is-primary:hover::after,
.loader-mode-choice__button.is-primary:focus-visible::after {
  animation-name: loaderWhiteboardOuterRingPulseV9 !important;
}

@keyframes loaderWhiteboardOuterRingPulseV9 {
  0% {
    opacity: 0.42;
    transform: scale(1);
  }
  58% {
    opacity: 0.12;
    transform: scale(1.085);
  }
  100% {
    opacity: 0;
    transform: scale(1.13);
  }
}

.loader-mode-choice__button,
.loader-mode-choice__button.is-primary {
  position: relative !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--ink) 46%, transparent) !important;
  transform: translateY(0) scale(1) !important;
  transition:
    transform 520ms var(--ease-out),
    border-color 360ms ease,
    background 360ms ease,
    box-shadow 360ms ease,
    opacity 280ms ease !important;
}

.loader-mode-choice__button::before,
.loader-mode-choice__button.is-primary::before,
.loader-mode-choice__button:not(.is-primary)::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  animation: none !important;
}

.loader-mode-choice__button::after,
.loader-mode-choice__button:not(.is-primary)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  animation: none !important;
}

.loader-mode-choice__button.is-primary::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -11px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 36%, transparent) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
  box-shadow: none !important;
  opacity: 0.55;
  transform: scale(0.985);
  transform-origin: center;
  animation: loaderWhiteboardModePulseV10 2600ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
  will-change: opacity, transform;
}

.loader-mode-choice__button.is-primary > * {
  position: relative !important;
  z-index: 1 !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible,
.loader-mode-choice__button.is-primary:hover,
.loader-mode-choice__button.is-primary:focus-visible {
  outline: none !important;
  transform: translateY(-4px) scale(1.012) !important;
  border-color: color-mix(in srgb, var(--ink) 62%, transparent) !important;
  background: color-mix(in srgb, var(--paper) 80%, #fff 10%) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,0.055),
    inset 0 1px 0 color-mix(in srgb, #fff 46%, transparent) !important;
}

.loader-mode-choice__button.is-primary:hover::after,
.loader-mode-choice__button.is-primary:focus-visible::after {
  animation: loaderWhiteboardModePulseV10 2600ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
}

@keyframes loaderWhiteboardModePulseV10 {
  0% {
    opacity: 0.56;
    transform: scale(0.985);
  }
  62% {
    opacity: 0.12;
    transform: scale(1.09);
  }
  100% {
    opacity: 0;
    transform: scale(1.14);
  }
}

.loader-mode-choice__button.is-primary,
.loader-mode-choice__button[data-mode-choice="explorer"],
.loader-mode-choice__actions .loader-mode-choice__button:first-child {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.loader-mode-choice__button.is-primary::after,
.loader-mode-choice__button[data-mode-choice="explorer"]::after,
.loader-mode-choice__actions .loader-mode-choice__button:first-child::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -11px !important;
  border: 1px solid color-mix(in srgb, var(--ink) 42%, transparent) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 2 !important;
  opacity: 0 !important;
  transform: scale(1) !important;
  transform-origin: center !important;
  box-shadow: none !important;
  animation: loaderWhiteboardModePulseV11 2400ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
  will-change: opacity, transform, border-color !important;
}

.loader-mode-choice__button.is-primary:hover::after,
.loader-mode-choice__button.is-primary:focus-visible::after,
.loader-mode-choice__button[data-mode-choice="explorer"]:hover::after,
.loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible::after,
.loader-mode-choice__actions .loader-mode-choice__button:first-child:hover::after,
.loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible::after {
  animation: loaderWhiteboardModePulseV11 2400ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
}

.loader-mode-choice__button.is-primary > *,
.loader-mode-choice__button[data-mode-choice="explorer"] > *,
.loader-mode-choice__actions .loader-mode-choice__button:first-child > * {
  position: relative !important;
  z-index: 3 !important;
}

.loader-mode-choice__button:not(.is-primary)::after,
.loader-mode-choice__button[data-mode-choice="simple"]::after,
.loader-mode-choice__actions .loader-mode-choice__button:nth-child(2)::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

@keyframes loaderWhiteboardModePulseV11 {
  0% {
    opacity: 0.58;
    transform: scale(1);
    border-color: color-mix(in srgb, var(--ink) 42%, transparent);
  }
  68% {
    opacity: 0.06;
    transform: scale(1.13);
    border-color: color-mix(in srgb, var(--ink) 8%, transparent);
  }
  100% {
    opacity: 0;
    transform: scale(1.16);
    border-color: transparent;
  }
}

.loader-mode-choice,
.loader-mode-choice__actions,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions {
  overflow: visible !important;
}

.loader-mode-choice__button,
.loader-mode-choice__button.is-primary,
.loader-mode-choice__button[data-mode-choice="explorer"] {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.loader-mode-choice__button.is-primary::before,
.loader-mode-choice__button.is-primary::after,
.loader-mode-choice__button[data-mode-choice="explorer"]::before,
.loader-mode-choice__button[data-mode-choice="explorer"]::after,
.loader-mode-choice__actions .loader-mode-choice__button:first-child::before,
.loader-mode-choice__actions .loader-mode-choice__button:first-child::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.loader-whiteboard-pulse-ring {
  position: absolute !important;
  inset: -12px !important;
  display: block !important;
  border: 1px solid color-mix(in srgb, var(--ink) 48%, transparent) !important;
  border-radius: 999px !important;
  opacity: 0.58 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  transform: scale(1) !important;
  transform-origin: center !important;
  will-change: opacity, transform, border-color !important;
  animation: loaderWhiteboardRealRingPulseV12 2200ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
}

.loader-mode-choice__button:not(.is-primary) .loader-whiteboard-pulse-ring,
.loader-mode-choice__button[data-mode-choice="simple"] .loader-whiteboard-pulse-ring {
  display: none !important;
  animation: none !important;
}

.loader-mode-choice__button.is-primary:hover .loader-whiteboard-pulse-ring,
.loader-mode-choice__button.is-primary:focus-visible .loader-whiteboard-pulse-ring,
.loader-mode-choice__button[data-mode-choice="explorer"]:hover .loader-whiteboard-pulse-ring,
.loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible .loader-whiteboard-pulse-ring {
  animation: loaderWhiteboardRealRingPulseV12 2200ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
}

.loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring),
.loader-mode-choice__button > strong {
  position: relative !important;
  z-index: 2 !important;
}

.loader-mode-choice__button:hover,
.loader-mode-choice__button:focus-visible,
.loader-mode-choice__button.is-primary:hover,
.loader-mode-choice__button.is-primary:focus-visible {
  transform: translateY(-4px) scale(1.012) !important;
}

@keyframes loaderWhiteboardRealRingPulseV12 {
  0% {
    opacity: 0.62;
    transform: scale(1);
    border-color: color-mix(in srgb, var(--ink) 46%, transparent);
  }
  58% {
    opacity: 0.18;
    transform: scale(1.105);
    border-color: color-mix(in srgb, var(--ink) 20%, transparent);
  }
  100% {
    opacity: 0;
    transform: scale(1.17);
    border-color: transparent;
  }
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button {
  overflow: visible !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] {
  position: relative !important;
  isolation: isolate !important;
  transform: translateY(0) scale(1) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary::before,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary::after,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]::before,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]::after,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child::before,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-whiteboard-pulse-ring {
  position: absolute !important;
  inset: -13px !important;
  display: block !important;
  border: 1px solid rgba(0, 0, 0, 0.44) !important;
  border-radius: 999px !important;
  opacity: 0.68 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  transform: scale(1) !important;
  transform-origin: center center !important;
  box-shadow: none !important;
  will-change: opacity, transform !important;
  animation: loaderWhiteboardVisiblePulseV13 1900ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"] .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:not(.is-primary) .loader-whiteboard-pulse-ring {
  display: none !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
  position: relative !important;
  z-index: 2 !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible {
  transform: translateY(-4px) scale(1.012) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible .loader-whiteboard-pulse-ring {
  animation: loaderWhiteboardVisiblePulseV13 1900ms cubic-bezier(0.22, 1, 0.36, 1) infinite !important;
}

@keyframes loaderWhiteboardVisiblePulseV13 {
  0% {
    opacity: 0.64;
    transform: scale(1);
  }
  60% {
    opacity: 0.18;
    transform: scale(1.08);
  }
  100% {
    opacity: 0;
    transform: scale(1.15);
  }
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button .loader-whiteboard-pulse-ring {
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] {
  box-shadow: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"],
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child {
  animation-name: loaderWhiteboardBoxPulseV14 !important;
  animation-duration: 1800ms !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
  animation-iteration-count: infinite !important;
  animation-fill-mode: both !important;
  animation-play-state: running !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"],
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:not(.is-primary):not([data-mode-choice="explorer"]) {
  animation: none !important;
  box-shadow: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible {
  transform: translateY(-4px) scale(1.012) !important;
}

@keyframes loaderWhiteboardBoxPulseV14 {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.34);
  }
  58% {
    box-shadow: 0 0 0 14px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 14px rgba(0, 0, 0, 0);
  }
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"],
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child {
  animation: none !important;
  transition:
    transform 320ms cubic-bezier(0.16, 1, 0.3, 1),
    background-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
    color 320ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button::before,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible {
  transform: translateY(-4px) scale(1.012) !important;
}

#loader.intro-loader {
  background: var(--paper) !important;
}

#loader.intro-loader::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  opacity: 0.105 !important;
  pointer-events: none !important;
  background-image: url("../img/grain-texture-strong.png") !important;
  background-repeat: repeat !important;
  background-size: 180px !important;
  mix-blend-mode: overlay !important;
}

#loader.intro-loader::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 0.9 !important;
  transform: none !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), transparent 0 42%, rgba(0, 0, 0, 0.065) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.035), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.035)) !important;
}

body.is-dark #loader.intro-loader::after {
  background: radial-gradient(circle at var(--spot-x, 50%) var(--spot-y, 50%), transparent 0 36%, rgba(0, 0, 0, 0.56) 100%) !important;
}

:root {
  --accent-green: #71816D;
}

#loader.intro-loader .loader-progress span,
#loader.intro-loader.is-awaiting-mode .loader-progress span {
  background: var(--accent-green) !important;
  opacity: 0.86 !important;
}

#loader.intro-loader.is-awaiting-mode .loader-progress span {
  opacity: 0.72 !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice {
  margin-top: clamp(34px, 4.4vw, 58px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions {
  gap: clamp(26px, 3.4vw, 42px) !important;
  align-items: center !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button {
  min-height: clamp(112px, 8.4vw, 136px) !important;
  padding: clamp(28px, 2.6vw, 36px) clamp(42px, 4vw, 62px) !important;
  border: 1.25px solid rgba(0, 0, 0, 0.46) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)),
    rgba(239, 244, 248, 0.54) !important;
  color: rgba(0, 0, 0, 0.84) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > strong {
  display: block !important;
  margin-bottom: 14px !important;
  font-size: clamp(15px, 0.98vw, 19px) !important;
  line-height: 1 !important;
  letter-spacing: 0.24em !important;
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.88) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
  display: block !important;
  max-width: 28ch !important;
  margin: 0 auto !important;
  font-size: clamp(10px, 0.68vw, 12px) !important;
  line-height: 1.45 !important;
  letter-spacing: 0.12em !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.48) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible {
  transform: translateY(-6px) scale(1.015) !important;
  border-color: rgba(0, 0, 0, 0.66) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.08)),
    rgba(239, 244, 248, 0.72) !important;
  color: rgba(0, 0, 0, 0.94) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible > strong {
  color: rgba(0, 0, 0, 0.96) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(0, 0, 0, 0.58) !important;
}

@media (max-width: 760px) {
  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions {
    gap: 18px !important;
  }

  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button {
    min-height: 104px !important;
    padding: 24px 30px !important;
  }
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice {
  margin-top: clamp(34px, 4.2vw, 56px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions {
  gap: clamp(24px, 3vw, 38px) !important;
  align-items: center !important;
  justify-content: center !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] {
  width: min(335px, calc(50vw - 54px)) !important;
  min-width: 285px !important;
  min-height: 86px !important;
  padding: 20px 34px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.15px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04)),
    rgba(239, 244, 248, 0.48) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  text-align: center !important;
  color: rgba(0, 0, 0, 0.82) !important;
  transform: translateY(0) scale(1) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > strong {
  order: 1 !important;
  display: block !important;
  margin: 0 0 10px !important;
  max-width: none !important;
  font-size: clamp(14px, 0.88vw, 17px) !important;
  line-height: 1 !important;
  letter-spacing: 0.25em !important;
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  white-space: nowrap !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
  order: 2 !important;
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(9px, 0.58vw, 11px) !important;
  line-height: 1.25 !important;
  letter-spacing: 0.09em !important;
  font-weight: 600 !important;
  color: rgba(0, 0, 0, 0.46) !important;
  white-space: nowrap !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button .loader-whiteboard-pulse-ring {
  order: 0 !important;
  z-index: 0 !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible {
  transform: translateY(-4px) scale(1.01) !important;
  border-color: rgba(0, 0, 0, 0.62) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.07)),
    rgba(239, 244, 248, 0.64) !important;
  box-shadow:
    0 20px 42px rgba(0, 0, 0, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible > strong {
  color: rgba(0, 0, 0, 0.96) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(0, 0, 0, 0.56) !important;
}

@media (max-width: 760px) {
  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions {
    gap: 18px !important;
  }

  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] {
    width: min(330px, calc(100vw - 58px)) !important;
    min-width: 0 !important;
    min-height: 82px !important;
    padding: 20px 28px 18px !important;
  }

  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
    white-space: normal !important;
  }
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice {
  width: min(420px, calc(100vw - 56px)) !important;
  margin-top: clamp(66px, 6.6vw, 98px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: clamp(20px, 2.1vw, 30px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 22px 36px 20px !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > strong {
  margin-bottom: 11px !important;
  font-size: clamp(14px, 0.88vw, 17px) !important;
  letter-spacing: 0.25em !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
  max-width: 36ch !important;
  margin: 0 auto !important;
  font-size: clamp(9.5px, 0.62vw, 11.5px) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.095em !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  #loader.intro-loader.is-awaiting-mode .loader-mode-choice {
    width: min(420px, calc(100vw - 56px)) !important;
    margin-top: 54px !important;
  }

  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] {
    min-height: 88px !important;
    padding: 21px 28px 19px !important;
  }
}

#loader.intro-loader:not(.is-handing-off) .loader-inner,
#loader.intro-loader.is-awaiting-mode:not(.is-handing-off) .loader-inner {
  transform: translate3d(0, -3.8vh, 0) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice {
  width: min(420px, calc(100vw - 56px)) !important;
  margin-top: clamp(72px, 7.2vw, 108px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions {
  width: 100% !important;
  gap: clamp(20px, 2.1vw, 30px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] {
  width: 100% !important;
  padding-left: clamp(28px, 3vw, 34px) !important;
  padding-right: clamp(28px, 3vw, 34px) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  white-space: nowrap !important;
  letter-spacing: 0.07em !important;
}

@media (max-width: 760px) {
  #loader.intro-loader:not(.is-handing-off) .loader-inner,
  #loader.intro-loader.is-awaiting-mode:not(.is-handing-off) .loader-inner {
    transform: translate3d(0, -2.5vh, 0) !important;
  }

  #loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
    white-space: normal !important;
  }
}

#loader.intro-loader .loader-inner {
  transition:
    transform 820ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 520ms ease,
    filter 520ms ease !important;
  will-change: transform !important;
}

#loader.intro-loader:not(.is-awaiting-mode):not(.is-handing-off) .loader-inner {
  transform: translate3d(0, 0, 0) !important;
}

#loader.intro-loader.is-awaiting-mode:not(.is-handing-off) .loader-inner {
  transform: translate3d(0, -3.8vh, 0) !important;
}

@media (max-width: 760px) {
  #loader.intro-loader.is-awaiting-mode:not(.is-handing-off) .loader-inner {
    transform: translate3d(0, -2.5vh, 0) !important;
  }
}

#loader.intro-loader .loader-inner {
  transition:
    transform 1450ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 620ms ease,
    filter 620ms ease !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"],
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.035)),
    var(--accent-green, #71816D) !important;
  border-color: rgba(39, 45, 41, 0.56) !important;
  color: rgba(255, 255, 255, 0.94) !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child > strong {
  color: rgba(255, 255, 255, 0.96) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(255, 255, 255, 0.72) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible {
  transform: translateY(-4px) scale(1.01) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.02)),
    #667560 !important;
  border-color: rgba(39, 45, 41, 0.68) !important;
  color: rgba(255, 255, 255, 0.98) !important;
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible > strong {
  color: rgba(255, 255, 255, 1) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(255, 255, 255, 0.8) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] .loader-whiteboard-pulse-ring {
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"],
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"] {
  background: transparent !important;
  border: 1.1px solid rgba(0, 0, 0, 0.42) !important;
  color: rgba(0, 0, 0, 0.84) !important;
  box-shadow: none !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button::before,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button::after,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary .loader-whiteboard-pulse-ring,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] .loader-whiteboard-pulse-ring {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"],
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child {
  border-color: rgba(113, 129, 109, 0.82) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child > strong {
  color: var(--accent-green, #71816D) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(113, 129, 109, 0.76) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"] > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:not(.is-primary):not([data-mode-choice="explorer"]) > strong {
  color: rgba(0, 0, 0, 0.86) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"] > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:not(.is-primary):not([data-mode-choice="explorer"]) > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(0, 0, 0, 0.46) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible {
  transform: translateY(-4px) scale(1.01) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible {
  border-color: rgba(113, 129, 109, 0.95) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:not(.is-primary):not([data-mode-choice="explorer"]):hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:not(.is-primary):not([data-mode-choice="explorer"]):focus-visible {
  border-color: rgba(0, 0, 0, 0.58) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"],
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"] {
  background: transparent !important;
  border-color: rgba(0, 0, 0, 0.42) !important;
  color: rgba(0, 0, 0, 0.84) !important;
  box-shadow: none !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"] > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > strong {
  color: rgba(0, 0, 0, 0.86) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"] > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"] > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(0, 0, 0, 0.46) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:hover,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:focus-visible {
  transform: translateY(-4px) scale(1.01) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.58) !important;
  color: rgba(0, 0, 0, 0.88) !important;
  box-shadow: none !important;
  animation: none !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:hover > strong,
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:focus-visible > strong {
  color: rgba(0, 0, 0, 0.9) !important;
}

#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button:focus-visible > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button.is-primary:focus-visible > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="explorer"]:focus-visible > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__actions .loader-mode-choice__button:first-child:focus-visible > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:hover > span:not(.loader-whiteboard-pulse-ring),
#loader.intro-loader.is-awaiting-mode .loader-mode-choice__button[data-mode-choice="simple"]:focus-visible > span:not(.loader-whiteboard-pulse-ring) {
  color: rgba(0, 0, 0, 0.52) !important;
}

body.is-entry-ready .board-nav {
  z-index: 13000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.is-entry-ready .board-brand,
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  filter: none !important;
}

.landing-motion__intro {
  position: fixed;
  z-index: 13010;
  left: 32px;
  bottom: 34px;
  width: min(430px, calc(100vw - 64px));
  color: rgba(255,255,255,0.88);
  pointer-events: none;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 520ms var(--ease-out), transform 520ms var(--ease-out);
}

body.is-entry-ready .landing-motion__intro {
  opacity: 1;
  transform: translateY(0);
}

body.is-entry-complete .landing-motion__intro {
  opacity: 0;
}

.landing-motion__intro span {
  display: block;
  margin-bottom: 10px;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.landing-motion__intro p {
  margin: 0;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.32;
  letter-spacing: 0.035em;
}

.landing-motion.is-on-dark .landing-motion__intro {
  color: rgba(255,255,255,0.9);
  text-shadow: 0 2px 18px rgba(0,0,0,0.38);
}

body.is-entry-ready .board-nav {
  z-index: 15000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: rgba(0, 0, 0, 0.82) !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  filter: none !important;
}

body.is-entry-ready .board-brand,
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  filter: none !important;
}

body.is-entry-ready .board-brand span,
body.is-entry-ready .board-brand em,
body.is-entry-ready .board-links a,
body.is-entry-ready .nav-controls button,
body.is-entry-ready .sound-label {
  color: rgba(0, 0, 0, 0.82) !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-brand em {
  opacity: 0.46 !important;
}

body.is-entry-ready .landing-motion__portrait {
  opacity: 0.94 !important;
  filter: blur(5.8px) saturate(1.08) contrast(1.18) brightness(1.035) !important;
}

body.is-entry-ready .landing-motion::after {
  background:
    radial-gradient(
      ellipse at 31% 31%,
      rgba(240, 244, 248, 0.16) 0%,
      rgba(240, 244, 248, 0.07) 30%,
      transparent 58%
    ),
    linear-gradient(
      to bottom,
      rgba(240, 244, 248, 0.025),
      transparent 43%,
      rgba(0, 0, 0, 0.22) 100%
    ) !important;
}

body.is-entry-ready .type-leandro {
  opacity: var(--entry-leandro-opacity, 1) !important;
  filter: blur(var(--entry-type-blur, 3px)) !important;
}

body.is-entry-ready .type-ferreira {
  opacity: var(--entry-ferreira-opacity, 0.68) !important;
  filter: blur(var(--entry-type-blur, 3px)) !important;
}

body.is-entry-ready .board-nav {
  color: #fff !important;
  mix-blend-mode: difference !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-nav {
  z-index: 16000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: rgba(0, 0, 0, 0.88) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-brand,
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

body.is-entry-ready .board-brand span,
body.is-entry-ready .board-brand em,
body.is-entry-ready .board-links a,
body.is-entry-ready .nav-controls button,
body.is-entry-ready .sound-label,
body.is-entry-ready .mode-toggle,
body.is-entry-ready .theme-toggle,
body.is-entry-ready .sound-toggle {
  color: rgba(0, 0, 0, 0.88) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-brand em {
  opacity: 0.46 !important;
  transform: translateY(0) !important;
}

body.is-entry-ready .board-brand:hover em {
  opacity: 0.72 !important;
  transform: translateY(0) !important;
  filter: none !important;
}

body.is-entry-ready .board-links a:hover {
  opacity: 0.62 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  letter-spacing: 0.075em !important;
}

body.is-entry-ready .landing-motion__portrait {
  opacity: 0.94 !important;
  filter: blur(5.6px) saturate(1.08) contrast(1.18) brightness(1.035) !important;
}

body.is-entry-ready .type-leandro {
  opacity: var(--entry-leandro-opacity, 1) !important;
  filter: blur(var(--entry-type-blur, 2.6px)) !important;
  color: rgba(0, 0, 0, 0.96) !important;
}

body.is-entry-ready .type-ferreira {
  opacity: var(--entry-ferreira-opacity, 0.78) !important;
  filter: blur(var(--entry-type-blur, 2.6px)) !important;
  color: rgba(0, 0, 0, 0.86) !important;
}

body:not(.is-simple-mode) .simple-index {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-entry-ready .simple-index,
body.is-explorer-mode .simple-index {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-entry-ready .board-nav {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 18000 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  filter: none !important;
}

body.is-entry-ready .board-brand,
body.is-entry-ready .board-links,
body.is-entry-ready .nav-controls {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

body.is-entry-ready .board-links a,
body.is-entry-ready .nav-controls button,
body.is-entry-ready .sound-label,
body.is-entry-ready .mode-toggle,
body.is-entry-ready .theme-toggle,
body.is-entry-ready .sound-toggle {
  color: rgba(0, 0, 0, 0.9) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-brand span {
  color: rgba(0, 0, 0, 0.92) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready .board-brand em {
  color: rgba(0, 0, 0, 0.48) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

body.is-entry-ready .board-links a:hover,
body.is-entry-ready .board-links a:focus-visible,
body.is-entry-ready .nav-controls button:hover,
body.is-entry-ready .nav-controls button:focus-visible {
  opacity: 0.66 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready .landing-motion__type,
body.is-entry-ready .landing-motion__type--leandro,
body.is-entry-ready .landing-motion__type--ferreira {
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
  mix-blend-mode: multiply !important;
  filter: blur(var(--entry-type-blur, 2.4px)) !important;
  text-shadow: none !important;
}

body.is-entry-ready .type-leandro,
body.is-entry-ready .type-ferreira {
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
  filter: blur(var(--entry-type-blur, 2.4px)) !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__nav {
  display: grid !important;
  position: absolute !important;
  z-index: 22000 !important;
  left: 30px !important;
  right: 30px !important;
  top: 24px !important;
  grid-template-columns: 1fr auto !important;
  align-items: start !important;
  gap: 22px !important;
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__right,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__right span {
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 7px !important;
  text-decoration: none !important;
  font-family: var(--font-heading) !important;
  font-size: 18px !important;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand em {
  display: block !important;
  color: rgba(0, 0, 0, 0.54) !important;
  opacity: 1 !important;
  font-style: normal !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 28px !important;
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound {
  position: relative !important;
  padding-left: 22px !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.72) !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  height: 30px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(239, 244, 247, 0.74) !important;
  color: rgba(0, 0, 0, 0.9) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle::before {
  content: "SIMPLE MODE" !important;
  font-family: var(--font-heading) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name {
  position: absolute !important;
  inset: 0 !important;
  z-index: 9000 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: multiply !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line {
  position: absolute !important;
  display: block !important;
  font-family: var(--font-heading) !important;
  font-weight: 500 !important;
  line-height: 0.72 !important;
  letter-spacing: 0.025em !important;
  white-space: nowrap !important;
  transform: scaleY(1.08) !important;
  color: rgba(0, 0, 0, 0.82) !important;
  opacity: 1 !important;
  filter: blur(var(--entry-title-blur, 2.6px)) !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line--one {
  left: 5.65vw !important;
  top: 14.8vh !important;
  font-size: clamp(178px, 18.2vw, 388px) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line--two {
  left: 58.6vw !important;
  top: 72.4vh !important;
  font-size: clamp(162px, 17.2vw, 365px) !important;
  color: rgba(0, 0, 0, 0.74) !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro,
body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__nav,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__name {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  position: fixed !important;
  z-index: 24000 !important;
  left: 32px !important;
  right: 32px !important;
  top: 28px !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 24px !important;
  align-items: start !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  color: rgba(0, 0, 0, 0.94) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand,
body.is-entry-ready:not(.is-simple-mode) .board-links,
body.is-entry-ready:not(.is-simple-mode) .nav-controls {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 7px !important;
  width: max-content !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand span,
body.is-entry-ready:not(.is-simple-mode) .board-links a,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button,
body.is-entry-ready:not(.is-simple-mode) .sound-label,
body.is-entry-ready:not(.is-simple-mode) .mode-toggle,
body.is-entry-ready:not(.is-simple-mode) .theme-toggle,
body.is-entry-ready:not(.is-simple-mode) .sound-toggle {
  color: rgba(0, 0, 0, 0.94) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand em {
  color: rgba(0, 0, 0, 0.46) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-links a:hover,
body.is-entry-ready:not(.is-simple-mode) .board-links a:focus-visible,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button:hover,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button:focus-visible {
  color: rgba(0, 0, 0, 0.94) !important;
  opacity: 0.62 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  letter-spacing: 0.075em !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--leandro,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--ferreira {
  display: block !important;
  visibility: visible !important;
  color: rgba(0, 0, 0, 0.92) !important;
  opacity: 1 !important;
  mix-blend-mode: multiply !important;
  filter: blur(var(--entry-type-blur, 2.4px)) !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--ferreira {
  color: rgba(0, 0, 0, 0.84) !important;
  opacity: var(--entry-ferreira-opacity, 0.84) !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro,
body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  display: block !important;
  visibility: visible !important;
  color: rgba(0, 0, 0, 0.94) !important;
  opacity: 1 !important;
  mix-blend-mode: multiply !important;
  filter: blur(var(--entry-type-blur, 2.4px)) !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__nav {
  display: grid !important;
  position: absolute !important;
  z-index: 26000 !important;
  left: 30px !important;
  right: 30px !important;
  top: 28px !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  align-items: start !important;
  gap: 28px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  color: rgba(0, 0, 0, 0.95) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__right,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__right span {
  color: rgba(0, 0, 0, 0.95) !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: max-content !important;
  text-decoration: none !important;
  font-family: var(--font-heading) !important;
  font-size: 18px !important;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand em {
  display: block !important;
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  font-style: normal !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 28px !important;
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound {
  position: relative !important;
  padding-left: 22px !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.72) !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 86px !important;
  height: 28px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(239, 244, 247, 0.76) !important;
  color: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.035) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle::before {
  content: "SIMPLE MODE" !important;
  font-family: var(--font-heading) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 9000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  mix-blend-mode: multiply !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line {
  position: absolute !important;
  display: block !important;
  font-family: var(--font-heading) !important;
  font-weight: 500 !important;
  line-height: 0.72 !important;
  letter-spacing: 0.025em !important;
  white-space: nowrap !important;
  transform: scaleY(1.08) !important;
  color: rgba(0, 0, 0, 0.76) !important;
  opacity: 1 !important;
  filter: blur(var(--entry-title-blur, 2.8px)) !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line--one {
  left: 12.7vw !important;
  top: 22.6vh !important;
  font-size: clamp(154px, 17.8vw, 360px) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line--two {
  left: 49.1vw !important;
  top: 64.5vh !important;
  font-size: clamp(148px, 17vw, 345px) !important;
  color: rgba(0, 0, 0, 0.68) !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro,
body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__nav {
  display: grid !important;
  position: fixed !important;
  z-index: 32000 !important;
  left: 32px !important;
  right: 32px !important;
  top: 28px !important;
  grid-template-columns: 1fr auto !important;
  gap: 24px !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  color: rgba(0, 0, 0, 0.96) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 7px !important;
  width: max-content !important;
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand span {
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  letter-spacing: 0.055em !important;
  transform: scaleY(1.08) !important;
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand em {
  display: block !important;
  color: rgba(0, 0, 0, 0.52) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: none !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right span {
  color: rgba(0, 0, 0, 0.96) !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound {
  position: relative !important;
  margin-left: 10px !important;
  padding-left: 26px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.86) !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 86px !important;
  height: 24px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(0, 0, 0, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(239, 244, 247, 0.82) !important;
  color: rgba(0, 0, 0, 0.86) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.035) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle::before {
  content: "SIMPLE MODE" !important;
  font-family: var(--font-heading) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right::after {
  content: "" !important;
  display: inline-block !important;
  width: 29px !important;
  height: 18px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.86) !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: inset 5px 0 0 -1px transparent !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 30000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  mix-blend-mode: multiply !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line {
  position: fixed !important;
  display: block !important;
  font-family: var(--font-heading) !important;
  line-height: 0.72 !important;
  white-space: nowrap !important;
  transform: scaleY(1.08) !important;
  transform-origin: left top !important;
  color: rgba(0, 0, 0, 0.86) !important;
  opacity: 1 !important;
  filter: blur(var(--entry-title-blur, 2.2px)) !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line--two {
  color: rgba(0, 0, 0, 0.74) !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro,
body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__nav {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  z-index: 22000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  color: rgba(10, 11, 11, 0.94) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand,
body.is-entry-ready:not(.is-simple-mode) .board-links,
body.is-entry-ready:not(.is-simple-mode) .nav-controls {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand span,
body.is-entry-ready:not(.is-simple-mode) .board-links a,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button,
body.is-entry-ready:not(.is-simple-mode) .sound-label,
body.is-entry-ready:not(.is-simple-mode) .mode-toggle,
body.is-entry-ready:not(.is-simple-mode) .theme-toggle,
body.is-entry-ready:not(.is-simple-mode) .sound-toggle {
  color: rgba(10, 11, 11, 0.94) !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand em {
  color: rgba(10, 11, 11, 0.56) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-links a:hover,
body.is-entry-ready:not(.is-simple-mode) .board-links a:focus-visible,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button:hover,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button:focus-visible {
  color: rgba(10, 11, 11, 0.94) !important;
  opacity: 0.68 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  transform: translateY(-1px) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--leandro,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--ferreira {
  display: block !important;
  visibility: visible !important;
  z-index: 18 !important;
  color: rgba(0, 0, 0, 0.86) !important;
  mix-blend-mode: multiply !important;
  text-shadow: none !important;
  font-weight: 500 !important;
  letter-spacing: 0.025em !important;
  line-height: 0.72 !important;
  filter: blur(var(--entry-type-blur, 2.6px)) !important;
  transition: opacity 120ms linear, filter 120ms linear !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--leandro {
  opacity: var(--entry-leandro-opacity, 0.98) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--ferreira {
  opacity: var(--entry-ferreira-opacity, 0.78) !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro,
body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-complete .type-leandro,
body.is-entry-complete .type-ferreira {
  visibility: visible !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__nav {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: start !important;
  gap: 24px !important;
  position: fixed !important;
  z-index: 26000 !important;
  top: 28px !important;
  left: 32px !important;
  right: 32px !important;
  height: auto !important;
  padding: 0 !important;
  color: rgba(10, 11, 11, 0.94) !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  font-family: var(--font-heading) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 7px !important;
  width: max-content !important;
  color: currentColor !important;
  text-decoration: none !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand span {
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  letter-spacing: 0.055em !important;
  transform: scaleY(1.08) !important;
  color: rgba(10, 11, 11, 0.94) !important;
  opacity: 1 !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand em {
  font-style: normal !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(10, 11, 11, 0.52) !important;
  opacity: 1 !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(10, 11, 11, 0.94) !important;
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.075em !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right span {
  display: inline-flex !important;
  align-items: center !important;
  color: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound {
  margin-left: 14px !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__sound::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  border: 1.25px solid currentColor !important;
  border-radius: 50% !important;
  vertical-align: -5px !important;
  opacity: 0.9 !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__right::after {
  content: "SIMPLE MODE" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 86px !important;
  height: 25px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(10, 11, 11, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(245, 248, 249, 0.62) !important;
  box-shadow: 0 12px 24px rgba(10, 11, 11, 0.045) !important;
  color: rgba(10, 11, 11, 0.9) !important;
  font-size: 10px !important;
  letter-spacing: 0.09em !important;
  line-height: 1 !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle {
  display: inline-block !important;
  width: 34px !important;
  height: 20px !important;
  border: 1.25px solid rgba(10, 11, 11, 0.88) !important;
  border-radius: 999px !important;
  background: rgba(245, 248, 249, 0.2) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__toggle::before {
  content: "" !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  margin: 4px 0 0 4px !important;
  border-radius: 999px !important;
  background: rgba(10, 11, 11, 0.86) !important;
}

body.is-entry-complete .landing-motion__nav {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-complete .board-nav {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__name,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--leandro,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--ferreira {
  display: block !important;
  visibility: visible !important;
  z-index: 18 !important;
  color: rgba(0, 0, 0, 0.34) !important;
  mix-blend-mode: multiply !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 0.78 !important;
  filter: blur(var(--entry-type-blur, 2.8px)) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--leandro {
  left: 4.4vw !important;
  top: 14vh !important;
  font-size: clamp(210px, 25vw, 520px) !important;
  opacity: var(--entry-leandro-opacity, 0.72) !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--ferreira {
  left: 57vw !important;
  top: 70vh !important;
  font-size: clamp(190px, 22vw, 470px) !important;
  opacity: calc(var(--entry-ferreira-opacity, 0.78) * 0.72) !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro,
body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.is-entry-ready:not(.is-simple-mode) .landing-motion__nav,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__brand,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__right,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__name,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__name-line,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--leandro,
body.is-entry-ready:not(.is-simple-mode) .landing-motion__type--ferreira {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  position: fixed !important;
  left: 32px !important;
  right: 32px !important;
  top: 28px !important;
  z-index: 30000 !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 24px !important;
  align-items: center !important;
  color: rgba(9, 10, 10, 0.92) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand,
body.is-entry-ready:not(.is-simple-mode) .board-links,
body.is-entry-ready:not(.is-simple-mode) .nav-controls {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  color: rgba(9, 10, 10, 0.92) !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand span,
body.is-entry-ready:not(.is-simple-mode) .board-links a,
body.is-entry-ready:not(.is-simple-mode) .sound-toggle,
body.is-entry-ready:not(.is-simple-mode) .sound-label,
body.is-entry-ready:not(.is-simple-mode) .mode-toggle,
body.is-entry-ready:not(.is-simple-mode) .theme-toggle {
  color: rgba(9, 10, 10, 0.92) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand em {
  color: rgba(9, 10, 10, 0.46) !important;
  opacity: 0.82 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
  mix-blend-mode: normal !important;
}

body.is-entry-ready:not(.is-simple-mode) .mode-toggle {
  background: rgba(245, 248, 249, 0.62) !important;
  border-color: rgba(9, 10, 10, 0.18) !important;
  box-shadow: 0 12px 24px rgba(9, 10, 10, 0.035) !important;
}

body.is-entry-ready:not(.is-simple-mode) .theme-toggle .toggle-track,
body.is-entry-ready:not(.is-simple-mode) .sound-icon {
  border-color: currentColor !important;
}

body.is-entry-ready:not(.is-simple-mode) .toggle-dot,
body.is-entry-ready:not(.is-simple-mode) .theme-toggle .toggle-dot,
body.is-entry-ready:not(.is-simple-mode) .sound-icon::before,
body.is-entry-ready:not(.is-simple-mode) .sound-icon::after {
  background: currentColor !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-links a:hover,
body.is-entry-ready:not(.is-simple-mode) .board-links a:focus-visible,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button:hover,
body.is-entry-ready:not(.is-simple-mode) .nav-controls button:focus-visible {
  color: rgba(9, 10, 10, 1) !important;
  opacity: 0.72 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro,
body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  display: block !important;
  visibility: visible !important;
  color: rgba(0, 0, 0, 0.74) !important;
  mix-blend-mode: multiply !important;
  text-shadow: none !important;
  filter: blur(var(--entry-type-blur, 2.8px)) !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-leandro {
  opacity: var(--entry-leandro-opacity, 0.38) !important;
}

body.is-entry-ready:not(.is-simple-mode) .type-ferreira {
  opacity: var(--entry-ferreira-opacity, 0.34) !important;
}

body.is-entry-complete .board-nav {
  z-index: 100 !important;
  color: var(--ink) !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .whiteboard-shell {
  isolation: auto !important;
  background: transparent !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav {
  position: fixed !important;
  inset: auto 32px auto 32px !important;
  top: 28px !important;
  z-index: 2147483000 !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  align-items: start !important;
  gap: 24px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  color: #070808 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand,
body.is-entry-ready:not(.is-simple-mode) .board-links,
body.is-entry-ready:not(.is-simple-mode) .nav-controls,
body.is-entry-ready:not(.is-simple-mode) .board-brand *,
body.is-entry-ready:not(.is-simple-mode) .board-links *,
body.is-entry-ready:not(.is-simple-mode) .nav-controls * {
  opacity: 1 !important;
  visibility: visible !important;
  color: #070808 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand em {
  color: rgba(7, 8, 8, 0.58) !important;
  opacity: 1 !important;
}

body.is-entry-ready:not(.is-simple-mode) .mode-toggle {
  background: rgba(245, 248, 249, 0.76) !important;
  border-color: rgba(7, 8, 8, 0.2) !important;
  box-shadow: 0 10px 22px rgba(7, 8, 8, 0.04) !important;
}

body.is-entry-ready:not(.is-simple-mode) .theme-toggle .toggle-track,
body.is-entry-ready:not(.is-simple-mode) .sound-icon {
  border-color: #070808 !important;
}

body.is-entry-ready:not(.is-simple-mode) .toggle-dot,
body.is-entry-ready:not(.is-simple-mode) .theme-toggle .toggle-dot,
body.is-entry-ready:not(.is-simple-mode) .sound-icon::before,
body.is-entry-ready:not(.is-simple-mode) .sound-icon::after {
  background: #070808 !important;
}

body.is-landing-motion-active:not(.is-simple-mode) .board-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) auto !important;
  align-items: start !important;
  gap: 24px !important;
  position: fixed !important;
  z-index: 2147483000 !important;
  top: 28px !important;
  left: 32px !important;
  right: 32px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  color: #070808 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
  font-family: var(--font-heading) !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__brand,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-self: start !important;
  gap: 7px !important;
  width: max-content !important;
  max-width: 260px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #070808 !important;
  text-decoration: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__brand span,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__brand span {
  display: block !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  letter-spacing: 0.055em !important;
  transform: scaleY(1.08) !important;
  color: #070808 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__brand em,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__brand em {
  display: block !important;
  font-style: normal !important;
  font-family: var(--font-heading) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(7, 8, 8, 0.58) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #070808 !important;
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.075em !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right span,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right span {
  display: inline-flex !important;
  align-items: center !important;
  color: #070808 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__sound,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__sound {
  margin-left: 0 !important;
  gap: 8px !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__sound::before,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__sound::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 8px 0 0 !important;
  border: 1.25px solid #070808 !important;
  border-radius: 50% !important;
  opacity: 0.9 !important;
  vertical-align: -5px !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right::after,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right::after {
  content: "SIMPLE MODE" !important;
  order: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 86px !important;
  height: 25px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(7, 8, 8, 0.2) !important;
  border-radius: 999px !important;
  background: rgba(245, 248, 249, 0.76) !important;
  box-shadow: 0 10px 22px rgba(7, 8, 8, 0.04) !important;
  color: #070808 !important;
  font-size: 10px !important;
  letter-spacing: 0.09em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__toggle,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__toggle {
  order: 7 !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 34px !important;
  height: 20px !important;
  border: 1.25px solid #070808 !important;
  border-radius: 999px !important;
  background: rgba(245, 248, 249, 0.2) !important;
  color: #070808 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__toggle::before,
body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__toggle::before {
  content: "" !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  margin: 4px 0 0 4px !important;
  border-radius: 999px !important;
  background: #070808 !important;
}

body.is-entry-complete .landing-motion__nav,
body.is-entry-complete #landing-motion .landing-motion__nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:not(.is-simple-mode) #landing-motion .landing-motion__nav,
body.is-landing-motion-active:not(.is-simple-mode) #landing-motion .landing-motion__nav,
body.is-entry-ready:not(.is-simple-mode) #landing-motion .landing-motion__nav {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .whiteboard-shell,
body.is-landing-motion-active:not(.is-simple-mode) .whiteboard-shell {
  position: fixed !important;
  z-index: 2147482000 !important;
  background: transparent !important;
  isolation: auto !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-world,
body.is-landing-motion-active:not(.is-simple-mode) .board-world,
body.is-entry-ready:not(.is-simple-mode) .cursor-field,
body.is-landing-motion-active:not(.is-simple-mode) .cursor-field,
body.is-entry-ready:not(.is-simple-mode) .radar,
body.is-landing-motion-active:not(.is-simple-mode) .radar,
body.is-entry-ready:not(.is-simple-mode) .context-panel,
body.is-landing-motion-active:not(.is-simple-mode) .context-panel {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-nav,
body.is-landing-motion-active:not(.is-simple-mode) .board-nav {
  position: fixed !important;
  top: 28px !important;
  left: 32px !important;
  right: 32px !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  align-items: start !important;
  gap: 24px !important;
  z-index: 2147483000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  color: #070808 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand,
body.is-entry-ready:not(.is-simple-mode) .board-links,
body.is-entry-ready:not(.is-simple-mode) .nav-controls,
body.is-landing-motion-active:not(.is-simple-mode) .board-brand,
body.is-landing-motion-active:not(.is-simple-mode) .board-links,
body.is-landing-motion-active:not(.is-simple-mode) .nav-controls {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand *,
body.is-entry-ready:not(.is-simple-mode) .board-links *,
body.is-entry-ready:not(.is-simple-mode) .nav-controls *,
body.is-landing-motion-active:not(.is-simple-mode) .board-brand *,
body.is-landing-motion-active:not(.is-simple-mode) .board-links *,
body.is-landing-motion-active:not(.is-simple-mode) .nav-controls * {
  color: #070808 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-brand em,
body.is-landing-motion-active:not(.is-simple-mode) .board-brand em {
  color: rgba(7, 8, 8, 0.58) !important;
}

body.is-entry-complete .whiteboard-shell {
  z-index: auto !important;
  background: var(--paper) !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav,
html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav *,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav *,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__nav * {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right::after,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right::after,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__right::after,
html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__toggle,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__toggle,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__toggle {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) .board-links,
body.is-landing-motion-active:not(.is-simple-mode) .board-links {
  transform: translateY(7px) !important;
}

body.is-entry-ready:not(.is-simple-mode) .nav-controls,
body.is-landing-motion-active:not(.is-simple-mode) .nav-controls {
  transform: translateY(0) !important;
}

body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__type,
body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__type {
  display: block !important;
  visibility: visible !important;
  color: rgba(0, 0, 0, 0.82) !important;
  mix-blend-mode: multiply !important;
  filter: blur(2.4px) !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__type--leandro,
body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__type--leandro {
  opacity: 0.34 !important;
}

body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__type--ferreira,
body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__type--ferreira {
  opacity: 0.30 !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name {
  position: absolute !important;
  inset: 0 !important;
  z-index: 16 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  mix-blend-mode: multiply !important;
  filter: none !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line {
  position: absolute !important;
  display: block !important;
  visibility: visible !important;
  margin: 0 !important;
  font-family: var(--font-heading) !important;
  font-weight: 500 !important;
  line-height: 0.72 !important;
  letter-spacing: 0.025em !important;
  white-space: nowrap !important;
  transform: scaleY(1.08) !important;
  color: rgba(0, 0, 0, 0.56) !important;
  opacity: 0.42 !important;
  filter: blur(2.8px) !important;
  text-shadow: none !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--one,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--one,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--one {
  left: 5.65vw !important;
  top: 14.8vh !important;
  font-size: clamp(178px, 18.2vw, 388px) !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--two,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--two,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--two {
  left: 58.6vw !important;
  top: 72.4vh !important;
  font-size: clamp(162px, 17.2vw, 365px) !important;
  color: rgba(0, 0, 0, 0.52) !important;
  opacity: 0.40 !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name {
  position: fixed !important;
  inset: 0 !important;
  z-index: 16 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  mix-blend-mode: multiply !important;
  filter: none !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line {
  position: fixed !important;
  display: block !important;
  visibility: visible !important;
  margin: 0 !important;
  font-family: var(--font-heading) !important;
  font-weight: 500 !important;
  line-height: 0.72 !important;
  letter-spacing: 0.025em !important;
  white-space: nowrap !important;
  transform: scaleY(1.08) !important;
  transform-origin: left top !important;
  color: rgba(0, 0, 0, 0.56) !important;
  opacity: 0.42 !important;
  filter: blur(2.8px) !important;
  text-shadow: none !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--one,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--one,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--one {
  left: var(--entry-name-leandro-left, 5.65vw) !important;
  top: var(--entry-name-leandro-top, 14.8vh) !important;
  font-size: var(--entry-name-leandro-size, clamp(178px, 18.2vw, 388px)) !important;
}

html body:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--two,
html body.is-entry-ready:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--two,
html body.is-landing-motion-active:not(.is-simple-mode) #landing-motion[aria-hidden="false"] .landing-motion__name-line--two {
  left: var(--entry-name-ferreira-left, 58.6vw) !important;
  top: var(--entry-name-ferreira-top, 72.4vh) !important;
  font-size: var(--entry-name-ferreira-size, clamp(162px, 17.2vw, 365px)) !important;
  color: rgba(0, 0, 0, 0.52) !important;
  opacity: 0.40 !important;
}