.splitting .word { text-indent: 0px; }
@font-face { font-family: "PP Eiko"; src: local("PP Eiko"), url("/fonts/PP-Eiko/PPEiko-Thin.otf") format("opentype"), url("/fonts/PP-Eiko/PPEiko-Thin.ttf") format("TrueType"), url("/fonts/PP-Eiko/PPEiko-Thin.woff") format("woff"), url("/fonts/PP-Eiko/PPEiko-Thin.woff2") format("woff2"); }
@font-face { font-family: "PP Neue Montreal"; src: local("PP Neue Montreal"), url("/fonts/PP-Neue-Montreal/PPNeueMontreal-Medium.otf") format("opentype"), url("/fonts/PP-Neue-Montreal/PPNeueMontreal-Medium.ttf") format("TrueType"), url("/fonts/PP-Neue-Montreal/PPNeueMontreal-Medium.woff") format("woff"), url("/fonts/PP-Neue-Montreal/PPNeueMontreal-Medium.woff2") format("woff2"); }
@font-face { font-family: "PP Neue Montreal Mono"; src: local("PP Neue Montreal Mono"), url("/fonts/PP-Neue-Montreal-Mono/PPNeueMontrealMono-Medium.otf") format("opentype"), url("/fonts/PP-Neue-Montreal-Mono/PPNeueMontrealMono-Medium.ttf") format("TrueType"), url("/fonts/PP-Neue-Montreal-Mono/PPNeueMontrealMono-Medium.woff") format("woff"), url("/fonts/PP-Neue-Montreal-Mono/PPNeueMontrealMono-Medium.woff2") format("woff2"); }
@keyframes glitchText { 
  0% { opacity: 1; transform: translate3d(-10px, 0px, 0px) scale3d(-1, -1, 1); clip-path: polygon(0px 20%, 100% 20%, 100% 21%, 0px 21%); }
  10% { clip-path: polygon(0px 33%, 100% 33%, 100% 33%, 0px 33%); }
  20% { clip-path: polygon(0px 44%, 100% 44%, 100% 44%, 0px 44%); }
  35% { clip-path: polygon(0px 50%, 100% 50%, 100% 20%, 0px 20%); }
  50% { clip-path: polygon(0px 70%, 100% 70%, 100% 70%, 0px 70%); }
  60% { clip-path: polygon(0px 80%, 100% 80%, 100% 80%, 0px 80%); }
  70% { clip-path: polygon(0px 50%, 100% 50%, 100% 55%, 0px 55%); }
  80% { clip-path: polygon(0px 70%, 100% 70%, 100% 80%, 0px 80%); }
  90% { transform: translate3d(-10px, 0px, 0px) scale3d(-1, -1, 1); }
  100% { opacity: 1; transform: translateZ(0px) scaleZ(1); clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%); }
}
@keyframes glitchLine { 
  0% { transform: scaleZ(1); }
  10% { transform: translate3d(10px, 0px, 0px); }
  20% { transform: translate3d(0px, 4px, 0px); }
  30% { transform: scale3d(0.1, 1.4, 1) translate3d(0px, -25px, 0px); transform-origin: 100% 0%; }
  40% { transform: scale3d(1, 0.3, 1) translate3d(0px, 25px, 0px); }
  50% { transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0px); }
  60% { transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0px); }
  70% { transform: scale3d(0.5, 0.5, 1) translate3d(0px, 20px, 0px); }
  80% { transform-origin: 100% 0%; }
  90% { transform: scale3d(1, 0.5, 1) translate3d(0px, -15px, 0px); transform-origin: 0% 50%; }
  100% { opacity: 1; }
}
@keyframes fade { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
:root { font-family: "PP Neue Montreal", sans-serif; line-height: 1.5; font-size: 0.8125rem; color: rgb(107, 107, 108); color-scheme: light dark; font-synthesis: none; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
@media screen and (min-width: 768px) {
  :root { font-size: 0.875rem; }
}
*, ::after, ::before { box-sizing: border-box; }
body { margin: 0px; min-height: 100vh; background: rgb(22, 22, 22); position: relative; display: flex; flex-direction: column; width: 100vw; overflow-x: hidden; transition: background 0.3s; }
main { max-width: 100vw; width: 100%; margin: 0px auto; padding: 0px 18px; }
@media screen and (min-width: 768px) {
  main { padding: 0px 45px; }
}
@media screen and (min-width: 1024px) {
  main { max-width: 1560px; }
}
@media screen and (min-width: 1536px) {
  main { padding: 0px; }
}
[data-barba="container"] { min-height: 100vh; display: flex; flex-direction: column; }
[data-title-animation] { white-space: nowrap; }
a { color: rgb(145, 145, 145); text-decoration: inherit; position: relative; white-space: nowrap; cursor: pointer; width: fit-content; }
a:hover > span:not(.word) { animation: 0.4s linear 0s 1 normal none running glitchText; }
@media (hover: hover) and (pointer: fine) {
  a::before { content: ""; position: absolute; width: 100%; height: 1px; background: currentcolor; top: 100%; left: 0px; pointer-events: none; opacity: 0; }
  a:hover::before { opacity: 1; animation: 0.4s steps(2, start) 0s 1 normal forwards running glitchLine; }
}
h1, h2, h3, h4, h5, h6 { line-height: 1.1; font-weight: 400; margin: 0px; }
ul, ol { list-style: none; margin: 0px; padding: 0px; }
hr { display: block; color: transparent; background: rgb(74, 74, 74); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; width: 100%; position: relative; overflow: visible; }
hr::before, hr::after { content: ""; background: url("data:image/svg+xml,<svg width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 4.5L0.25 8.39711L0.25 0.602885L7 4.5Z\" fill=\"%234A4A4A\"/></svg>"); position: absolute; translate: 0px -50%; top: 50%; width: 8px; height: 8px; }
hr::before { left: 0px; top: calc(50% - 1px); }
hr::after { rotate: 180deg; right: 0px; }
img { object-fit: cover; display: block; }
p { margin: 0px; }
* { scrollbar-width: thin; scrollbar-color: rgb(74, 74, 74) rgb(27, 27, 27); }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: rgb(27, 27, 27); }
::-webkit-scrollbar-thumb { background-color: rgb(74, 74, 74); border-radius: 50px; border: 3px solid rgb(27, 27, 27); }
.serif { font-family: "PP Eiko"; }
.sans { font-family: "PP Neue Montreal"; }
.mono { font-family: "PP Neue Montreal Mono"; color: rgb(145, 145, 145); }
.uppercase { text-transform: uppercase; }
.h1 { font-size: 2.3rem; }
@media screen and (min-width: 370px) {
  .h1 { font-size: 2.5rem; }
}
@media screen and (min-width: 402px) {
  .h1 { font-size: 2.92308rem; }
}
@media screen and (min-width: 1024px) {
  .h1 { font-size: 4.57143rem; }
}
@media screen and (min-width: 1280px) {
  .h1 { font-size: 6.14286rem; }
}
.h2 { font-size: 2.92308rem; }
@media screen and (min-width: 1024px) {
  .h2 { font-size: 4.35714rem; }
}
.h3 { font-size: 1.69231rem; }
@media screen and (min-width: 1024px) {
  .h3 { font-size: 2.125rem; }
}
@media screen and (min-width: 1024px) {
  .h4 { font-size: 1.125rem; }
}
.text-sm { font-size: 0.769231rem; }
@media screen and (min-width: 768px) {
  .text-sm { font-size: 0.6875rem; }
}
.text-lg { font-size: 1.23077rem; }
.text-white { color: rgb(255, 255, 255); }
.text-grey-3 { color: rgb(145, 145, 145); }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.text-indent { text-indent: 50px; }
.flex { display: flex; }
.justify-between { justify-content: space-between; }
.block { display: block; }
.max-w-sm { width: 71.1628vw; max-width: 306px; margin: 0px auto; }
.max-w-lg { max-width: 1290px; margin: 0px auto; }
.max-h-screen { height: 100vh; overflow: hidden; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }
body { --button-border-radius: 40px; --button-bg: transparent; --button-stroke: #000; --button-stroke-width: 1px; --button-text: #000; --button-bg-hover: #d8d4cf; --button-stroke-hover: #000; --button-stroke-width-hover: 1px; --button-text-hover: #fff; --cursor-stroke: #fff; --cursor-fill: #fff; --cursor-stroke-width: 1px; --button-filler: #000; --color-bg: #ccc; }
.button { cursor: pointer; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 7px 30px; border: 1px solid rgb(107, 107, 108); border-radius: 5px; transition: 0.3s; }
.button::before { display: none; }
.button:focus, .button:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.button:focus, .button--hover { outline: none; border-width: var(--button-stroke-width-hover); border-color: var(--button-stroke-hover); color: var(--button-text-hover); }
.button__filler { background: var(--button-filler); position: absolute; width: 150%; height: 200%; border-radius: 50%; top: -50%; left: -25%; transform: translate3d(0px, 75%, 0px); }
.button__text, .button__text-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.button .whitespace { width: 5px; }
.badge { color: var(--White, #fff); text-align: right; font-family: "PP Neue Montreal"; font-size: 8px; font-style: normal; font-weight: 500; line-height: normal; position: absolute; top: 0px; right: 0px; translate: 8px -75%; }
.list { display: flex; flex-direction: column; margin-bottom: 25px; }
@media screen and (min-width: 768px) {
  .list { margin-bottom: 30px; }
}
.list:has(.list__el__wrapper:hover) .list__el__wrapper:not(.list__el__wrapper:hover) { opacity: 0.5; }
.list__el { opacity: 0; position: relative; }
.list__el__wrapper { position: relative; display: grid; grid-template-columns: 70px 1fr 30px; row-gap: 15px; padding: 15px 0px 28px; opacity: 1; transition: opacity 0.3s; }
@media screen and (min-width: 1024px) {
  .list__el__wrapper { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0px 20px; padding: 10px 0px 26px; }
}
@media screen and (min-width: 1024px) and (min-height: 990px) {
  .list__el__wrapper { padding: 2.22222vh 0px 3.7037vh; }
}
.list__el__arrow { font-size: 2.61538rem; line-height: 1; font-family: "PP Eiko"; color: rgb(255, 255, 255); grid-area: 2 / 3 / 3 / 4; place-self: center end; }
@media screen and (min-width: 1024px) {
  .list__el__arrow { font-size: 2.125rem; }
}
@media screen and (min-width: 1024px) {
  .list__el__arrow { grid-area: 1 / 12 / 2 / 13; }
}
.list__el__title { order: 2; font-size: 1.84615rem; line-height: 1.2; display: flex; justify-content: space-between; align-items: center; grid-area: 2 / 1 / 3 / 3; }
.list__el__title > span { --triangle-opacity: 0; display: block; }
.list__el__title > span::after { content: url("data:image/svg+xml,<svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 0L7.4641 6H0.535898L4 0Z\" fill=\"white\"/></svg>"); display: inline; margin-left: 8px; opacity: var(--triangle-opacity); position: absolute; }
@media screen and (min-width: 1024px) {
  .list__el__title > span::after { margin-left: 18px; }
}
@media screen and (min-width: 430px) {
  .list__el__title { font-size: 2.23077rem; }
}
@media screen and (min-width: 1024px) {
  .list__el__title { font-size: 3.42857rem; grid-area: 1 / 3 / 2 / 9; }
}
@media screen and (min-width: 1536px) {
  .list__el__title { font-size: 2.92308rem; }
}
@media screen and (min-width: 1536px) and (min-width: 1024px) {
  .list__el__title { font-size: 4.35714rem; }
}
.list__el__link { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; white-space: nowrap; text-indent: -2000%; z-index: 90; }
.list__el__link::before { content: none; }
.list__el hr { position: absolute; bottom: 0px; left: 0px; width: 100%; }
.list__el p { align-self: center; }
@media screen and (min-width: 1024px) {
  .list__el p:not(.list__el__cats):not(.list__el__arrow) { grid-area: 1 / 2 / 2 / 3; }
}
.list__el__cats { grid-area: 1 / 2 / 2 / 4; text-align: right; }
@media screen and (min-width: 1024px) {
  .list__el__cats { grid-area: 1 / 9 / 2 / 11; }
}
.list__el:hover *, .list__el:focus * { opacity: 1; }
.list__el:first-child .list__el__wrapper { padding-top: 0px; }
.list__el:last-child hr { display: none; }
.header { position: fixed; z-index: 1000; top: 0px; left: 50%; translate: -50%; width: 100%; max-width: 1580px; padding: 20px 18px 0px; display: flex; justify-content: flex-end; mix-blend-mode: difference; transition: 0.3s; }
@media screen and (min-width: 768px) {
  .header { padding: 20px 45px 0px; }
}
@media screen and (min-width: 1024px) {
  .header { padding: 33px 90px; max-width: 1560px; }
}
@media screen and (min-width: 1536px) {
  .header { padding: 33px 0px; }
}
.header__baseline { display: none; }
@media screen and (min-width: 1024px) {
  .header__baseline { display: flex; gap: 5px; align-items: center; position: absolute; top: 50%; left: 90px; translate: 0px -50%; scale: 1.2; transform-origin: left center; }
  .header__baseline svg { margin-left: 2px; }
}
@media screen and (min-width: 1536px) {
  .header__baseline { left: 0px; }
}
.header__logo { position: absolute; top: 20px; left: 50%; translate: -50%; width: 29px; height: 32px; transition: 0.3s; }
.header__logo::before { display: none; }
.header__logo svg { fill: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .header__logo { top: 50%; translate: -50% -50%; }
}
.header__nav { display: flex; align-items: center; }
.header__nav__list { margin-top: 16px; display: flex; flex-direction: column; align-items: flex-end; gap: 20px; }
@media screen and (min-width: 1024px) {
  .header__nav__list { flex-direction: row; gap: 40px; margin-top: 0px; align-items: center; }
}
@media screen and (min-width: 1280px) {
  .header__nav__list { gap: 90px; }
}
.header__nav__el a { color: rgb(255, 255, 255); margin-right: 12px; }
.header__nav__el .button { border: 0px; padding: 0px; }
.header__nav__el .button:hover { background: transparent; color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .header__nav__el a { margin: 0px; }
  .header__nav__el .button { cursor: pointer; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 7px 30px; border: 1px solid rgb(107, 107, 108); border-radius: 5px; transition: 0.3s; }
  .header__nav__el .button::before { display: none; }
  .header__nav__el .button:focus, .header__nav__el .button:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
  .header__nav__el .button:focus, .header__nav__el .button--hover { outline: none; border-width: var(--button-stroke-width-hover); border-color: var(--button-stroke-hover); color: var(--button-text-hover); }
  .header__nav__el .button__filler { background: var(--button-filler); position: absolute; width: 150%; height: 200%; border-radius: 50%; top: -50%; left: -25%; transform: translate3d(0px, 75%, 0px); }
  .header__nav__el .button__text, .header__nav__el .button__text-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
  .header__nav__el .button .whitespace { width: 5px; }
  .header__nav__el:first-child { margin-right: 20px; }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .header__nav__el:first-child { margin-right: 10px; }
}
.header--hidden { translate: -50% -100%; }
.section { max-width: 1560px; margin: 0px auto; }
.award { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; }
.award > span:nth-child(1) { color: rgb(255, 255, 255); width: 100%; margin-bottom: 5px; }
@media screen and (min-width: 428px) {
  .award > span:nth-child(1) { width: auto; margin-bottom: 0px; grid-area: 1 / 1 / 2 / 3; }
}
@media screen and (min-width: 1024px) {
  .award > span:nth-child(1) { grid-area: 1 / 1 / 2 / 5; }
}
.award > span:nth-child(2) { color: rgb(145, 145, 145); }
@media screen and (min-width: 428px) {
  .award > span:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
}
@media screen and (min-width: 1024px) {
  .award > span:nth-child(2) { grid-area: 1 / 5 / 2 / 7; }
}
@media screen and (min-width: 428px) {
  .award > span:nth-child(3) { text-align: right; grid-area: 1 / 4 / 2 / 5; }
}
@media screen and (min-width: 1024px) {
  .award > span:nth-child(3) { grid-area: 1 / 7 / 2 / 8; }
}
@media screen and (min-width: 428px) {
  .award { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }
}
.footer { margin: 20px 18px 50px; border: 1px solid rgb(74, 74, 74); border-radius: 10px; padding: 40px 40px 30px; width: calc(100% - 36px); position: relative; z-index: 5; }
@media screen and (min-width: 768px) {
  .footer { margin: 20px auto 50px; max-width: calc(-90px + 100vw); }
}
@media screen and (min-width: 1024px) {
  .footer { display: flex; flex-wrap: wrap; row-gap: 90px; width: calc(-90px + 100vw); max-width: 1560px; }
}
@media screen and (min-width: 1280px) {
  .footer { padding: 86px 132px 40px; }
}
@media screen and (min-width: 1536px) {
  .footer { margin: 20px auto 50px; width: 100%; }
}
@media screen and (min-width: 1024px) {
  .footer__content { width: 50%; }
}
.footer__title { --triangle-opacity: 0; font-size: 2.46154rem; line-height: 1.1; margin-bottom: 20px; max-width: 290px; }
.footer__title::after { content: url("data:image/svg+xml,<svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 0L7.4641 6H0.535898L4 0Z\" fill=\"white\"/></svg>"); display: inline; opacity: var(--triangle-opacity); }
@media screen and (min-width: 430px) {
  .footer__title { font-size: 3.30769rem; max-width: 400px; }
}
@media screen and (min-width: 1024px) {
  .footer__title { font-size: 3.78571rem; margin-bottom: 34px; line-height: 1.03774; }
}
.footer__mail { margin-bottom: 40px; }
@media screen and (min-width: 1024px) {
  .footer__mail { display: flex; flex-direction: column; align-items: flex-end; width: 50%; align-self: end; margin-bottom: 0px; }
}
.footer__cta { margin: 50px 0px 10px; display: block; font-size: 1.53846rem; }
.footer__cta > span { margin-right: 7px; }
@media screen and (min-width: 430px) {
  .footer__cta { margin-bottom: 30px; font-size: 2rem; }
}
@media screen and (min-width: 1024px) {
  .footer__cta { font-size: 1.69231rem; }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .footer__cta { font-size: 2.125rem; }
}
.footer__time { display: flex; gap: 13px; align-items: center; line-height: 1; }
.footer__socials { width: 100%; display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (min-width: 1280px) {
  .footer__socials { order: 2; margin-bottom: 0px; max-width: 436px; }
  .footer__socials a { font-size: inherit; }
}
.footer__credits { border-top: 1px solid rgb(74, 74, 74); padding-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; position: relative; }
@media screen and (min-width: 1024px) {
  .footer__credits { width: 100%; }
}
@media screen and (min-width: 1280px) {
  .footer__credits { flex-wrap: nowrap; align-items: center; justify-content: center; padding-top: 33px; height: 70px; }
}
@media screen and (min-width: 1280px) {
  .footer__credits p { order: 3; position: absolute; right: 0px; }
}
.footer__logo { transition: 0.3s; }
.footer__logo::before { content: none; }
@media screen and (min-width: 1280px) {
  .footer__logo { position: absolute; left: 0px; }
}
.footer--secondary { margin: auto auto 0px; border-bottom: 0px; border-radius: 10px 10px 0px 0px; padding: 19px 41px 8px; }
@media screen and (min-width: 1024px) {
  .footer--secondary { padding: 0px; display: grid; grid-template-columns: repeat(12, 1fr); gap: 0px 20px; height: 48.8833px; }
}
.footer--secondary .footer__credits { border-top: 0px; padding: 0px; height: auto; align-items: center; }
@media screen and (min-width: 1024px) {
  .footer--secondary .footer__credits { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; }
}
.footer--secondary .footer__credits > p { width: 100%; }
@media screen and (min-width: 1024px) {
  .footer--secondary .footer__credits > p { text-align: right; grid-area: 1 / 9 / 2 / -2; }
}
.footer--secondary .footer__socials { margin: 0px auto 18px; max-width: 436px; }
.footer--secondary .footer__socials a { font-size: 1.07692rem; }
@media screen and (min-width: 1024px) {
  .footer--secondary .footer__socials { margin: 0px; grid-area: 1 / 2 / 2 / 6; }
}
.time span:nth-of-type(2) { animation: 2s steps(2, start) 0s infinite normal none running blink; margin: 0px -1px; }
@keyframes blink { 
  100% { visibility: hidden; }
}
.thumbgrid { grid-area: 1 / -1; width: 100%; display: grid; grid-template-columns: repeat(100, 1%); grid-template-rows: repeat(100, 1%); }
.thumbgrid__wrap { position: fixed; z-index: 50; display: grid; pointer-events: none; width: 100%; height: 100%; top: 0px; left: 0px; }
.thumbgrid__item { opacity: 0; grid-area: var(--grid-row)/var(--grid-column); aspect-ratio: 4 / 3; width: 18vw; }
.thumbgrid--current .thumbgrid__item { opacity: 1; }
.pos-1 { --grid-row: 10; --grid-column: 1; }
.pos-2 { --grid-row: 30; --grid-column: 50; }
.pos-3 { --grid-row: 55; --grid-column: 75; }
.pos-4 { --grid-row: 70; --grid-column: 5; }
.pos-5 { --grid-row: 5; --grid-column: 75; }
.pos-6 { --grid-row: 34; --grid-column: 3; }
.pos-7 { --grid-row: 10; --grid-column: 47; }
.pos-8 { --grid-row: 67; --grid-column: 17; }
.pos-9 { --grid-row: 36; --grid-column: 11; }
.pos-10 { --grid-row: 12; --grid-column: 70; }
.pos-11 { --grid-row: 46; --grid-column: 75; }
.pos-12 { --grid-row: 75; --grid-column: 16; }
.pos-13 { --grid-row: 25; --grid-column: 1; }
.pos-14 { --grid-row: 60; --grid-column: 60; }
.pos-15 { --grid-row: 15; --grid-column: 75; }
.pos-16 { --grid-row: 53; --grid-column: 6; }
.pos-17 { --grid-row: 70; --grid-column: 5; }
.pos-18 { --grid-row: 70; --grid-column: 50; }
.pos-19 { --grid-row: 10; --grid-column: 20; }
.pos-20 { --grid-row: 35; --grid-column: 70; }
.pos-21 { --grid-row: 55; --grid-column: 75; }
.pos-22 { --grid-row: 75; --grid-column: 50; }
.pos-23 { --grid-row: 10; --grid-column: 70; }
.pos-24 { --grid-row: 20; --grid-column: 5; }
.pos-25 { --grid-row: 45; --grid-column: 60; }
.pos-26 { --grid-row: 70; --grid-column: 1; }
.pos-27 { --grid-row: 70; --grid-column: 85; }
.pos-28 { --grid-row: 5; --grid-column: 19; }
.pos-29 { --grid-row: 25; --grid-column: 75; }
.pos-30 { --grid-row: 45; --grid-column: 10; }
.pos-31 { --grid-row: 60; --grid-column: 55; }
.pos-32 { --grid-row: 80; --grid-column: 25; }
.pos-33 { --grid-row: 57; --grid-column: 62; }
.pos-34 { --grid-row: 13; --grid-column: 10; }
.pos-35 { --grid-row: 5; --grid-column: 55; }
.pos-36 { --grid-row: 74; --grid-column: 3; }
.thumbgrid__item-img { width: 100%; height: 100%; background-size: contain; border-radius: 10px; }
canvas.background { position: fixed; height: 100vh; width: 100vw; z-index: -1; }
[data-image] img { object-position: center center; height: 100%; width: 100%; }
[data-image][data-image-loaded] img { visibility: hidden; pointer-events: none; position: absolute; width: auto; height: auto; }
.loading { position: fixed; width: 100vw; height: 100vh; background: rgb(22, 22, 22); z-index: 1000000; display: flex; justify-content: center; align-items: center; transition: translate 3s 0.3s, opacity 0.3s 0.7s; }
.loading p { text-transform: uppercase; font-size: 0.6875rem; }
.loading__content { width: 57.7369%; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.loading__content p { color: rgb(145, 145, 145); font-size: 1rem; }
.loading__logo { width: 11.7253%; min-width: 50px; height: auto; opacity: 0; }
.transition { position: fixed; z-index: 5000000; background: rgb(255, 255, 255); width: 100%; height: 100%; top: 0px; left: 0px; transform-origin: center top; translate: 0px 100%; }
.transition--animated { animation: 1.6s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 normal none running transition; }
.transition--animated-enter { animation: 1.6s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 reverse none running transition; }
@keyframes transition { 
  0% { translate: 0px 100%; scale: 1; }
  100% { translate: 0px; scale: 1 0; }
}
html.is-changing .transition-fade { transition: opacity 0.25s; opacity: 1; }
html.is-animating .transition-fade { opacity: 0; }
.intro { height: 100vh; padding-top: 29.1577vh; display: flex; flex-direction: column; }
.intro__baseline { display: flex; justify-content: space-between; gap: 5px; width: 100%; max-width: 78.4615%; margin: 0px auto 95px; }
@media screen and (min-width: 1024px) {
  .intro__baseline { grid-area: 1 / 2 / 2 / 8; display: grid; grid-template-columns: subgrid; justify-content: unset; max-width: none; margin: 0px; gap: 20px; }
  .intro__baseline span { align-self: center; }
  .intro__baseline span:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
  .intro__baseline span:nth-child(2) { grid-area: 1 / 4 / 2 / 8; }
}
.intro__text { line-height: 1.23077; max-width: 78.4615%; margin: 0px auto 95px; }
.intro__text a { margin-right: 10px; }
@media screen and (min-width: 1024px) {
  .intro__text { height: fit-content; max-width: none; width: 100%; line-height: 1.21429; margin: 0px; grid-area: 1 / 9 / 2 / 12; }
}
.intro__title { max-width: 390px; width: 100%; margin: 0px auto; position: relative; }
.intro__title span { line-height: 1; }
.intro__title > span:last-child { display: flex; justify-content: flex-end; position: relative; }
.intro__title > span:last-child > span > span:first-child { visibility: hidden; display: flex; gap: 7px; white-space: break-spaces; }
.intro__title > span:last-child > span > span:last-child { --triangle-opacity: 0; display: flex; gap: 7px; translate: 0px -2px; width: fit-content; position: absolute; top: 0px; }
.intro__title > span:last-child > span > span::before, .intro__title > span:last-child > span > span::after { content: url("data:image/svg+xml,<svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 0L7.4641 6H0.535898L4 0Z\" fill=\"white\"/></svg>"); display: block; opacity: var(--triangle-opacity); }
@media screen and (min-width: 768px) {
  .intro__title { max-width: 450px; }
}
@media screen and (min-width: 1024px) {
  .intro__title { max-width: 675px; margin: 20vh 0px 0px; grid-area: 2 / 2 / 3 / 11; }
}
@media screen and (min-width: 1280px) {
  .intro__title { max-width: 900px; }
}
.intro__socials { flex: 1 1 0%; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; }
@media screen and (min-width: 1024px) {
  .intro__socials { grid-area: 3 / 5 / 4 / 9; }
  .intro__socials a { font-size: inherit; }
}
@media screen and (min-width: 1024px) {
  .intro { padding-top: 27.3148vh; display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 20px; grid-auto-rows: min-content; grid-template-rows: auto auto 1fr; }
}
.about { margin: clamp(90px, 9.375vw, 180px) 0px 90px; }
@media screen and (min-width: 1024px) {
  .about { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 20px; grid-auto-rows: min-content; }
}
@media screen and (min-width: 1024px) {
  .about h2 { grid-area: 1 / 2 / 2 / 3; }
}
.about__text { margin: 50px auto; width: 100%; max-width: 78.4615%; line-height: 1.23077; }
@media screen and (min-width: 1024px) {
  .about__text { margin: 0px; grid-area: 1 / 9 / 2 / 12; max-width: none; line-height: 1.21429; }
}
.about__img { border-radius: 10px; width: 100%; max-width: 78.4615%; overflow: hidden; position: relative; margin: 0px auto; aspect-ratio: 306 / 373; }
.about__img img { object-position: center top; }
.about__img::before { content: ""; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: rgb(74, 74, 74); mix-blend-mode: hard-light; opacity: 0.5; }
@media screen and (min-width: 1024px) {
  .about__img { max-width: none; grid-area: 1 / 5 / 2 / 8; }
}
.skills { margin: 90px 0px clamp(90px, 9.375vw, 180px); }
@media screen and (min-width: 1024px) {
  .skills { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 20px; grid-auto-rows: min-content; margin: 90px auto clamp(90px, 9.375vw, 180px); }
}
@media screen and (min-width: 1024px) {
  .skills h2 { grid-area: 1 / 2 / 2 / 3; }
}
.skills__content { margin: 50px auto; max-width: 78.4615%; }
.skills__content > span:not(.word) { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .skills__content { margin: 0px; max-width: unset; width: 100%; grid-area: 1 / 5 / 2 / 12; }
}
.awards { margin: clamp(90px, 9.375vw, 180px) 0px; }
@media screen and (min-width: 1024px) {
  .awards { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 20px; grid-auto-rows: min-content; margin: clamp(90px, 9.375vw, 180px) auto; }
}
@media screen and (min-width: 1024px) {
  .awards h2 { grid-area: 1 / 2 / 2 / 3; }
}
.awards__list { margin-top: 50px; display: flex; flex-direction: column; gap: 20px; }
@media screen and (min-width: 428px) {
  .awards__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .awards__list li { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }
}
@media screen and (min-width: 1024px) {
  .awards__list { margin-top: 0px; width: 100%; grid-area: 1 / 5 / 2 / 12; grid-template-columns: subgrid; }
}
.selected { margin: clamp(90px, 9.375vw, 180px) auto; max-width: 1560px; }
@media screen and (min-width: 1024px) {
  .selected { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: min-content; grid-template-rows: minmax(97px, 8.98148vh) minmax(173px, 16.0185vh) minmax(579px, 53.6111vh) minmax(79px, 7.31481vh) minmax(150px, 13.8889vh) minmax(85px, 7.87037vh) minmax(491px, 45.463vh) minmax(150px, 13.8889vh) minmax(96px, 8.88889vh) minmax(150px, 13.8889vh) minmax(374px, 34.6296vh) minmax(333px, 30.8333vh); gap: 0px 20px; }
}
.selected__title { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 50px; }
.selected__title > span:first-child { position: relative; }
.selected__title > span:first-child > span:first-child { visibility: hidden; }
.selected__title > span:first-child > span:last-child { position: absolute; left: 0px; top: 0px; width: fit-content; white-space: nowrap; }
.selected__title > span:nth-child(2) { --triangle-opacity: 0; display: flex; gap: 7px; justify-content: flex-end; }
.selected__title > span:nth-child(2)::after { content: url("data:image/svg+xml,<svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 0L7.4641 6H0.535898L4 0Z\" fill=\"white\"/></svg>"); display: block; opacity: var(--triangle-opacity); }
@media screen and (min-width: 1024px) {
  .selected__title { grid-area: 2 / 2 / 3 / 7; width: fit-content; }
}
.selected__list { display: flex; flex-direction: column; gap: 70px; }
@media screen and (min-width: 768px) {
  .selected__list { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 70px 30px; }
}
@media screen and (min-width: 1024px) {
  .selected__list { grid-area: 1 / 1 / -1 / span 12; grid-template-columns: subgrid; grid-template-rows: subgrid; gap: 0px 20px; }
}
.selected__el { display: flex; flex-direction: column-reverse; border-bottom: 1px solid rgb(74, 74, 74); padding: 0px 0px 10px; position: relative; max-width: 100%; }
@media screen and (min-width: 1024px) {
  .selected__el { padding: 0px; }
  .selected__el:nth-child(1) { grid-area: 3 / 1 / 5 / 8; }
  .selected__el:nth-child(2) { grid-area: 1 / 9 / 4 / 13; }
  .selected__el:nth-child(3) { grid-area: 7 / 1 / 10 / 6; }
  .selected__el:nth-child(4) { grid-area: 6 / 7 / 8 / 13; }
  .selected__el:nth-child(5) { grid-area: 11 / 1 / 13 / 8; }
  .selected__el:nth-child(6) { grid-area: 9 / 9 / 12 / 13; }
}
.selected__el__title { font-size: 2.23077rem; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.selected__el__title > span { transition: 0.3s; }
.selected__el__title > span:nth-child(2) { font-size: 2.61538rem; font-family: "PP Eiko"; }
@media screen and (min-width: 1024px) {
  .selected__el__title > span:nth-child(2) { font-size: 2.125rem; }
}
@media screen and (min-width: 1024px) {
  .selected__el__title { margin-top: 0px; height: 70px; align-items: flex-end; padding-bottom: 15px; }
}
.selected__el__img { border-radius: 10px; overflow: hidden; width: 100%; height: 300px; position: relative; }
.selected__el__img::before { content: ""; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: rgb(74, 74, 74); mix-blend-mode: hard-light; opacity: 0.5; }
@media screen and (min-width: 1024px) {
  .selected__el__img { height: 100%; }
}
.selected__el__content { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-end; }
.selected__el__data { height: 30px; display: flex; justify-content: space-between; align-items: flex-end; }
.selected__el__link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-indent: -2000%; z-index: 100; }
.selected__el__link::before { display: none; }
.selected__el canvas { z-index: 200; position: relative; }
.works { padding-top: 184px; }
@media screen and (min-width: 1024px) {
  .works { padding-top: 14.2593vh; }
}
.works h1 { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.work-details { padding-top: 184px; padding-bottom: 33px; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; flex: 1 1 0%; }
.work-details + .footer--secondary { margin-top: 0px; }
.work-details__body { margin-bottom: 6px; grid-area: 3 / 1 / 4 / -1; z-index: 20; }
.work-details__body h1 { --triangle-opacity: 0; font-size: 2.23077rem; margin-bottom: 16px; margin-right: 36px; }
.work-details__body h1::after { content: url("data:image/svg+xml,<svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 0L7.4641 6H0.535898L4 0Z\" fill=\"white\"/></svg>"); display: inline; margin-left: 8px; position: absolute; opacity: var(--triangle-opacity); }
@media screen and (min-width: 1024px) {
  .work-details__body h1::after { margin-left: 18px; }
}
@media screen and (min-width: 1024px) {
  .work-details__body h1 { font-size: 3.42857rem; grid-column: 1 / 7; margin-bottom: 0px; }
}
@media screen and (min-width: 1280px) {
  .work-details__body h1 { font-size: 3.85714rem; }
}
@media screen and (min-width: 1536px) {
  .work-details__body h1 { font-size: 4.35714rem; }
}
.work-details__body p { line-height: 1.23077; max-width: 280px; width: 100%; margin: 0px auto 24px; }
@media screen and (min-width: 1024px) {
  .work-details__body p { grid-column: 7 / 10; margin-bottom: 0px; max-width: 250px; line-height: 1.21429; }
}
@media screen and (min-width: 1280px) {
  .work-details__body p { max-width: 280px; }
}
@media screen and (min-width: 1536px) {
  .work-details__body p { grid-column: 7 / 9; }
}
.work-details__body a { text-align: right; font-size: 1.07692rem; display: flex; align-items: center; gap: 8px; justify-content: flex-end; width: fit-content; margin-left: auto; }
@media screen and (min-width: 768px) {
  .work-details__body a { font-size: 1rem; }
}
@media screen and (min-width: 1024px) {
  .work-details__body a { grid-column: 10 / 11; }
}
@media screen and (min-width: 768px) {
  .work-details__body { margin-bottom: 3.24074vh; }
}
@media screen and (min-width: 1024px) {
  .work-details__body { display: grid; grid-column: 2 / -2; grid-template-columns: subgrid; align-items: center; }
}
@media screen and (min-width: 2000px) {
  .work-details__body { margin-bottom: 5vh; }
}
.work-details__gallery { grid-area: 1 / 1 / 2 / -1; margin-bottom: 20px; z-index: 10; }
.work-details__gallery__container { height: 292px; border-radius: 10px; position: relative; }
.work-details__gallery__container canvas { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
@media screen and (min-width: 1024px) {
  .work-details__gallery__container { height: 100%; width: 100vw; left: 50%; translate: -50%; position: absolute; margin-bottom: 0px; border-radius: 0px; }
}
.work-details__gallery__nav { height: 5px; width: 73px; margin: 0px auto; border-radius: 10px; }
@media screen and (min-width: 1024px) {
  .work-details__gallery__nav { left: 50%; bottom: 0px; translate: -50% calc(100% + 20px); position: absolute; }
}
@media screen and (min-width: 1024px) {
  .work-details__gallery { height: 45vh; position: relative; }
}
.work-details hr { grid-area: 4 / 1 / 5 / -1; }
.work-details__header { grid-area: 2 / 1 / 3 / -1; margin-bottom: 20px; display: flex; justify-content: space-between; }
.work-details__header p { font-size: 0.769231rem; line-height: 1; }
.work-details__header p:nth-child(1) { margin-bottom: 5px; }
@media screen and (min-width: 428px) {
  .work-details__header p:nth-child(1) { margin-bottom: 0px; }
}
@media screen and (min-width: 1024px) {
  .work-details__header p:nth-child(1) { grid-column: 1 / 3; }
}
.work-details__header p:nth-child(2) { text-align: right; }
@media screen and (min-width: 1024px) {
  .work-details__header p:nth-child(2) { grid-column: -6 / -1; }
}
@media screen and (min-width: 428px) {
  .work-details__header { display: flex; flex-wrap: wrap; justify-content: space-between; }
}
@media screen and (min-width: 768px) {
  .work-details__header { margin-bottom: 5.74074vh; }
}
@media screen and (min-width: 1024px) {
  .work-details__header { display: grid; grid-column: 2 / -2; grid-template-columns: subgrid; }
}
@media screen and (min-width: 1280px) {
  .work-details__header { margin-bottom: 5.74074vh; }
}
.work-details__footer { grid-area: 5 / 1 / 6 / -1; margin-top: 33px; }
.work-details__footer > a { font-size: 1.07692rem; display: block; margin: 0px auto; text-align: center; }
@media screen and (min-width: 1024px) {
  .work-details__footer > a { grid-column: -3 / -2; justify-self: flex-end; width: fit-content; font-size: 1rem; margin: 0px; }
}
@media screen and (min-width: 768px) {
  .work-details__footer { margin-top: 6.94444vh; }
}
@media screen and (min-width: 1024px) {
  .work-details__footer { margin-top: 0px; display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; height: 100%; align-self: stretch; }
}
.work-details__nav { --lines-opacity: 0; display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 33px; }
.work-details__nav > a, .work-details__nav > span { font-size: 0.846154rem; display: inline-block; }
@media screen and (min-width: 1024px) {
  .work-details__nav > a, .work-details__nav > span { font-size: 0.785714rem; }
}
.work-details__nav__prev { order: 1; }
.work-details__nav__next { order: 5; }
.work-details__nav ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px 34px; order: 3; margin: 0px 18px; }
.work-details__nav ul li { height: 14px; }
.work-details__nav ul li a, .work-details__nav ul li span { white-space: nowrap; font-size: 0.846154rem; line-height: 1; }
@media screen and (min-width: 1024px) {
  .work-details__nav ul li a, .work-details__nav ul li span { font-size: 0.785714rem; }
}
@media screen and (min-width: 768px) {
  .work-details__nav ul li { height: auto; }
}
@media screen and (min-width: 768px) {
  .work-details__nav ul { display: flex; }
}
.work-details__nav::before, .work-details__nav::after { content: ""; width: 100%; height: 1px; background: rgb(74, 74, 74); opacity: var(--lines-opacity); }
.work-details__nav::before { order: 2; }
.work-details__nav::after { order: 4; }
@media screen and (min-width: 1024px) {
  .work-details__nav { grid-column: 3 / 9; margin-bottom: 0px; }
}
@media screen and (min-width: 768px) {
  .work-details { padding-bottom: 6.94444vh; }
}
@media screen and (min-width: 1024px) {
  .work-details { padding-top: 12.3148vh; padding-bottom: 0px; display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 20px; height: calc(-48.8833px + 100vh); grid-auto-rows: auto; grid-template-rows: repeat(4, min-content); }
}
@media screen and (max-height: 600px) and (min-width: 768px) {
  .work-details--big-title .work-details__body { margin-bottom: 10px; }
  .work-details--big-title .work-details__body h1 { font-size: 3rem; }
  .work-details--big-title .work-details__body .work-details__description { font-size: 0.95rem; }
  .work-details--big-title .work-details__gallery, .work-details--big-title .work-details__header { margin-bottom: 10px; }
}
@media screen and (max-height: 805px) and (min-width: 768px) {
  .work-details--big-title .work-details__body h1 { font-size: 3rem; }
  .work-details--big-title .work-details__body .work-details__description { font-size: 0.95rem; }
}
body { overscroll-behavior-y: none; }
[data-barba-namespace="design-lab"] { height: 100%; left: 0px; position: fixed; top: 0px; user-select: none; width: 100%; -webkit-font-smoothing: antialiased; overscroll-behavior-y: none; }
.lab { height: 100vh; overflow: hidden; max-width: none; }
@media screen and (min-width: 1024px) {
  .lab { padding: 0px; }
}
.lab__content { position: absolute; z-index: 5; top: 50%; left: 50%; translate: -50% -50%; }
@media screen and (min-width: 1024px) {
  .lab__content { top: 40.5556vh; left: 16.25vw; translate: 0px; }
}
.lab__title { display: flex; justify-content: center; gap: 19px; margin-bottom: 18px; --triangle-opacity: 0; }
.lab__title > span:nth-child(2) { display: flex; gap: 7px; justify-content: flex-end; }
.lab__title > span:nth-child(2)::after { content: url("data:image/svg+xml,<svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 0L7.4641 6H0.535898L4 0Z\" fill=\"white\"/></svg>"); display: block; opacity: var(--triangle-opacity); }
@media screen and (min-width: 1024px) {
  .lab__title > span:nth-child(2) { justify-content: flex-start; }
}
.lab__text { line-height: 1.23077; margin: 0px; }
@media screen and (min-width: 1024px) {
  .lab__text { max-width: 375px; line-height: 1.21429; translate: 56.3362%; }
}
.lab__gallery { position: relative; visibility: hidden; display: flex; flex-direction: column; gap: 80px; padding: 40px 0px; }
@media screen and (min-width: 768px) {
  .lab__gallery { flex-flow: wrap; }
}
@media screen and (min-width: 1024px) {
  .lab__gallery { display: block; gap: 0px; padding: 0px; height: 235.741vh; }
}
.lab__gallery__figure { border-radius: 10px; overflow: hidden; margin: 0px; aspect-ratio: 4 / 3; }
@media screen and (min-width: 768px) {
  .lab__gallery__figure { width: 40%; }
  .lab__gallery__figure:nth-child(2n) { translate: 0px -50%; }
}
@media screen and (min-width: 1024px) {
  .lab__gallery__figure { position: absolute; }
  .lab__gallery__figure:nth-child(1) { width: 19.5312vw; height: 14.6875vw; max-width: 978px; max-height: 736px; top: 6.75926vh; left: 16.25vw; translate: 0px; }
  .lab__gallery__figure:nth-child(2) { width: 12.7083vw; height: 9.47917vw; max-width: 637px; max-height: 475px; top: 10.1852vh; left: 43.6458vw; }
  .lab__gallery__figure:nth-child(3) { width: 26.4062vw; height: 19.7917vw; max-width: 1322px; max-height: 991px; top: -5vh; right: 9.375vw; }
  .lab__gallery__figure:nth-child(4) { width: 19.5312vw; height: 14.6875vw; max-width: 978px; max-height: 736px; top: 37.963vh; right: 23.0729vw; }
  .lab__gallery__figure:nth-child(5) { width: 26.4062vw; height: 19.7917vw; max-width: 1322px; max-height: 991px; left: 0px; top: 60.5556vh; }
  .lab__gallery__figure:nth-child(6) { width: 19.5312vw; height: 14.6875vw; max-width: 978px; max-height: 736px; left: 32vw; top: 75.463vh; }
  .lab__gallery__figure:nth-child(7) { width: 12.7083vw; height: 9.47917vw; max-width: 637px; max-height: 475px; top: 75.463vh; right: 23.0729vw; }
  .lab__gallery__figure:nth-child(8) { width: 19.5312vw; height: 14.6875vw; max-width: 978px; max-height: 736px; top: 59.3519vh; right: 0px; translate: 0px; }
  .lab__gallery__figure:nth-child(9) { width: 19.5312vw; height: 14.6875vw; max-width: 978px; max-height: 736px; top: 109.074vh; left: 22.7083vw; }
  .lab__gallery__figure:nth-child(10) { width: 26.4062vw; height: 19.7917vw; max-width: 1322px; max-height: 991px; top: 125vh; left: 50.5208vw; }
  .lab__gallery__figure:nth-child(11) { width: 12.7083vw; height: 9.47917vw; max-width: 637px; max-height: 475px; top: 103.704vh; right: 2.5vw; }
  .lab__gallery__figure:nth-child(12) { width: 12.7083vw; height: 9.47917vw; max-width: 637px; max-height: 475px; top: 150vh; left: 2.5vw; }
  .lab__gallery__figure:nth-child(13) { width: 26.4062vw; height: 19.7917vw; max-width: 1322px; max-height: 991px; top: 174.815vh; left: 9.47917vw; }
  .lab__gallery__figure:nth-child(14) { width: 19.5312vw; height: 14.6875vw; max-width: 978px; max-height: 736px; top: 173.056vh; left: 43.6458vw; }
  .lab__gallery__figure:nth-child(15) { width: 19.5312vw; height: 14.6875vw; max-width: 978px; max-height: 736px; top: 166.204vh; right: 9.47917vw; }
  .lab__gallery__figure:nth-child(16) { width: 12.7083vw; height: 9.47917vw; max-width: 637px; max-height: 475px; top: 213.889vh; left: 50.5208vw; }
  .lab__gallery__figure:nth-child(17) { width: 12.7083vw; height: 9.47917vw; max-width: 637px; max-height: 475px; top: 199.167vh; right: 9.47917vw; }
}
@media screen and (min-width: 1280px) {
  .lab__gallery__figure:nth-child(4) { top: 55vh; }
}
.lab__gallery__image { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
canvas.lab__canvas { height: 100%; left: 0px; opacity: 0; position: fixed; top: 0px; transition: opacity 1s; width: 100%; z-index: 1; }
.loaded canvas.lab__canvas { opacity: 1; }
.error-page { background: rgb(242, 200, 204); overflow: hidden; }
.error-page .text-white, .error-page .mono { color: rgb(27, 27, 27); }
.error-page .button { background: rgb(27, 27, 27); color: rgb(255, 255, 255); }
.error-page .button:focus, .error-page .button:hover { background: transparent; color: rgb(27, 27, 27); border-color: rgb(27, 27, 27); }
.error-page .header { mix-blend-mode: normal; }
.error-page .header svg { fill: rgb(27, 27, 27); }
.error-page .header__nav__el a:not(.button), .error-page .header__nav__el a .badge { color: rgb(27, 27, 27); }
.error-page .header__nav__el .button { background: transparent; color: rgb(27, 27, 27); }
@media screen and (min-width: 1024px) {
  .error-page .header__nav__el .button { background: rgb(27, 27, 27); color: rgb(255, 255, 255); }
  .error-page .header__nav__el .button:focus, .error-page .header__nav__el .button:hover { background: transparent; color: rgb(27, 27, 27); border-color: rgb(27, 27, 27); }
}
.error-page__main { display: flex; flex-direction: column; justify-content: center; align-items: center; height: calc(-82px + 100vh); color: rgb(27, 27, 27); padding-top: 75px; }
.error-page__main h1 { font-size: 12.5rem; line-height: 1; }
@media screen and (min-width: 768px) {
  .error-page__main h1 { font-size: 25rem; }
}
@media (max-height: 840px) and (min-width: 600px) {
  .error-page__main h1 { font-size: 15rem; }
}
@media (min-height: 840px) and (min-width: 1024px) {
  .error-page__main h1 { font-size: 35rem; }
}
@media (min-height: 1100px) and (min-width: 1350px) {
  .error-page__main h1 { font-size: 50rem; }
}
.error-page__main p.mono { text-align: center; margin: 20px 0px 10px; font-size: 0.75rem; }
@media screen and (min-width: 768px) {
  .error-page__main p.mono { font-size: 0.875rem; margin-bottom: 0px; }
}
.error-page__main p.serif { text-transform: uppercase; margin-bottom: 20px; font-size: 2.25rem; }
@media screen and (min-width: 768px) {
  .error-page__main p.serif { font-size: 3.825rem; }
}
.splitting.cells img { width: 100%; display: block; }
@supports (display: grid) {
  .splitting.cells { position: relative; overflow: hidden; background-size: cover; visibility: hidden; }
  .splitting .cell-grid { background: inherit; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: grid; grid-template: repeat(var(--row-total),1fr) / repeat(var(--col-total),1fr); }
  .splitting .cell { background: inherit; position: relative; overflow: hidden; }
  .splitting .cell-inner { background: inherit; position: absolute; visibility: visible; width: calc(100% * var(--col-total)); height: calc(100% * var(--row-total)); left: calc(-100% * var(--col-index)); top: calc(-100% * var(--row-index)); }
  .splitting .cell { --center-x: calc((var(--col-total) - 1) / 2); --center-y: calc((var(--row-total) - 1) / 2); --offset-x: calc(var(--col-index) - var(--center-x)); --offset-y: calc(var(--row-index) - var(--center-y)); --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) ); --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) ); }
}
.splitting .word, .splitting .char { display: inline-block; }
.splitting .char { position: relative; }
.splitting .char::before, .splitting .char::after { content: attr(data-char); position: absolute; top: 0px; left: 0px; visibility: hidden; transition: inherit; user-select: none; }
.splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2); }
.splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total)); }
.splitting .char { --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) ); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center))); }