@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Archivo-contact-0.woff2') format('woff2')}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/Archivo-about-500.woff2') format('woff2')}
@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/Kanit-about-700.woff2') format('woff2')}

.about-page{background:#fff;color:#3a3a3a}
.about-page .container{max-width:1320px;padding-left:12px;padding-right:12px}
.adut-app .about-page h1,.adut-app .about-page h2,.adut-app .about-page h3{transition-property:color}
.adut-app:has(.about-page) .main-menu a[aria-current=page]{color:var(--adut-red)!important}
.adut-app:has(.about-page) .adut-footer{margin-top:0}
.adut-app .about-heading{position:relative;isolation:isolate;overflow:hidden;background:#1c1c1c;color:#fff;height:clamp(260px,23.23vw,446px);padding:0;display:flex;align-items:center}
.about-heading .container{position:relative;z-index:2}
.adut-app .about-heading h1{font-size:clamp(34px,3.34vw,64px);font-weight:800;line-height:1.22;margin:0 0 20px;color:#fff;text-transform:uppercase}
.about-heading .breadcrumbs{display:flex;align-items:center;gap:10px;margin:0;color:#fff;font:400 16px/28px Archivo,var(--adut-body)}
.about-heading .breadcrumbs a{color:#fff}.about-heading .breadcrumbs i{font-size:12px}
.about-heading .figma-heading-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.about-heading .figma-heading-left{position:absolute;inset:0 auto 0 0;width:31.82%;background:url('/assets/design/fb621.svg') center/contain no-repeat;mask:url('/assets/design/133e2.svg') center/contain no-repeat;transform:rotate(180deg);opacity:.82}
.about-heading .figma-heading-right{position:absolute;right:0;top:-.24%;width:38.59%;height:129.16%;background:url('/assets/design/156f9.svg') center/contain no-repeat;mask:url('/assets/design/9ccb4.svg') center/contain no-repeat;opacity:.25}
.about-heading .figma-heading-stripe{position:absolute;background:linear-gradient(#1d2229,#757575);height:177%;width:2.69%;left:71.5%;top:-41%;transform:rotate(23.7deg)}
.about-heading .figma-heading-stripe.stripe-two{left:75.2%;top:-37%;width:.388%}
.about-heading .figma-heading-stripe.stripe-three{background:linear-gradient(#1d2229,#f41e1e);height:124%;width:2.206%;top:-7%;left:73.5%}
.about-heading .figma-heading-stripe.stripe-four{background:linear-gradient(#1d2229,#f41e1e);height:124%;width:.698%;top:0;left:86.5%}
.about-heading .figma-heading-left,.about-heading .figma-heading-right{mask-mode:luminance}
.about-heading .figma-heading-stripe.stripe-one{left:73.033%;top:-46.006%;height:176.66%}
.about-heading .figma-heading-stripe.stripe-two{left:77.451%;top:-43.882%;height:176.66%}
.about-heading .figma-heading-stripe.stripe-three{left:73.586%;top:-9.541%;height:123.448%}
.about-heading .figma-heading-stripe.stripe-four{left:87.297%;top:-4.603%;height:123.448%}
.about-heading .figma-heading-image{position:absolute;width:25.99%;height:114.125%;left:58.8%;top:-3.59%;object-fit:fill;pointer-events:none;z-index:1}
.about-history{padding:28px 0 46px}
.about-story-image{aspect-ratio:1296/628.36;overflow:hidden;background:#eee}
.about-story-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.about-page .gt-details-content{margin-top:27px}
.adut-app .about-page .about-story-title{font:700 clamp(29px,2.5vw,48px)/1.17 Kanit,sans-serif;letter-spacing:0;margin:27px 0 12px -9px;text-transform:none;color:#1d2229}
.about-story-intro{margin-left:-9px}
.about-page .about-story-intro p{font:400 16px/28px var(--adut-body);margin:0 0 16px}
.about-page .about-story-intro p:last-child{margin-bottom:0}
.about-page .gt-details-content .about-history-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:31px 0 26px}
.adut-app .about-page .about-timeline h3{font:700 24px/32.16px Kanit,sans-serif;letter-spacing:0;margin:0 0 20px;text-transform:none;color:#1d2229}
.about-timeline ol{list-style:none;margin:0;padding:0}
.about-page .about-timeline li{font:400 16px/28px Archivo,var(--adut-body);margin:0 0 20px}
.about-page .about-timeline li:last-child{margin-bottom:0}
.about-page .about-year{display:flex;align-items:center;gap:6px;font:500 18px/28px Archivo,var(--adut-body);margin:0 0 10px}
.about-year img{display:block;width:22px;height:21px;flex:0 0 22px}
.about-timeline li p{margin:0}
.about-history-video{padding-top:14px;min-width:0}
.about-video-details{margin:0;border:0;padding:0}
.about-page .about-video-frame{display:block;position:relative;isolation:isolate;aspect-ratio:636/475.34;overflow:hidden;list-style:none;background:#eee;cursor:pointer}
.about-video-frame::-webkit-details-marker{display:none}
.about-video-frame:focus-visible{outline:3px solid var(--adut-red);outline-offset:6px}
.about-video-frame .about-video-background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.about-video-frame .about-video-poster{position:absolute;left:0;top:0;display:block;width:100%;height:134.85%;object-fit:fill}
.about-video-frame .about-video-symbol{position:absolute;left:23.43%;top:11.12%;width:76.73%;height:auto}
.about-page .about-history-video .video-btn{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#f41e1e;color:#fff}
.about-page .about-history-video .video-btn>img{width:12px;height:16px;display:block}
.about-page .gt-details-content .about-history-grid .about-video-frame .about-video-poster{width:100%;height:134.85%}
.about-page .gt-details-content .about-history-grid .about-video-frame .about-video-symbol{width:76.73%;height:auto}
.about-page .gt-details-content .about-history-grid .about-video-frame .video-btn>img{width:12px;height:16px}
.adut-app .about-page .gt-details-content .about-history-grid .about-video-frame .video-btn{display:grid;place-items:center;line-height:1}
.about-page .about-history-video .video-btn.ripple::before,.about-page .about-history-video .video-btn.ripple::after{width:88px;height:88px;box-shadow:0 0 0 0 #f41e1e80}
.about-video-notice{padding:20px 24px;border-left:3px solid var(--adut-red);background:#f6f6f6;font-size:15px;line-height:1.8}
.about-video-notice p{margin:0 0 8px}.about-video-notice a{color:#b8181c;text-decoration:underline;text-underline-offset:4px}
.adut-app .about-partners h3{font:700 24px/32.16px var(--adut-display);margin:0 0 33px;color:#1d2229;text-transform:none}
.about-partners p{font:400 16px/28px Archivo,var(--adut-body);margin:0}
.about-page .trophy-section{padding:38px 0 174px;min-height:865px}
.about-page .trophy-section::before{opacity:.05}
.about-page .trophy-section .container{max-width:1744px}
.about-page .trophy-section .gt-section-title{margin:0}
.about-page .trophy-section .eyebrow{font-size:25px;line-height:40px;letter-spacing:0;margin:0}
.adut-app .about-page .trophy-section h2{font-size:51px;line-height:55px;margin:20px auto 0}
.about-page .trophy-section .gt-team-slider{margin-top:27px;padding-bottom:0}
.about-page .trophy-section .gt-team-thumb-items{height:454px;margin-top:0}
.about-page .trophy-section .gt-team-thumb-items .trophy-game{left:6.25%;height:75%;bottom:9.5%}
.about-page .trophy-section .gt-team-thumb-items .trophy{right:-6.5%}
.about-page .trophy-section .gt-team-content{width:259px;max-width:80%;left:27%;right:auto;padding:21px 12px}
.about-page .trophy-section .gt-team-content h3{font-size:20px;line-height:21px}
.about-page .trophy-section .upcoming .trophy-art::before{width:90%;height:75%;left:6.25%;bottom:9.5%}
.about-question-crop{position:absolute;right:0;bottom:7%;height:85%;aspect-ratio:186/283;overflow:hidden}
.about-question-crop img{position:absolute;width:191.28%;height:187.24%;left:-45.64%;top:-44.39%;max-width:none;object-fit:fill}
.about-page .trophy-section .swiper-slide-prev .gt-team-thumb-items,.about-page .trophy-section .swiper-slide-next .gt-team-thumb-items{transform:scale(.76);transform-origin:center;transition:transform .7s}
.about-page .trophy-section .gt-array-button .array-prev,.about-page .trophy-section .gt-array-button .array-next{top:55%}
.about-page .gt-team-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:24px;transform:none}
.about-page .gt-team-slider:not(.swiper-initialized) .swiper-slide{display:block;opacity:1;pointer-events:auto;flex:0 0 calc((100% - 48px)/3)}
.about-page .gt-team-slider:not(.swiper-initialized) .gt-team-content{opacity:1;visibility:visible;bottom:0}
.about-page .trophy-section:has(.gt-team-slider:not(.swiper-initialized)) .gt-array-button{display:none}
.about-marquee{position:relative;overflow:hidden;background:#ed2024}
.about-marquee .marque-wrapper{padding:32px 0;background:#ed2024}
.about-marquee .swiper-wrapper{transition-timing-function:linear}
.about-marquee .swiper-slide{width:auto}
.about-marquee .marque-text{font:700 clamp(32px,4.22vw,81px)/1.13 var(--adut-display);letter-spacing:.5px;white-space:nowrap;display:block}
.about-marquee-toggle{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;background:#1d2229;color:#fff;opacity:0;transition:opacity .2s;display:grid;place-items:center}
.about-marquee-toggle[hidden]{display:none}.about-marquee:hover .about-marquee-toggle,.about-marquee:focus-within .about-marquee-toggle{opacity:1}
@media(max-width:1439px){.about-history>.container{width:calc(100% - 80px)}.about-page .about-story-intro p{font-size:15px}.about-page .about-timeline li{font-size:15px}.about-page .trophy-section{min-height:720px;padding-bottom:100px}.about-page .trophy-section .eyebrow{font-size:19px}.adut-app .about-page .trophy-section h2{font-size:40px;line-height:1.13}.about-page .trophy-section .gt-team-thumb-items{height:380px}}
@media(max-width:991px){.about-history>.container{width:calc(100% - 48px)}.about-page .gt-details-content .about-history-grid{grid-template-columns:minmax(0,1fr);gap:32px}.about-history-video{padding-top:0;max-width:636px;width:100%;margin:auto}.about-heading .figma-heading-image{width:39%;left:58%;height:110%;top:0;object-fit:contain}.about-page .trophy-section{min-height:0;padding-bottom:80px}.about-page .about-story-intro p{font-size:15px}.about-heading .figma-heading-left{width:45%}.about-marquee-toggle{opacity:1;right:8px}}
@media(max-width:767px){.adut-app .about-heading{height:230px}.about-heading .container{width:calc(100% - 36px);padding:0}.adut-app .about-heading h1{font-size:clamp(29px,7.5vw,46px);margin-bottom:16px}.about-heading .breadcrumbs{font-size:13px}.about-heading .figma-heading-image{width:48%;left:52%;height:90%;top:12%;opacity:.86}.about-heading .figma-heading-left{width:60%}.about-history{padding:24px 0 34px}.about-history>.container{width:calc(100% - 36px);padding:0}.about-story-image{aspect-ratio:1.5}.adut-app .about-page .about-story-title{font-size:29px;line-height:1.2;margin:24px 0 18px}.about-story-intro{margin-left:0}.about-page .about-story-intro p{font-size:14px;line-height:1.9;margin-bottom:22px}.about-page .about-timeline li{font-size:15px;line-height:1.8;margin-bottom:24px}.about-page .about-year{margin-bottom:9px}.about-page .about-history-video .video-btn,.about-page .about-history-video .video-btn.ripple::before,.about-page .about-history-video .video-btn.ripple::after{width:64px;height:64px}.adut-app .about-partners h3{font-size:21px;line-height:1.4;margin-bottom:18px}.about-partners p{font-size:15px;line-height:1.9}.about-page .trophy-section{padding:40px 0 66px}.about-page .trophy-section .eyebrow{font-size:15px;line-height:26px}.adut-app .about-page .trophy-section h2{font-size:29px;line-height:1.15;margin-top:12px}.about-page .trophy-section .gt-team-thumb-items{height:330px}.about-page .trophy-section .gt-array-button .array-prev,.about-page .trophy-section .gt-array-button .array-next{top:58%}.about-marquee .marque-wrapper{padding:24px 0}.about-marquee .marque-text{font-size:34px}.about-marquee-toggle{width:36px;height:36px}}
@media(max-width:374px){.adut-app .about-page .about-story-title{font-size:26px}.about-page .trophy-section .gt-team-thumb-items{height:285px}.adut-app .about-page .trophy-section h2{font-size:25px}}
@media(max-width:767px){.about-page .trophy-section .gt-team-content{left:50%;transform:translateX(-50%);padding:16px 12px}.about-page .trophy-section .gt-team-content h3{font-size:16px;line-height:20px}.about-page .trophy-section .gt-array-button button{width:44px;height:44px}}
@media(max-width:767px){.about-page .gt-team-slider:not(.swiper-initialized) .swiper-wrapper{flex-direction:column}.about-page .gt-team-slider:not(.swiper-initialized) .swiper-slide{flex-basis:auto}}
@media(max-width:767px){.adut-app .about-page .gt-details-content .about-history-grid .about-video-frame .video-btn,.adut-app .about-page .gt-details-content .about-history-grid .about-video-frame .video-btn.ripple::before,.adut-app .about-page .gt-details-content .about-history-grid .about-video-frame .video-btn.ripple::after{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){.about-page *,.about-page *::before,.about-page *::after{animation:none!important;transition:none!important}.about-marquee .swiper-slide:not(:first-child){display:none}.about-marquee .swiper-wrapper{transform:none!important}.about-marquee .marque-text{font-size:clamp(17px,3.6vw,68px)}.about-marquee .swiper-slide{margin:auto!important}}

