@font-face{font-family:MitrTh;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/mitr/v13/pxiEypw5ucZF8ZcaJIPecmNE.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:MitrTh;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/mitr/v13/pxiEypw5ucZF8ZcaJIPecmNE.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:MitrTh;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/mitr/v13/pxiLypw5ucZF-Sg4Maj_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:MitrTh;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/mitr/v13/pxiEypw5ucZF8c8bJIPecmNE.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:MitrTh;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/mitr/v13/pxiEypw5ucZF8eMcJIPecmNE.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}:root{--teal:#89cac6;--teal-d:#5ba8a3;--teal-2:#c4e5e3;--teal-3:#e4f4f3;--teal-4:#f0fafa;--ink:#1a3533;--ink-2:#3d6461;--ink-3:#7aadaa;--white:#fff;--cream:#f7f4ee;--y:#fffc97;--coral:#f4a89a;--purple:#b8a4e8;--green:#7dd9b0;--cat-experience-design:var(--teal);--cat-interactive:var(--purple);--cat-workshop:color-mix(in srgb, var(--green) 78%, var(--ink));--cat-animation:var(--coral);--cat-graphic:color-mix(in srgb, var(--coral) 66%, var(--ink));--cat-coding:color-mix(in srgb, var(--purple) 68%, var(--ink));--cat-media:color-mix(in srgb, var(--y) 45%, var(--coral));--cat-product:color-mix(in srgb, var(--purple) 55%, var(--ink-2));--r:18px;--r-lg:24px;--f:"Quicksand", "MitrTh", sans-serif;--fp:"Fraunces","MitrTh", serif;--shadow-sm:0 2px 12px #1a353314;--shadow-md:0 8px 32px #1a35331f;--shadow-lg:0 20px 60px #1a353324}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--f);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100%;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--f);background:0 0;border:none}img{max-width:100%;display:block}.t-label{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.t-meta{color:var(--ink-3);font-size:12px;font-weight:600}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes alertPulse{0%,to{transform:scale(1);box-shadow:0 0 #fffc97cc}50%{transform:scale(1.3);box-shadow:0 0 0 9px #fffc9700}}@keyframes alertGlow{0%,to{opacity:1}50%{opacity:.55}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes titleWiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-1.4deg)}40%{transform:rotate(1.1deg)}60%{transform:rotate(-.7deg)}80%{transform:rotate(.5deg)}}@keyframes gentleQuotePop{0%,to{opacity:.72;transform:scale(.97)translateY(4px)}45%,55%{opacity:1;transform:scale(1.025)translateY(0)}}@keyframes slideLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}.fi{opacity:0;animation:.5s forwards fadeUp;transform:translateY(16px)}.fi:first-child{animation-delay:40ms}.fi:nth-child(2){animation-delay:.1s}.fi:nth-child(3){animation-delay:.16s}.fi:nth-child(4){animation-delay:.22s}.fi:nth-child(5){animation-delay:.28s}.fi:nth-child(6){animation-delay:.34s}.alert-dot{background:var(--y);border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite alertPulse;display:inline-block}.alert-glow{animation:1.8s ease-in-out infinite alertGlow}.ll-empty{border:1.5px dashed var(--teal-2);border-radius:var(--r);background:var(--teal-4);max-width:34rem;color:var(--ink-2);font-family:var(--fp);text-align:center;grid-column:1/-1;margin:2.5rem auto;padding:1.75rem 1.5rem;font-size:17px;line-height:1.55}.article-standfirst{text-align:center;max-width:46ch;font-family:var(--f);color:var(--ink);text-wrap:balance;margin:0 auto 36px;font-size:clamp(17px,2.1vw,22px);font-weight:700;line-height:1.5}@media (max-width:640px){.article-standfirst{margin-bottom:28px;font-size:17px}}.brush-underline{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M2,8.4C24,4.6 48,10.2 72,6.4C93,3.1 108,8.2 118,5.2L118,9.6C108,12.8 93,7.8 72,11.1C48,15 24,9.3 2,13.1Z' fill='%2389cac6'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:100% .38em;padding-bottom:.14em}.brush-underline--coral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M2,8.4C24,4.6 48,10.2 72,6.4C93,3.1 108,8.2 118,5.2L118,9.6C108,12.8 93,7.8 72,11.1C48,15 24,9.3 2,13.1Z' fill='%23f4a89a'/%3E%3C/svg%3E")}.brush-underline--yellow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M2,8.4C24,4.6 48,10.2 72,6.4C93,3.1 108,8.2 118,5.2L118,9.6C108,12.8 93,7.8 72,11.1C48,15 24,9.3 2,13.1Z' fill='%23ffe86b'/%3E%3C/svg%3E")}:lang(th) .article-detail-title,:lang(th) .article-standfirst,:lang(th) .article-body-heading,:lang(th) .article-body-heading-4,:lang(th) .pd-title,:lang(th) .pp-feat-title,:lang(th) .pp-title,:lang(th) .pb-quote-text,:lang(th) .ll-stmt-text,:lang(th) .wwa-sub,:lang(th) .ll-pj-qtext,:lang(th) .wwa-pillar-title,:lang(th) .wwa-closing-btn,:lang(th) .wwa-make-label,:lang(th) .wwa-eyebrow,:lang(th) .wwa-kicker{font-weight:600}:lang(th) .pp-title,:lang(th) .pd-title,:lang(th) .pp-feat-title,:lang(th) .article-detail-title,:lang(th) .wwa-h1,:lang(th) .wwa-accent,:lang(th) .wwa-closing-title,:lang(th) .pb--photo .pb-title,:lang(th) .pb--colour .pb-title,:lang(th) .pb--white .pb-title,:lang(th) .pb-half-title,:lang(th) .ll-hero-feature-title,:lang(th) .ll-pj-whole-title,:lang(th) .ll-pj-half-title{font-weight:500}
.cc-root{z-index:9999;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cc-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#1a353352;animation:.2s cc-fade;position:fixed;inset:0}.cc-panel{pointer-events:auto;background:var(--cream,#f7f4ee);width:min(680px,100% - 32px);font-family:var(--f,"Quicksand", sans-serif);border:1.5px solid #1a35331f;border-radius:18px;margin:0 16px 16px;padding:22px 24px;animation:.28s cubic-bezier(.16,1,.3,1) cc-rise;position:relative;box-shadow:0 12px 40px #1a35332e}.cc-panel--prefs{width:min(520px,100% - 32px);max-height:calc(100dvh - 48px);margin:auto 16px;overflow-y:auto}.cc-root:has(.cc-panel--prefs){align-items:center}.cc-content{margin-bottom:18px}.cc-title{color:var(--ink,#1a3533);margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.3}.cc-body{color:var(--ink-2,#3d6461);margin:0 0 8px;font-size:13px;line-height:1.65}.cc-pdpa{letter-spacing:.01em;color:var(--ink-3,#7aadaa);margin:0;font-size:11px;font-weight:600}.cc-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.cc-btn{font-family:var(--f,"Quicksand", sans-serif);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s}.cc-btn--solid{background:var(--ink,#1a3533);color:#fff;border-color:var(--ink,#1a3533)}.cc-btn--solid:hover{opacity:.92;transform:translateY(-1px)}.cc-btn--ghost{color:var(--ink-2,#3d6461);background:0 0;border-color:#1a353333}.cc-btn--ghost:hover{border-color:var(--teal-d,#5ba8a3);color:var(--teal-d,#5ba8a3)}.cc-cat{border-top:1px solid #1a35331a;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.cc-cat:first-of-type{border-top:none}.cc-cat-text{flex-direction:column;gap:3px;display:flex}.cc-cat-name{color:var(--ink,#1a3533);font-size:13.5px;font-weight:700}.cc-cat-desc{color:var(--ink-2,#3d6461);max-width:360px;font-size:12px;line-height:1.55}.cc-always{color:var(--teal-d,#5ba8a3);background:var(--teal-3,#e4f4f3);border-radius:999px;flex-shrink:0;margin-top:2px;padding:5px 11px;font-size:11px;font-weight:700}.cc-switch{cursor:pointer;background:#1a353333;border:none;border-radius:999px;flex-shrink:0;width:42px;height:24px;margin-top:2px;padding:0;transition:background .18s;position:relative}.cc-switch--on{background:var(--teal-d,#5ba8a3)}.cc-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.cc-switch--on .cc-switch-knob{transform:translate(18px)}.cc-switch:focus-visible{outline:2px solid var(--teal-d,#5ba8a3);outline-offset:2px}@keyframes cc-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cc-fade{0%{opacity:0}to{opacity:1}}@media (max-width:560px){.cc-panel{padding:18px 18px 20px}.cc-actions{justify-content:stretch}.cc-btn{text-align:center;flex:auto}.cc-cat-desc{max-width:none}}