.about-page{background-color:#000;min-height:100vh;padding:clamp(100px,10vw,160px) 0 clamp(80px,8vw,120px);color:#fff;font-family:Michroma,sans-serif;overflow:hidden;opacity:0;transition:opacity 1s ease}.about-page.fade-in{opacity:1}.about-hero{margin-bottom:clamp(80px,8vw,140px);padding:0 clamp(15px,3vw,40px);overflow:hidden}.about-hero,.bg-title-about{text-align:center;box-sizing:border-box;width:100%}.bg-title-about{font-size:clamp(32px,12vw,140px);color:rgba(255,255,255,.144);margin:0;letter-spacing:clamp(4px,2vw,30px);text-transform:uppercase;white-space:nowrap;word-break:keep-all;overflow:visible;text-overflow:clip;padding:0 clamp(5px,1.5vw,20px);line-height:1;font-weight:900}.title-content-about{margin-top:clamp(-30px,-4vw,-50px);width:100%;box-sizing:border-box}.subtitle-about{display:block;color:#00d9ff;font-size:clamp(10px,1vw,14px);letter-spacing:clamp(3px,.8vw,10px);margin-bottom:clamp(8px,1vw,15px)}.main-title-about,.subtitle-about{text-align:center;white-space:nowrap;word-break:keep-all}.main-title-about{font-size:clamp(16px,3vw,40px);letter-spacing:clamp(1.5px,.6vw,5px);line-height:1.2}.about-container{width:85%;max-width:1600px;margin:0 auto;padding:0 clamp(10px,2vw,20px);box-sizing:border-box}.about-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:clamp(40px,6vw,100px);gap:clamp(40px,6vw,100px);margin-bottom:clamp(80px,10vw,170px)}.about-text-content{position:relative}.section-number{font-size:clamp(9px,.9vw,12px);color:#00d9ff;margin-bottom:clamp(15px,1.5vw,20px);letter-spacing:clamp(2px,.4vw,5px);opacity:.6;white-space:nowrap}.section-title{font-size:clamp(16px,2vw,32px);letter-spacing:clamp(1.5px,.4vw,4px);margin-bottom:clamp(15px,2.5vw,30px);line-height:1.3;white-space:normal;word-break:keep-all}.blue-text{color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.3)}.section-description{color:#dadada;font-size:clamp(11px,1vw,14px);line-height:clamp(1.6,1.8vw,1.8);letter-spacing:clamp(.8px,.12vw,1.5px);margin-bottom:clamp(25px,3vw,40px);max-width:600px;white-space:normal;word-break:normal;overflow-wrap:break-word}.accent-line{width:clamp(30px,4vw,60px);height:2px;background:#00d9ff;box-shadow:0 0 10px #00d9ff}.about-image-wrapper,.image-frame{position:relative;width:100%}.image-frame{overflow:hidden;border-radius:4px;transition:transform .6s cubic-bezier(.165,.84,.44,1);max-width:100%}.image-frame img{width:100%;height:clamp(250px,30vw,500px);object-fit:cover;display:block;transition:transform .8s ease}.image-glow{position:absolute;inset:0;border:1px solid rgba(0,217,255,.2);pointer-events:none;transition:.4s}.image-frame:hover{transform:scale(1.02) translateY(-10px)}.image-frame:hover .image-glow{border-color:#00d9ff;box-shadow:inset 0 0 30px rgba(0,217,255,.1)}@media (max-width:1100px){.about-section{grid-template-columns:1fr;gap:clamp(40px,5vw,60px);margin-bottom:clamp(80px,8vw,120px)}.reverse-mobile{display:flex;flex-direction:column-reverse}.about-text-content{text-align:center;width:100%}.section-description{margin:0 auto clamp(20px,2.5vw,30px);max-width:90%;font-size:clamp(12px,1.3vw,14px)}.accent-line{margin:0 auto}.image-frame img{height:clamp(220px,35vw,350px)}}@media (max-width:768px){.about-page{padding:clamp(80px,9vw,120px) 0 clamp(60px,7vw,100px)}.about-container{width:95%;padding:0 clamp(8px,2vw,15px)}.about-hero{margin-bottom:clamp(60px,7vw,100px);padding:0 clamp(10px,2.5vw,20px)}.bg-title-about{font-size:clamp(28px,10vw,120px);letter-spacing:clamp(3px,1.5vw,15px);padding:0 clamp(3px,1vw,10px);margin-top:30px}.title-content-about{margin-top:clamp(-25px,-3.5vw,-40px)}.subtitle-about{font-size:clamp(9px,1.2vw,13px);letter-spacing:clamp(2px,1.2vw,8px);margin-top:30px}.main-title-about{font-size:clamp(14px,2.8vw,30px);letter-spacing:clamp(1px,.7vw,4px)}}@media (max-width:480px){.about-hero{margin-bottom:clamp(50px,6vw,80px);padding:0 clamp(8px,2vw,15px)}.bg-title-about{font-size:clamp(24px,8vw,100px);letter-spacing:clamp(2px,1vw,10px);padding:0 clamp(2px,.8vw,5px)}.title-content-about{margin-top:clamp(-20px,-3vw,-30px)}.subtitle-about{font-size:clamp(8px,1vw,11px);letter-spacing:clamp(1.5px,.8vw,4px)}.main-title-about{font-size:clamp(12px,2.5vw,24px);letter-spacing:clamp(.8px,.5vw,2px)}.about-page{padding:clamp(70px,8vw,100px) 0 clamp(50px,6vw,80px)}.about-container{padding:0 clamp(6px,1.5vw,10px)}}@media (min-width:1920px){.about-container{max-width:1800px}.bg-title-about{font-size:clamp(140px,8vw,160px);letter-spacing:clamp(30px,1.8vw,35px)}.section-description{font-size:clamp(14px,.8vw,16px);max-width:700px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.bg-title-about{font-size:clamp(35px,8vw,80px);letter-spacing:clamp(6px,1.5vw,20px)}.about-section{gap:clamp(50px,6vw,80px)}}@media (max-width:400px){.bg-title-about{font-size:clamp(20px,7vw,32px);letter-spacing:clamp(1px,.8vw,3px);padding:0 2px}.subtitle-about{letter-spacing:clamp(1px,.6vw,2px);font-size:clamp(7px,.9vw,10px)}.main-title-about{font-size:clamp(11px,2.2vw,18px);letter-spacing:clamp(.5px,.4vw,1.5px)}.about-hero{padding:0 clamp(5px,1.5vw,10px)}}@media (max-width:280px){.bg-title-about{font-size:20px;letter-spacing:1px;padding:0 1px}.subtitle-about{font-size:7px;letter-spacing:1px}.main-title-about{font-size:12px;letter-spacing:.5px}}@media (max-height:600px) and (orientation:landscape){.about-page{padding:clamp(60px,8vh,100px) 0 clamp(40px,6vh,80px)}.about-hero{margin-bottom:clamp(40px,6vh,80px)}.bg-title-about{font-size:clamp(24px,8vh,80px)}.image-frame img{height:clamp(180px,25vh,300px)}}