:root {
  --ink: #09090e;
  --ink-soft: #111119;
  --paper: #eae6df;
  --mist: #b9b5b6;
  --dim: #76737c;
  --violet: #a699ff;
  --acid: #d8ff59;
  --line: rgba(234, 230, 223, 0.16);
  --page: min(1240px, calc(100% - 64px));
  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'DM Sans', Arial, sans-serif;
  --mono: 'DM Mono', monospace;
  --display: 'Unbounded', Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { min-width: 320px; margin: 0; overflow-x: hidden; color: var(--paper); background: var(--ink); font-family: var(--sans); }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: var(--ink); background: var(--acid); }

.skip-link { position: fixed; z-index: 50; top: 12px; left: 12px; padding: 12px 16px; color: var(--ink); background: var(--acid); transform: translateY(-150%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.stars { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .78; }

.site-header, main, .site-footer { position: relative; z-index: 1; }
.site-header { width: var(--page); height: 105px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.wordmark { display: block; width: clamp(125px, 11vw, 155px); line-height: 0; }
.wordmark img { display: block; width: 100%; height: auto; filter: brightness(0) invert(1) drop-shadow(0 2px 12px rgba(166, 153, 255, .18)); }
.site-nav { display: flex; align-items: center; gap: 35px; font: 500 .72rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.site-nav a { color: var(--mist); transition: color .25s ease; }
.site-nav a:hover, .site-nav a:focus-visible { color: var(--acid); }
.site-nav .nav-youtube { display: inline-flex; gap: 7px; align-items: center; color: var(--paper); }
.menu-toggle { display: none; background: none; border: 0; cursor: pointer; }

.hero { width: var(--page); min-height: calc(100svh - 105px); margin: 0 auto; position: relative; display: flex; align-items: center; padding: 112px 0 105px; isolation: isolate; }
.hero-copy { width: min(770px, 100%); position: relative; z-index: 2; }
.eyebrow, .journey-meta { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--mist); font: 400 .68rem/1.4 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.eyebrow span { display: block; width: 20px; height: 1px; background: var(--acid); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 830px; margin: 31px 0 27px; font: 500 clamp(2.55rem, 7.2vw, 6.9rem)/.98 var(--serif); letter-spacing: -.062em; }
h1 em, .display-title em { font-weight: 400; color: var(--violet); }
.hero-description { width: min(480px, 92%); margin-bottom: 37px; color: var(--mist); font-size: clamp(1rem, 1.35vw, 1.17rem); line-height: 1.65; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 51px; padding: 0 21px; border: 1px solid transparent; cursor: pointer; font: 500 .68rem/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; transition: background .25s ease, border-color .25s ease, transform .25s ease, color .25s ease; }
.button:hover, .button:focus-visible { transform: translateY(-3px); }
.button-primary { color: var(--ink); background: var(--acid); }
.button-primary:hover, .button-primary:focus-visible { background: #edffab; }
.button-light { color: var(--ink); background: var(--paper); }
.button-light:hover, .button-light:focus-visible { background: var(--acid); }

.hero-orbit { position: absolute; z-index: -1; border: 1px solid rgba(166, 153, 255, .28); border-radius: 50%; pointer-events: none; }
.orbit-one { width: min(75vw, 1000px); aspect-ratio: 1.8; top: 5%; right: -23%; transform: rotate(-28deg); }
.orbit-two { width: min(64vw, 880px); aspect-ratio: 1.45; top: 33%; right: -29%; border-color: rgba(216, 255, 89, .16); transform: rotate(-28deg); }
.hero-glow { position: absolute; z-index: -2; right: -16%; top: 12%; width: min(68vw, 950px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 40% 43%, rgba(145, 120, 255, .34), rgba(57, 47, 91, .13) 25%, transparent 60%); filter: blur(13px); animation: glow 8s ease-in-out infinite alternate; }
.hero-signal { position: absolute; z-index: 2; right: 0; bottom: 17%; display: flex; gap: 12px; align-items: center; color: var(--dim); font: .58rem/1.55 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.signal-mark { display: flex; gap: 3px; align-items: center; height: 20px; }
.signal-mark i { width: 1px; background: var(--acid); animation: equalize 1.5s ease-in-out infinite alternate; }
.signal-mark i:nth-child(1) { height: 5px; }.signal-mark i:nth-child(2) { height: 17px; animation-delay: -.8s; }.signal-mark i:nth-child(3) { height: 11px; animation-delay: -.35s; }.signal-mark i:nth-child(4) { height: 7px; animation-delay: -1.1s; }
.scroll-cue { position: absolute; bottom: 35px; left: 0; display: flex; align-items: center; gap: 12px; margin: 0; color: var(--dim); font: .57rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.scroll-cue span { display: block; width: 36px; height: 1px; overflow: hidden; background: var(--line); }.scroll-cue span::after { display: block; width: 60%; height: 100%; background: var(--paper); content: ''; animation: drift 1.7s ease-in-out infinite; }

.section { width: var(--page); margin: 0 auto; }
.section-label { display: flex; gap: 13px; align-items: center; color: var(--dim); font: .62rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }.section-label span { color: var(--acid); }
.intro { padding: 175px 0 150px; border-top: 1px solid var(--line); }.intro-grid { display: grid; grid-template-columns: 1.4fr .72fr; gap: 12%; padding-top: 65px; }.display-title { margin: 0; font: 500 clamp(2.5rem, 5.2vw, 5.5rem)/1.02 var(--serif); letter-spacing: -.065em; }.intro-copy { padding-top: 16px; color: var(--mist); font-size: 1.04rem; line-height: 1.72; }.intro-copy p + p { margin-top: 26px; }

.preparation { padding: 33px 0 140px; }.preparation-heading { display: flex; justify-content: space-between; align-items: end; padding: 52px 0 41px; border-bottom: 1px solid var(--line); }.preparation-heading h2 { margin: 0; font: 500 clamp(2rem, 3.3vw, 3.6rem)/1 var(--serif); letter-spacing: -.055em; }.preparation-heading p { max-width: 260px; margin: 0; color: var(--mist); font-size: .95rem; line-height: 1.6; }.ritual-list { padding: 0; margin: 0; list-style: none; }.ritual-item { display: grid; grid-template-columns: 13% 1fr auto; gap: 20px; align-items: center; min-height: 137px; border-bottom: 1px solid var(--line); }.ritual-number { color: var(--violet); font: .68rem/1 var(--mono); }.ritual-item h3 { margin: 0 0 8px; font: 500 clamp(1.25rem, 2vw, 1.65rem)/1 var(--serif); letter-spacing: -.035em; }.ritual-item p { margin: 0; color: var(--dim); font-size: .91rem; }.ritual-icon { color: var(--acid); font: 300 2.25rem/1 var(--serif); }

.journeys { padding: 55px 0 150px; }.journeys-heading { display: flex; justify-content: space-between; align-items: end; padding: 64px 0 54px; }.journeys-heading p { max-width: 200px; margin: 0; color: var(--mist); font-size: .95rem; line-height: 1.55; }.featured-journey { display: grid; grid-template-columns: 1fr 1fr; min-height: 594px; border: 1px solid var(--line); background: rgba(255,255,255,.015); }.journey-art { position: relative; overflow: hidden; min-height: 100%; background: #101014; isolation: isolate; }.journey-cover { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.025); }.journey-art::before { position: absolute; z-index: 2; inset: 0; content: ''; background: linear-gradient(180deg, rgba(8, 7, 18, .08) 30%, rgba(8, 7, 18, .78) 100%); }.art-noise { position: absolute; z-index: 3; inset: 0; opacity: .07; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.95'/%3E%3C/svg%3E"); mix-blend-mode: screen; }.art-caption { position: absolute; z-index: 4; bottom: 33px; left: 32px; color: var(--paper); font: 500 clamp(1.5rem, 3vw, 2.85rem)/.87 var(--serif); letter-spacing: -.06em; text-shadow: 0 3px 18px rgba(0,0,0,.55); }.art-index { position: absolute; z-index: 4; top: 30px; right: 29px; color: var(--paper); font: .6rem/1 var(--mono); letter-spacing: .09em; text-shadow: 0 2px 12px rgba(0,0,0,.72); }
.journey-content { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(34px, 5vw, 68px); }.journey-meta { color: var(--violet); }.journey-meta span { color: var(--dim); }.journey-content h3 { margin: 38px 0 22px; font: 500 clamp(2.1rem, 4vw, 4.4rem)/.97 var(--serif); letter-spacing: -.072em; }.journey-text { max-width: 397px; margin-bottom: 34px; color: var(--mist); line-height: 1.65; }.journey-details { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 45px; }.journey-details span { padding: 8px 10px; color: var(--dim); border: 1px solid var(--line); font: .56rem/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; }.journey-actions { display: flex; flex-wrap: wrap; gap: 26px; align-items: center; margin-top: auto; }.text-link { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 4px; border-bottom: 1px solid currentColor; color: var(--paper); font: 500 .66rem/1.15 var(--mono); letter-spacing: .06em; text-transform: uppercase; transition: color .2s ease; }.text-link:hover, .text-link:focus-visible { color: var(--acid); }.journey-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }.future-journey { min-height: 283px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--line); background: linear-gradient(132deg, rgba(166,153,255,.055), transparent 45%); }.future-journey:nth-child(2) { background: linear-gradient(230deg, rgba(216,255,89,.055), transparent 45%); }.future-journey p, .future-journey span { color: var(--dim); font: .6rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }.future-journey h3 { margin: auto 0; font: 500 clamp(1.8rem, 3.1vw, 3.2rem)/.95 var(--serif); letter-spacing: -.06em; }.future-journey span { color: var(--violet); }

.universe { min-height: 695px; display: grid; place-items: center; padding: 130px 0; position: relative; overflow: hidden; border-top: 1px solid var(--line); }.universe-aura { position: absolute; width: min(75vw, 980px); aspect-ratio: 1; border: 1px solid rgba(216,255,89,.14); border-radius: 50%; background: radial-gradient(circle, rgba(115, 88, 226, .25), transparent 59%); box-shadow: 0 0 100px rgba(130, 103, 235, .1); }.universe-copy { max-width: 730px; text-align: center; }.universe-copy .eyebrow { justify-content: center; }.universe-copy h2 { margin: 32px 0 23px; font: 500 clamp(2.35rem, 5vw, 5.15rem)/1 var(--serif); letter-spacing: -.065em; }.universe-copy > p:not(.eyebrow) { max-width: 430px; margin: 0 auto 37px; color: var(--mist); font-size: 1.04rem; line-height: 1.65; }

.site-footer { width: var(--page); min-height: 160px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.3fr 1fr; align-items: center; gap: 24px; border-top: 1px solid var(--line); }.site-footer p { margin: 0; color: var(--mist); font: italic 1.05rem/1.2 var(--serif); text-align: center; }.site-footer > div { display: flex; justify-content: flex-end; gap: 19px; color: var(--dim); font: .57rem/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; }.site-footer a:not(.wordmark) { color: var(--paper); }.site-footer a:not(.wordmark):hover { color: var(--acid); }

.toast { position: fixed; z-index: 20; bottom: 28px; left: 50%; max-width: calc(100% - 32px); padding: 14px 18px; color: var(--ink); background: var(--acid); box-shadow: 0 16px 45px rgba(0,0,0,.35); font: .68rem/1.4 var(--mono); letter-spacing: .03em; text-align: center; transform: translate(-50%, calc(100% + 50px)); transition: transform .35s cubic-bezier(.2,.8,.2,1); }.toast.show { transform: translate(-50%, 0); }
.js .reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }.js .reveal.is-visible { opacity: 1; transform: translateY(0); }

@keyframes glow { to { transform: scale(1.11); opacity: .72; } }@keyframes drift { from { transform: translateX(-120%); } to { transform: translateX(170%); } }@keyframes equalize { to { transform: scaleY(.45); } }
@media (max-width: 740px) { :root { --page: min(100% - 40px, 570px); }.site-header { height: 77px; }.wordmark { width: 126px; }.menu-toggle { position: relative; z-index: 4; display: grid; gap: 7px; width: 40px; height: 40px; padding: 0 8px; place-content: center; border: 1px solid var(--line); }.menu-toggle i { display: block; width: 21px; height: 1px; background: var(--paper); transition: transform .25s ease; }.menu-toggle[aria-expanded='true'] i:first-of-type { transform: translateY(4px) rotate(45deg); }.menu-toggle[aria-expanded='true'] i:last-of-type { transform: translateY(-4px) rotate(-45deg); }.site-nav { position: fixed; z-index: 3; inset: 0; flex-direction: column; justify-content: center; gap: 34px; padding-bottom: 10vh; background: rgba(9,9,14,.98); opacity: 0; pointer-events: none; transition: opacity .25s ease; }.site-nav a { font: 500 1rem/1 var(--display); letter-spacing: -.04em; text-transform: none; }.site-nav.is-open { opacity: 1; pointer-events: auto; }.site-nav .nav-youtube { padding-top: 17px; font-family: var(--mono); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }.hero { min-height: calc(100svh - 77px); padding: 75px 0 86px; }.hero-copy { padding-bottom: 105px; }h1 { margin: 25px 0 22px; font-size: clamp(2.75rem, 13.3vw, 4.3rem); }.hero-description { margin-bottom: 31px; font-size: .98rem; }.hero-signal { right: 0; bottom: 92px; }.scroll-cue { bottom: 26px; }.orbit-one { width: 154vw; top: 11%; right: -93%; }.orbit-two { width: 132vw; top: 34%; right: -87%; }.hero-glow { top: 11%; right: -57%; width: 145vw; }.intro { padding: 104px 0 96px; }.intro-grid { grid-template-columns: 1fr; gap: 29px; padding-top: 37px; }.intro-copy { padding: 0; font-size: .98rem; }.preparation { padding: 25px 0 92px; }.preparation-heading { display: block; padding: 37px 0 23px; }.preparation-heading p { margin-top: 14px; }.ritual-item { grid-template-columns: 36px 1fr auto; gap: 12px; min-height: 120px; }.ritual-item p { font-size: .85rem; line-height: 1.45; }.journeys { padding: 25px 0 94px; }.journeys-heading { display: block; padding: 38px 0 35px; }.journeys-heading p { margin-top: 17px; }.featured-journey { grid-template-columns: 1fr; }.journey-art { min-height: 408px; }.journey-content { min-height: 496px; padding: 34px 26px; }.journey-content h3 { margin: 31px 0 17px; font-size: clamp(2.55rem, 12vw, 3.6rem); }.journey-text { font-size: .95rem; }.journey-details { margin-bottom: 32px; }.journey-actions { gap: 23px; }.button { width: 100%; }.journey-grid { grid-template-columns: 1fr; }.future-journey { min-height: 236px; }.universe { min-height: 580px; padding: 97px 0; }.universe-copy h2 { margin-top: 26px; font-size: clamp(2.5rem, 11.7vw, 4rem); }.universe-copy > p:not(.eyebrow) { font-size: .96rem; }.universe-aura { width: 145vw; }.site-footer { min-height: 211px; grid-template-columns: 1fr; gap: 20px; padding: 39px 0; text-align: center; }.site-footer .wordmark { justify-self: center; }.site-footer > div { justify-content: center; }.site-footer p { order: 3; }.site-footer > div { order: 2; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.stars { display: none; }.js .reveal { opacity: 1; transform: none; } }