@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --ink: #071513;
  --ink-soft: #0d211e;
  --paper: #f2efe7;
  --paper-deep: #e7e2d7;
  --acid: #c9ff54;
  --cyan: #5ce1e6;
  --orange: #ff7355;
  --violet: #bba8ff;
  --muted: #76827e;
  --line-dark: rgba(242, 239, 231, .16);
  --line-light: rgba(7, 21, 19, .16);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-snap: cubic-bezier(.77, 0, .18, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
::selection { color: var(--ink); background: var(--acid); }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  z-index: 10000;
  left: 1rem;
  top: 1rem;
  padding: .7rem 1rem;
  color: var(--ink);
  background: var(--acid);
  transform: translateY(-160%);
  transition: transform .2s;
}
.skip-link:focus { transform: translateY(0); }

:focus-visible {
  outline: 2px solid var(--acid);
  outline-offset: 5px;
}

.page-noise {
  position: fixed;
  z-index: 900;
  inset: 0;
  opacity: .035;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.boot {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.boot__half {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50.1%;
  background: #020a09;
  transition: transform 1.15s var(--ease-snap) .72s;
}
.boot__half--top { top: 0; transform-origin: top; }
.boot__half--bottom { bottom: 0; transform-origin: bottom; }
.boot__mark {
  z-index: 1;
  display: flex;
  align-items: center;
  gap: .72rem;
  color: var(--paper);
  font-family: "Manrope", sans-serif;
  font-size: clamp(1.2rem, 2.4vw, 2rem);
  letter-spacing: .15em;
  transition: opacity .35s ease .45s, transform .5s var(--ease-out) .35s;
}
.boot__mark i { width: 34px; height: 1px; background: var(--acid); transform: scaleX(0); animation: bootLine .7s var(--ease-out) forwards .1s; }
.is-loaded .boot__half--top { transform: translateY(-101%); }
.is-loaded .boot__half--bottom { transform: translateY(101%); }
.is-loaded .boot__mark { opacity: 0; transform: scale(.9); }
@keyframes bootLine { to { transform: scaleX(1); } }

.scroll-progress {
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
}
.scroll-progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--acid);
  transform: scaleX(var(--scroll, 0));
  transform-origin: left;
}

.topbar {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 86px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 clamp(1.1rem, 3.4vw, 4rem);
  color: var(--paper);
  mix-blend-mode: difference;
  pointer-events: none;
}
.topbar > * { pointer-events: auto; }
.monogram { display: inline-flex; align-items: center; gap: 1rem; justify-self: start; }
.monogram span { font: 700 1rem/1 "Manrope", sans-serif; letter-spacing: .09em; }
.monogram small { font-size: .58rem; letter-spacing: .22em; opacity: .66; }
.topbar__status { display: flex; align-items: center; gap: .65rem; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px var(--acid); }
.menu-toggle {
  justify-self: end;
  position: relative;
  width: 92px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .75rem;
  padding: 0;
  border: 0;
  color: inherit;
  background: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .67rem;
}
.menu-toggle i { position: absolute; right: 0; width: 24px; height: 1px; background: currentColor; transition: transform .35s var(--ease-out), top .35s var(--ease-out); }
.menu-toggle i:nth-of-type(1) { top: 14px; }
.menu-toggle i:nth-of-type(2) { top: 21px; }
.menu-open .menu-toggle i:nth-of-type(1) { top: 18px; transform: rotate(45deg); }
.menu-open .menu-toggle i:nth-of-type(2) { top: 18px; transform: rotate(-45deg); }

.menu {
  position: fixed;
  z-index: 980;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--paper);
  background: #06110f;
  visibility: hidden;
  clip-path: circle(0 at calc(100% - 60px) 42px);
  transition: clip-path .85s var(--ease-snap), visibility 0s linear .85s;
}
.menu.is-open { visibility: visible; clip-path: circle(150% at calc(100% - 60px) 42px); transition-delay: 0s; }
.menu__wash { position: absolute; inset: 0; background: radial-gradient(circle at 72% 45%, rgba(92,225,230,.13), transparent 35%), radial-gradient(circle at 15% 80%, rgba(201,255,84,.1), transparent 28%); }
.menu__inner { position: relative; width: min(920px, 84vw); }
.menu__inner .eyebrow { margin-bottom: 1.8rem; }
.menu__inner a { display: grid; grid-template-columns: 58px 1fr; align-items: baseline; border-bottom: 1px solid var(--line-dark); padding: .68rem 0; overflow: hidden; }
.menu__inner a b { color: var(--acid); font-size: .68rem; font-weight: 500; letter-spacing: .13em; }
.menu__inner a span { font: 500 clamp(1.55rem, 3.2vw, 3.4rem)/1.05 "Manrope", sans-serif; transition: transform .3s var(--ease-out), color .3s; }
.menu__inner a:hover span { transform: translateX(1rem); color: var(--acid); }
.menu__hint { position: absolute; right: 3rem; bottom: 2rem; color: rgba(242,239,231,.5); font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; }

.chapter-rail {
  position: fixed;
  z-index: 700;
  top: 50%;
  right: clamp(.8rem, 1.8vw, 2rem);
  display: grid;
  gap: .35rem;
  width: 128px;
  transform: translateY(-50%);
  mix-blend-mode: difference;
}
.chapter-rail a { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 18px 28px; column-gap: .4rem; align-items: center; min-height: 22px; color: var(--paper); }
.chapter-rail span { grid-column: 2; width: auto; font-size: .52rem; text-align: center; opacity: .45; }
.chapter-rail i { grid-column: 3; justify-self: end; display: block; width: 12px; height: 1px; background: currentColor; transition: width .3s var(--ease-out), background .3s; }
.chapter-rail em { position: static; grid-column: 1; grid-row: 1; min-width: 0; font-style: normal; font-size: .58rem; letter-spacing: .12em; text-align: right; text-transform: uppercase; opacity: 0; transform: translateX(8px); transition: .25s; white-space: nowrap; }
.chapter-rail a:hover em, .chapter-rail a.is-active em { opacity: .75; transform: translateX(0); }
.chapter-rail a.is-active i { width: 28px; background: var(--acid); }
.chapter-rail a.is-active span { opacity: 1; }

.eyebrow {
  margin: 0 0 .9rem;
  font: 600 .64rem/1.2 "Manrope", sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 2rem;
}
.section-head h2, .assembly__intro h2, .archive__sticky h2 {
  margin: 0;
  font: 500 clamp(2.2rem, 5vw, 5.2rem)/.98 "Manrope", sans-serif;
  letter-spacing: -.055em;
}
.section-head > p { width: min(330px, 30vw); margin: 0; color: var(--muted); font-size: .88rem; }
.section-head--light > p { color: rgba(242,239,231,.62); }

.hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  color: var(--paper);
  background: var(--ink);
}
.hero__grid {
  position: absolute;
  inset: 0;
  opacity: .16;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle at 62% 48%, black, transparent 72%);
}
.hero__aurora { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .18; }
.hero__aurora--one { width: 42vw; height: 42vw; left: 10vw; top: -25vw; background: var(--cyan); }
.hero__aurora--two { width: 32vw; height: 32vw; right: -8vw; bottom: -10vw; background: var(--acid); }
.hero__copy { position: absolute; z-index: 2; left: clamp(1.3rem, 7vw, 8rem); top: 50%; width: min(700px, 52vw); transform: translateY(-53%); }
.hero__copy .eyebrow { color: var(--acid); }
.hero h1 { margin: 0; font: 500 clamp(3.3rem, 7.4vw, 8rem)/.91 "Manrope", sans-serif; letter-spacing: -.075em; }
.name-line { display: block; overflow: hidden; }
.name-line > span { display: block; transform: translateY(112%); transition: transform 1s var(--ease-out) 1.45s; }
.name-line:nth-child(2) > span { transition-delay: 1.55s; }
.is-loaded .name-line > span { transform: translateY(0); }
.name-line--accent { color: transparent; -webkit-text-stroke: 1px rgba(242,239,231,.68); }
.hero__role { margin: 1.6rem 0 0; font: 500 clamp(.9rem, 1.4vw, 1.18rem)/1.4 "Manrope", sans-serif; }
.hero__intro { max-width: 460px; margin: .65rem 0 0; color: rgba(242,239,231,.56); font-size: clamp(.78rem, 1vw, .92rem); }
.reveal-line { opacity: 0; transform: translateY(18px); transition: opacity .8s ease 1.85s, transform .8s var(--ease-out) 1.85s; }
.hero__role.reveal-line { transition-delay: 1.75s; }
.hero__intro.reveal-line { transition-delay: 1.87s; }
.hero__meta.reveal-line { transition-delay: 2s; }
.is-loaded .reveal-line { opacity: 1; transform: translateY(0); }

.hero__portrait { position: absolute; z-index: 1; right: clamp(4rem, 10vw, 12rem); top: 50%; width: clamp(250px, 30vw, 480px); aspect-ratio: .79; transform: translateY(-48%); }
.hero__portrait figure { position: absolute; z-index: 2; inset: 9%; margin: 0; overflow: hidden; border-radius: 48% 48% 8px 8px; clip-path: polygon(14% 0, 86% 0, 100% 18%, 100% 100%, 0 100%, 0 18%); background: var(--paper-deep); }
.hero__portrait figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 54%, rgba(7,21,19,.6)); }
.hero__portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; filter: saturate(.86) contrast(1.02); transform: scale(1.03); }
.portrait-orbit { position: absolute; inset: -1%; border: 1px solid rgba(242,239,231,.2); border-radius: 50%; animation: orbitRotate 20s linear infinite; }
.portrait-orbit::before, .portrait-orbit::after { content: ""; position: absolute; inset: 8%; border: 1px dashed rgba(201,255,84,.23); border-radius: 50%; }
.portrait-orbit::after { inset: 21%; border-color: rgba(92,225,230,.3); }
.portrait-orbit i { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 18px var(--acid); }
.portrait-orbit i:nth-child(1) { top: 15%; left: 12%; }
.portrait-orbit i:nth-child(2) { right: -4px; top: 50%; background: var(--cyan); }
.portrait-orbit i:nth-child(3) { bottom: 3%; left: 35%; background: var(--orange); }
@keyframes orbitRotate { to { transform: rotate(360deg); } }
.portrait-tag { position: absolute; z-index: 3; display: flex; align-items: center; gap: .5rem; padding: .55rem .72rem; color: var(--ink); background: var(--acid); font: 600 .58rem/1 "Manrope", sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.portrait-tag--top { top: 6%; right: -7%; transform: rotate(3deg); }
.portrait-tag--bottom { bottom: 8%; left: -9%; color: var(--paper); background: var(--orange); transform: rotate(-3deg); }
.hero__meta { position: absolute; z-index: 3; left: clamp(1.3rem, 7vw, 8rem); right: clamp(1.3rem, 7vw, 8rem); bottom: 2.2rem; display: flex; justify-content: space-between; color: rgba(242,239,231,.62); font-size: .68rem; letter-spacing: .11em; text-transform: uppercase; }
.hero__meta a { color: var(--paper); }
.hero__meta i { color: var(--acid); font-style: normal; }
.scroll-cue { position: absolute; z-index: 4; left: 50%; bottom: 1.8rem; display: grid; justify-items: center; gap: .6rem; transform: translateX(-50%); font-size: .57rem; letter-spacing: .16em; text-transform: uppercase; }
.scroll-cue > i { width: 1px; height: 36px; background: rgba(242,239,231,.25); overflow: hidden; }
.scroll-cue b { display: block; width: 100%; height: 50%; background: var(--acid); animation: cueDown 1.7s ease-in-out infinite; }
@keyframes cueDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(210%); } }

.assembly { position: relative; height: 620vh; color: var(--paper); background: #05100e; }
.assembly__sticky { position: sticky; top: 0; height: 100svh; overflow: hidden; }
.assembly__backdrop { position: absolute; inset: 0; display: flex; justify-content: space-around; align-items: center; opacity: .035; font: 500 min(24vw, 310px)/1 "Manrope", sans-serif; transform: translateX(calc(var(--assembly-p, 0) * -35vw)); }
.assembly__intro { position: absolute; z-index: 2; left: clamp(1.3rem, 5vw, 5.5rem); top: clamp(6rem, 12vh, 8rem); width: min(320px, 25vw); }
.assembly__intro .eyebrow { color: var(--acid); }
.assembly__intro h2 { font-size: clamp(2rem, 3.6vw, 4rem); }
.assembly__intro > p:last-child { margin-top: 1rem; color: rgba(242,239,231,.54); font-size: .8rem; }

.engine { position: absolute; z-index: 4; left: 50%; top: 50%; width: min(620px, 46vw); height: 600px; transform: translate(-50%, -50%); perspective: 1200px; }
.engine__axis { position: absolute; z-index: -1; left: 50%; top: 4%; width: 1px; height: 92%; background: linear-gradient(transparent, rgba(201,255,84,.5), transparent); transform: scaleY(var(--assembly-p)); }
.engine__axis::after { content: ""; position: absolute; left: -4px; top: calc(var(--assembly-p) * 100%); width: 9px; height: 9px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 20px var(--acid); }
.engine__scan { position: absolute; z-index: 20; left: -10%; top: calc(8% + var(--assembly-p) * 78%); width: 120%; height: 1px; opacity: calc(.8 - var(--assembly-p) * .5); background: linear-gradient(90deg, transparent, var(--cyan), transparent); box-shadow: 0 0 18px var(--cyan); }
.engine-piece {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  width: min(510px, 42vw);
  height: 86px;
  display: grid;
  grid-template-columns: 42px 58px 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  border: 1px solid rgba(242,239,231,.19);
  border-radius: 14px;
  background: linear-gradient(115deg, rgba(24,52,47,.95), rgba(7,21,19,.78));
  box-shadow: 0 24px 50px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  opacity: var(--piece-p, 0);
  transform: translate(-50%, -50%) translate3d(
    calc(var(--sx) * (1 - var(--piece-e)) + var(--tx) * var(--piece-e)),
    calc(var(--sy) * (1 - var(--piece-e)) + var(--ty) * var(--piece-e)),
    calc(-160px * (1 - var(--piece-e)))
  ) rotate(calc(var(--sr) * (1 - var(--piece-e)) + var(--tr) * var(--piece-e))) scale(calc(.72 + var(--piece-e) * .28));
  will-change: transform, opacity;
}
.engine-piece::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, transparent 30%, rgba(255,255,255,.08), transparent 70%); transform: translateX(calc(-110% + var(--piece-e) * 220%)); pointer-events: none; }
.engine-piece__num { color: rgba(242,239,231,.34); font: 500 .62rem/1 "Manrope", sans-serif; letter-spacing: .13em; }
.engine-piece strong { display: block; margin-top: .15rem; font: 600 clamp(.85rem, 1.25vw, 1.05rem)/1.1 "Manrope", sans-serif; }
.engine-piece small { display: block; color: var(--piece-color); font-size: .52rem; letter-spacing: .15em; text-transform: uppercase; }
.engine-piece em { color: rgba(242,239,231,.46); font-size: .58rem; font-style: normal; text-align: right; }
.engine-piece--ai { --piece-color: var(--violet); }
.engine-piece--sales { --piece-color: var(--orange); }
.engine-piece--business { --piece-color: var(--acid); }
.engine-piece--ops { --piece-color: var(--cyan); }
.engine-piece--engineering { --piece-color: #f7c96b; }
.piece-icon { position: relative; width: 50px; height: 50px; border: 1px solid color-mix(in srgb, var(--piece-color) 45%, transparent); border-radius: 50%; }
.piece-icon--nodes i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 10px var(--violet); }
.piece-icon--nodes i:nth-child(1) { left: 9px; top: 20px; }.piece-icon--nodes i:nth-child(2) { left: 21px; top: 9px; }.piece-icon--nodes i:nth-child(3) { right: 8px; top: 19px; }.piece-icon--nodes i:nth-child(4) { left: 20px; bottom: 8px; }.piece-icon--nodes i:nth-child(5) { left: 22px; top: 22px; }
.piece-icon--nodes::before, .piece-icon--nodes::after { content: ""; position: absolute; left: 10px; top: 24px; width: 31px; height: 1px; background: var(--violet); transform: rotate(-33deg); transform-origin: left; opacity: .5; }.piece-icon--nodes::after { transform: rotate(30deg); }
.piece-icon--arrow::before { content: ""; position: absolute; left: 10px; top: 25px; width: 28px; height: 2px; background: var(--orange); transform: rotate(-25deg); }.piece-icon--arrow::after { content: "↗"; position: absolute; right: 7px; top: 5px; color: var(--orange); font-size: 1.25rem; }
.piece-icon--bridge i { position: absolute; top: 23px; width: 8px; height: 8px; border-radius: 50%; background: var(--acid); }.piece-icon--bridge i:nth-child(1){left:6px}.piece-icon--bridge i:nth-child(2){left:20px}.piece-icon--bridge i:nth-child(3){right:6px}.piece-icon--bridge::before{content:"";position:absolute;left:10px;right:10px;top:26px;height:1px;background:var(--acid)}
.piece-icon--route i { position: absolute; width: 7px; height: 7px; border: 1px solid var(--cyan); border-radius: 50%; }.piece-icon--route i:nth-child(1){left:8px;bottom:9px}.piece-icon--route i:nth-child(2){left:21px;top:20px}.piece-icon--route i:nth-child(3){right:7px;top:8px}.piece-icon--route::before{content:"";position:absolute;left:11px;top:28px;width:30px;height:1px;background:var(--cyan);transform:rotate(-35deg)}
.piece-icon--grid { display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);place-content:center;gap:4px }.piece-icon--grid i{border:1px solid #f7c96b}.piece-icon--grid i:nth-child(4){background:#f7c96b;box-shadow:0 0 10px #f7c96b}

.engine-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 155px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(201,255,84,.25); border-radius: 50%; opacity: clamp(0, calc((var(--assembly-p) - .68) * 4), 1); transform: translate(-50%,-50%) scale(calc(.6 + clamp(0, calc((var(--assembly-p) - .68) * 4), 1) * .4)); box-shadow: 0 0 80px rgba(201,255,84,.12); }
.engine-core img { width: 72%; height: 72%; border-radius: 50%; object-fit: cover; object-position: 50% 38%; filter: grayscale(.2); }
.engine-core > div { position: absolute; inset: -15px; display: flex; justify-content: space-between; align-items: center; animation: orbitRotate 18s linear infinite; }
.engine-core strong { color: var(--acid); font: 600 .55rem/1 "Manrope", sans-serif; letter-spacing: .15em; }
.engine-core span { color: rgba(242,239,231,.5); font-size: .43rem; letter-spacing: .12em; }

.assembly__story { position: absolute; z-index: 5; right: clamp(3.5rem, 6vw, 6.5rem); top: 50%; width: min(270px, 20vw); min-height: 130px; transform: translateY(-50%); }
.assembly__story article { position: absolute; inset: 0; opacity: 0; transform: translateY(18px); transition: opacity .45s, transform .55s var(--ease-out); pointer-events: none; }
.assembly__story article.is-active { opacity: 1; transform: translateY(0); }
.assembly__story span { color: var(--acid); font: 500 .58rem/1 "Manrope", sans-serif; letter-spacing: .15em; }
.assembly__story strong { display: block; margin: .75rem 0 .45rem; font: 600 1rem/1.2 "Manrope", sans-serif; }
.assembly__story p { margin: 0; color: rgba(242,239,231,.5); font-size: .74rem; }
.assembly__counter { position: absolute; right: clamp(3.5rem, 6vw, 6.5rem); bottom: 2.4rem; display: grid; grid-template-columns: auto 100px auto; align-items: center; gap: .7rem; color: rgba(242,239,231,.45); font: 500 .52rem/1 "Manrope", sans-serif; }
.assembly__counter i { height: 1px; background: linear-gradient(90deg, var(--acid) calc(var(--assembly-p) * 100%), rgba(242,239,231,.2) 0); }

.journey { position: relative; height: 720vh; color: var(--ink); background: var(--paper); }
.journey__sticky { position: sticky; top: 0; height: 100svh; overflow: hidden; padding: clamp(6.5rem, 12vh, 8.5rem) clamp(1.3rem, 6vw, 6.5rem) 3rem; }
.journey__sticky::before { content: ""; position: absolute; width: 42vw; height: 42vw; right: -18vw; top: -20vw; border-radius: 50%; border: 1px solid var(--line-light); box-shadow: inset 0 0 0 8vw var(--paper), inset 0 0 0 calc(8vw + 1px) var(--line-light); opacity: .6; }
.journey__line { position: absolute; left: 0; right: 0; top: 55%; height: 1px; background: var(--line-light); }
.journey__line i { display: block; width: calc(var(--journey-p, 0) * 100%); height: 2px; background: var(--orange); transform: translateY(-.5px); }
.journey__track { position: absolute; left: clamp(1.3rem, 6vw, 6.5rem); top: 38%; display: flex; gap: clamp(1.2rem, 2.5vw, 2.8rem); width: max-content; transform: translate3d(calc(var(--journey-x, 0px) * -1),0,0); will-change: transform; }
.experience-card { position: relative; width: min(430px, 72vw); height: 300px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.45rem; border: 1px solid var(--line-light); background: rgba(242,239,231,.94); transition: background .35s, color .35s, transform .45s var(--ease-out); }
.experience-card::before { content: ""; position: absolute; left: -5px; top: 50%; width: 9px; height: 9px; margin-top: -5px; border: 1px solid var(--orange); border-radius: 50%; background: var(--paper); }
.experience-card:hover, .experience-card.is-current { color: var(--paper); background: var(--ink-soft); transform: translateY(-12px); }
.experience-card:hover::before, .experience-card.is-current::before { background: var(--acid); box-shadow: 0 0 14px var(--acid); }
.experience-card__top { display: flex; justify-content: space-between; gap: 1rem; font-size: .59rem; letter-spacing: .12em; text-transform: uppercase; }
.experience-card__top span:first-child { color: var(--orange); }
.experience-card h3 { margin: auto 0 .55rem; font: 600 clamp(1.25rem, 2vw, 1.7rem)/1.08 "Manrope", sans-serif; letter-spacing: -.03em; }
.experience-card h4 { margin: 0; max-width: 92%; color: var(--muted); font-size: .76rem; font-weight: 400; }
.experience-card:hover h4, .experience-card.is-current h4 { color: rgba(242,239,231,.55); }
.experience-card__foot { display: flex; justify-content: space-between; align-items: end; padding-top: 1rem; border-top: 1px solid currentColor; font-size: .62rem; opacity: .65; }
.experience-card__foot b { font: 500 2.2rem/1 "Manrope", sans-serif; opacity: .22; }
.journey__controls { position: absolute; right: clamp(3.5rem, 6vw, 6.5rem); bottom: 2.5rem; display: flex; align-items: center; gap: 1rem; }
.journey__controls button { width: 40px; height: 40px; border: 1px solid var(--line-light); border-radius: 50%; background: transparent; cursor: pointer; transition: .25s; }
.journey__controls button:hover { color: var(--paper); background: var(--ink); }
.journey__controls span { font-size: .62rem; letter-spacing: .11em; }
.journey__controls i { font-style: normal; opacity: .45; }

.capability { position: relative; min-height: 130vh; padding: clamp(6rem, 12vh, 9rem) clamp(1.3rem, 7vw, 8rem); overflow: hidden; color: var(--paper); background: #071513; }
.capability__orb { position: absolute; left: 50%; top: 52%; width: min(74vw, 920px); aspect-ratio: 1; border: 1px solid rgba(242,239,231,.08); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: inset 0 0 100px rgba(92,225,230,.04); }
.capability__orb::before, .capability__orb::after { content:"";position:absolute;inset:14%;border:1px dashed rgba(201,255,84,.11);border-radius:50%;animation:orbitRotate 36s linear infinite}.capability__orb::after{inset:32%;border-style:solid;border-color:rgba(92,225,230,.12);animation-direction:reverse;animation-duration:24s}
.capability__stage { position: relative; width: min(780px, 76vw); aspect-ratio: 1; margin: 3rem auto 0; }
.capability__stage::before { content: ""; position: absolute; inset: 50%; width: 40%; height: 40%; border-radius: 50%; background: rgba(201,255,84,.08); transform: translate(-50%,-50%); filter: blur(55px); }
.capability__ring-copy { position: absolute; z-index: 2; left: 50%; top: 50%; width: clamp(280px, 37vw, 390px); aspect-ratio: 1; border: 1px solid rgba(201,255,84,.13); border-radius: 50%; transform: translate(-50%,-50%); animation: orbitRotate 42s linear infinite; }
.capability__ring-copy::before, .capability__ring-copy::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.capability__ring-copy::before { inset: 12%; border: 1px dashed rgba(92,225,230,.16); }
.capability__ring-copy::after { inset: 30%; border: 1px solid rgba(201,255,84,.12); box-shadow: 0 0 50px rgba(201,255,84,.05); }
.capability__ring-copy svg { position: absolute; inset: -9%; width: 118%; height: 118%; overflow: visible; }
.capability__ring-copy text { fill: rgba(242,239,231,.42); font: 600 7px/1 "Manrope",sans-serif; letter-spacing: 1.55px; }
.capability__ring-copy i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px rgba(201,255,84,.7); }
.capability__ring-copy i:nth-of-type(1) { left: -4px; top: 50%; }
.capability__ring-copy i:nth-of-type(2) { right: -4px; top: 50%; background: var(--cyan); box-shadow: 0 0 14px rgba(92,225,230,.7); }
.capability__ring-copy i:nth-of-type(3) { left: 50%; top: -4px; background: var(--orange); box-shadow: 0 0 14px rgba(255,115,85,.7); }
.capability__ring-copy i:nth-of-type(4) { left: 50%; bottom: -4px; }
.capability__core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 205px; aspect-ratio: 1; display: grid; place-content: center; justify-items: center; padding: 1.35rem; text-align: center; border: 1px solid rgba(201,255,84,.42); border-radius: 50%; background: radial-gradient(circle at 42% 34%,#17332d,#0c211d 66%); box-shadow: 0 0 65px rgba(201,255,84,.12), inset 0 0 35px rgba(92,225,230,.035); transform: translate(-50%,-50%); }
.capability__core span { color: var(--acid); font: 600 2.45rem/1 "Manrope",sans-serif; letter-spacing:-.07em; }
.capability__core small { width: 130px; margin-top: .55rem; color: rgba(242,239,231,.67); font: 600 .49rem/1.45 "Manrope",sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.capability__core em { margin-top: .65rem; color: rgba(242,239,231,.38); font: 400 .5rem/1.45 "DM Sans",sans-serif; letter-spacing: .035em; }
.cap-node { position: absolute; z-index: 2; left: 50%; top: 50%; width: clamp(130px, 16vw, 190px); min-height: 78px; padding: .8rem; border: 1px solid rgba(242,239,231,.16); border-radius: 10px; color: var(--paper); background: rgba(10,31,27,.92); transform: translate(-50%,-50%) rotate(var(--a)) translateX(clamp(180px, 28vw, 320px)) rotate(calc(var(--a) * -1)); cursor: pointer; text-align: left; transition: border .3s, background .3s, box-shadow .3s, transform .5s var(--ease-out); }
.cap-node::before { content: ""; position: absolute; left: 50%; top: 50%; width: clamp(180px, 28vw, 320px); height: 1px; background: rgba(242,239,231,.09); transform-origin: left; transform: rotate(var(--a)) translateX(calc(clamp(180px, 28vw, 320px) * -1)); z-index:-1; }
.cap-node span { display: block; font: 600 .84rem/1.2 "Manrope",sans-serif; }
.cap-node small { display:block;margin-top:.3rem;color:rgba(242,239,231,.42);font-size:.55rem;line-height:1.35 }
.cap-node:hover, .cap-node.is-active { border-color: var(--acid); background: #17332d; box-shadow: 0 0 30px rgba(201,255,84,.08); transform: translate(-50%,-50%) rotate(var(--a)) translateX(clamp(180px, 28vw, 320px)) rotate(calc(var(--a) * -1)) scale(1.06); }
.cap-node.is-active span { color: var(--acid); }
.skill-cloud { width: min(840px, 86vw); min-height: 95px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; gap: .55rem; margin: 1rem auto 0; }
.skill-cloud span { padding: .48rem .72rem; border: 1px solid rgba(242,239,231,.14); border-radius: 100px; color: rgba(242,239,231,.72); font-size: .65rem; opacity: 0; transform: translateY(8px); animation: tagIn .4s var(--ease-out) forwards; animation-delay: calc(var(--i) * 35ms); }
@keyframes tagIn { to { opacity: 1; transform: translateY(0); } }

.projects { position: relative; padding: clamp(6rem, 12vh, 9rem) clamp(1.3rem, 7vw, 8rem) 10rem; background: var(--paper); }
.project-stack { margin-top: 5rem; }
.project-card { position: sticky; top: calc(90px + var(--i) * 16px); min-height: min(67vh, 590px); display: grid; grid-template-columns: .85fr 1.15fr; border: 1px solid var(--line-light); background: var(--project-bg); color: var(--project-fg); overflow: hidden; transform-origin: center top; }
.project-card + .project-card { margin-top: 13vh; }
.project-card__visual { position: relative; display: grid; place-items: center; min-height: 320px; border-right: 1px solid currentColor; overflow: hidden; }
.project-card__visual::before { content: ""; position: absolute; width: 60%; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 50%; opacity: .2; animation: projectPulse 4s ease-in-out infinite; }
.project-card__visual::after { content: ""; position:absolute;width:42%;aspect-ratio:1;border:1px dashed currentColor;border-radius:50%;opacity:.25;animation:orbitRotate 18s linear infinite }
@keyframes projectPulse { 50% { transform: scale(1.18); opacity:.08; } }
.project-card__glyph { position: relative; z-index: 2; font: 500 clamp(4rem, 10vw, 9rem)/1 "Manrope",sans-serif; letter-spacing:-.1em; opacity: .85; }
.project-card__content { display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,4rem) }
.project-card__meta { display:flex;justify-content:space-between;gap:1rem;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;opacity:.7 }
.project-card h3 { margin: auto 0 1.2rem; max-width: 680px; font: 600 clamp(1.45rem,3vw,3.1rem)/1.08 "Manrope",sans-serif; letter-spacing:-.045em; }
.project-card p { max-width: 600px; margin:0; font-size:clamp(.74rem,1vw,.9rem); opacity:.68 }
.project-card__foot { display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.2rem;border-top:1px solid currentColor;font-size:.6rem;opacity:.65 }

.archive { display: grid; grid-template-columns: minmax(280px, .72fr) 1.28fr; gap: clamp(3rem, 8vw, 9rem); padding: clamp(6rem, 12vh, 9rem) clamp(1.3rem, 7vw, 8rem); background: #e8e3d8; }
.archive__sticky { position: sticky; top: 8rem; align-self: start; }
.archive__sticky .eyebrow { color: #a54b36; }
.archive__sticky > p:last-of-type { max-width: 400px; color: #56615e; font-size: .83rem; }
.download-link { width: min(300px,100%); display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase }
.download-link i { width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--paper);background:var(--ink);font-style:normal;transition:transform .3s var(--ease-out) }
.download-link:hover i { transform: translateY(4px); }
.archive__toolbar { display:flex;align-items:center;gap:.7rem;margin-bottom:1rem }
.archive__toolbar label { position:relative;flex:1 }
.archive__toolbar input { width:100%;height:48px;padding:0 3rem 0 1rem;border:1px solid var(--line-light);border-radius:0;background:rgba(255,255,255,.28);outline:none }
.archive__toolbar input:focus { border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) }
.archive__toolbar label i { position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-style:normal }
.archive__toolbar button { height:48px;padding:0 1rem;border:1px solid var(--ink);background:transparent;cursor:pointer;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;transition:.25s }
.archive__toolbar button:hover { color:var(--paper);background:var(--ink) }
.archive__result { min-height:1.5rem;color:#5e6865;font-size:.64rem }
.archive-group { border-top:1px solid var(--line-light); }
.archive-group:last-child { border-bottom:1px solid var(--line-light); }
.archive-group > button { width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.7rem;padding:1.15rem 0;border:0;background:transparent;cursor:pointer;text-align:left }
.archive-group > button b { color:#9a4a36;font:500 .58rem/1 "Manrope",sans-serif }
.archive-group > button span { font:600 clamp(.95rem,1.4vw,1.18rem)/1.2 "Manrope",sans-serif }
.archive-group > button i { width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-light);border-radius:50%;font-style:normal;transition:transform .35s var(--ease-out) }
.archive-group.is-open > button i { transform:rotate(45deg); }
.archive-group__body { display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease-out) }
.archive-group.is-open .archive-group__body { grid-template-rows:1fr; }
.archive-group__inner { overflow:hidden; }
.archive-items { padding:0 0 1.4rem 42px; }
.archive-item { padding:1.1rem 0;border-top:1px dashed rgba(7,21,19,.14) }
.archive-item:first-child { border-top:0; }
.archive-item__head { display:flex;justify-content:space-between;gap:1rem }
.archive-item h3 { margin:0;font:600 .83rem/1.3 "Manrope",sans-serif }
.archive-item time { flex:none;color:#66716e;font-size:.58rem }
.archive-item h4 { margin:.3rem 0 0;color:#5c6763;font-size:.67rem;font-weight:400 }
.archive-item p { margin:.65rem 0 0;color:#56615e;font-size:.67rem }
.archive-item ul { margin:.7rem 0 0;padding-left:1rem;color:#56615e;font-size:.65rem }
.archive-item li + li { margin-top:.35rem; }
.archive-tags { display:flex;flex-wrap:wrap;gap:.4rem }
.archive-tags span { padding:.37rem .55rem;border:1px solid var(--line-light);font-size:.6rem }
.archive-empty { padding:3rem 0;color:#697471;font-size:.8rem;text-align:center }

.contact { position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:7rem clamp(1.3rem,7vw,8rem) 2rem;overflow:hidden;color:var(--paper);background:#06110f }
.contact__halo { position:absolute;right:-8vw;top:50%;width:min(62vw,850px);aspect-ratio:1;transform:translateY(-50%) }
.contact__halo i { position:absolute;inset:0;border:1px solid rgba(242,239,231,.09);border-radius:50%;animation:contactWave 5s ease-in-out infinite }
.contact__halo i:nth-child(2){inset:14%;animation-delay:-1.6s}.contact__halo i:nth-child(3){inset:28%;animation-delay:-3.2s;border-color:rgba(201,255,84,.18)}
@keyframes contactWave { 50%{transform:scale(1.05);opacity:.45} }
.contact__inner { position:relative;z-index:2;width:min(840px,75vw) }
.contact__inner .eyebrow { color:var(--acid) }
.contact h2 { margin:0;font:500 clamp(3.1rem,7vw,7rem)/.92 "Manrope",sans-serif;letter-spacing:-.07em }
.contact__inner > p:not(.eyebrow) { max-width:520px;margin:1.5rem 0;color:rgba(242,239,231,.55);font-size:.85rem }
.contact__actions { display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem }
.contact__actions a { min-width:170px;display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border:1px solid rgba(242,239,231,.22);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;transition:.3s }
.contact__actions a:hover { color:var(--ink);background:var(--acid);border-color:var(--acid) }
.contact__actions span { font-size:1rem }
.contact address { display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.2rem;color:rgba(242,239,231,.45);font-size:.62rem;font-style:normal;letter-spacing:.06em }
.contact footer { position:absolute;z-index:2;left:clamp(1.3rem,7vw,8rem);right:clamp(1.3rem,7vw,8rem);bottom:1.7rem;display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(242,239,231,.14);color:rgba(242,239,231,.4);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase }

.cursor { display:none; }
@media (pointer:fine) {
  .cursor { position:fixed;z-index:10000;left:0;top:0;display:block;width:34px;height:34px;border:1px solid rgba(201,255,84,.55);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,border .25s;mix-blend-mode:difference }
  .cursor span { position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--acid);transform:translate(-50%,-50%) }
  .cursor.is-hover { width:56px;height:56px;background:rgba(201,255,84,.18);border-color:var(--acid) }
}

.noscript-note { position:fixed;z-index:10000;left:1rem;right:1rem;bottom:1rem;padding:1rem;color:var(--paper);background:#9a3428;text-align:center;font-size:.8rem }
.noscript-note a { text-decoration:underline }
.no-js .boot { display:none }.no-js .name-line>span,.no-js .reveal-line{opacity:1;transform:none}.no-js .assembly,.no-js .journey{height:auto}.no-js .assembly__sticky,.no-js .journey__sticky{position:relative;height:auto;min-height:100vh}.no-js .engine-piece{position:relative;left:auto;top:auto;margin:1rem auto;opacity:1;transform:none}.no-js .engine{position:relative;left:auto;top:auto;height:auto;transform:none;padding:18rem 0 5rem}.no-js .journey__track{position:relative;left:auto;top:auto;display:grid;width:auto;margin-top:4rem;transform:none}.no-js .journey__controls{display:none}

@media (max-width: 1100px) {
  .assembly__intro { width:220px }.assembly__story{width:210px}.engine{width:52vw}.engine-piece{width:48vw;grid-template-columns:32px 48px 1fr}.engine-piece em{display:none}
  .archive{grid-template-columns:.65fr 1.35fr;gap:4rem}.project-card{grid-template-columns:.72fr 1.28fr}
}

@media (max-width: 860px) {
  .topbar{height:68px;padding:0 1.1rem;grid-template-columns:1fr 1fr}.topbar__status{display:none}.monogram small{display:none}.chapter-rail{display:none}
  .hero{min-height:920px}.hero__copy{left:1.3rem;right:1.3rem;top:21%;width:auto;transform:none}.hero h1{font-size:clamp(3.2rem,13vw,6.5rem)}.hero__portrait{right:50%;top:61%;width:min(76vw,390px);transform:translate(50%,-50%)}.hero__meta{left:1.3rem;right:1.3rem;bottom:1.3rem}.scroll-cue{display:none}
  .assembly{height:auto;padding:7rem 1.2rem;color:var(--paper)}.assembly__sticky{position:relative;height:auto;overflow:visible}.assembly__backdrop,.assembly__counter,.engine__scan,.engine__axis{display:none}.assembly__intro{position:relative;left:auto;top:auto;width:auto;max-width:440px;margin-bottom:3rem}.engine{position:relative;left:auto;top:auto;width:100%;height:auto;display:grid;gap:.8rem;transform:none}.engine-piece{position:relative;left:auto;top:auto;width:100%;height:82px;grid-template-columns:28px 46px 1fr;opacity:1;transform:none}.engine-piece em{display:none}.engine-core{position:relative;left:auto;top:auto;margin:1.5rem auto 0;opacity:1;transform:none}.assembly__story{position:relative;right:auto;top:auto;width:auto;min-height:120px;margin-top:2rem;transform:none}.assembly__story article{display:none;position:relative}.assembly__story article:last-child{display:block;opacity:1;transform:none}
  .journey{height:auto}.journey__sticky{position:relative;height:auto;min-height:0;padding:6rem 1.2rem;overflow:visible}.journey__sticky::before,.journey__line{display:none}.section-head{align-items:start;flex-direction:column}.section-head>p{width:auto;max-width:390px}.journey__track{position:relative;left:auto;top:auto;width:100%;display:grid;gap:1rem;margin-top:3rem;transform:none}.experience-card{width:100%;height:auto;min-height:270px}.journey__controls{display:none}
  .capability{min-height:auto;padding:6rem 1.2rem}.capability__stage{width:100%;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:3rem}.capability__ring-copy{display:none}.capability__core{position:relative;left:auto;top:auto;width:185px;grid-column:1/-1;margin:0 auto 1rem;transform:none}.cap-node{position:relative;left:auto;top:auto;width:auto;min-height:100px;transform:none!important}.cap-node::before{display:none}.skill-cloud{margin-top:2.5rem}
  .projects{padding:6rem 1.2rem}.project-stack{margin-top:3rem}.project-card{position:relative;top:auto;grid-template-columns:1fr;min-height:0}.project-card+.project-card{margin-top:1rem}.project-card__visual{min-height:240px;border-right:0;border-bottom:1px solid currentColor}.project-card__content{min-height:340px}
  .archive{grid-template-columns:1fr;gap:3rem;padding:6rem 1.2rem}.archive__sticky{position:relative;top:auto}.archive__toolbar{align-items:stretch;flex-direction:column}.archive__toolbar button{align-self:flex-start}.archive-items{padding-left:0}.archive-item__head{flex-direction:column;gap:.25rem}
  .contact{padding:7rem 1.2rem 5rem}.contact__inner{width:100%}.contact__halo{width:90vw;right:-30vw}.contact footer{left:1.2rem;right:1.2rem}
}

@media (max-width: 520px) {
  .menu__inner{width:86vw}.menu__inner a{grid-template-columns:36px 1fr}.menu__inner a span{font-size:1.45rem}.menu__hint{display:none}
  .hero{min-height:850px}.hero__copy{top:17%}.hero__role{max-width:290px}.hero__intro{max-width:310px}.hero__portrait{top:61%;width:min(82vw,350px)}.portrait-tag--top{right:-2%}.portrait-tag--bottom{left:-3%}.hero__meta span{display:none}.hero__meta{justify-content:flex-end}
  .capability__stage{grid-template-columns:1fr}.capability__core{width:200px;padding:1.2rem}.capability__core span{font-size:2.35rem}.capability__core small{width:128px;font-size:.48rem}.capability__core em{font-size:.5rem}.cap-node{min-height:78px}.project-card__content{min-height:380px}.project-card__meta{flex-direction:column}.archive-group>button{grid-template-columns:30px 1fr auto}.contact__actions{display:grid}.contact__actions a{width:100%}.contact address{display:grid}.contact footer span{display:none}.contact footer{justify-content:flex-end}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.boot{display:none}.name-line>span,.reveal-line{opacity:1;transform:none}.assembly,.journey{height:auto}.assembly__sticky,.journey__sticky{position:relative;height:auto;min-height:0}.assembly{padding:7rem 1.2rem}.engine{position:relative;left:auto;top:auto;width:100%;height:auto;display:grid;gap:.8rem;transform:none}.engine-piece{position:relative;left:auto;top:auto;width:min(560px,100%);height:auto;min-height:82px;margin:auto;opacity:1;transform:none}.engine-core{display:none}.assembly__intro,.assembly__story{position:relative;left:auto;right:auto;top:auto;width:auto;transform:none}.assembly__story article{display:none}.assembly__story article:last-child{display:block;position:relative;opacity:1;transform:none}.assembly__backdrop,.assembly__counter{display:none}.journey__sticky{padding:7rem 1.2rem}.journey__track{position:relative;left:auto;top:auto;width:100%;display:grid;gap:1rem;margin-top:3rem;transform:none}.experience-card{width:100%}.journey__controls,.journey__line{display:none}.cursor{display:none!important}
}