:root{--size-zero--0: 0px;--size-desktop--1: .1em;--size-desktop--2: .2em;--size-desktop--3: .3em;--size-desktop--5: .5em;--size-desktop--8: .8em;--size-desktop--21: 2.1em;--size-desktop--34: 3.4em;--size-desktop--55: 5.5em;--size-desktop--89: 8.9em;--size-desktop--144: 14.4em;--size-desktop--233: 23.3em;--size-desktop--377: 37.7em;--size-desktop--610: 61em;--size-desktop--11: 1.1em;--size-desktop--12: 1.2em;--size-desktop--13: 1.3em;--size-desktop--14: 1.4em;--size-desktop--15: 1.5em;--size-desktop--17: 1.7em;--size-desktop--18: 1.8em;--size-desktop--19: 1.9em;--size-desktop--23: 2.3em;--size-desktop--25: 2.5em;--size-desktop--27: 2.7em;--size-desktop--44: 4.4em;--size-desktop--60: 6em;--size-desktop--70: 7em;--size-desktop--80: 8em;--size-desktop--100: 10em;--size-desktop--110: 11em;--size-desktop--130: 13em;--size-desktop--150: 15em;--size-desktop--230: 23em;--size-desktop--240: 24em;--size-desktop--277: 27em;--size-tablet--1: 1px;--size-tablet--2: 2px;--size-tablet--3: 3px;--size-tablet--5: 5px;--size-tablet--8: 8px;--size-tablet--21: 21px;--size-tablet--34: 34px;--size-tablet--55: 55px;--size-tablet--89: 89px;--size-tablet--144: 144px;--size-tablet--233: 233px;--size-tablet--377: 377px;--size-tablet--610: 550px;--size-tablet--11: 11px;--size-tablet--12: 12px;--size-tablet--13: 13px;--size-tablet--14: 14px;--size-tablet--15: 15px;--size-tablet--17: 17px;--size-tablet--18: 18px;--size-tablet--19: 19px;--size-tablet--23: 23px;--size-tablet--25: 25px;--size-tablet--27: 27px;--size-tablet--44: 44px;--size-tablet--60: 60px;--size-tablet--70: 70px;--size-tablet--80: 80px;--size-tablet--100: 100px;--size-tablet--110: 110px;--size-tablet--130: 130px;--size-tablet--150: 150px;--size-tablet--230: 230px;--size-tablet--240: 240px;--size-tablet--277: 270px;--si-black: #232323;--si-white: #ffffff;--si-grey: #ffffff89}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;-webkit-user-select:none;user-select:none;overscroll-behavior:none;color:var(--si-black);font-family:HNDExtraBold;background-color:var(--si-black);-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased}body::-webkit-scrollbar{display:none}body{background-color:var(--si-black);font-size:.5625vw}a,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0}img{object-fit:cover;max-width:100%}a{cursor:pointer;text-decoration:none}h1{font-family:HNDExtraBold,sans-serif;font-size:var(--size-desktop--277);line-height:var(--size-desktop--240);letter-spacing:-.025em;font-weight:700}h2{font-family:HNDMedium,sans-serif;font-size:var(--size-desktop--55);line-height:var(--size-desktop--55);margin-top:0;margin-bottom:0;font-weight:500}h5{font-family:HNDBold,sans-serif;font-size:var(--size-desktop--11);line-height:var(--size-desktop--11);margin-top:0;margin-bottom:0;font-weight:500}p{font-family:HNDMedium,sans-serif;font-size:var(--size-desktop--21);line-height:var(--size-desktop--27);margin-bottom:0;font-weight:500}@media screen and (max-width: 991px){:root{--size-desktop--1: var(--size-tablet--1);--size-desktop--2: var(--size-tablet--2);--size-desktop--3: var(--size-tablet--3);--size-desktop--5: var(--size-tablet--5);--size-desktop--8: var(--size-tablet--8);--size-desktop--21: var(--size-tablet--21);--size-desktop--34: var(--size-tablet--34);--size-desktop--55: var(--size-tablet--55);--size-desktop--89: var(--size-tablet--89);--size-desktop--144: var(--size-tablet--144);--size-desktop--233: var(--size-tablet--233);--size-desktop--377: var(--size-tablet--377);--size-desktop--610: var(--size-tablet--610);--size-desktop--11: var(--size-tablet--11);--size-desktop--12: var(--size-tablet--12);--size-desktop--13: var(--size-tablet--13);--size-desktop--14: var(--size-tablet--14);--size-desktop--15: var(--size-tablet--15);--size-desktop--17: var(--size-tablet--17);--size-desktop--18: var(--size-tablet--18);--size-desktop--19: var(--size-tablet--19);--size-desktop--23: var(--size-tablet--23);--size-desktop--25: var(--size-tablet--25);--size-desktop--27: var(--size-tablet--27);--size-desktop--44: var(--size-tablet--44);--size-desktop--60: var(--size-tablet--60);--size-desktop--70: var(--size-tablet--70);--size-desktop--80: var(--size-tablet--80);--size-desktop--100: var(--size-tablet--100);--size-desktop--110: var(--size-tablet--110);--size-desktop--130: var(--size-tablet--130);--size-desktop--150: var(--size-tablet--150);--size-desktop--230: var(--size-tablet--230);--size-desktop--240: var(--size-tablet--240);--size-desktop--270: var(--size-tablet--270)}h1{font-size:var(--size-tablet--130);line-height:var(--size-tablet--110);letter-spacing:-.3vh;font-weight:700}}@media (max-aspect-ratio: 16/9){@media (orientation: portrait){h1{font-size:var(--size-tablet--150);line-height:var(--size-tablet--110);letter-spacing:-.3vh;font-weight:700}}}@media screen and (max-width: 768px){h1{font-size:var(--size-tablet--130);line-height:var(--size-tablet--110);letter-spacing:-.3vh;font-weight:700}}@media screen and (max-width: 479px){h1{font-size:var(--size-tablet--70);line-height:var(--size-tablet--70);letter-spacing:-.3vh;font-weight:700}}@font-face{font-family:HND;src:url(../Fonts/woff2/HND-Regular.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:HNDMedium;font-weight:500;src:url(../Fonts/woff2/HND-Medium.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:HNDBold;src:url(../Fonts/woff2/HND-Bold.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:HNDExtraBold;src:url(../Fonts/woff2/HND-ExtraBold.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:HNDExtraBlack;src:url(../Fonts/otf/HND-ExtraBlack.otf) format("opentype");font-style:normal;font-display:swap}.navbar{width:100vw;display:flex;justify-content:space-between;position:fixed;top:0;left:0;z-index:1300;padding:var(--size-desktop--21) var(--size-desktop--34) 0px var(--size-desktop--13)}.sample-logo-image{font-size:var(--size-desktop--13)}.page-navigation{display:flex;gap:var(--size-desktop--55)}.page-nav-text{text-transform:uppercase;font-size:var(--size-desktop--11)}.page-content{width:100%;height:100%;color:var(--si-white);position:relative;z-index:5;display:flex;align-items:center;flex-direction:column;justify-content:center}.content-home{display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;z-index:5;gap:var(--size-desktop--55);padding:var(--size-desktop--21) var(--size-desktop--34) var(--size-desktop--5) var(--size-desktop--13)}.sample-home-grid{width:100%;height:420vh;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(22,1fr);grid-gap:var(--size-desktop--21);grid-template-areas:"logo . . . . . navlinks navlinks" "title title title title title title title title" "title title title title title title title title" ". . . . . . . ." "image-01 image-01 image-01 image-01 image-01 brief-01 brief-01 ." "image-01 image-01 image-01 image-01 image-01 . . ." "image-01 image-01 image-01 image-01 image-01 brief-02 brief-02 brief-02" "image-01 image-01 image-01 image-01 image-01 brief-02 brief-02 brief-02" "image-01 image-01 image-01 image-01 image-01 brief-02 brief-02 brief-02" "image-01 image-01 image-01 image-01 image-01 . . ." ". . . . . . . ." ". . . . . . . ." ". image-02 image-02 image-02 image-02 . image-03 image-03" ". image-02 image-02 image-02 image-02 . image-03 image-03" ". image-02 image-02 image-02 image-02 . . ." ". . . . . . . ." ". image-04 image-04 image-05 image-05 image-05 . ." ". image-04 image-04 image-05 image-05 image-05 . ." ". . . image-05 image-05 image-05 . ." ". . . image-05 image-05 image-05 . ." ". . . . . . . ." ". . . socials socials socials . .";position:relative;z-index:3}.sample-logo{grid-area:logo}.sample-navlinks{grid-area:navlinks;justify-self:flex-end;display:flex;gap:var(--size-desktop--55)}.sample-hero-title{grid-area:title;align-self:center;justify-self:center}.sample-hero-title-text{font-family:HNDExtraBlack,sans-serif}.briefs{will-change:transform}.briefs.one{grid-area:brief-01;align-self:flex-end;padding-right:var(--size-desktop--34)}.briefs.two{grid-area:brief-02;position:relative;left:-34%;z-index:21}.brief-text.small{font-size:var(--size-desktop--15);line-height:var(--size-desktop--11)}.brief-text.big{font-size:var(--size-desktop--44);line-height:var(--size-desktop--11)}.sample-image-with-text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--size-desktop--8)}.sample-image-parent{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.sample-image-description-text{text-transform:uppercase;font-size:var(--size-desktop--11);font-family:HNDBold,sans-serif}.sample-image-with-text.one{grid-area:image-01}.sample-image-with-text.two{grid-area:image-02}.sample-image-with-text.three{grid-area:image-03}.sample-image-with-text.four{grid-area:image-04}.sample-image-with-text.five{grid-area:image-05}.socials{grid-area:socials;justify-self:center;align-self:flex-end;display:flex;flex-direction:column;align-items:center;gap:var(--size-desktop--5)}.socials-links{display:flex;gap:var(--size-desktop--5)}.socials-text{color:var(--si-black);text-transform:uppercase;font-family:HNDBold,sans-serif;font-size:var(--size-desktop--15);line-height:var(--size-desktop--8)}.footer{width:100%;display:flex;justify-content:space-between}.footer-goal{text-align:center;font-size:var(--size-desktop--11);line-height:var(--size-desktop--11)}.si-website-text{color:var(--si-black)}.balls{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.balls-wrapper{width:80%;height:60%;display:flex;flex-direction:column;justify-content:space-between}.ball{width:13em;height:13em;border-radius:50%;background-color:var(--si-white)}@media (max-aspect-ratio: 16/9){@media (orientation: portrait){.content-home{padding-top:var(--size-desktop--233);padding-bottom:var(--size-desktop--8)}.sample-home-grid{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--size-desktop--89)}.briefs.one{padding:0;align-self:center}.briefs.two{left:0}.brief-text.small{text-align:center;line-height:var(--size-tablet--11);padding:var(--size-desktop--34) 0 var(--size-desktop--34) 0}.brief-text.big{font-size:var(--size-desktop--34);line-height:var(--size-desktop--11)}.sample-image-with-text{height:50vh;align-items:center}.socials{width:100%;padding-top:var(--size-desktop--55)}.footer{flex-direction:column;align-items:center;gap:var(--size-desktop--21)}.footer-goal{text-align:center;font-size:var(--size-desktop--11);line-height:var(--size-desktop--11)}}}@media only screen and (max-width: 768px){.content-home{padding-top:var(--size-desktop--233);padding-bottom:var(--size-desktop--8)}.sample-home-grid{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--size-desktop--21)}.briefs.one{padding:0 var(--size-desktop--89) 0 var(--size-desktop--89)}.briefs.two{left:0}.brief-text.small{text-align:center;line-height:var(--size-tablet--15);padding:var(--size-desktop--34) 0 var(--size-desktop--34) 0}.brief-text.big{font-size:var(--size-desktop--34);line-height:var(--size-desktop--34)}.sample-image-with-text{height:50vh;align-items:center}.socials{width:100%;padding-top:var(--size-desktop--55)}.footer-goal{text-align:center;font-size:var(--size-desktop--11);line-height:var(--size-desktop--11)}}@media screen and (max-width: 479px){.content-home{padding-top:var(--size-tablet--233)}.briefs.one{padding:0 var(--size-desktop--55) 0 var(--size-desktop--55)}}#preloader{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;position:fixed;z-index:987;left:0;top:0;visibility:hidden;pointer-events:none;color:var(--si-white)}#main-wrapper{width:100%;height:100%;position:fixed;z-index:2}canvas{width:100vw;height:100dvh;position:absolute;z-index:0;top:0;left:0}.page{width:100vw;height:100dvh;position:fixed}.page-cover{display:none}.webgl-image-parent{height:100%}.webgl-image{opacity:0}.page,.navbar{visibility:hidden}.si-lines-mask{overflow:hidden}@media (max-aspect-ratio: 16/9){@media (orientation: landscape){#page-cover{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:3400;background-color:var(--si-white)}#page-cover-text{font-size:var(--si-desktop--21)}}@media (orientation: portrait){canvas,#page-cover{display:none}.webgl-image{opacity:1}}}@media screen and (max-width: 768px){.webgl-image{opacity:1}}
