/* Only the two homepage inspiration panels. Existing page design remains untouched. */
#MainContent #tm-home-socials{--hk-green:#3c9948;--hk-orange:#f58220;--hk-blue:#00aeef;--hk-ink:#17341d;max-width:1320px;margin:24px auto 60px;padding:0 20px;position:relative;font-family:Inter,Arial,sans-serif;text-align:left;scroll-margin-top:160px}
#MainContent #tm-home-socials *,#MainContent #tm-home-socials *::before,#MainContent #tm-home-socials *::after{box-sizing:border-box}
#MainContent #tm-home-socials :is(h2,p){margin:0;padding:0;text-transform:none;letter-spacing:normal}
#MainContent #tm-home-socials a{color:inherit;text-decoration:none;letter-spacing:normal}
#MainContent #tm-home-socials svg{display:block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#MainContent #tm-home-socials :is(a,button):focus-visible{outline:3px solid var(--hk-ink);outline-offset:4px}
#MainContent #tm-home-socials .tmhk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
#MainContent #tm-home-socials .tmhk-panel{position:relative;isolation:isolate;min-height:410px;margin:0;padding:34px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,32px 100%,0 calc(100% - 32px))}
#MainContent #tm-home-socials .tmhk-social{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:18px;align-items:center;background:var(--hk-green);color:#fff}
#MainContent #tm-home-socials .tmhk-social-copy{position:relative;z-index:2;min-width:0}
#MainContent #tm-home-socials h2{font:800 clamp(32px,3.15vw,44px)/1.02 Kanit,Arial,sans-serif;letter-spacing:-.025em}
#MainContent #tm-home-socials #tms-title{color:#fff}
#MainContent #tm-home-socials .tmhk-social-intro{margin-top:14px;font:700 19px/1.35 Inter,Arial,sans-serif;color:#fff;max-width:250px}
#MainContent #tm-home-socials .tmhk-profiles{display:grid;gap:9px;margin-top:24px;max-width:240px}
#MainContent #tm-home-socials .tmhk-profile{display:flex;align-items:center;gap:10px;min-height:55px;padding:8px 13px;background:#fff;color:var(--hk-ink);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
#MainContent #tm-home-socials .tmhk-profile:hover{background:#edf5e9}
#MainContent #tm-home-socials .tmhk-profile:focus-visible{outline-offset:-4px}
#MainContent #tm-home-socials .tmhk-profile>span:not(.tmhk-link-arrow){display:flex;flex:1;flex-direction:column;gap:1px}
#MainContent #tm-home-socials .tmhk-profile strong{font:italic 800 17px/1.15 Kanit,Arial,sans-serif}
#MainContent #tm-home-socials .tmhk-profile small{font:400 11px/1.35 Inter,Arial,sans-serif;color:#455843}
#MainContent #tm-home-socials .tmhk-profile svg{color:#205b2b;width:23px;height:23px}
#MainContent #tm-home-socials .tmhk-fill{fill:currentColor;stroke:none}
#MainContent #tm-home-socials .tmhk-tiktok{fill:currentColor;stroke:none}
#MainContent #tm-home-socials .tmhk-link-arrow{font:400 22px/1 Inter,Arial,sans-serif}
#MainContent #tm-home-socials .tmhk-count-note{margin-top:10px;font:400 10px/1.5 Inter,Arial,sans-serif;color:#071909}
#MainContent #tm-home-socials .tmhk-video{position:relative;min-width:0;align-self:center}
#MainContent #tm-home-socials .tmhk-video-frame{position:relative;margin:0;padding:0;background:#102b18;border:2px solid #102b18;overflow:hidden}
#MainContent #tm-home-socials .tmhk-native-video{display:block;position:relative;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#102b18;max-width:none;margin:0;padding:0;border:0}
#MainContent #tm-home-socials .tmhk-native-video:focus-visible{outline:3px solid var(--hk-orange);outline-offset:-3px}
#MainContent #tm-home-socials .tms-fallback{display:block;margin-top:12px;text-align:center;color:#071909;text-decoration:underline;text-underline-offset:3px;font:italic 800 13px/1.35 Kanit,Arial,sans-serif}
#MainContent #tm-home-socials .tmhk-knowledge{background:#eef4ea;color:var(--hk-ink)}
#MainContent #tm-home-socials .tmhk-knowledge::before{content:"";position:absolute;z-index:-1;right:-30px;top:0;bottom:0;width:43%;background:#e0ebd8;clip-path:polygon(29% 0,100% 0,100% 100%,0 100%)}
#MainContent #tm-home-socials .tmhk-knowledge-copy{position:relative;z-index:2;width:57%;max-width:310px;padding-top:5px}
#MainContent #tm-home-socials .tmhk-topic{font:600 14px/1.5 Inter,Arial,sans-serif;margin-bottom:15px;color:#205b2b}
#MainContent #tm-home-socials #tmhk-knowledge-title{color:#205b2b}
#MainContent #tm-home-socials .tmhk-knowledge-intro{max-width:235px;margin-top:19px;font:400 15px/1.6 Inter,Arial,sans-serif;color:var(--hk-ink)}
#MainContent #tm-home-socials .tmhk-soon{display:flex;align-items:center;gap:8px;margin-top:23px;font:600 13px/1.4 Inter,Arial,sans-serif;color:#205b2b}
#MainContent #tm-home-socials .tmhk-soon>span{display:block;width:12px;height:12px;background:var(--hk-orange);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,30% 100%,0 70%)}
#MainContent #tm-home-socials .tmhk-colleague{position:absolute;z-index:1;right:-2px;bottom:-70px;display:block;height:465px;width:auto;max-width:none;object-fit:contain;margin:0;padding:0;border:0}
@media(max-width:1150px) and (min-width:961px){#MainContent #tm-home-socials .tmhk-panel{padding:28px;min-height:398px}#MainContent #tm-home-socials .tmhk-social{grid-template-columns:minmax(0,1fr) 145px;gap:13px}#MainContent #tm-home-socials h2{font-size:36px}#MainContent #tm-home-socials .tmhk-social-intro{font-size:19px}#MainContent #tm-home-socials .tmhk-colleague{right:-30px;height:430px;bottom:-46px}#MainContent #tm-home-socials .tmhk-knowledge-intro{font-size:14px;max-width:200px}#MainContent #tm-home-socials .tmhk-profile{padding:8px 10px;gap:7px}#MainContent #tm-home-socials .tmhk-link-arrow{display:none}}
@media(max-width:960px){#MainContent #tm-home-socials{max-width:740px;margin:18px auto 44px}#MainContent #tm-home-socials .tmhk-grid{grid-template-columns:1fr;gap:16px}#MainContent #tm-home-socials .tmhk-panel{min-height:360px;padding:30px 36px}#MainContent #tm-home-socials .tmhk-social{grid-template-columns:minmax(0,1fr) 160px;gap:30px}#MainContent #tm-home-socials h2{font-size:40px}#MainContent #tm-home-socials .tmhk-colleague{right:5px;height:420px;bottom:-65px}#MainContent #tm-home-socials .tmhk-knowledge-copy{width:55%}#MainContent #tm-home-socials .tmhk-knowledge-intro{max-width:270px}}
@media(max-width:560px){#MainContent #tm-home-socials{padding:0 16px}#MainContent #tm-home-socials .tmhk-panel{padding:25px 23px;min-height:345px;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}#MainContent #tm-home-socials .tmhk-social{grid-template-columns:minmax(0,1fr) 117px;gap:13px}#MainContent #tm-home-socials h2{font-size:30px}#MainContent #tm-home-socials .tmhk-social-intro{font:800 19px/1.22 Kanit,Arial,sans-serif;margin-top:12px}#MainContent #tm-home-socials .tmhk-profiles{margin-top:18px;gap:8px}#MainContent #tm-home-socials .tmhk-profile{min-height:52px;padding:7px 8px;gap:7px}#MainContent #tm-home-socials .tmhk-profile strong{font-size:15px}#MainContent #tm-home-socials .tmhk-profile small{font-size:10px}#MainContent #tm-home-socials .tmhk-profile svg{width:18px;height:18px}#MainContent #tm-home-socials .tmhk-link-arrow{display:none}#MainContent #tm-home-socials .tmhk-count-note{font-size:9px;line-height:1.5}#MainContent #tm-home-socials .tms-fallback{font-size:11px}#MainContent #tm-home-socials .tmhk-knowledge{min-height:370px}#MainContent #tm-home-socials .tmhk-knowledge-copy{width:65%;padding-top:0}#MainContent #tm-home-socials .tmhk-topic{font-size:12px;margin-bottom:12px}#MainContent #tm-home-socials .tmhk-knowledge-intro{font-size:14px;max-width:155px;margin-top:15px;line-height:1.6}#MainContent #tm-home-socials .tmhk-soon{font-size:12px;margin-top:19px;max-width:160px}#MainContent #tm-home-socials .tmhk-colleague{height:310px;right:-38px;bottom:-20px}#MainContent #tm-home-socials .tmhk-knowledge::before{width:49%;right:-20px}}
@media(prefers-reduced-motion:reduce){#MainContent #tm-home-socials *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:380px){#MainContent #tm-home-socials .tmhk-social{grid-template-columns:minmax(0,1fr) 102px;gap:11px}#MainContent #tm-home-socials h2{font-size:28px}#MainContent #tm-home-socials .tmhk-knowledge-intro{max-width:139px}#MainContent #tm-home-socials .tmhk-colleague{height:290px;right:-39px;bottom:-20px}}

#MainContent #tm-home-socials .tmhk-video-toggle{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:var(--hk-orange);color:#fff;cursor:pointer;box-shadow:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
#MainContent #tm-home-socials .tmhk-video-toggle::before,#MainContent #tm-home-socials .tmhk-video-toggle::after{content:none}
#MainContent #tm-home-socials .tmhk-video-toggle svg{width:25px;height:25px;fill:currentColor;stroke:none}
#MainContent #tm-home-socials .tmhk-video-toggle .tmhk-icon-pause{display:none}
#MainContent #tm-home-socials .tmhk-video-toggle[data-playing="true"]{top:6px;left:6px;transform:none;width:44px;height:44px;background:#17341de6}
#MainContent #tm-home-socials .tmhk-video-toggle[data-playing="true"] .tmhk-icon-play{display:none}
#MainContent #tm-home-socials .tmhk-video-toggle[data-playing="true"] .tmhk-icon-pause{display:block}
#MainContent #tm-home-socials .tmhk-video-toggle:focus-visible{outline-color:#fff;outline-offset:-4px}
#MainContent #tm-home-socials .tmhk-video-toggle[hidden]{display:none}