@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap&font-display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{background:#111;scroll-behavior:smooth;overflow-x:clip;width:100%}::selection{background:#d4841e;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceScroll{0%,20%,50%,80%,to{transform:var(--scroll-base, translateX(-50%)) translateY(0)}40%{transform:var(--scroll-base, translateX(-50%)) translateY(-16px)}60%{transform:var(--scroll-base, translateX(-50%)) translateY(-8px)}}@keyframes bounceScrollSmooth{0%,to{transform:var(--scroll-base, translateX(-50%)) translateY(0)}50%{transform:var(--scroll-base, translateX(-50%)) translateY(-14px)}}.contact-pill{transition:all .3s}.contact-pill:hover{background:#2c2c2c!important;border-color:#2c2c2c!important}.contact-pill:hover span{color:#fff!important}.skill-tag{transition:all .25s;cursor:default}.skill-tag:hover{background:#d4841e1a!important;border-color:#d4841e!important;color:#d4841e!important}.activities-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.activities-scroll::-webkit-scrollbar{display:none}.reveal{opacity:0;transform:translateY(60px) translateZ(0);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1);will-change:transform,opacity}.reveal.visible{opacity:1;transform:translateY(0) translateZ(0)}.reveal-left{opacity:0;transform:translate(-60px) translateZ(0);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1);will-change:transform,opacity}.reveal-left.visible{opacity:1;transform:translate(0) translateZ(0)}.reveal-right{opacity:0;transform:translate(60px) translateZ(0);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1);will-change:transform,opacity}.reveal-right.visible{opacity:1;transform:translate(0) translateZ(0)}.reveal-scale{opacity:0;transform:scale(.9) translateZ(0);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1);will-change:transform,opacity}.reveal-scale.visible{opacity:1;transform:scale(1) translateZ(0)}.reveal-items>div{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1);transition-delay:inherit}.reveal.visible .reveal-items>div{opacity:1;transform:translateY(0)}.photography-grid .video-thumb-card,.photography-grid .video-thumb-img-container,.photography-grid img{border-radius:0!important;box-shadow:none!important}.tools-container-responsive{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;padding:0;margin:0 auto;max-width:255px;transition:all .3s ease}@media(min-width:768px){.tools-container-responsive{max-width:none;gap:12px}}.mobile-profile-img{display:none}@media(max-width:600px)and (orientation:portrait){.mobile-profile-img{display:block;margin:0 auto 16px!important;width:100px!important;height:100px!important}.hero-cover{align-items:center!important;justify-content:center!important;padding-top:0!important;padding-bottom:70px!important}.hero-cover-content{padding:0 24px!important;text-align:center;margin-top:0!important;width:100%;box-sizing:border-box}.hero-cover-content h1{font-size:clamp(38px,11vw,52px)!important;margin-bottom:12px!important;letter-spacing:-1.5px!important;text-shadow:0 4px 12px rgba(0,0,0,.4)}.hero-cover-content p:nth-of-type(1){font-size:15px!important;margin-bottom:20px!important;opacity:.9;font-weight:500!important}.hero-bio{font-size:14px!important;line-height:1.6!important;text-shadow:0 2px 10px rgba(0,0,0,.8)!important;max-width:100%!important;font-weight:400!important;color:#fffffff2!important}.hero-bio p{margin-bottom:8px!important}.hero-bio p:last-child{margin-bottom:0!important}.scroll-indicator{--scroll-base: translateX(-50%) scale(.85);bottom:calc(35px + env(safe-area-inset-bottom))!important;opacity:1!important;animation:bounceScrollSmooth 3s cubic-bezier(.45,0,.15,1) infinite!important}}@media(orientation:portrait){.hero-cover{min-height:100dvh!important}}@media(orientation:landscape){.hero-cover{min-height:100dvh!important}}.hero-cover-bg{transition:filter .3s ease;will-change:transform,filter;transform:translateZ(0)}#awards-section,#experience-section,#skills-section,#works-section{contain-intrinsic-size:1px 500px}@media(max-width:767px){.hero-cover-bg{filter:blur(8px) brightness(.9)!important;transform:scale(1.05)!important}.section-label-text{font-size:12px!important}.skill-tag{font-size:13px!important;padding:7px 16px!important}.tool-badge{padding:6px 12px 6px 6px!important}.tool-badge-icon{width:24px!important;height:24px!important;font-size:9px!important}.tool-badge-name{font-size:12px!important}.timeline-company{font-size:14px!important}.timeline-role{font-size:12px!important}.timeline-detail{font-size:13px!important}.timeline-period{font-size:12px!important}.apple-award-card{grid-template-columns:1fr!important}.apple-img-wrap{aspect-ratio:1/1!important}.apple-text-wrap{padding:32px 24px!important}.apple-text-wrap p:first-child{font-size:12px!important}.apple-text-wrap h3{font-size:22px!important}.apple-text-wrap p{font-size:14px!important}.apple-text-wrap button{font-size:15px!important;padding:12px 24px!important}.award-secondary-card{min-height:280px!important}.award-secondary-card h4{font-size:18px!important}.award-secondary-card p{font-size:13px!important}.works-category-title{font-size:16px!important}.works-grid{display:flex!important;flex-direction:column!important;gap:10px!important}.photography-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important}.photography-grid .video-thumb-card{flex-direction:column!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.photography-grid .video-thumb-img-container{width:100%!important;aspect-ratio:auto!important;border-radius:0!important}.video-thumb-card{display:flex!important;flex-direction:row!important;align-items:center!important;background:#fff!important;padding:8px!important;border-radius:14px!important;border:1px solid #f0f0f0!important;box-shadow:0 4px 12px #00000008!important}.video-thumb-img-container{width:30%!important;min-width:90px!important;height:auto!important;aspect-ratio:16/9!important;border-radius:8px!important;flex-shrink:0!important;margin:0!important}.video-thumb-img-container img{border-radius:8px!important}.video-thumb-text-container{padding:0 4px 0 10px!important;flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.video-thumb-card h4{font-size:11.5px!important;margin-bottom:2px!important;line-height:1.3!important}.video-thumb-card p.video-sub{font-size:10px!important;margin-top:1px!important;color:#888!important;display:flex!important;align-items:center!important}.video-thumb-card p.video-role{font-size:9px!important;margin-top:1px!important;color:#bbb!important}.video-tag{font-size:8.5px!important;padding:1px 6px!important;display:inline-flex!important;align-items:center!important;gap:2px!important;width:fit-content!important;max-width:90%!important;border-radius:6px!important}.play-overlay{width:28px!important;height:28px!important;box-shadow:0 2px 8px #0000001a!important}.play-button{transform:scale(.4)!important;margin-left:1px!important}.works-grid.youtube-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.works-grid.youtube-grid .video-thumb-card{flex-direction:row!important;align-items:center!important;padding:10px!important}.works-grid.youtube-grid .video-thumb-img-container{width:32%!important;min-width:110px!important;border-radius:8px!important}.works-grid.youtube-grid .video-thumb-text-container{padding:0 8px 0 12px!important;justify-content:center!important}.works-grid.youtube-grid .video-thumb-card h4{font-size:9px!important;line-height:1.2!important}.works-grid.youtube-grid .video-thumb-card p.video-sub,.works-grid.youtube-grid .video-thumb-card p.video-role{font-size:8.5px!important}.activity-card{width:240px!important}.activity-card-badge{font-size:12px!important;padding:4px 12px!important}.activity-card-date{font-size:12px!important;padding:4px 10px!important}.activity-card h4{font-size:14px!important}.activity-card p{font-size:13px!important}.contact-pill{padding:16px 20px!important}.contact-pill span:first-child{font-size:20px!important}.contact-pill span:last-child{font-size:15px!important}.cta-block p:first-child{font-size:18px!important}.cta-block p:last-child{font-size:14px!important}footer p{font-size:13px!important}}@media(min-width:768px)and (max-width:1024px){.hero-cover-content{padding:100px 48px 60px!important}.hero-cover-content h1{font-size:52px!important}.hero-cover-content .hero-bio{font-size:16px!important;line-height:2!important;max-width:600px!important}main{padding:64px 40px 0!important}.section-label-text{font-size:14px!important;letter-spacing:4px!important}.skill-tag{font-size:14px!important;padding:8px 18px!important}.tool-badge{padding:7px 14px 7px 7px!important}.tool-badge-icon{width:26px!important;height:26px!important;font-size:10px!important;border-radius:6px!important}.tool-badge-name{font-size:13px!important}.timeline-logo{width:56px!important;height:56px!important;border-radius:14px!important}.timeline-company{font-size:16px!important}.timeline-role{font-size:13px!important}.timeline-detail{font-size:14px!important}.timeline-period{font-size:14px!important;padding:4px 14px!important}.apple-award-card{grid-template-columns:1fr 1.2fr!important;border-radius:32px!important}.apple-text-wrap{padding:40px 48px!important}.apple-text-wrap h3{font-size:26px!important}.apple-text-wrap p{font-size:15px!important}.apple-text-wrap button{font-size:16px!important;padding:14px 28px!important}.award-secondary-card{min-height:340px!important;border-radius:32px!important}.award-secondary-card h4{font-size:21px!important}.works-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;align-items:stretch!important}.photography-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.works-grid.youtube-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.works-grid.youtube-grid .video-thumb-text-container{padding:12px 12px 10px!important}.works-grid.youtube-grid h4{font-size:13px!important}.works-grid.youtube-grid p.video-sub,.works-grid.youtube-grid p.video-role{font-size:11px!important}.works-grid.youtube-grid .video-tag{font-size:10px!important;padding:2px 10px!important}.works-category-title{font-size:24px!important;margin-bottom:20px!important}.video-thumb-card{border-radius:22px!important}.video-thumb-text-container{padding:18px 18px 16px!important}.video-tag{font-size:12px!important;padding:3px 13px!important}.video-thumb-card h4{font-size:15px!important}.video-thumb-card p.video-sub{font-size:14px!important}.video-thumb-card p.video-role{font-size:13px!important}.activity-card{width:300px!important;border-radius:18px!important}.activity-card-gradient{height:120px!important}.activity-card-emoji{font-size:38px!important}.activity-card-badge,.activity-card-date{font-size:11px!important}.activity-card h4{font-size:15px!important}.activity-card p{font-size:13px!important}.contact-pill{padding:20px 24px!important;border-radius:14px!important}.contact-pill span:first-child{font-size:22px!important}.contact-pill span:last-child{font-size:16px!important}.cta-block{padding:28px 40px!important;border-radius:20px!important}.cta-block p:first-child{font-size:20px!important}.cta-block p:last-child{font-size:15px!important}footer p{font-size:14px!important}}