.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:var(--space-128) 0;padding:var(--space-32);gap:var(--space-72)}.play-ground{z-index:0}.play-ground,.shadow{position:absolute;cursor:default;width:100%;height:100%}.shadow{z-index:-1}.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-24)}.about-content-intro{height:auto;position:relative;border-radius:var(--border-radius-medium);padding:var(--space-24);background-color:var(--color-4)}.about-content-intro.hidden{display:none}.about-content-intro h4{color:var(--color-2);font-size:var(--typo-size-32);margin-bottom:var(--space-16);font-weight:var(--typo-weight-medium)}.about-content-intro p{font-size:var(--typo-size-16);font-family:var(--font-body),sans-serif;color:var(--font-middle)}@media (max-width:1000px){.about-content-intro{border-radius:var(--border-radius-small)}.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)}.about-hero-section{position:relative;width:100%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;flex-direction:column}.about-hero-section h2{font-size:var(--typo-size-40);font-weight:var(--typo-weight-medium);color:var(--color-2);transform:translateY(var(--space-16))}.about-hero-section h1,.about-hero-section h2{margin:0;letter-spacing:var(--neg-letter-space-1)}.about-hero-section h1{font-size:var(--typo-size-128);font-weight:var(--typo-weight-semi-bold);color:var(--color-1)}.about-hero-section-info{width:60%;margin-left:auto;height:auto;display:flex;flex-direction:column;gap:var(--space-8)}.about-hero-section-info-text{width:100%;height:auto;padding:var(--space-16);background-color:var(--color-4);border-radius:var(--border-radius-small)}.about-hero-section-info-text p{color:var(--font-middle);font-size:var(--typo-size-14)}.about-hero-section-info button{width:-moz-fit-content;width:fit-content;height:auto;background-color:var(--color-4);border-radius:var(--border-radius-small);border:none;display:flex;align-items:center;padding:var(--space-8);gap:var(--space-16);transition:background-color var(--motion-small-2) var(--power-2-out),color var(--motion-small-2) var(--power-2-out);cursor:pointer}.about-hero-section-info button span{height:calc(var(--typo-size-14) * 2);width:calc(var(--typo-size-14) * 2);background-color:var(--color-1);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color var(--motion-small-2) 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 var(--motion-small-2) var(--power-2-out)}.about-hero-section-info button h3{color:var(--color-1);font-size:var(--typo-size-14);font-weight:var(--typo-weight-medium)}.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)}@media (max-width:1300px){.about-hero-section h1{font-size:var(--typo-size-96)}}@media (max-width:1000px){.about-hero-section h1{font-size:var(--typo-size-64)}.about-hero-section h2{font-size:var(--typo-size-32);transform:none}.about-hero-section-info{width:100%;margin-left:0}}