[class*=brxe-] {
    max-width: initial;
}

.font-mono {
    font-family: "Fragment Mono", monospace;
    font-weight: 400;
    letter-spacing: -4%;
}

body,
html {
    font-size: 10px;
    width: 100%;
    overflow-x: clip;
    height: fit-content;
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: none !important;
}

*::-webkit-scrollbar {
    display: none;
}

* {
    --grid-row-gap: 0;
    grid-row-gap: var(--grid-row-gap);
    --grid-column-gap: 0;
    grid-column-gap: var(--grid-column-gap);
}

* {
    --screen-size--max: 1440;
    --screen-size--min: 320;
    --site--margin: clamp(1rem, 0.417rem + 1.48vw, 2rem);
    --fs-xs: clamp(1rem, 0.933rem + 0.1852vw, 1.2rem);
    --fs-sm: clamp(1.2rem, 1.133rem + 0.1852vw, 1.4rem);
    --fs-base: clamp(1.4rem, 1.333rem + 0.1852vw, 1.6rem);
    --fs-lg: clamp(1.5rem, 1.4rem + 0.2778vw, 1.8rem);
    --fs-2xl: clamp(1.8rem, 1.6rem + 0.5556vw, 2.4rem);
    --fs-3xl: clamp(2rem, 1.6rem + 1.1111vw, 3.2rem);
    --fs-4xl: clamp(2.4rem, 1.867rem + 1.4815vw, 4rem);
    --fs-5xl: clamp(2.8rem, 2.133rem + 1.8519vw, 4.8rem);
    --fs-6xl: clamp(3.2rem, 2.467rem + 2.037vw, 5.4rem);
    --fs-7xl: clamp(4rem, 3.333rem + 1.8519vw, 6rem);
    --fs-8xl: clamp(4.8rem, 8.133rem + 4.037vw, 16rem);
    --text-stroke-width: 0;
    -webkit-text-stroke-width: var(--text-stroke-width);
    --border-radius: 0;
    border-radius: var(--border-radius);
    --border-width: 0;
    border-width: var(--border-width);
    border-style: solid;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    --txt-white: #fcfcfc;
    --white: #f0f0f0;
    --black: #080808;
    --footer-color: #2a2a2d;
    font-weight: initial;
    --cube-size: clamp(30rem, 3.333rem + 80vw, 60rem);
    --cube-slide-size: calc(var(--cube-size) / 2);
    --square: 6rem;
    --square-side: calc(var(--square) / 2);
    --outro-img-size: clamp(10rem, 1.333rem + 50vw, 28rem);
}

.preloader {
    position: fixed;
    inset: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
}

.loader-bg {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--black);
}

.loader_number::before {
    content: '[ ';
}

.loader_number::after {
    content: '% ]';
}

[hoverstagger="link"] {
    overflow: clip;
}

[hoverstagger="link"]>div {
    display: flex;
    flex-direction: row;
    position: relative;
}

[hoverstagger="text"]:nth-child(2) {
    position: absolute;
    bottom: 0;
    transform-origin: bottom;
}

.marquee-wrap {
    width: 100vw;
    overflow: clip;
}

.cube-title .marquee-wrap {
    height: 14vw;
}

[wb-data="marquee"] {
    width: fit-content;
    display: flex;
    flex-direction: row;
    overflow: clip;
    white-space: nowrap;
}

.lines-wrap {
    overflow: clip;
}

.split-lines {
    transform-style: preserve-3d;
    transform: translateZ(50%);
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: clip;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

[class*="w-vw"] {
    width: 100vw;
}

[class*="w-vh"] {
    height: 100vh;
}

[class*="w-dvh"] {
    height: 100dvh;
}

[class*="sz-f"] {
    width: 100vw;
    height: 100vh;
}

[class*="sz-d"] {
    width: 100dvw;
    height: 100dvh;
}

[class*="fc-b"] {
    color: var(--black);
}

[class*="fc-w"] {
    color: var(--white);
}

[class*="pp-d"] {
    padding-left: var(--site--margin);
    padding-right: var(--site--margin);
}

[class*="ff-italic"] {
    font-family: "PP Eiko", serif;
    font-style: italic;
}

[class*="bg-w"] {
    background-color: var(--white);
}

[class*="bg-b"] {
    background-color: var(--black);
}

p {
    font-size: var(--fs-xs);
    font-weight: 300;
    font-family: "Fragment Mono", monospace;
    letter-spacing: -4%;
}

a {
    pointer-events: auto;
    cursor: pointer;
}

body {
    overflow: clip;
    font-family: "PP Neue Montreal", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background-color: var(--black);
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section {
    width: 100vw;
    height: 100vh;
}

button {
    all: unset;
    cursor: pointer;
}

h4 {
    font-size: var(--fs-5xl);
    line-height: 1;
}

h5 {
    font-size: var(--fs-3xl);
    line-height: 1;
}

h1 {
    font-size: var(--fs-8xl);
    line-height: 1;
}

.cursor {
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
    position: fixed;
    inset: 0% auto auto 0%;
    color: var(--white);
    font-size: var(--fs-sm);
    mix-blend-mode: difference;
}

.cursor p {
    margin: 0px;
}

body:has([data-cursor]:hover) .cursor {
    opacity: 1;
}