@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none}a,button{cursor:pointer}input,button,textarea,select{font:inherit}:root{font-family:Oswald,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;scroll:smooth}a{color:#fff}h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif}p{font-family:Open Sans,sans-serif}#main{position:relative;z-index:0;height:100svh;width:100vw;margin:0;overflow:hidden;perspective:1000px;perspective-origin:center;background-color:#000}#main #logo{position:absolute;z-index:99;top:1rem;left:1.5rem;display:flex;gap:1rem;cursor:pointer;text-transform:uppercase;font-weight:900;font-size:28px}#main #logo img{max-width:50px}#main #logo #sublogo{font-size:12px!important;font-family:Open Sans,sans-serif}#main #links{justify-content:center;align-items:center;z-index:99;position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:1.5rem}#main #links .link a{display:flex;justify-content:center;align-items:center}#main #links .screen-btn{position:relative;cursor:pointer}#main #links .screen-box{position:absolute;top:-.5rem;bottom:-.5rem;left:-.5rem;right:-.5rem;border:1px solid rgba(192,192,192,.2);overflow:hidden}#main #links .screen-box:after{background:#fff;content:"";height:155px;left:-80px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .2s cubic-bezier(.19,1,.22,1);width:50px;z-index:-10}#main #links .screen-box:hover:after{left:130%;transition:all .7s cubic-bezier(.19,1,.22,1)}#main #copyright{z-index:99;position:absolute;bottom:2rem;left:1.5rem;font-family:Open Sans,sans-serif;font-size:12px}#main #header{position:absolute;top:7vh;left:50%;transform:translate(-50%);z-index:9;width:max-content;max-width:90vw;pointer-events:none}#main #header #top{display:flex;justify-content:flex-end}#main #header #top #year{font-size:12px;opacity:0}#main #header #title{font-size:clamp(20px,6vw,100px);text-transform:uppercase;text-align:center;font-weight:700;display:flex;justify-content:space-between;opacity:0;line-height:100px}#main #header #subtitle{font-size:clamp(16px,4vw,30px);text-align:center;opacity:0;font-family:Open Sans,sans-serif;font-size:18px;font-weight:700}#main #caption{position:absolute;bottom:25vh;left:50%;transform:translate(-50%);z-index:9;pointer-events:none;opacity:0;font-family:Open Sans,sans-serif;text-align:center;font-size:14px;max-width:90vw;width:100%}#main #track{position:absolute;z-index:1;display:flex;gap:10px;top:50%;left:50%;height:40vh;transform-style:preserve-3d;transform:translateY(-50%);transition:top .2s ease-out}#main #track.mini{top:calc(100svh - 3rem);left:calc(100% - 1.5rem)}#main #track .container{position:relative;z-index:1;flex:1;height:100%;transition:transform .2s ease-out;cursor:pointer}#main #track .container img.cover{z-index:3;width:100%;height:100%;object-fit:cover;object-position:center;-moz-user-select:none;-webkit-user-select:none;user-select:none;filter:grayscale(100%) brightness(.5);transition:filter .2s ease-out,border-radius .2s ease-out}#main #track .container:hover img.cover,#main #track .container.active img.cover{filter:grayscale(0%) brightness(1)}#main #track .container.active img.cover{border-radius:1rem;overflow:hidden}#main #track .container .logo{position:absolute;z-index:0;top:50px;left:50%;transform:translate(-50%) scale(0);width:min-content;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}#main #track .container .logo img{max-height:100px;max-width:200px}@media (max-height: 800px){#main #track .container .logo{top:120px}#main #track .container .logo img{max-height:50px!important;max-width:100px!important}}#main .screen-container{pointer-events:none;position:absolute;z-index:9;width:100vw;height:72vh;top:10vh;opacity:0;overflow-x:hidden!important}#main .screen-container .screen-content{position:relative;overflow-y:auto;display:flex;flex-direction:column;gap:3rem;width:100%;height:100%;opacity:0;padding:1.5rem}#main .screen-container .screen-box{pointer-events:none;position:absolute;left:0;top:0;bottom:0;width:100%;border:1px solid silver}#main .screen-container #favourite-stack,#main .screen-container #other-stack{display:flex;flex-direction:column;gap:1rem}#main .screen-container #favourite-stack p,#main .screen-container #other-stack p{display:flex;align-items:center;flex-wrap:wrap!important;gap:1rem}#main .screen-container #favourite-stack img,#main .screen-container #other-stack img{max-height:30px}#main .screen-container #favourite-stack img:last-child,#main .screen-container #other-stack img:last-child{max-width:20px}#main .screen-container#case-study #case-study-content{padding:1rem 0;border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(to right,#fff0,#fff3 25%,#fff,#fff3 75%,#fff0) 1;border-image-slice:1}#main .screen-container#case-study ::-webkit-scrollbar{width:8px}#main .screen-container#case-study ::-webkit-scrollbar-track{border-radius:10px}#main .screen-container#case-study ::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:10px}#main .screen-container#case-study .case-study{height:0;width:100%;display:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}#main .screen-container#case-study .case-study img{width:1200px;max-width:100%}#main .screen-container#case-study .case-study h2{font-size:4rem;text-transform:uppercase}@media (max-width: 768px){#main .screen-container#case-study .case-study h2{font-size:2rem}}#main .screen-container#case-study .case-study .masonry{padding-inline:1.5rem;display:column;gap:1.5rem}#main .screen-container#case-study .case-study .masonry.masonry-4{columns:4}#main .screen-container#case-study .case-study .masonry.masonry-3{columns:3}#main .screen-container#case-study .case-study .masonry.masonry-2{columns:2}#main .screen-container#case-study .case-study .masonry *{break-inside:avoid;margin-bottom:1.5rem}#main .screen-container#case-study .case-study .masonry .featured{grid-column:span 2}@media (max-width: 768px){#main .screen-container#case-study .case-study .masonry{columns:2!important}#main .screen-container#case-study .case-study .masonry.masonry-sm-1{columns:1!important}}@supports (grid-template-rows: masonry){#main .screen-container#case-study .case-study .masonry{display:grid;grid-template-rows:masonry;grid-auto-flow:dense}#main .screen-container#case-study .case-study .masonry.masonry-4{grid-template-columns:repeat(4,1fr)}#main .screen-container#case-study .case-study .masonry.masonry-3{grid-template-columns:repeat(3,1fr)}#main .screen-container#case-study .case-study .masonry.masonry-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){#main .screen-container#case-study .case-study .masonry{grid-template-columns:repeat(2,1fr)}#main .screen-container#case-study .case-study .masonry.masonry-sm-1{grid-template-columns:repeat(1,1fr)}}#main .screen-container#case-study .case-study *{margin-bottom:1.5rem}}#main #scroll-indicator{position:absolute;left:50%;transform:translate(-50%);bottom:100px;pointer-events:none;opacity:0;z-index:999;transform:scale(.5);height:30px;border:1px solid #ffffff;animation:scroll 1.5s infinite;-webkit-animation:scroll 1.5s infinite}#main #scroll-indicator:after{content:"";display:block;position:absolute;top:100%;left:-5px;width:1px;height:10px;border-top:10px solid #ffffff;border-left:5px solid transparent;border-right:5px solid transparent}@keyframes scroll{0%{height:30px}30%{height:50px}60%{height:30px}}@-webkit-keyframes scroll{0%{height:30px}30%{height:50px}60%{height:30px}}#main #explore{position:absolute;z-index:99;left:50%;bottom:-50px;transform:translate(-50%);text-transform:uppercase;font-size:25px;padding:20px;cursor:pointer;text-align:center;width:max-content}.underline{text-decoration:underline}@media (max-height: 800px){#header{top:90px!important}#title{line-height:40px!important;font-size:1.5rem!important}#caption{bottom:120px!important}#copyright{display:none}#explore{bottom:-90px!important}#scroll-indicator{bottom:30px!important}}@media (max-width: 768px){#header{top:12vh}#logo{font-size:20px!important}#logo img{max-width:35px!important}#caption{bottom:16vh!important}#copyright{font-size:10px!important}}