*,*:before,*:after{box-sizing:border-box}*,html,body{margin:0;padding:0;border:0}html,body{height:100%}body{line-height:1.25;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:none;cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.5rem;text-align:left}#root,#__next{isolation:isolate}@media (prefers-reduced-motion: reduce){*{animation:none;transition:none;scroll-behavior:auto}}@font-face{font-family:Author;src:url(../fonts/Author-Variable.woff2) format("woff2"),url(../fonts/Author-Variable.woff) format("woff"),url(../fonts/Author-Variable.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:Author-Italic;src:url(../fonts/Author-VariableItalic.woff2) format("woff2"),url(../fonts/Author-VariableItalic.woff) format("woff"),url(../fonts/Author-VariableItalic.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:italic}/**
* @license
*
* Font Family: Clash Display
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-display
* © 2024 Indian Type Foundry
*
* Clash Display Variable (Variable font)
*/@font-face{font-family:ClashDisplay;src:url(../fonts/ClashDisplay-Variable.woff2) format("woff2"),url(../fonts/ClashDisplay-Variable.woff) format("woff"),url(../fonts/ClashDisplay-Variable.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:Bodoni Moda;src:url(../fonts/BodoniModaSC72pt-BoldItalic.woff2) format("woff2"),url(../fonts/BodoniModaSC72pt-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(../fonts/BodoniModaSC72pt-Bold.woff2) format("woff2"),url(../fonts/BodoniModaSC72pt-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(../fonts/BodoniModaSC72pt-Regular.woff2) format("woff2"),url(../fonts/BodoniModaSC72pt-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(../fonts/BodoniModaSC72pt-Italic.woff2) format("woff2"),url(../fonts/BodoniModaSC72pt-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}:root{--main-bg-color: #010101;--main-color: #fdfaf3;--color-1: #ffd5a5;--color-2: #fe3017;--color-3: #f75d65;--color-4: #b5bfa0;--scrollAreaOpacity: 1}body{font-family:Author,sans-serif;color:var(--main-color);background-color:var(--main-bg-color);-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}h1,h2,h3,h4{font-family:ClashDisplay;font-weight:400;line-height:1}section{position:relative;display:flex;justify-content:center;min-height:100vh}.slider-canvas{z-index:10}.slider-canvas,.welcome-canvas{position:fixed;width:100%;height:100%;left:0;top:0}.slider-canvas.cursor-pointer{cursor:pointer}.scroll-area.detail-visible{opacity:1}.scroll-area{opacity:var(--scrollAreaOpacity);position:fixed;top:0;left:0;width:100%;height:100%}.scroll-horizontal{position:absolute;top:0;left:0;will-change:transform}.scroll-vertical{z-index:-1;opacity:1;position:fixed;top:0;left:0;width:100%;height:100%;will-change:transform}.scroll-vertical.visible{opacity:1}.scroll-vertical.z-index-100{z-index:100}.container{position:relative;width:fit-content;display:flex;flex-direction:row}.welcome{min-width:100vw;position:relative;display:flex;align-items:center;justify-content:center}.welcome-wrapper{position:absolute;width:60%}.welcome-title{z-index:1;position:relative;text-transform:uppercase;text-align:right;font-size:6.75vw}.welcome.hide .welcome-title .line{opacity:0;transform:translate3d(0,100%,0)}.welcome .welcome-title .line{text-wrap:nowrap;opacity:1;transform:translateZ(0);transition:transform .5s cubic-bezier(.785,.135,.15,.86) .25s,opacity .5s cubic-bezier(.785,.135,.15,.86) .25s}.welcome-title .line-wrapper:last-child{font-family:Bodoni Moda;font-style:italic;padding-right:.25vw}.welcome.hide .welcome-description{opacity:0;transform:translate3d(0,-10%,0)}.welcome-description{z-index:1;position:relative;font-family:ClashDisplay;width:50%;color:#fffc;font-size:1.3vw;padding-left:1vw;opacity:1;transform:translateZ(0);transition:transform .5s cubic-bezier(.785,.135,.15,.86) .25s,opacity .5s cubic-bezier(.785,.135,.15,.86) .25s}.welcome-images{z-index:1;will-change:transform;position:absolute;width:100%;height:100%;top:0;left:0}.welcome-images img{opacity:0;will-change:transform;position:absolute;height:auto;top:50%;left:50%}.welcome-images img:nth-child(1){width:17.5%}.welcome-images img:nth-child(2){width:25%}.welcome-images img:nth-child(3){width:12.5%}.welcome-images img:nth-child(4){width:22.5%}.welcome-images img:nth-child(5){width:35%}.welcome .welcome-scroll{position:absolute;z-index:100;width:100%;bottom:5%;right:5%;display:flex;justify-content:end;align-items:center;gap:1vw;font-size:1vw;opacity:1;font-weight:200;transform:translateZ(0);transition:transform .75s ease,opacity .75s ease}.welcome .welcome-scroll img{width:40%;height:auto}.welcome .welcome-scroll.hide{opacity:0;transform:translate3d(-2%,0,0)}.intro{z-index:1;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-horizontal .intro.hide .line{opacity:0;transform:translate3d(0,100%,0)}.scroll-horizontal .intro .line{opacity:1;transform:translateZ(0);transition:transform 1s cubic-bezier(.785,.135,.15,.86),opacity 1s cubic-bezier(.785,.135,.15,.86)}.intro-title{text-transform:uppercase}.intro-description{font-weight:100;line-height:1.1;font-size:8vw;text-align:center;width:60%}.slider{height:100vh;display:flex;flex-direction:row}.slide{position:relative;width:fit-content;height:100%;display:flex;align-items:center;justify-content:center;padding-inline:11vw;flex-direction:column;transform:translate3D(0,2vh,0)}.slide-line{transform-origin:top;transform:scaleZ(1);width:min(1px,.1rem);height:calc(100vh - 50px);background-image:linear-gradient(#fff,#fff,#f0f0f0,#000);flex-shrink:0;opacity:.5}.slide-wrapper{height:auto;position:relative;width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column}.slide-title{font-family:ClashDisplay}.slide-date-start,.slide-date-end{font-family:Bodoni Moda}.slide-title-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:auto}.slide-title{overflow:hidden;position:absolute;text-align:center;line-height:.85;width:fit-content;height:auto;transform:translateY(calc(-100% + 1.5vh)) translate(-50%);text-transform:uppercase;text-wrap:nowrap;left:50%}.slide-title .line{background-image:radial-gradient(ellipse at bottom,#111,#eee,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.slide-content{position:relative;display:flex;flex-direction:row;align-items:center;width:fit-content}.slide-image{z-index:100;max-height:50vh;filter:drop-shadow(0vh 5vh 10vh #000);cursor:pointer;opacity:0}.slide-date-start{overflow:hidden;font-size:8vh;margin-bottom:12.5%;transform:translate3D(5%,0,0)}.slide-date-start .line{background-image:linear-gradient(to right,#fff,#fff,#555);-webkit-background-clip:text;background-clip:text;color:transparent}.slide-date-end{overflow:hidden;font-size:8vh;margin-top:12.5%;transform:translate3D(-5%,0,0)}.slide-date-end .line{background-image:linear-gradient(to left,#fff,#fff,#555);-webkit-background-clip:text;background-clip:text;color:transparent}.scroll-horizontal .line{transition:transform .5s cubic-bezier(.785,.135,.15,.86) .65s,opacity .5s cubic-bezier(.785,.135,.15,.86) .65s}.scroll-horizontal .slide-line{transition:transform .5s cubic-bezier(.785,.135,.15,.86) .75s,opacity .5s cubic-bezier(.785,.135,.15,.86) .5s}.scroll-horizontal.hide .line{transition:transform .5s cubic-bezier(.785,.135,.15,.86),opacity .5s cubic-bezier(.785,.135,.15,.86)}.scroll-horizontal.hide .line{transform:translate3d(0,100%,0);opacity:0}.scroll-horizontal.hide .slide-line{opacity:0;transform:scale3d(1,0,1);transform-origin:top;transition:transform .75s cubic-bezier(.785,.135,.15,.86),opacity .75s cubic-bezier(.785,.135,.15,.86) .07s}.scroll-vertical.hide .line{transform:translate3d(100%,0,0);opacity:0}.line-wrapper{display:inline-block;overflow:hidden}.line{transition:transform .5s cubic-bezier(.785,.135,.15,.86),opacity .5s cubic-bezier(.785,.135,.15,.86);display:inline-block;transform:translateZ(0)}@media (orientation: portrait){.intro-description{font-size:3.75vw}.slide-image{width:33vw;height:auto}.slide-title{font-size:12vw;transform:translateY(calc(-100% + 2vh)) translate(-50%)}.slide-date-start,.slide-date-end{font-size:8vw}.slide{padding-inline:calc(20vw + 10vh)}}@media (orientation: landscape){.intro-description{font-size:4vw}.slide-image{width:auto;height:50vh}.slide-title{font-size:12vh;transform:translateY(calc(-100% + 5vh)) translate(-50%)}.slide-date-start,.slide-date-end{font-size:8vh}.slide{padding-inline:11vw}}.slide-button{z-index:2;padding:2.5vh}nav{position:fixed;width:100vw;padding-inline:2.5vw;left:0;right:0;bottom:25px;display:flex;align-items:center;justify-content:space-between;transition:transform .7s cubic-bezier(.785,.135,.15,.86),opacity .6s cubic-bezier(.785,.135,.15,.86)}nav.hidden{opacity:0;transform:translate3D(0,15px,0)}nav.visible{opacity:1;transform:translateZ(0)}.nav-progress-container{position:absolute;width:calc(100% - 5vw);height:25px;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background-color:#ffffff26;opacity:1}.nav-progress-state{opacity:.5;width:100%;height:100%;background-color:#fff;background-image:linear-gradient(to right,#fff,#989898 10%,#fff 50%,#a1a1a1);display:flex;align-items:center;justify-content:space-between;transform-origin:left;transform:scale3d(0,1,1)}.nav-progress-mask{z-index:1;margin:auto;border-radius:20px;position:absolute;background-color:var(--main-bg-color);opacity:1;top:50%;left:50%;transform:translate3D(-50%,-50%,0);width:calc(100% - 1px);height:calc(100% - 2px)}.nav-wrapper{z-index:2;position:relative;width:100%;display:flex;align-items:center;justify-content:space-evenly;border-radius:20px}.nav-link{position:relative;cursor:pointer;user-select:none}.nav-link .clickable{position:absolute;top:1px;width:30px;height:100%;transform:translate(-50%)}.nav-link:before{position:relative;display:inline-block;background-color:transparent;border:.5px solid #ffffffbd;border-radius:5px;content:"";width:5px;height:5px;top:50%;left:50%;transform:scale(1) translate3D(-50%,-50%,0);transition:transform .3s cubic-bezier(.785,.135,.15,.86),background-color .4s cubic-bezier(.785,.135,.15,.86);transform-origin:center}.nav-link:hover:before{border-color:.5px solid #ffffffb0}.nav-link.passed:before{transform:scale(.95) translate3D(-50%,-50%,0);background-color:#fff}.nav-link:after{position:absolute;content:"";width:1px;height:25px;background-color:#ffffffbd;top:50%;left:50%;transform:translate3D(-50%,calc(-100% - 2px),0) scaleY(0);transition:transform .7s cubic-bezier(.785,.135,.15,.86),opacity .6s cubic-bezier(.785,.135,.15,.86);transform-origin:bottom}.nav-link:hover:after{transform:translate3D(-50%,calc(-100% - 2px),0) scaleY(1)}.nav-link .link-name{position:absolute;top:-25px;font-size:13px;white-space:nowrap;opacity:0;transform:translate3D(-20%,30px,0);transition:transform .6s cubic-bezier(.785,.135,.15,.86),opacity .4s cubic-bezier(.785,.135,.15,.86)}.nav-link .clickable:hover .link-name{opacity:1;transform:translate3D(-20%,-15px,0);transition:transform .8s cubic-bezier(.785,.135,.15,.86),opacity .8s cubic-bezier(.785,.135,.15,.86) .2s}.line-separator{width:2.5vw;height:1px;background-color:#fff}.line-horizontal{width:100%;height:1px;background-color:#676767}.about{z-index:1000;position:fixed;width:100vw;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:5vw;font-weight:200;background:radial-gradient(circle,#181818,#000 85% 100%);font-size:clamp(.75rem,.65vw + .55rem,2rem);clip-path:inset(0 0% 0% 100%);transition:transform .8s cubic-bezier(.785,.135,.15,.86),opacity .8s cubic-bezier(.785,.135,.15,.86) .2s;color:#fff}.about.hide{opacity:0;z-index:-1}.about-placeholder{width:25vw;height:100vh}.about-container{display:flex;flex-direction:row;justify-content:center;gap:10vw}.about-title{font-family:ClashDisplay;text-transform:uppercase;font-size:3.5vw;color:#fff;margin:0;line-height:1;flex-basis:50%;text-align:right}.about h4{font-size:1.5vw;text-transform:uppercase;font-weight:400;margin:0}.about h5{font-weight:500;text-transform:uppercase;margin:0;padding-bottom:.25vw}.about-content,.about-thank,.about-credits,.about-references,.about-references-list{position:relative;display:flex;flex-direction:column;gap:1vw}.about-content{gap:3vw}.about-credits-list{display:flex;flex-direction:row;gap:15vw}.slide-detail{display:flex;height:100vh}.slide-detail img{width:auto;height:80vh;opacity:0}.slide-detail h1{font-family:ClashDisplay;font-size:5vw;margin:0;line-height:1}.slide-detail-right,.slide-detail-left{flex:0 0 50%}.slide-detail-left{display:flex;justify-content:end;align-items:center}.slide-detail-right{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20vh 5vh 5vh}.slide-detail-right-top{padding-top:1.5vh}.scroll-vertical.visible .slide-detail-right-top .line{transform:translateZ(0);transition:transform .5s cubic-bezier(.785,.135,.15,.86) .65s,opacity .5s cubic-bezier(.785,.135,.15,.86) .65s}.scroll-vertical .slide-detail-right-top .line{transform:translate3d(0,125%,0);transition:transform .5s cubic-bezier(.785,.135,.15,.86),opacity .5s cubic-bezier(.785,.135,.15,.86)}.slide-detail-right-top *{overflow:hidden}.slide-detail-right-top .date .line{font-size:2vw;font-family:Bodoni Moda;color:#fff;display:flex;align-items:center;gap:1vw}.scroll-vertical.visible .slide-detail-right-bottom{opacity:1;transform:translateZ(0);transition:transform .75s ease-in-out .65s,opacity .75s cubic-bezier(.785,.135,.15,.86) .65s}.slide-detail-right-bottom{display:flex;flex-direction:column;gap:1vw;transform:translate3d(0,10%,0);opacity:0;color:#fff;font-size:clamp(.75rem,.65vw + .55rem,2rem);max-width:38vw;transition:transform 2.75s ease-in-out,opacity .5s cubic-bezier(.785,.135,.15,.86)}.close-wrapper{z-index:-1;position:absolute;top:2vh;display:flex;align-items:center;justify-content:center;width:100vw;overflow:hidden}.scroll-vertical.visible .close-wrapper{z-index:100}.scroll-vertical.visible .close{opacity:1;transform:translateZ(0);transition:transform .4s ease-in-out .65s,opacity .5s cubic-bezier(.785,.135,.15,.86) .65s}.close-wrapper .close{opacity:0;width:auto;cursor:pointer;transition:transform .5s ease-in-out,opacity .5s cubic-bezier(.785,.135,.15,.86)}.loader{z-index:1000;position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:var(--main-bg-color);background:radial-gradient(circle,#171717,#000);clip-path:inset(0 0 0 0);transition:clip-path 1s cubic-bezier(.785,.135,.15,.86)}.loader.complete{clip-path:inset(0% 100% 0% 0)}.loader .loader-text{position:fixed;top:50%;right:50%;transform:translate3d(50%,-50%,0);color:#fff;font-size:5vw;font-family:ClashDisplay}.extralight{font-weight:200}.light{font-weight:300}.regular{font-weight:400}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.extra-bold{font-weight:800}.black{font-weight:900}.italic{font-style:italic}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}