.play-ground{z-index:0}.play-ground,.shadow{position:absolute;cursor:default;width:100%;height:100%}.shadow{z-index:-1}.main-about-container{align-items:center;height:auto;width:auto}.about-hero-section,.main-about-container{display:flex;justify-content:center;flex-direction:column}.about-hero-section{position:relative;width:90%;height:90vh;overflow:hidden}.about-hero-section h2{font-size:3rem;font-weight:500;margin:0;color:var(--color-2);letter-spacing:-.025em;transform:translateY(var(--space-2))}.about-hero-section h1{font-size:9rem;font-weight:600;color:var(--color-1);margin:0;letter-spacing:-.025em}.about-hero-section-info{width:60%;margin-left:auto;height:auto;display:flex;flex-direction:column;gap:var(--space-1)}.about-hero-section-info-text{width:100%;height:auto;padding:var(--space-2);background-color:var(--color-4);border-radius:25px}.about-hero-section-info-text p{color:var(--font-middle);font-size:.85rem;margin:0}.about-hero-section-info button{width:-moz-fit-content;width:fit-content;height:auto;background-color:var(--color-4);border-radius:20px;border:none;display:flex;align-items:center;padding:var(--space-1);gap:var(--space-2);transition:background-color .25s var(--power-2-out),color .25s var(--power-2-out);cursor:pointer}.about-hero-section-info button span{height:2rem;width:2rem;background-color:var(--color-1);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .25s var(--power-2-out)}.about-hero-section-info button svg{height:calc(100% / 2);aspect-ratio:1/1}.about-hero-section-info button svg path{stroke:var(--color-2);transition:stroke .25s var(--power-2-out)}.about-hero-section-info button h3{color:var(--color-1);font-size:.85rem;font-weight:500;margin:0}.about-hero-section-info button:hover{background-color:var(--color-1)}.about-hero-section-info button:hover h3{color:var(--color-4)}.about-hero-section-info button:hover span{background-color:var(--color-4)}.about-hero-section-info button:hover svg path{stroke:var(--color-2)}.about-content{position:relative;width:100%;height:225vh;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;overflow:hidden;gap:var(--space-3)}.mobile-intro{height:auto;position:relative;width:90%;border-radius:25px;padding:var(--space-2);background-color:var(--color-4)}.mobile-intro.hidden{display:none}.mobile-intro h4{color:var(--color-2);font-size:2.5rem;margin:var(--space-2) 0}.mobile-intro p{margin:var(--space-2) 0;font-size:1.25rem;font-family:var(--font-body),sans-serif;line-height:1.3;color:var(--font-middle)}@media (max-width:1500px){.about-hero-section h1{font-size:7.2rem}.about-hero-section h2{font-size:2.4rem}}@media (max-width:1200px){.about-hero-section h1{font-size:6.3rem}.about-hero-section h2{font-size:2.1rem}}@media (max-width:900px){.about-hero-section-info{margin-left:10rem}}@media (max-width:700px){.about-hero-section-info{margin-left:7.5rem}}@media (max-width:600px){.about-hero-section-info{width:100%;margin-left:0}}@media (max-width:500px){.about-hero-section h1{font-size:5.4rem}}@media (max-width:450px){.about-hero-section h1{font-size:4.5rem}}@media (max-width:1000px){.about-content{height:auto}}.opening-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:9999}.opening-container-left{width:70%;height:100%}.opening-container-left-item:first-child{width:100%;height:80%;background-color:var(--color-4)}.opening-container-left-item:nth-child(2){width:100%;height:20%;background-color:var(--color-3)}.opening-container-right{width:30%;height:100%}.opening-container-right-item:first-child{width:100%;height:50%;background-color:var(--color-1)}.opening-container-right-item:nth-child(2){width:100%;height:50%;background-color:var(--color-2)}