@font-face{font-family:FilsonPro;src:url(font/FilsonProBlack.96e43ca6.otf)format("opentype");font-weight:900;font-style:normal}@font-face{font-family:FilsonPro;src:url(font/FilsonProBold.9660f758.otf)format("opentype");font-weight:800;font-style:normal}@font-face{font-family:FilsonPro;src:url(font/FilsonProHeavy.c938b8af.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:FilsonPro;src:url(font/FilsonProMedium.c301e98a.otf)format("opentype");font-weight:600;font-style:normal}@font-face{font-family:FilsonPro;src:url(font/FilsonProRegular.77245ccc.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:FilsonPro;src:url(font/FilsonProBook.97f08f4f.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:FilsonPro;src:url(font/FilsonProLight.255dec1f.otf)format("opentype");font-weight:300;font-style:normal}@font-face{font-family:FilsonPro;src:url(font/FilsonProThin.e8b2d44d.otf)format("opentype");font-weight:200;font-style:normal}@font-face{font-family:OmbreSans;src:url(font/OmbreSansVF.c37d8c24.ttf)format("truetype");font-style:normal}:root{--black:#0d0c1d;--white:#f8eee6;--orange:#ff6702;--blue:#c3d5f2;--lightBlue:#f0f3ff;--darkWhite:#f1dac4}body{cursor:default;background-color:var(--white);align-items:flex-start;margin:0;display:flex;overflow:visible}h1{color:var(--black);margin:0;padding:0;font-family:OmbreSans,sans-serif;font-size:28vw;font-weight:900;line-height:80%;position:absolute;bottom:0}a{color:var(--black);margin-right:20px;font-family:FilsonPro,sans-serif;font-size:20px;font-weight:600;text-decoration:none}a:first-of-type{margin-right:auto}nav{z-index:5;width:calc(100vw - 100px);height:10vh;transition-duration:.1s;display:flex;position:absolute;top:20px;left:50px;& a{background-color:var(--white);border-radius:50px;justify-content:center;width:7vw;padding:10px;transition-duration:.2s;display:flex;& img{width:4vw}}}nav:hover{& a:hover{background-color:var(--orange);color:var(--white);transition-duration:.5s}}canvas{z-index:-1;position:fixed;top:0;left:0}.orangeBg{background-color:var(--orange);z-index:1;width:100vw;height:100vh;position:absolute;left:0}.blackBg{background-color:var(--black);z-index:2;width:100vw;height:100vh;position:absolute;top:100vh}.webPageContent{width:80vw;color:var(--white);z-index:3;grid-column:1/span 5;grid-template-columns:repeat(5,20%);margin:10vw;font-family:FilsonPro;font-weight:400;display:grid;position:absolute;top:0;& p{color:var(--white);grid-column:1/span 2;margin-top:0;line-height:150%}& h2{text-align:center;color:var(--white);grid-column:1/-1;font-size:5vw}& h3{grid-column:1/span 3;margin-bottom:4vh;font-size:3vw}& .imgDiv{object-fit:cover;aspect-ratio:1;border-radius:15px;grid-column:4/span 2;width:100%}& .productImg{aspect-ratio:1;object-fit:cover;border-radius:15px;width:25vw;position:absolute}}.productBox{background-color:var(--white);z-index:5;border-radius:15px;width:25vw;height:50vh;padding:.5vw;transition-duration:1s;display:flex;position:absolute;& img{justify-content:center}& h3{color:var(--black);z-index:5;margin-top:45vh;margin-left:1vw;font-size:1.3vw;font-weight:600}}.productBox:hover{transition-duration:.2s;transform:scale(1.05)}.bottomPage{grid-column:span 5;height:100vh}#about{position:absolute;top:300vh}