:root{--color-primary: #3e2815;--color-secondary: #6D4823;--color-accent: #c4a484;--color-bg-light: #fefefe;--color-bg-dark: #2a1b0e;--color-text: #3e2815;--color-text-muted: #6b5a4a;--color-white: #ffffff;--font-primary: 'Montserrat', sans-serif;--font-header: 'Archivo Black', sans-serif}body.lang-vi{--font-header: 'Montserrat', sans-serif}.about-section{padding:0 40px;background-color:#3e2815;color:#fff;border-radius:20px;overflow:hidden;margin-bottom:2rem}.about-section .marquee-container{margin:0 auto;display:flex;gap:4rem;align-items:center}.about-section__content{flex:0 0 60%;display:flex;flex-direction:column;gap:.5rem;padding:30px 0}@media(max-width: 1024px){.about-section__content{flex:0 0 100%;text-align:center;align-items:center}}.about-section__content .sub-title{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:.875rem;color:#fff}.about-section__content h2{font-family:var(--font-header);font-size:clamp(1.8rem,5vw,2.875rem);line-height:1.1;letter-spacing:-0.75px;margin:0;text-transform:none;color:#fff}.about-section__content .description{font-family:var(--font-primary);font-size:1.1rem;line-height:1.4;color:hsla(0,0%,100%,.8);margin:.5rem 0 0}.about-section__content .description p{margin-bottom:16px}.about-section__metrics{display:flex;gap:4rem;margin:.5rem 0;border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 0}@media(max-width: 1024px){.about-section__metrics{justify-content:center;gap:40px}}@media(max-width: 580px){.about-section__metrics{gap:20px}}.about-section__metrics .metric-item{display:flex;flex-direction:column;gap:0}.about-section__metrics .metric-item .metric-value{font-family:var(--font-header);font-size:clamp(1.25rem,4vw,1.85rem);font-weight:800;color:#fff;line-height:1;letter-spacing:-1px}.about-section__metrics .metric-item .metric-label{font-family:var(--font-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:hsla(0,0%,100%,.6);font-weight:700;margin-top:5px}@media screen and (max-width: 767px){.about-section__metrics .metric-item .metric-label{font-size:.65rem}}.about-section__socials{margin:.5rem 0 0}.about-section__socials p{font-weight:700;margin-bottom:10px;text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:hsla(0,0%,100%,.7)}.about-section__socials .social-icons{display:flex;gap:15px}.about-section__socials .social-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;transition:all .3s ease;text-decoration:none}.about-section__socials .social-icons a:hover{background-color:#fff;border-color:#fff;color:#3e2815;transform:translateY(-3px)}.about-section__socials .social-icons a:hover img{filter:brightness(0)}.about-section__socials .social-icons a img{width:20px;height:20px;object-fit:contain;transition:all .3s ease;filter:brightness(0) invert(1)}.about-section__cta{margin-top:1rem}.about-section__cta .pill-button{display:inline-block;padding:1rem 2.5rem;background-color:#fff;color:#3e2815;border-radius:50px;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:1px;transition:all .3s ease}.about-section__cta .pill-button:hover{background-color:#fff;color:#3e2815;transform:scale(1.05)}.about-section__visual{flex:1;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;height:700px;min-width:0}@media(max-width: 1024px){.about-section__visual{width:100%;height:500px}}.about-section__visual.desktop-only{display:grid;position:relative}@media(max-width: 768px){.about-section__visual.desktop-only{display:none}}.about-section__slider-column{height:100%;overflow:hidden;position:relative}.about-section__slider-column.column-1 .about-section__slider-track{animation:scroll-v 100s linear infinite}.about-section__slider-column.column-2 .about-section__slider-track{animation:scroll-v 120s linear infinite reverse}.about-section__slider-track{display:flex;flex-direction:column;gap:20px;will-change:transform}.about-section__item{flex:0 0 350px;width:100%;border-radius:12px;overflow:hidden}@media(max-width: 768px){.about-section__item{flex:0 0 250px}}.about-section__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(0.2, 0, 0.2, 1)}.about-section__item:hover img{transform:scale(1.1)}.about-section__mobile-slider{display:none;position:relative}@media(max-width: 768px){.about-section__mobile-slider{display:block;width:100vw;overflow:hidden;margin-top:.5rem;padding-bottom:0}}.about-section__slider-track-h{display:flex;gap:15px;animation:scroll-h 120s linear infinite;width:max-content;will-change:transform}.about-section__slider-track-h .about-section__item{flex:0 0 280px;height:380px}.about-section__play-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:100}@media(max-width: 768px){.about-section__play-wrapper{left:50vw;top:83%}}.about-section__play-btn{width:90px;height:90px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;position:relative;z-index:10;background:#fff;border-radius:50%;padding:5px}.about-section__play-btn .playing-icon{width:100%;height:100%;overflow:visible}.about-section__play-btn .playing-icon .circular-text{font-family:var(--font-primary);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:2px;fill:#3e2815;animation:rotate-text 10s linear infinite;transform-origin:center}.about-section__play-btn .playing-icon .play-inner-circle{fill:#ffbd2f;transition:all .3s ease}.about-section__play-btn .playing-icon .play-triangle{fill:#3e2815;stroke:#3e2815;transition:all .3s ease}.about-section__play-btn:hover{transform:scale(1.05)}.about-section__play-btn:hover .play-triangle{fill:#3e2815}@media(max-width: 768px){.about-section__play-btn{width:90px;height:90px}}@keyframes scroll-v{0%{transform:translateY(0)}100%{transform:translateY(calc(-50% - 10px))}}@keyframes scroll-h{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 7.5px))}}@keyframes rotate-text{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media screen and (max-width: 767px){.about-section{padding:1rem 1rem 0;margin-top:4rem}.about-section .marquee-container{flex-direction:column;gap:.5rem}.about-section__content{padding:20px 0}.about-section__content .description{font-size:1rem;line-height:1.25;margin-top:2rem}.about-section__slider-track-h .about-section__item{height:auto;aspect-ratio:4/5;border-radius:12px 12px 0 0}}