.home-editorial {
    --he-accent: #7657ff;
    --he-accent-deep: #5638df;
    --he-bg: #f3f4f8;
    --he-surface: #e8eaf1;
    --he-surface-strong: #dfe2eb;
    --he-ink: #17162a;
    --he-muted: #626174;
    --he-line: rgb(23 22 42 / 14%);
    --he-on-accent: #f8f7ff;
    --he-radius: 1.5rem;
    --he-shadow: 0 24px 80px rgb(42 35 89 / 12%);
    --he-ease-out: cubic-bezier(.23, 1, .32, 1);
    --he-ease-in-out: cubic-bezier(.77, 0, .175, 1);
    --he-ease-drawer: cubic-bezier(.32, .72, 0, 1);
    color: var(--he-ink);
    background: var(--he-bg);
    font-family: Manrope, "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow: clip;
}

.home-editorial-page .js-page-header:not(.is-scrolled):not(.menu-open) > .container-1400 > a:first-child img:first-child {
    display: none;
}

.home-editorial-page .js-page-header:not(.is-scrolled):not(.menu-open) > .container-1400 > a:first-child img:last-child {
    display: block;
}

.home-editorial-page .js-page-header:not(.is-scrolled):not(.menu-open) .navbar a {
    color: #f8f7ff;
}

.home-editorial-page .js-page-header:not(.is-scrolled):not(.menu-open) .ml-auto.hidden svg,
.home-editorial-page .js-page-header:not(.is-scrolled):not(.menu-open) .ml-auto.flex svg {
    color: #f8f7ff;
}

.home-editorial-page .js-page-header:not(.is-scrolled):not(.menu-open) .ml-auto.hidden svg:not([stroke="currentColor"]),
.home-editorial-page .js-page-header:not(.is-scrolled):not(.menu-open) .ml-auto.flex svg:not([stroke="currentColor"]) {
    fill: #f8f7ff;
}

.dark .home-editorial {
    --he-bg: #111019;
    --he-surface: #1b1a26;
    --he-surface-strong: #242231;
    --he-ink: #f2f0f7;
    --he-muted: #aaa7ba;
    --he-line: rgb(242 240 247 / 16%);
    --he-shadow: 0 28px 90px rgb(0 0 0 / 32%);
}

.home-editorial *,
.home-editorial *::before,
.home-editorial *::after {
    box-sizing: border-box;
}

.home-editorial img,
.home-editorial video {
    display: block;
    max-width: 100%;
}

.home-editorial a {
    color: inherit;
}

.he-shell {
    width: min(100% - 2rem, 88rem);
    margin-inline: auto;
}

.he-section {
    position: relative;
    padding-block: clamp(6rem, 11vw, 10rem);
}

.he-kicker {
    margin: 0 0 1rem;
    color: var(--he-accent-deep);
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.dark .he-kicker {
    color: #ad9cff;
}

.he-section-heading {
    max-width: 62rem;
    margin-bottom: clamp(3rem, 6vw, 5.5rem);
}

.he-section-heading h2,
.he-proof h2,
.he-faq h2 {
    max-width: 18ch;
    margin: 0;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(2.6rem, 6vw, 6.6rem);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: .94;
    text-wrap: balance;
}

.he-section-heading--wide h2 {
    max-width: 17ch;
}

.he-section-heading p,
.he-proof__intro > p,
.he-faq__intro > p {
    max-width: 48rem;
    margin: 1.5rem 0 0;
    color: var(--he-muted);
    font-size: clamp(1rem, 1.4vw, 1.25rem);
    line-height: 1.65;
}

.he-button-magnetic {
    display: inline-flex;
    max-width: 100%;
}

.he-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: .9rem 1.4rem;
    font-size: .95rem;
    font-weight: 750;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 160ms var(--he-ease-out), box-shadow 180ms ease;
}

.he-button__content {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.he-button:active,
.he-direction a:active,
.he-gift:active {
    transform: scale(.97);
}

.he-button:focus-visible,
.he-text-link:focus-visible,
.he-direction a:focus-visible,
.he-gift:focus-visible,
.he-voice:focus-visible,
.he-faq__item summary:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--he-accent) 65%, white);
    outline-offset: 4px;
}

.he-button--primary {
    color: var(--he-on-accent) !important;
    background: var(--he-accent-deep);
    box-shadow: 0 12px 34px rgb(86 56 223 / 28%);
}

.he-button--secondary {
    color: var(--he-on-accent) !important;
    background: var(--he-ink);
    box-shadow: 0 0 0 1px rgb(255 255 255 / 12%) inset, 0 0 26px rgb(255 255 255 / 18%), 0 12px 30px rgb(15 13 22 / 26%);
}

.dark .he-button--secondary {
    color: #17162a !important;
    background: #f2f0f7;
    box-shadow: 0 0 0 1px rgb(23 22 42 / 10%) inset, 0 0 26px rgb(255 255 255 / 30%), 0 12px 30px rgb(0 0 0 / 30%);
}

.he-button--glass {
    color: #f8f7ff !important;
    border-color: rgb(255 255 255 / 38%);
    background: rgb(17 16 25 / 32%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 16%), 0 0 26px rgb(255 255 255 / 18%), 0 12px 30px rgb(15 13 22 / 30%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.he-text-link {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    border-bottom: 1px solid currentColor;
    color: var(--he-ink);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.5;
    text-decoration: none;
    transition: color 180ms ease, gap 180ms var(--he-ease-out);
}

.he-text-link span {
    color: var(--he-accent-deep);
}

.he-hero {
    position: relative;
    min-height: 100dvh;
    isolation: isolate;
    overflow: hidden;
    color: #f8f7ff;
    background: #15131e;
}

.he-hero__media,
.he-hero__scrim {
    position: absolute;
    inset: 0;
}

.he-hero__media {
    z-index: -3;
}

.he-hero__media img,
.he-hero__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.he-hero__media img {
    object-position: 58% 35%;
    filter: saturate(.72) contrast(1.03);
    transform: scale(1.035);
}

.he-hero__media video {
    object-position: 62% 30%;
    filter: saturate(.76) contrast(1.06) brightness(1.02);
    transform: scale(1.035);
}

.he-hero__scrim {
    z-index: -2;
    background:
        radial-gradient(120% 90% at 82% 22%, transparent 38%, rgb(12 10 20 / 34%) 100%),
        linear-gradient(270deg, rgb(12 10 20 / 88%) 0%, rgb(12 10 20 / 67%) 48%, rgb(12 10 20 / 42%) 100%),
        linear-gradient(0deg, rgb(12 10 20 / 74%) 0%, transparent 58%);
}

.he-hero__aura {
    position: absolute;
    z-index: -1;
    inset: -12% -8% auto auto;
    width: min(46rem, 62%);
    aspect-ratio: 1;
    background: radial-gradient(closest-side, color-mix(in srgb, var(--he-accent) 42%, transparent), transparent 72%);
    filter: blur(70px);
    opacity: .5;
    pointer-events: none;
}

.he-hero__grain {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 160px 160px;
    opacity: .05;
    mix-blend-mode: overlay;
    pointer-events: none;
}

.he-hero__layout {
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding-block: clamp(6rem, 12vh, 8rem) clamp(3rem, 8vh, 5rem);
}

.he-hero__copy {
    max-width: min(34rem, 42vw);
    text-align: right;
}

.he-hero .he-kicker {
    color: #c9bfff;
}

.he-hero__title {
    margin: 0;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(2.1rem, 3.4vw, 3.9rem);
    font-weight: 600;
    letter-spacing: -.055em;
    line-height: .97;
    text-wrap: balance;
}

.he-hero__lead {
    margin: 1.4rem 0 0;
    color: rgb(248 247 255 / 79%);
    font-size: clamp(.92rem, 1.15vw, 1.1rem);
    line-height: 1.55;
}

.he-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1.5rem;
    margin-top: 2rem;
}

.he-audience__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

.he-audience__item {
    min-height: 19rem;
    grid-column: span 6;
    padding: clamp(1.5rem, 3vw, 3rem);
    border: 1px solid var(--he-line);
    border-radius: var(--he-radius);
    background: var(--he-surface);
}

.he-audience__item:nth-child(2),
.he-audience__item:nth-child(3) {
    grid-column: span 5;
}

.he-audience__item:nth-child(1),
.he-audience__item:nth-child(4) {
    grid-column: span 7;
}

.he-audience__item--accent {
    color: var(--he-on-accent);
    border-color: transparent;
    background: var(--he-accent-deep);
}

.he-audience__index {
    display: block;
    margin-bottom: clamp(4rem, 8vw, 7rem);
    color: var(--he-muted);
    font-size: .8rem;
    font-weight: 750;
}

.he-audience__item--accent .he-audience__index {
    color: rgb(248 247 255 / 67%);
}

.he-audience__item h3 {
    max-width: 19ch;
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.8rem);
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.05;
}

.he-audience__item p {
    max-width: 34ch;
    margin: 1rem 0 0;
    color: var(--he-muted);
    font-size: 1rem;
    line-height: 1.55;
}

.he-audience__item--accent p {
    color: rgb(248 247 255 / 78%);
}

.he-inline-cta {
    margin-top: 2.5rem;
}

.he-story {
    background: var(--he-surface);
}

.he-story__layout {
    display: grid;
    grid-template-columns: minmax(18rem, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: clamp(3rem, 8vw, 9rem);
}

.he-story__photo {
    position: relative;
    margin: 0;
}

.he-story__photo::before {
    position: absolute;
    width: 58%;
    aspect-ratio: 1;
    right: -8%;
    bottom: -7%;
    z-index: 0;
    border-radius: 50%;
    background: var(--he-accent);
    content: "";
}

.he-story__photo img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 4 / 5;
    border-radius: var(--he-radius);
    box-shadow: var(--he-shadow);
    object-fit: cover;
    object-position: 52% 24%;
}

.he-story__copy h2 {
    max-width: 10ch;
    margin: 0;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(3rem, 6vw, 6.8rem);
    font-weight: 600;
    letter-spacing: -.06em;
    line-height: .92;
}

.he-story__text {
    max-width: 44rem;
    margin: 2rem 0 2.5rem;
    color: var(--he-muted);
    font-size: clamp(1rem, 1.35vw, 1.2rem);
    line-height: 1.72;
}

.he-story__text p {
    margin: 0 0 1rem;
}

.he-story__text .he-story__answer {
    margin-top: 2rem;
    color: var(--he-ink);
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 700;
    line-height: 1.42;
}

.he-directions__grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 1rem;
}

.he-direction {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    min-height: 22rem;
    grid-template-rows: auto 1fr auto;
    gap: 2rem;
    padding: clamp(1.5rem, 3vw, 3rem);
    border: 1px solid var(--he-line);
    border-radius: var(--he-radius);
    background: var(--he-surface);
    transition: transform 240ms var(--he-ease-out), box-shadow 240ms ease, border-color 240ms ease;
}

.he-direction--market {
    background:
        radial-gradient(circle at 85% 18%, rgb(118 87 255 / 26%), transparent 34%),
        var(--he-surface);
}

.he-direction--ai {
    color: var(--he-on-accent);
    border-color: transparent;
    background: var(--he-accent-deep);
}

.he-direction--auction {
    min-height: 18rem;
    background:
        linear-gradient(135deg, transparent 62%, rgb(118 87 255 / 19%)),
        var(--he-surface-strong);
}

.he-direction--club {
    min-height: 18rem;
    color: #f5f3fb;
    background: #1c1928;
}

.he-direction__number {
    color: var(--he-muted);
    font-size: .8rem;
    font-weight: 750;
}

.he-direction--ai .he-direction__number,
.he-direction--club .he-direction__number {
    color: rgb(245 243 251 / 58%);
}

.he-direction h3 {
    max-width: 16ch;
    margin: 0;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(2rem, 4vw, 4.5rem);
    font-weight: 600;
    letter-spacing: -.05em;
    line-height: .95;
}

.he-direction p {
    max-width: 35ch;
    margin: 1rem 0 0;
    color: var(--he-muted);
    line-height: 1.55;
}

.he-direction--ai p,
.he-direction--club p {
    color: rgb(245 243 251 / 72%);
}

.he-direction a {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .5rem;
    font-weight: 750;
    text-decoration: none;
    transition: gap 180ms var(--he-ease-out), transform 160ms var(--he-ease-out);
}

.he-direction a span {
    color: var(--he-accent);
}

.he-direction--ai a span {
    color: #d2caff;
}

.he-proof {
    background: var(--he-surface);
}

.he-proof__layout {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: clamp(3rem, 9vw, 10rem);
}

.he-proof__intro {
    position: sticky;
    top: 7rem;
    align-self: start;
}

.he-proof__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.he-proof__item {
    display: flex;
    min-width: 0;
    min-height: 13rem;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid var(--he-line);
    border-radius: var(--he-radius);
    background: var(--he-bg);
}

.he-proof__item:first-child {
    grid-column: 1 / -1;
    min-height: 17rem;
    color: var(--he-on-accent);
    border-color: transparent;
    background: var(--he-accent-deep);
}

.he-proof__item strong {
    max-width: 14ch;
    min-width: 0;
    overflow-wrap: break-word;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(2.2rem, 5vw, 5rem);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.08;
}

.he-proof__item span {
    max-width: 26ch;
    color: var(--he-muted);
    line-height: 1.45;
}

.he-proof__item:first-child span {
    color: rgb(248 247 255 / 76%);
}

.he-manifesto {
    position: relative;
    min-height: min(58rem, 105dvh);
    isolation: isolate;
    overflow: hidden;
    color: #f7f5fb;
    background: #181621;
}

.he-manifesto__image,
.he-manifesto__overlay {
    position: absolute;
    inset: 0;
}

.he-manifesto__image {
    z-index: -2;
}

.he-manifesto__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 55% 30%;
    filter: grayscale(.12) saturate(.74);
}

.he-manifesto__overlay {
    z-index: -1;
    background:
        linear-gradient(90deg, rgb(15 13 22 / 92%) 0%, rgb(15 13 22 / 75%) 48%, rgb(15 13 22 / 26%) 100%),
        linear-gradient(0deg, rgb(15 13 22 / 72%) 0%, transparent 65%);
}

.he-manifesto__content {
    display: flex;
    min-height: min(58rem, 105dvh);
    flex-direction: column;
    justify-content: flex-end;
    padding-block: clamp(6rem, 12vw, 10rem);
}

.he-manifesto h2 {
    max-width: 13ch;
    margin: 0;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(3rem, 7vw, 7.5rem);
    font-weight: 600;
    letter-spacing: -.06em;
    line-height: .91;
}

.he-manifesto blockquote {
    max-width: 48rem;
    margin: 2.5rem 0 0;
    color: rgb(247 245 251 / 76%);
    font-size: clamp(1rem, 1.45vw, 1.25rem);
    line-height: 1.65;
}

.he-manifesto blockquote p {
    margin: 0 0 .85rem;
}

.he-voices__marquee {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 1rem;
    max-height: 44rem;
    margin-bottom: 2.5rem;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 8%, black 92%, transparent);
    mask-image: linear-gradient(to bottom, transparent, black 8%, black 92%, transparent);
}

.he-voices__column {
    flex-shrink: 0;
    overflow: hidden;
    width: min(21rem, 86vw);
}

.he-voices__column-track {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    animation: he-voices-scroll linear infinite;
    animation-duration: var(--he-voices-duration, 42s);
}

.he-voices__column:hover .he-voices__column-track,
.he-voices__column:focus-within .he-voices__column-track {
    animation-play-state: paused;
}

@keyframes he-voices-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, -50%, 0);
    }
}

.he-voices__column--secondary {
    margin-top: 2.5rem;
}

.he-voices__column--tertiary {
    margin-top: 5rem;
}

.he-voice {
    overflow: hidden;
    border: 1px solid var(--he-line);
    border-radius: var(--he-radius);
    background: var(--he-surface);
    box-shadow: var(--he-shadow);
    scroll-snap-align: start;
}

.he-voice img {
    width: 100%;
    aspect-ratio: 4 / 4.8;
    object-fit: cover;
    object-position: top;
}

.he-voice__copy {
    display: grid;
    gap: .55rem;
    padding: 1.25rem;
}

.he-voice__copy strong {
    color: var(--he-ink);
    font-size: .9rem;
}

.he-voice__copy > span {
    display: -webkit-box;
    overflow: hidden;
    color: var(--he-muted);
    font-size: .88rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.he-voices__empty {
    margin-bottom: 2.5rem;
    padding: 2rem;
    border: 1px solid var(--he-line);
    border-radius: var(--he-radius);
    background: var(--he-surface);
}

.he-voices__empty p {
    margin: 0;
    color: var(--he-muted);
}

.he-gifts {
    background: var(--he-surface);
}

.he-gifts__layout {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 1rem;
}

.he-gift {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    min-height: 16rem;
    grid-template-columns: auto 1fr;
    align-content: space-between;
    gap: 1.5rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid var(--he-line);
    border-radius: var(--he-radius);
    background: var(--he-bg);
    text-decoration: none;
    transition: transform 220ms var(--he-ease-out), border-color 220ms ease, box-shadow 220ms ease;
}

.he-gift--featured {
    min-height: 22rem;
    grid-row: span 2;
    color: var(--he-on-accent);
    border-color: transparent;
    background:
        radial-gradient(circle at 78% 22%, rgb(255 255 255 / 15%), transparent 26%),
        var(--he-accent-deep);
}

.he-gift__icon {
    display: grid;
    width: 3.2rem;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid var(--he-line);
    border-radius: 50%;
    color: var(--he-accent-deep);
    font-size: 1.2rem;
    transition: transform 220ms var(--he-ease-out);
}

.he-gift--featured .he-gift__icon {
    border-color: rgb(255 255 255 / 25%);
    color: #f8f7ff;
}

.he-gift h3 {
    margin: 0;
    font-size: clamp(1.5rem, 2.5vw, 2.7rem);
    letter-spacing: -.04em;
    line-height: 1.05;
}

.he-gift p {
    max-width: 34ch;
    margin: .75rem 0 0;
    color: var(--he-muted);
    line-height: 1.5;
}

.he-gift--featured p {
    color: rgb(248 247 255 / 75%);
}

.he-gift__action {
    grid-column: 1 / -1;
    align-self: end;
    font-size: .9rem;
    font-weight: 750;
}

.he-ecosystem__statement {
    max-width: 68rem;
    margin: 0 auto;
    text-align: center;
}

.he-ecosystem__statement h2 {
    margin: 0;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(3.5rem, 9vw, 9rem);
    font-weight: 600;
    letter-spacing: -.07em;
    line-height: .9;
}

.he-ecosystem__statement > p:last-child {
    max-width: 46rem;
    margin: 1.5rem auto 0;
    color: var(--he-muted);
    font-size: clamp(1.05rem, 1.55vw, 1.35rem);
    line-height: 1.6;
}

.he-ecosystem__grid {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
        ".    one   ."
        "two  core  three"
        ".    four  .";
    gap: clamp(.75rem, 1.6vw, 1.25rem);
    width: min(100%, 46rem);
    margin: clamp(4rem, 8vw, 7rem) auto 0;
}

.he-ecosystem__grid::before {
    position: absolute;
    z-index: -1;
    content: "";
    inset: -18% -12%;
    background: radial-gradient(closest-side, color-mix(in srgb, var(--he-accent) 18%, transparent), transparent 72%);
    filter: blur(8px);
    pointer-events: none;
}

.he-ecosystem__tile,
.he-ecosystem__core {
    display: grid;
    aspect-ratio: 1;
    gap: .65rem;
    place-items: center;
    align-content: center;
    text-align: center;
}

.he-ecosystem__tile {
    border: 1px solid var(--he-line);
    border-radius: var(--he-radius);
    background: var(--he-surface);
    padding: 1rem;
    transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

.he-ecosystem__tile:hover,
.he-ecosystem__tile:focus-visible {
    border-color: color-mix(in srgb, var(--he-accent) 45%, var(--he-line));
    box-shadow: var(--he-shadow);
}

.he-ecosystem__tile-icon {
    display: grid;
    place-items: center;
    overflow: hidden;
    width: clamp(2.5rem, 5vw, 3.4rem);
    aspect-ratio: 1;
    border-radius: 999px;
    background: linear-gradient(155deg, color-mix(in srgb, var(--he-accent) 24%, transparent), color-mix(in srgb, var(--he-accent) 6%, transparent));
}

.he-ecosystem__tile-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.he-ecosystem__tile-icon--brand img {
    transform: scale(1.55);
    object-position: 50% 22%;
}

.he-ecosystem__tile strong {
    font-size: clamp(.82rem, 1.1vw, .92rem);
    line-height: 1.2;
}

.he-ecosystem__tile--one { grid-area: one; }
.he-ecosystem__tile--two { grid-area: two; }
.he-ecosystem__tile--three { grid-area: three; }
.he-ecosystem__tile--four { grid-area: four; }

.he-ecosystem__core {
    grid-area: core;
    border-radius: var(--he-radius);
    color: var(--he-on-accent);
    background: linear-gradient(155deg, var(--he-accent), var(--he-accent-deep));
    box-shadow: 0 22px 60px rgb(86 56 223 / 28%), inset 0 1px 0 rgb(255 255 255 / 18%);
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(1.05rem, 2vw, 1.4rem);
    font-weight: 700;
    letter-spacing: -.01em;
}

.he-faq {
    background: var(--he-surface);
}

.he-faq__layout {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: clamp(3rem, 8vw, 9rem);
}

.he-faq__intro {
    position: sticky;
    top: 7rem;
    align-self: start;
}

.he-faq__items {
    border-top: 1px solid var(--he-line);
}

.he-faq__item {
    border-bottom: 1px solid var(--he-line);
}

.he-faq__item summary {
    position: relative;
    padding: 1.55rem 3.5rem 1.55rem 0;
    cursor: pointer;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    font-weight: 750;
    list-style: none;
}

.he-faq__item summary::-webkit-details-marker {
    display: none;
}

.he-faq__item summary::before {
    content: "";
    position: absolute;
    width: 2.25rem;
    aspect-ratio: 1;
    right: 0;
    top: 50%;
    border: 1px solid var(--he-line);
    border-radius: 50%;
    background: var(--he-bg);
    transform: translateY(-50%);
    transition: border-color 220ms ease, background-color 220ms ease, box-shadow 260ms ease;
}

.he-faq__item summary::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: .625rem;
    top: 50%;
    background:
        linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat,
        linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat;
    color: var(--he-accent-deep);
    transform: translateY(-50%) rotate(0deg);
    transition: transform 320ms var(--he-ease-out), color 220ms ease;
}

.he-faq__item summary:hover::before {
    border-color: color-mix(in srgb, var(--he-accent) 55%, transparent);
    box-shadow: 0 0 22px color-mix(in srgb, var(--he-accent) 30%, transparent);
}

.he-faq__item[open] summary::before {
    border-color: transparent;
    background: var(--he-accent-deep);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--he-accent) 38%, transparent);
}

.he-faq__item[open] summary::after {
    color: var(--he-on-accent);
    transform: translateY(-50%) rotate(45deg);
}

.he-faq__item > div {
    overflow: hidden;
}

.he-faq__item p {
    max-width: 60ch;
    margin: 0;
    padding: 0 3.5rem 1.75rem 0;
    color: var(--he-muted);
    line-height: 1.7;
}

.he-final {
    position: relative;
    min-height: 100dvh;
    isolation: isolate;
    overflow: hidden;
    color: #f8f7ff;
    background: #17141f;
}

.he-final__media,
.he-final__scrim {
    position: absolute;
    inset: 0;
}

.he-final__media {
    z-index: -2;
}

.he-final__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 60% 28%;
    filter: saturate(.8) sepia(.08);
}

.he-final__media canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.he-final__scrim {
    z-index: -1;
    background:
        linear-gradient(90deg, rgb(16 13 24 / 74%) 0%, rgb(16 13 24 / 46%) 56%, rgb(16 13 24 / 18%) 100%),
        linear-gradient(0deg, rgb(16 13 24 / 55%) 0%, transparent 70%);
}

.he-final__content {
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-block: 7rem clamp(4rem, 10vw, 8rem);
}

.he-final h2 {
    max-width: 18ch;
    margin: 0;
    font-family: "CalSans-SemiBold", Manrope, sans-serif;
    font-size: clamp(3rem, 6.5vw, 7rem);
    font-weight: 600;
    letter-spacing: -.06em;
    line-height: .93;
}

.he-final p {
    max-width: 46rem;
    margin: 1.5rem 0 2rem;
    color: rgb(248 247 255 / 76%);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.6;
}

.he-reveal {
    opacity: 1;
    transform: none;
}

.he-motion-ready .he-reveal {
    opacity: 0;
    transform: translate3d(0, 1.5rem, 0);
    transition:
        opacity 700ms var(--he-ease-out) var(--he-delay, 0ms),
        transform 700ms var(--he-ease-out) var(--he-delay, 0ms),
        clip-path 900ms var(--he-ease-in-out) var(--he-delay, 0ms);
}

.he-motion-ready .he-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.he-motion-ready [data-he-reveal="clip"] {
    clip-path: inset(0 0 70% 0);
    transform: translate3d(0, 2rem, 0);
}

.he-motion-ready [data-he-reveal="clip"].is-visible {
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0);
}

.he-motion-ready [data-he-reveal="image"] {
    clip-path: inset(0 0 18% 0 round var(--he-radius));
    transform: translate3d(0, 1rem, 0) scale(.965);
}

.he-motion-ready [data-he-reveal="image"].is-visible {
    clip-path: inset(0 0 0 0 round var(--he-radius));
    transform: translate3d(0, 0, 0) scale(1);
}

.he-motion-ready [data-he-reveal="scale"] {
    transform: translate3d(0, 1.25rem, 0) scale(.955);
}

.he-motion-ready [data-he-reveal="scale"].is-visible {
    transform: translate3d(0, 0, 0) scale(1);
}

.he-motion-ready [data-he-reveal="left"] {
    transform: translate3d(-2rem, 0, 0);
}

.he-motion-ready [data-he-reveal="right"] {
    transform: translate3d(2rem, 0, 0);
}

.he-motion-ready [data-he-reveal="left"].is-visible,
.he-motion-ready [data-he-reveal="right"].is-visible {
    transform: translate3d(0, 0, 0);
}

.home-editorial[data-motion-profile="calm"].he-motion-ready .he-reveal {
    clip-path: none;
    transform: none;
    transition-duration: 320ms;
}

.he-scroll-progress {
    position: fixed;
    z-index: 80;
    display: none;
    height: 3px;
    inset: 0 0 auto;
    pointer-events: none;
}

.he-scroll-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--he-accent);
    box-shadow: 0 0 16px rgb(118 87 255 / 56%);
    transform: scaleX(0);
    transform-origin: left center;
}

.he-press-wave {
    position: absolute;
    z-index: 1;
    width: 1rem;
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
    background: rgb(255 255 255 / 32%);
    transform: translate(-50%, -50%) scale(.9);
    animation: he-press-wave 540ms var(--he-ease-out) forwards;
}

@keyframes he-scroll-progress {
    to { transform: scaleX(1); }
}

@keyframes he-press-wave {
    70% { opacity: .18; }
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(24);
    }
}


@keyframes he-ambient-zoom {
    from { transform: scale(1.025); }
    to { transform: scale(1.09); }
}

@keyframes he-aura-drift {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .5; }
    50% { transform: translate3d(-4%, 3%, 0) scale(1.12); opacity: .65; }
}

@keyframes he-orbit-float {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(.001deg); }
    50% { transform: translate3d(0, -.65rem, 0) rotate(1.4deg); }
}

@keyframes he-core-breathe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.035); }
}

.home-editorial[data-motion-profile="showcase"] .he-hero__media img,
.home-editorial[data-motion-profile="showcase"] .he-hero__media video {
    animation: he-ambient-zoom 15s var(--he-ease-in-out) alternate infinite;
}

.home-editorial[data-motion-profile="showcase"] .he-hero__aura {
    animation: he-aura-drift 12s var(--he-ease-in-out) infinite;
}

.home-editorial[data-motion-profile="showcase"] .he-ecosystem__tile {
    animation: he-orbit-float 5.4s var(--he-ease-in-out) infinite;
}

.home-editorial[data-motion-profile="showcase"] .he-ecosystem__tile--two {
    animation-delay: -1.35s;
}

.home-editorial[data-motion-profile="showcase"] .he-ecosystem__tile--three {
    animation-delay: -2.7s;
}

.home-editorial[data-motion-profile="showcase"] .he-ecosystem__tile--four {
    animation-delay: -4.05s;
}

.home-editorial[data-motion-profile="showcase"] .he-ecosystem__core {
    animation: he-core-breathe 4.6s var(--he-ease-in-out) infinite;
}

[data-he-spotlight] {
    --he-spot-x: 50%;
    --he-spot-y: 50%;
    --he-spot-opacity: 0;
    position: relative;
    isolation: isolate;
}

[data-he-spotlight]::before,
[data-he-spotlight]::after {
    position: absolute;
    inset: 0;
    z-index: 4;
    border-radius: inherit;
    content: "";
    opacity: var(--he-spot-opacity);
    pointer-events: none;
    transition: opacity 180ms ease;
}

[data-he-spotlight]::before {
    background:
        radial-gradient(
            circle 12rem at var(--he-spot-x) var(--he-spot-y),
            color-mix(in srgb, var(--he-accent) 16%, transparent),
            transparent 72%
        );
}

[data-he-spotlight]::after {
    padding: 1px;
    background:
        radial-gradient(
            circle 9rem at var(--he-spot-x) var(--he-spot-y),
            color-mix(in srgb, var(--he-accent) 78%, white 22%),
            transparent 74%
        );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.dark [data-he-spotlight]::before {
    background:
        radial-gradient(
            circle 12rem at var(--he-spot-x) var(--he-spot-y),
            color-mix(in srgb, var(--he-accent) 22%, transparent),
            transparent 72%
        );
}

@supports (animation-timeline: view()) {
    .home-editorial:not([data-motion-profile="calm"]) .he-story__photo img {
        animation: he-view-parallax linear both;
        animation-timeline: view();
        animation-range: entry 0% exit 100%;
    }

    @keyframes he-view-parallax {
        from { transform: translate3d(0, -2.5%, 0) scale(1.06); }
        to { transform: translate3d(0, 2.5%, 0) scale(1.06); }
    }
}

@supports (animation-timeline: scroll()) {
    .he-scroll-progress {
        display: block;
    }

    .he-scroll-progress span {
        animation: he-scroll-progress linear both;
        animation-timeline: scroll(root block);
    }
}

@media (hover: hover) and (pointer: fine) {
    .he-button:hover {
        transform: translateY(-2px);
    }

    .he-button--primary:hover {
        color: var(--he-on-accent);
        background: var(--he-accent);
        box-shadow: 0 16px 42px rgb(86 56 223 / 36%);
    }

    .he-button--secondary:hover {
        opacity: .86;
        box-shadow: 0 0 0 1px rgb(255 255 255 / 18%) inset, 0 0 38px rgb(255 255 255 / 26%), 0 16px 38px rgb(15 13 22 / 32%);
    }

    .dark .he-button--secondary:hover {
        box-shadow: 0 0 0 1px rgb(23 22 42 / 14%) inset, 0 0 38px rgb(255 255 255 / 40%), 0 16px 38px rgb(0 0 0 / 34%);
    }

    .he-button--glass:hover {
        color: #f8f7ff;
        border-color: rgb(255 255 255 / 58%);
        background: rgb(17 16 25 / 47%);
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%), 0 0 38px rgb(255 255 255 / 26%), 0 16px 38px rgb(15 13 22 / 34%);
    }

    .he-text-link:hover,
    .he-direction a:hover {
        gap: .8rem;
        color: var(--he-accent-deep);
    }

    .he-direction:hover,
    .he-gift:hover {
        border-color: color-mix(in srgb, var(--he-accent) 55%, transparent);
        box-shadow: var(--he-shadow);
        transform: translateY(-5px);
    }

    .he-direction--ai:hover {
        border-color: transparent;
    }

    .he-pointer-motion[data-motion-profile="showcase"] .he-direction:hover,
    .he-pointer-motion[data-motion-profile="showcase"] .he-gift:hover {
        transform: none;
    }

    .he-gift:hover .he-gift__icon {
        transform: rotate(-8deg) scale(1.06);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-he-spotlight]::before,
    [data-he-spotlight]::after {
        opacity: 0 !important;
        transition: none;
    }
}

@media (max-width: 1024px) {
    .he-story__layout {
        gap: 3rem;
    }

    .he-proof__layout,
    .he-faq__layout {
        grid-template-columns: 1fr;
    }

    .he-proof__intro,
    .he-faq__intro {
        position: static;
    }

    .he-voices__column--tertiary {
        display: none;
    }
}

@media (max-width: 767px) {
    .he-shell {
        width: min(100% - 1.25rem, 88rem);
    }

    .he-section {
        padding-block: 5.5rem;
    }

    .he-hero__layout {
        min-height: 100dvh;
        align-items: flex-start;
        padding-block: 7rem 2rem;
    }

    .he-hero__scrim {
        background:
            radial-gradient(120% 90% at 18% 22%, transparent 38%, rgb(12 10 20 / 34%) 100%),
            linear-gradient(90deg, rgb(12 10 20 / 88%) 0%, rgb(12 10 20 / 67%) 48%, rgb(12 10 20 / 42%) 100%),
            linear-gradient(0deg, rgb(12 10 20 / 74%) 0%, transparent 58%);
    }

    .he-hero__copy {
        max-width: 100%;
        text-align: left;
    }

    .he-hero__title {
        max-width: 12ch;
        font-size: clamp(2.75rem, 12.5vw, 4.75rem);
    }

    .he-hero__lead {
        max-width: 35ch;
        font-size: .98rem;
    }

    .he-actions {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .he-button {
        width: 100%;
    }

    .he-audience__grid,
    .he-directions__grid,
    .he-gifts__layout,
    .he-proof__list {
        grid-template-columns: 1fr;
    }

    .he-audience__item,
    .he-audience__item:nth-child(n) {
        min-height: 17rem;
        grid-column: auto;
    }

    .he-audience__index {
        margin-bottom: 3.5rem;
    }

    .he-story__layout {
        grid-template-columns: 1fr;
    }

    .he-story__photo {
        width: 88%;
    }

    .he-story__copy h2 {
        max-width: 8ch;
    }

    .he-direction,
    .he-direction--auction,
    .he-direction--club {
        min-height: 18rem;
    }

    .he-proof__item,
    .he-proof__item:first-child {
        min-height: 14rem;
        grid-column: auto;
    }

    .he-manifesto,
    .he-manifesto__content {
        min-height: 92dvh;
    }

    .he-manifesto__overlay {
        background: linear-gradient(0deg, rgb(15 13 22 / 93%) 0%, rgb(15 13 22 / 58%) 78%, rgb(15 13 22 / 35%) 100%);
    }

    .he-voices__marquee {
        max-height: 34rem;
    }

    .he-voices__column--secondary {
        display: none;
    }

    .he-voices__column {
        width: min(24rem, 88vw);
    }

    .he-gift,
    .he-gift--featured {
        min-height: 16rem;
        grid-row: auto;
    }

    .he-ecosystem__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "core  core"
            "one   two"
            "three four";
        width: 100%;
    }

    .he-final__scrim {
        background: linear-gradient(0deg, rgb(16 13 24 / 94%) 0%, rgb(16 13 24 / 58%) 80%, rgb(16 13 24 / 26%) 100%);
    }
}

@media (max-width: 390px) {
    .he-hero__title {
        font-size: 2.55rem;
    }

    .he-ecosystem__tile strong {
        font-size: .74rem;
    }
}

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

    .he-reveal,
    .he-motion-ready .he-reveal {
        opacity: 1;
        clip-path: none;
        transform: none;
    }

    .he-scroll-progress {
        display: none;
    }

    .he-voices__column-track {
        transform: none !important;
    }

    .he-voices__column {
        max-height: 30rem;
        overflow-y: auto;
    }

    .he-voices__marquee {
        max-height: none;
        -webkit-mask-image: none;
        mask-image: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .he-button--glass {
        background: #1b1924;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}