.load-body{float:right;bottom:6rem;padding:2rem}.load-body,.load-name{position:relative;overflow:hidden}.load-name{top:43rem;padding-left:3rem;font-size:4rem;font-family:var(--font-porlane)}.nav-container{font-family:var(--font-visby);font-size:1.5rem;flex-direction:row;z-index:9999}.button,.nav-container{display:flex;position:fixed}.button{right:0;margin:20px;z-index:999;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;background-color:#eaeaea;padding:1px;transition:color .5s}.overlay{height:100vh;width:100vw;background:#292929;position:fixed;bottom:0;left:0}.pill{height:40px;width:95px;position:fixed;right:80px;font-size:.8rem}.nav-list,.pill{background:#343434;text-transform:uppercase}.nav-list{margin:6rem 2rem 2rem;padding:3rem;font-size:6.5rem;font-family:var(--font-porlane);line-height:1;color:#f5f5f5;height:85vh;border-radius:30px}li{padding:.5rem;border-bottom:.9px solid #928e8e}.-nav{z-index:1000}.contact-card-container{z-index:1;width:100%;height:100%;grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:.25fr 1fr .1fr;grid-template-columns:.35fr 1fr .35fr;grid-auto-columns:1fr;align-content:space-between;display:grid;position:relative;background:#f2f2f2;color:#292929}.--contact{height:90vh}.center-text{padding-top:2rem;font-size:11rem;text-transform:uppercase;line-height:.8;color:#292929}#name,.center-text{font-family:var(--font-porlane)}#name{font-size:4vw}.ct-col-2{text-align:center;font-family:var(--font-visby);font-size:2vw}.ct-col-3{text-align:end}.ct-links{border:1px solid #292929;width:100px;font-size:.8rem;text-transform:uppercase;border-radius:20px}.grid-link{display:flex;gap:10px;padding:5px;align-items:center;justify-content:center}@media screen and (max-width:768px){.contact-card-container{grid-template-columns:1fr;height:100vh;padding:5rem;grid-column-gap:16px;grid-row-gap:16px}.center-text{padding:0;font-size:20vw;text-transform:uppercase;line-height:.8;color:#292929}.ct-col-1,.ct-col-2,.ct-col-3{text-align:center}}@media screen and (max-width:568px){.contact-card-container{top:20%}.--contact{padding:1rem}.contact-card-container{grid-template-columns:1fr;height:90vh;padding:1rem;grid-column-gap:16px;grid-row-gap:16px}.center-text{padding:0;font-size:27vw;text-transform:uppercase;line-height:.8;color:#292929;position:relative;bottom:30%}#name{font-family:var(--font-porlane);font-size:3rem}}.anime{margin-top:2%;height:200px;background-color:#5a4345;width:300px;margin-bottom:1rem;padding:6rem}.--section{flex-direction:column;max-width:1200px;margin:0 auto;min-height:110vh;padding:0 2rem}.--section,.wrapper{display:flex;justify-content:center}.wrapper{height:100vh;align-items:center;position:sticky;top:2rem;margin-top:25vh;padding:1rem}.wk-card-container{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1rem;background-color:#fff;height:90vh;color:#292929;position:relative;top:35%;border-radius:25px;box-shadow:-4px -10px 24px 11px rgba(0,0,0,.1);transform-origin:top}.wk-col-1{font-family:var(--font-visby);padding:3rem}.wk-col-2{width:100%;border-radius:0 20px 20px 0;max-width:none;object-fit:cover;object-position:50% 100%;top:0;bottom:0;left:0;right:0;height:90vh;overflow:hidden}.responsive-two-column-grid{display:block}.h2-title{text-transform:uppercase;font-size:8rem;font-family:var(--font-porlane);height:110px}.wk-text-p{font-size:1.1rem;line-height:1.3;margin-top:17rem}.second-marquee{font-family:var(--font-porlane);font-size:15rem;letter-spacing:4px;height:300px}#explorework{padding:18rem 0 0}.card-links{position:relative;float:left;font-family:var(--font-visby);font-size:1rem}.g-link{margin-top:15px;font-size:.8rem;padding:2px 15px;border-radius:22px;border:1px solid #292929e2;color:#292929e2;text-transform:uppercase}.g-link:hover{background-color:#292929e2;color:#fff}@media (max-width:768px){.wk-card-container{grid-template-columns:1fr;margin-top:1rem;height:80vh;overflow:hidden}.wk-col-2{border-radius:0 0 10px 10px;height:35vh}.wk-col-1{font-family:var(--font-visby);padding:3rem;height:49vh;font-size:.9rem}}@media (max-width:568px){.wk-text-p{font-size:.8rem;line-height:1.2;margin-top:-3rem}#explorework{padding:18rem 0 10rem}.h2-title{text-transform:uppercase;font-size:5.5rem}.second-marquee{font-family:var(--font-porlane);font-size:7rem;letter-spacing:4px;height:50px}.card-links{position:relative;float:left}.g-link{margin-top:10px;font-size:.8rem}.g-link:hover{background-color:#292929e2;color:#fff}}.--intro{z-index:1;max-width:120rem;margin-left:auto;margin-right:auto;margin-bottom:6rem;padding:3rem 2rem 8rem}.col-1{max-width:100%;line-height:1.2;border-radius:20px;letter-spacing:-.02rem;font-size:2rem;background:#fff;color:#292929;padding:9rem 3rem;font-family:var(--font-visby);font-weight:bolder;height:115%;display:flex;flex-direction:column;justify-content:space-between}.col-2{height:115%;max-width:none;object-fit:cover;object-position:50% 100%;top:0;bottom:0;left:0;right:0;overflow:hidden}.col-2,.double-cards{width:100%;position:relative}.double-cards{grid-column-gap:1.25rem;grid-row-gap:1.25rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.horizontal-line{height:1px;background-color:hsla(0,0%,100%,.2);margin:2rem}.about{display:grid;grid-template-columns:1fr 1fr;font-size:2rem;margin:2rem;height:60vh;font-family:var(--font-visby)}.abt-title{font-family:var(--font-porlane);font-size:5rem;text-transform:uppercase}.abt-p{font-size:1.3rem;padding-right:5px;line-height:1.3}.--cards{display:flex;flex-direction:row;gap:1rem}.text-intro{animation-duration:3s;animation-name:slideup;font-weight:800}.disc{width:100px;height:100px;background:red;border-radius:50%}.parallax{position:relative;z-index:-100;background-image:url(https://github.com/R-LaRoi/st-studio-app/assets/114012059/11968111-d19c-4f65-b09d-eefb362fbfad);height:800px;overflow:hidden!important;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.wk-list{margin-top:5rem;position:relative;float:right;font-size:4rem;letter-spacing:-1px;width:max-content;height:500px}.li-list{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end;text-transform:uppercase}.number{font-size:1.5rem;padding-left:12rem}.mq-parallax{display:none}@keyframes slideup{0%{margin-top:100%;width:100%}to{margin-top:0;width:100%}}@media screen and (max-width:899px){.double-cards{display:flex;flex-direction:column-reverse;grid-gap:1.5rem}.col-1{height:90vh}}@media screen and (max-width:768px){.about{display:grid;grid-template-columns:1fr;font-size:2rem;margin:3rem 2rem;padding-bottom:5rem;line-height:1}}@media screen and (max-width:586px){.abt-title{padding-bottom:0;height:5px}.--cards{display:flex;flex-direction:column-reverse;margin-top:6rem;gap:2rem}.about{grid-template-columns:1fr;font-size:1.5rem;line-height:1}.col-1{height:45vh;font-family:1.3rem;padding:1.5rem 1rem}.--intro{z-index:1;max-width:120rem;margin-left:auto;margin-right:auto;margin-bottom:3rem;padding:2rem 1rem}.col-2{height:45vh}.intro-text{font-size:1.3rem}.parallax{display:none}.mq-parallax{display:block}.wk-list{margin-top:8rem;position:relative;float:right;font-size:2rem;letter-spacing:-1px;width:max-content;height:200px}.li-list{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end;text-transform:uppercase}.number{font-size:1.5rem;padding-left:4rem}}.vid{z-index:-1}.marquee,.vid{position:relative}.marquee{width:100vw;max-width:100%;height:606px;flex:none;padding:0;overflow:hidden}.track{position:absolute;white-space:nowrap}.marquee-text{margin-top:3rem;text-transform:uppercase;font-family:var(--font-porlane);font-size:30rem;color:#fff}@media screen and (max-width:586px){.marquee-text{margin-top:4.5rem;font-size:11rem;color:#fff;font-family:var(--font-porlane)}.marquee{height:260px}}