.icon-animation{min-width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;background-color:#333;border-radius:1rem;font-family:Jetbrains Mono,sans-serif;font-size:14px;transition:.5s cubic-bezier(.25,.46,.45,.94) .1s;text-decoration:none;cursor:pointer;color:#fff;position:relative;z-index:9999}.icon-animation .dot{width:0;height:0;background-color:#2c64ff;border-radius:50%;position:absolute;z-index:10000;top:0;right:0;transition:width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94)}.icon-animation .dot.active{width:10px;height:10px}.icon-animation .icon-animation-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;width:100%;height:24px}.icon-animation .icon-animation-wrapper .icon{transform:translateY(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute}.icon-animation .icon-animation-wrapper .link-name{width:100%;text-align:center;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.icon-animation:hover{padding:0 2rem;background-color:#2c64ff;box-shadow:inset 0 4px 20px rgba(0,0,0,.5)}.icon-animation:hover .icon-animation-wrapper .icon{transform:translateY(-108%)}.icon-animation:hover .icon-animation-wrapper .link-name{transform:translateY(0)}.glow-text{border:1px solid #323232;padding:.5rem;border-radius:1rem;color:#2c64ff;text-decoration:underline;position:relative}.link-wrapper{display:flex;gap:1rem}.link-wrapper .link{position:relative}.link-wrapper .link a{color:#fff;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.link-wrapper .link .link-dot{width:0;height:0;background-color:#2c64ff;border-radius:50%;position:absolute;top:-4px;right:-4px;transition:width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94)}.link-wrapper .link:hover a{color:#a0a0a0}.link-wrapper .link:hover .link-dot{width:4px;height:4px}.link-wrapper-black{overflow:hidden;display:flex;gap:1rem}.link-wrapper-black .over{display:flex;gap:1rem;position:relative}.link-wrapper-black .link{position:relative}.link-wrapper-black .link a{color:#000;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.link-wrapper-black .link .link-dot{width:0;height:0;background-color:#2c64ff;border-radius:50%;position:absolute;top:0;right:0;transition:width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94)}.link-wrapper-black .link:hover a{color:#a0a0a0}.link-wrapper-black .link:hover .link-dot{width:4px;height:4px}.menu-link-wrapper{display:flex;gap:1rem}.menu-link-wrapper .menu-link{position:relative}.menu-link-wrapper .menu-link a{color:#fff;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.menu-link-wrapper .menu-link .link-dot{width:0;height:0;background-color:#2c64ff;border-radius:50%;position:absolute;top:-4px;right:-4px;transition:width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94)}.menu-link-wrapper .menu-link:hover a{color:#a0a0a0}.menu-link-wrapper .menu-link:hover .link-dot{width:4px;height:4px}.display-none{display:none}@media(max-width:768px){.hide-mobile{display:none}}@media(min-width:768px){.hide-desk{display:none}}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::selection{background:#fff;color:#2c64ff}body{width:100vw;height:auto;font-family:ITC Garamond,serif;background-color:#111;color:#fff;cursor:crosshair;overflow-x:hidden}::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ITC Garamond;src:url(/fonts/itc-garamond.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jetbrains Mono;src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans Bold;src:url(/fonts/DM_Sans/static/DMSans-Bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.home{width:100vw;height:auto}.hero-section{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.hero-section .name{font-size:clamp(5rem,10vw,10rem);line-height:.9;cursor:crosshair;text-align:center;z-index:10}.hero-section .name .last{color:#a0a0a0}.cursor-square{position:absolute;width:4rem;height:4rem;border-radius:1rem;background-color:#2c64ff;opacity:0;pointer-events:none;animation:fadeOut 3s cubic-bezier(.25,.46,.45,.94) forwards;z-index:-1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.hero-section .name{transform:translate(0)}.cursor-square{display:none}}.about-section{width:100vw;height:100vh;border-bottom:1px solid #323232}.about-section,.about-section .about-text{display:flex;justify-content:center;align-items:center}.about-section .about-text{width:80%;height:auto;font-size:clamp(2rem,4vw,3rem);text-align:center;flex-wrap:wrap;letter-spacing:3%}@media(max-width:768px){.about-section .about-text{width:90%;line-height:1.4;justify-content:flex-start}}.project-section{width:100vw;height:84vh;row-gap:6rem}.project-section,.project-section .project-heading{display:flex;flex-direction:column;align-items:center}.project-section .project-heading{width:100%;height:50%;justify-content:flex-end}.project-section .project-heading .name{font-size:clamp(6rem,10vw,10rem)}.project-section .project-heading .go-to-projects{text-decoration:underline;color:#a0a0a0;font-family:Jetbrains Mono,sans-serif;text-transform:uppercase;font-size:14px}.project-section .home-project-wrapper{width:auto;height:auto;display:flex;column-gap:.5rem;align-items:flex-start;justify-content:center}.project-section .home-project-wrapper .project-box-wrapper{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:.5rem}.project-section .home-project-wrapper .project-box-wrapper .project-box{width:4rem;height:4rem;border-radius:1rem;background:#333;display:flex;justify-content:center;align-items:center;transition:width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94) .3s;text-decoration:none;color:#fff}.project-section .home-project-wrapper .project-box-wrapper .project-box:hover{width:6rem;height:6rem}@media(max-width:768px){.project-section .home-project-wrapper .project-box-wrapper .project-box:hover{width:4rem;height:4rem}}.project-section .home-project-wrapper .project-box-wrapper .project-box .show-image{position:fixed;right:8px;bottom:8px}.project-section .home-project-wrapper .project-box-wrapper .project-box .show-image .image{width:300px;height:auto;z-index:9999}.project-section .home-project-wrapper .project-box-wrapper .home-project-name{color:#fff;text-decoration:none;text-transform:capitalize;font-family:DM Sans,sans-serif;font-size:12px}.project-section .tooltip{color:#fff;padding:1rem 2rem;border-radius:1rem;font-size:1rem;pointer-events:none;white-space:nowrap;z-index:999;transition:transform .3s cubic-bezier(.25,.46,.45,.94);font-family:Jetbrains Mono,sans-serif;background-color:#2c64ff;box-shadow:inset 0 4px 20px rgba(0,0,0,.5)}.about{width:100vw;height:auto;overflow-x:hidden}.about-hero-section{height:100vh;position:relative}.about-hero-section,.about-hero-section .about-name-container{width:100%;display:flex;justify-content:center;align-items:center}.about-hero-section .about-name-container{height:auto;flex-direction:column;z-index:10}.about-hero-section .about-name-container .about-hero-section-text{width:100%;height:auto;display:flex;justify-content:center;text-align:center;font-size:clamp(2rem,20vw,10rem)}.about-hero-section .about-name-container .divider{width:100%;height:1px;background:#323232}.about-hero-section .pixel-map{position:absolute;z-index:1;opacity:.3;width:500px;height:500px}@media(max-width:768px){.about-hero-section .pixel-map{width:400px;height:400px}}.detailed-about-page{width:100%;height:auto;display:flex;justify-content:center;padding:4rem 0 8rem}.detailed-about-page .detailed-about-text-wrapper{width:50%;height:auto;display:flex;flex-direction:column;gap:1rem}@media(max-width:1280px){.detailed-about-page .detailed-about-text-wrapper{width:70%}}@media(max-width:1024px){.detailed-about-page .detailed-about-text-wrapper{width:90%}}@media(max-width:768px){.detailed-about-page .detailed-about-text-wrapper{width:100%;padding:0 1rem}}.detailed-about-page .detailed-about-text-wrapper .about-heading{line-height:1;display:flex;flex-direction:column;align-items:flex-start}.detailed-about-page .detailed-about-text-wrapper .about-heading p{font-size:clamp(5rem,10vw,10rem);color:#2c64ff;border:1px solid #323232;border-radius:2rem;padding:.5rem 1rem}.detailed-about-page .detailed-about-text-wrapper .about-text{width:100%;height:auto;display:flex;flex-direction:column;gap:1rem}.detailed-about-page .detailed-about-text-wrapper .about-text .about-text-para{width:100%;height:auto;font-family:DM Sans,sans-serif;font-size:1.2rem;line-height:1.5}.project-page{width:100vw;height:auto}.project-hero-section{width:100%;height:90vh;display:flex;justify-content:center;align-items:center}.project-hero-section .project-hero-heading-wrapper{display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.project-hero-section .project-hero-heading-wrapper{gap:.5rem}}.project-hero-section .project-hero-heading-wrapper .project-hero-heading{font-size:clamp(4rem,10vw,10rem)}.project-hero-section .project-hero-heading-wrapper .project-hero-des{height:auto;text-align:center;font-family:Jetbrains Mono,sans-serif;color:#a0a0a0;font-size:1rem}@media(max-width:1024px){.project-hero-section .project-hero-heading-wrapper .project-hero-des{width:60%;font-size:.8rem}}.project-main-section{padding-bottom:8rem}.project-main-section,.project-main-section .project-container,.project-wrapper{width:100%;height:auto}.project-wrapper{border-top:1px solid #323232;display:grid;grid-template-columns:repeat(2,1fr);padding:.5rem 2rem;position:relative;text-decoration:none;color:#fff;overflow:hidden}@media(max-width:1024px){.project-wrapper{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}}.project-wrapper .project-name{width:100%;font-size:clamp(4rem,6vw,5rem);z-index:20}@media(max-width:480px){.project-wrapper .project-name{text-align:center}}.project-wrapper .project-go{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;z-index:20}@media(max-width:480px){.project-wrapper .project-go{flex-direction:column;gap:2rem}}.project-wrapper .project-go .project-go-des{font-size:1rem;font-family:Jetbrains Mono,sans-serif;text-transform:uppercase;text-align:center;color:#a0a0a0}@media(max-width:480px){.project-wrapper .project-go .project-go-des{font-size:12px}}.project-wrapper .project-go .project-go-arrow{width:2rem;height:2rem;border-radius:8px;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;transform:translateY(300%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}@media(max-width:768px){.project-wrapper .project-go .project-go-arrow{transform:translateY(0)}}.project-wrapper .project-wrapper-background{width:100%;height:100%;position:absolute;z-index:10;display:grid;grid-template-rows:1fr 1fr}.project-wrapper .project-wrapper-background .pwb1{align-self:flex-end}.project-wrapper .project-wrapper-background .pwb1,.project-wrapper .project-wrapper-background .pwb2{width:100%;height:0;transition:height .3s cubic-bezier(.25,.46,.45,.94);background-color:#2c64ff}.project-wrapper:hover .project-go .project-go-arrow{transform:translateY(0)}.project-wrapper:hover .project-wrapper-background .pwb1,.project-wrapper:hover .project-wrapper-background .pwb2{width:100%;height:100%}.project-name .char{display:inline-block;overflow:hidden}.navbar{width:100vw;height:auto;display:flex;justify-content:space-between;padding:.5rem;position:fixed;top:0;z-index:9999}.navbar .logo{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;background-color:#2c64ff;border-radius:1rem}.navbar .logo span{font-size:1.5rem;font-family:DM Sans,sans-serif}.navbar .links-wrapper{width:auto;height:auto;display:flex;align-items:flex-start;gap:.25rem}@media(max-width:768px){.navbar .links-wrapper .link{display:none}}.menu{width:auto;height:auto;position:relative;z-index:9999}.menu-social-wrapper{width:100%;display:flex;justify-content:space-between;font-size:14px;font-family:Jetbrains Mono,sans-serif;text-transform:uppercase;transition:opacity .7s cubic-bezier(.25,.46,.45,.94)}.menu-social-closed{opacity:0}.menu-social-wrapper.menu-social-open{opacity:1;transition-delay:.6s}.menu-container{background-color:#333;position:fixed;top:.5rem;right:.5rem;border-radius:1rem;padding:1rem;z-index:-1;justify-content:space-between;transition:width .5s cubic-bezier(.25,.46,.45,.94) .4s,height .5s cubic-bezier(.25,.46,.45,.94) .4s}.menu-container,.menu-container .menu-wrapper{display:flex;flex-direction:column;overflow:hidden}.menu-container .menu-wrapper{width:100%;height:auto;gap:1rem;transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .3s}.menu-container .menu-wrapper .menu-name{letter-spacing:-1px;padding:0 .5rem;overflow:hidden}.menu-container .menu-wrapper .menu-name p{font-size:2rem;font-family:DM Sans Bold,sans-serif;text-transform:capitalize;transform:translateY(100%);transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.menu-container .menu-wrapper .divider{width:0;height:1px;background-color:hsla(0,0%,100%,.1882352941);transition:width .7s cubic-bezier(.25,.46,.45,.94)}.menu-container .menu-wrapper .divider-open{width:100%;transition:width .7s cubic-bezier(.25,.46,.45,.94) .6s}.menu-container .menu-wrapper .menu-link-section{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.menu-container .menu-wrapper-visible{opacity:1}.menu-container .menu-wrapper-visible .menu-name p{transform:translateY(0);transition:transform .7s cubic-bezier(.25,.46,.45,.94) .6s}.menu-container .menu-wrapper-hidden{opacity:0}.menu-open{width:50vw;height:calc(100vh - 1rem)}.menu-closed{width:4rem;height:4rem}@media(max-width:768px){.menu-container .menu-wrapper .menu-name{padding:0}.menu-open{width:calc(100vw - 1rem)}.menu-closed{width:4rem;height:4rem}}.menu-logo{width:4rem;height:4rem;background-color:#333;border-radius:1rem;justify-content:center;font-family:Jetbrains Mono,sans-serif;text-transform:uppercase;font-size:14px;cursor:pointer}.menu-logo,.menu-logo .menu-logo-wrapper{display:flex;align-items:center;flex-direction:column}.menu-logo .menu-logo-wrapper{position:relative;overflow:hidden;width:100%;height:auto}.menu-logo .menu-logo-wrapper .menu-logo-open{transform:translateY(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;line-height:1}.menu-logo .menu-logo-wrapper .menu-logo-open .underline{width:0;height:1px;background:#fff;transition:width .3s cubic-bezier(.25,.46,.45,.94)}.menu-logo .menu-logo-wrapper .menu-logo-close{transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.menu-logo:hover .menu-logo-wrapper .menu-logo-open .underline{width:100%}.menu-logo.menu-is-open .menu-logo-wrapper .menu-logo-open{transform:translateY(-100%)}.menu-logo.menu-is-open .menu-logo-wrapper .menu-logo-close{transform:translateY(0)}.menu-route-wrapper{width:100%;height:auto;display:flex;flex-direction:column;gap:.5rem;color:#fff;text-decoration:none}.menu-route-wrapper .route-container{width:100%;height:auto;display:flex;gap:2rem;padding:0 .5rem;overflow:hidden}.menu-route-wrapper .route-container .route-logo{width:4rem;height:4rem;border-radius:1rem;background:#111;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 4px 20px rgba(0,0,0,.5);transform:translateY(110%);transition:background .3s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}.menu-route-wrapper .route-container .route-logo .icon-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;line-height:1}.menu-route-wrapper .route-container .route-logo .icon-wrapper .route-first-icon{transform:translateY(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94) .2s}.menu-route-wrapper .route-container .route-logo .icon-wrapper .route-last-icon{position:absolute;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94) .2s}.menu-route-wrapper .route-container .route-logo-open{transform:translateY(0);transition:background .3s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94) .6s}.menu-route-wrapper .route-container .route-wrapper{flex:1 1;display:flex;justify-content:space-between;align-items:center}.menu-route-wrapper .route-container .route-wrapper .route-name{font-size:3rem;text-transform:capitalize;transform:translateY(110%);transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.menu-route-wrapper .route-container .route-wrapper .route-name-open{transform:translateY(0);transition:transform .7s cubic-bezier(.25,.46,.45,.94) .6s}.menu-route-wrapper .route-container .route-wrapper .route-go{display:flex;gap:1rem;align-items:center;transform:translateY(100%);transition:.5s cubic-bezier(.25,.46,.45,.94);opacity:0}.menu-route-wrapper .route-container .route-wrapper .route-go .route-des{font-family:Jetbrains Mono,sans-serif;font-size:14px;text-transform:uppercase;transform:translateY(-10%)}.menu-route-wrapper .route-container:hover .route-logo{background:#2c64ff}.menu-route-wrapper .route-container:hover .route-logo .icon-wrapper .route-first-icon{transform:translateY(-100%)}.menu-route-wrapper .route-container:hover .route-logo .icon-wrapper .route-last-icon{position:absolute;transform:translateY(0)}.menu-route-wrapper .route-container:hover .route-wrapper .route-go{filter:blur(1px);transform:translateY(0);transition:.7s cubic-bezier(.25,.46,.45,.94);opacity:1}.menu-route-wrapper .route-divider{width:0;height:1px;background-color:hsla(0,0%,100%,.1882352941);transition:width .7s cubic-bezier(.25,.46,.45,.94)}.menu-route-wrapper .route-divider-open{width:100%;transition:width .7s cubic-bezier(.25,.46,.45,.94) .6s}@media(max-width:768px){.menu-route-wrapper .route-container{gap:1rem;padding:0}.menu-route-wrapper .route-container .route-wrapper .route-go{display:none}}.footer{width:100vw;height:84vh;flex-direction:column;border-top:1px solid #323232;padding:.5rem}.footer,.footer-top{display:flex;justify-content:space-between}.footer-top{width:100%;height:auto;padding-top:.5rem}.footer-top .top-text{width:50%;height:auto}.footer-top .top-text span{font-size:14px;font-family:Jetbrains Mono,sans-serif;color:#a0a0a0}.footer-top .top-links{width:50%;height:auto;display:grid;grid-template-columns:repeat(3,1fr)}.footer-top .top-links .link-box{font-size:14px;font-family:Jetbrains Mono,sans-serif;text-transform:uppercase;display:flex;flex-direction:column;gap:.5rem}.footer-top .top-links .link-box .link-heading{color:#a0a0a0}.footer-top .top-links .link-box .link-wrapper{display:flex;flex-direction:column;gap:.5rem}.footer-top .top-links .link-box .link-wrapper .footer-link{color:#fff;display:flex;flex-direction:column;position:relative;text-decoration:none;overflow:hidden}.footer-top .top-links .link-box .link-wrapper .footer-link .link-name{transform:translateY(0);transition:.2s cubic-bezier(.25,.46,.45,.94)}.footer-top .top-links .link-box .link-wrapper .footer-link .link-name-underline{text-decoration:underline;position:absolute;transform:translateY(100%);transition:.2s cubic-bezier(.25,.46,.45,.94);color:#2c64ff}.footer-top .top-links .link-box .link-wrapper .footer-link:hover .link-name{transform:translateY(-100%)}.footer-top .top-links .link-box .link-wrapper .footer-link:hover .link-name-underline{transform:translateY(0)}.footer-bottom{width:100%;height:auto;display:flex;justify-content:space-between;align-items:flex-end;font-family:Jetbrains Mono,sans-serif;font-size:14px;text-transform:uppercase}.footer-bottom .bottom-logo{width:50%;height:auto;display:flex;gap:.5rem;align-items:flex-end;cursor:default}.footer-bottom .bottom-logo .logo-wrapper{width:auto;height:auto;display:flex;gap:.5rem;align-items:flex-end}.footer-bottom .bottom-logo .logo-wrapper .name-char{width:4rem;height:4rem;border:1px solid #323232;border-radius:1rem;display:flex;justify-content:center;align-items:center;transition:width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94) .3s}.footer-bottom .bottom-logo .logo-wrapper .name-char:hover{width:6rem;height:6rem;font-size:1.2rem;font-family:ITC Garamond,serif}.footer-bottom .bottom-copyright{width:50%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);color:#a0a0a0}@media(max-width:1200px){.footer .footer-bottom .bottom-logo{align-items:flex-start;flex-direction:column}.footer .footer-bottom .bottom-copyright{grid-template-columns:1fr 1fr}}@media(max-width:820px){.footer{padding:1rem}.footer .footer-top{flex-direction:column;row-gap:2rem}.footer .footer-top .top-links,.footer .footer-top .top-text{width:100%}.footer .footer-bottom{width:100%;flex-direction:column-reverse;gap:2rem}.footer .footer-bottom .bottom-logo{width:100%;align-items:center}.footer .footer-bottom .bottom-copyright{width:100%;grid-template-columns:1fr 1fr}}@media(max-width:500px){.footer .footer-top{row-gap:4rem}.footer .footer-top .top-links{grid-template-columns:1fr 1fr;row-gap:2rem}.footer .footer-bottom .bottom-logo .logo-wrapper{width:100%;justify-content:space-between}.footer .footer-bottom .bottom-logo .logo-wrapper .name-char:hover{width:4rem;height:4rem;font-size:14px;font-family:Jetbrains Mono,sans-serif}.footer .footer-bottom .bottom-copyright{grid-template-columns:1fr}}.project-page-container{width:100vw;height:100vh;background-color:rgba(0,0,0,.3137254902);position:fixed;top:0;right:0;z-index:99999;display:flex;justify-content:flex-end;align-items:center;padding:.5rem;font-family:Jetbrains Mono,sans-serif;text-transform:uppercase;overflow:hidden}.project-page-container .project-page-content{width:50%;height:100%;background-color:#fff;color:#000;padding:1rem;border-radius:1rem;font-size:14px;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1280px){.project-page-container .project-page-content{width:70%}}@media(max-width:1024px){.project-page-container .project-page-content{width:90%}}@media(max-width:768px){.project-page-container .project-page-content{width:100%;padding:.5rem;border-radius:.5rem}}.project-page-container .project-page-content .project-close{width:100%;font-size:1rem;display:flex;justify-content:space-between;border-bottom:1px solid #323232;flex-shrink:0;height:2rem;overflow:hidden}@media(max-width:768px){.project-page-container .project-page-content .project-close{height:1.5rem}}.project-page-container .project-page-content .project-close .project-close-btn:hover{text-decoration:underline}.project-page-container .project-page-content .project-content{width:100%;height:100%;overflow:scroll;padding:10px 0;display:grid;grid-template-rows:auto 1fr;grid-gap:1rem;gap:1rem}.project-page-container .project-page-content .project-content .project-info-wrapper{width:100%;display:flex;gap:1rem}@media(max-width:768px){.project-page-container .project-page-content .project-content .project-info-wrapper{flex-direction:column;align-items:center}}.project-page-container .project-page-content .project-content .project-info-wrapper .project-logo{overflow:hidden;height:4rem;width:4rem}.project-page-container .project-page-content .project-content .project-info-wrapper .project-logo .logo-wrapper{height:4rem;width:4rem;background-color:#333;border-radius:1rem;display:flex;justify-content:center;align-items:center;color:#fff;font-family:ITC Garamond,serif;font-size:1.2rem}.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box{flex:1 1;display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box{align-items:center;gap:.5rem}}.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-name{font-size:4rem;font-family:ITC Garamond,serif;text-transform:capitalize;overflow:hidden}.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table{width:100%;display:grid;grid-template-rows:repeat(3,auto);grid-gap:2rem;gap:2rem}@media(max-width:768px){.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table{gap:1rem}}.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table .project-information{display:grid;grid-template-columns:8rem 1fr;grid-gap:2rem;gap:2rem;font-size:1rem}@media(max-width:768px){.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table .project-information{display:flex;flex-direction:column;gap:.5rem;align-items:center}}.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table .project-information .project-info-title{color:#a0a0a0;overflow:hidden}.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table .project-information .project-info-title div{height:100%}.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table .project-information .project-info-des{font-family:DM Sans,sans-serif;overflow:hidden}@media(max-width:768px){.project-page-container .project-page-content .project-content .project-info-wrapper .project-info-box .project-info-table .project-information .project-info-des{text-align:center;font-size:14px}}.project-page-container .project-page-content .project-content .project-images-wrapper{width:100%;height:100%;overflow:hidden;border-radius:.5rem}.project-page-container .project-page-content .project-content .project-images-wrapper .piw{width:100%;height:100%;position:relative}.project-page-container .project-page-content .project-content .project-images-wrapper .piw .img{width:100%;height:auto;object-fit:cover;border-radius:.5rem}.project-page-container .project-page-content .project-view{width:100%;height:2rem;font-size:1rem;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #323232;flex-shrink:0}@media(max-width:768px){.project-page-container .project-page-content .project-view{font-size:12px;height:1.5rem}}