:root{--grey-text: #B7B7B7}.about-page-body{background-color:#000;overflow-x:hidden;color:#fff}.about-main{padding:0;position:relative}.about-title{font-family:MonumentExtended-Regular,sans-serif;font-size:20vw;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:-.02em;line-height:1;margin:0;text-align:center;padding-top:150px}.personal-info{display:flex;gap:300px;margin-top:0;padding-left:200px}.info-name,.info-age{font-family:MAY-Bold,sans-serif;font-size:1.5rem;font-weight:400;color:#fff}.hobby-icon{width:35px;height:35px;object-fit:contain}.info-name.reveal-text,.info-age.reveal-text{font-family:MAY-Bold,sans-serif;font-size:1.5rem;color:#fff;width:fit-content}.intro-text{margin-top:5vh;padding-left:10vw;max-width:50vw}.intro-text p{font-family:Inter,sans-serif;font-size:2rem;font-weight:400;color:var(--grey-text);line-height:1.5;margin:0}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999;transition:opacity .5s ease-out;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.loading-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.75);width:auto;height:auto;max-width:133.33%;max-height:133.33%;object-fit:contain;z-index:1}.reveal-text,.reveal-text:after{animation-delay:calc(var(--delay, 0s) + .5s);animation-iteration-count:1;animation-duration:.8s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0,0,.2,1)}.reveal-text{position:relative;font-family:Inter,sans-serif;font-size:2rem;font-weight:400;color:var(--grey-text);line-height:1.5;margin:0;animation-name:clip-text;white-space:nowrap;display:block;width:fit-content}.reveal-text:after{content:"";position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;background-color:#f9e65c;transform:scaleX(0);transform-origin:0 50%;pointer-events:none;animation-name:text-revealer}@keyframes clip-text{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes text-revealer{0%,50%{transform-origin:0 50%}60%,to{transform-origin:100% 50%}60%{transform:scaleX(1)}to{transform:scaleX(0)}}.image-container{position:absolute;top:18vh;right:15vw}.about-image{max-width:800px;width:100%;height:auto}.image-container-medium{position:absolute;top:72.5%;right:5%;transform:translateY(-50%);z-index:0;pointer-events:none}.about-image-medium{width:500px;max-width:40vw;height:auto;opacity:0;transition:opacity .3s ease}.image-container-small{margin-top:-80px;padding:0 100px;text-align:center;margin-bottom:100px;position:relative}.photo-fan-container{position:relative;display:inline-block;cursor:pointer;padding:50px 150px;margin:-100px -150px}.photo-fan-container:before{content:"";position:absolute;top:-100px;left:-150px;right:-150px;bottom:-50px;z-index:0}.fan-image{max-width:200px;width:100%;height:auto;border-radius:20px;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:50%;transform:translate(-50%,-10%) rotate(0);z-index:1}.fan-center{position:relative;z-index:5;top:0!important}.fan-left-1,.fan-left-2,.fan-right-1,.fan-right-2{opacity:0;z-index:0}.photo-fan-container:hover .fan-left-2{opacity:1;transform:translate(-165%,25%) rotate(-15deg);z-index:2}.photo-fan-container:hover .fan-left-1{opacity:1;transform:translate(-110%,15%) rotate(-8deg);z-index:3}.photo-fan-container:hover .fan-right-1{opacity:1;transform:translate(10%,15%) rotate(8deg);z-index:3}.photo-fan-container:hover .fan-right-2{opacity:1;transform:translate(65%,25%) rotate(15deg);z-index:2}.photo-fan-container:hover .fan-image:hover{scale:1.2;z-index:10!important}.photo-fan-container:hover .fan-left-2:hover~.fan-left-1{transform:translate(-75%,5%) rotate(-5deg)}.photo-fan-container:hover .fan-left-2:hover~.fan-center{transform:translate(-25%) rotate(0)}.photo-fan-container:hover .fan-left-2:hover~.fan-right-1{transform:translate(35%,5%) rotate(10deg)}.photo-fan-container:hover .fan-left-2:hover~.fan-right-2{transform:translate(95%,15%) rotate(18deg)}.photo-fan-container:hover .fan-left-1:hover~.fan-center{transform:translate(-15%) rotate(0)}.photo-fan-container:hover .fan-left-1:hover~.fan-right-1{transform:translate(25%,5%) rotate(10deg)}.photo-fan-container:hover .fan-left-1:hover~.fan-right-2{transform:translate(85%,15%) rotate(18deg)}.photo-fan-container:hover .fan-center:hover~.fan-right-1{transform:translate(30%,5%) rotate(12deg)}.photo-fan-container:hover .fan-center:hover~.fan-right-2{transform:translate(90%,15%) rotate(20deg)}.photo-fan-container:has(.fan-center:hover) .fan-left-1{transform:translate(-130%,5%) rotate(-12deg)}.photo-fan-container:has(.fan-center:hover) .fan-left-2{transform:translate(-190%,15%) rotate(-20deg)}.photo-fan-container:has(.fan-right-1:hover) .fan-left-2{transform:translate(-185%,15%) rotate(-18deg)}.photo-fan-container:has(.fan-right-1:hover) .fan-left-1{transform:translate(-135%,5%) rotate(-10deg)}.photo-fan-container:has(.fan-right-1:hover) .fan-center{transform:translate(-65%) rotate(0)}.photo-fan-container:hover .fan-right-1:hover~.fan-right-2{transform:translate(85%,15%) rotate(18deg)}.photo-fan-container:has(.fan-right-2:hover) .fan-left-2{transform:translate(-195%,15%) rotate(-18deg)}.photo-fan-container:has(.fan-right-2:hover) .fan-left-1{transform:translate(-145%,5%) rotate(-10deg)}.photo-fan-container:has(.fan-right-2:hover) .fan-center{transform:translate(-75%) rotate(0)}.photo-fan-container:has(.fan-right-2:hover) .fan-right-1{transform:translate(-25%,5%) rotate(-5deg)}.brand-slider-section{margin-top:150px;width:100%;padding:60px 0;overflow:hidden;position:relative;z-index:3;-webkit-mask-image:linear-gradient(to right,transparent 0px,transparent 200px,black 300px,black calc(100% - 300px),transparent calc(100% - 200px),transparent 100%);mask-image:linear-gradient(to right,transparent 0px,transparent 200px,black 300px,black calc(100% - 300px),transparent calc(100% - 200px),transparent 100%)}.brand-slider-track{display:flex;gap:8vw;align-items:center;width:fit-content}.brand-logo-item{flex-shrink:0;width:9vw;height:4.5vw;display:flex;align-items:center;justify-content:center}.brand-logo-item img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:1}.complete-package-section{margin-top:0;margin-bottom:0;padding:0 50px;text-align:center;display:flex;justify-content:center;align-items:center;width:100%;position:relative;z-index:1}.complete-package-video{width:100%;max-width:1200px;height:auto;display:block;margin:0 auto;object-fit:contain}.production-sections{margin-top:80px;padding:0 100px 200px;text-align:center;position:relative}.production-item{margin-bottom:100px}.production-title{font-family:MonumentExtended-Regular,sans-serif;font-size:5rem;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin:0 0 30px;transition:color .3s ease}.production-item:hover .production-title{color:#f9e65c}.production-subtitle{font-family:Inter,sans-serif;font-size:2rem;font-weight:400;color:var(--grey-text);margin:0}@media (max-width: 1880px){.personal-info{gap:clamp(30px,8vw,300px);padding-left:clamp(50px,10vw,200px)}.info-name,.info-age{font-size:clamp(1rem,1.5vw,1.5rem)}.hobby-icon{width:clamp(25px,2.5vw,35px);height:clamp(25px,2.5vw,35px)}.intro-text{padding-left:clamp(50px,10vw,200px);max-width:clamp(400px,50vw,800px)}.image-container{top:250px;right:clamp(50px,12vw,300px)}.about-image{max-width:clamp(350px,38vw,800px)}.image-container-medium{top:40%;right:clamp(30px,15vw,400px);width:clamp(200px,22vw,500px)}.brand-slider-section{margin-top:-5vh}.about-image-medium{width:100%}.about-image-small{max-width:clamp(100px,10vw,200px)}.brand-slider-section{-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 5%,black 10%,black 90%,transparent 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 5%,black 10%,black 90%,transparent 95%,transparent 100%)}}@media (max-width: 1024px){.about-title{font-size:15vw;padding-top:100px}.personal-info{flex-direction:column;gap:15px;padding-left:50px}.info-name,.info-age{font-size:1.2rem}.hobby-icon{width:28px;height:28px}.intro-text{padding-left:50px;max-width:90%}.intro-text p,.reveal-text{font-size:1.5rem}.image-container{right:5%;top:300px}.about-image{max-width:45vw}.production-sections{padding:0 50px 150px}.production-title{font-size:3rem}.production-subtitle{font-size:1.5rem}.about-image-small{max-width:120px}.brand-logo-item{width:12vw;height:6vw}.brand-slider-section{-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 3%,black 8%,black 92%,transparent 97%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 3%,black 8%,black 92%,transparent 97%,transparent 100%)}}@media (max-width: 768px){.about-title{font-size:clamp(3rem,18vw,6rem);padding-top:120px}.personal-info{flex-direction:row;flex-wrap:wrap;gap:15px 40px;padding-left:30px;padding-right:30px}.info-name,.info-age{font-size:1.1rem}.hobby-icon{width:28px;height:28px}.intro-text,.production-sections{padding-left:30px;padding-right:30px;padding-bottom:120px}.production-sections{margin-top:2vh}.intro-text{max-width:100%;margin-top:1vh!important;margin-bottom:0!important}.intro-text p{font-size:1.2rem}.reveal-text{font-size:1.2rem;white-space:normal}.image-container{position:relative;top:auto;right:auto;margin:-5vh auto -10vh;text-align:center}.about-image{max-width:85%}.image-container-medium{top:72.5%}.image-container-small{padding-top:0;margin-bottom:50px;padding-left:20px;padding-right:20px}.photo-fan-container{padding:0;margin:0}.photo-fan-container:before{display:none}.fan-image{max-width:120px;position:relative;z-index:2}.fan-center{position:relative;z-index:5}.fan-left-1,.fan-left-2,.fan-right-1,.fan-right-2{display:none}.production-title{font-size:2.5rem;margin-bottom:10px}.production-item{margin-bottom:50px}.production-subtitle{font-size:1.1rem}.brand-logo-item{width:18vw;height:9vw}.brand-slider-track{gap:10vw}.brand-slider-section{margin-top:-3vh;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 2%,black 6%,black 94%,transparent 98%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 2%,black 6%,black 94%,transparent 98%,transparent 100%)}.complete-package-section{margin-top:0;margin-bottom:0;padding:-100px 10px}.complete-package-video{width:100%;max-width:100%}}
