@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/plex-thai-0.24gr3h_t7rbn_.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/plex-thai-1.04ndldv2sldx1.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/plex-thai-2.43ro932yy8o07.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/plex-thai-300.440gjg3wydt8d.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/plex-thai-700.1to0pzd3n6dx2.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai Hero;font-style:normal;font-weight:400;font-display:block;src:url(../media/plex-thai-0.24gr3h_t7rbn_.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai Hero;font-style:normal;font-weight:500;font-display:block;src:url(../media/plex-thai-1.04ndldv2sldx1.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai Hero;font-style:normal;font-weight:600;font-display:block;src:url(../media/plex-thai-2.43ro932yy8o07.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai Hero;font-style:normal;font-weight:300;font-display:block;src:url(../media/plex-thai-300.440gjg3wydt8d.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Thai Hero;font-style:normal;font-weight:700;font-display:block;src:url(../media/plex-thai-700.1to0pzd3n6dx2.woff2)format("woff2")}
:root{--ink:#243441;--muted:#556271;--purple:#6552bd;--lilac:#f2effb;--border:#e2ddeb;--ease:cubic-bezier(.22,1,.36,1);font-synthesis:none;color:var(--ink);background:#fff;font-family:IBM Plex Sans Thai,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:5px}p{margin:0;line-height:1.85}h1,h2,h3{margin:0;font-weight:600;line-height:1.4}h2{font-size:clamp(28px,3.1vw,42px)}h3{font-size:21px}.shell{width:min(1280px,100% - 112px);margin-inline:auto}.skip{z-index:100;background:#fff;padding:15px;position:absolute;top:-90px;left:20px}.skip:focus{top:12px}.site-header{justify-content:space-between;align-items:center;gap:30px;height:110px;display:flex}.brand{flex:none;width:210px}.site-header nav{align-items:center;gap:32px;font-size:16px;display:flex}.site-header nav a{padding-block:14px}.site-header nav a:hover{color:var(--purple)}.button{background:var(--purple);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:12px 25px;font-size:16px;font-weight:500;transition:background .2s;display:inline-flex}.button:hover{background:#5140a0}.button svg,.text-link svg,.circle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.text-link{min-height:44px;color:var(--purple);align-items:center;gap:14px;font-size:16px;font-weight:500;display:inline-flex}.text-link:hover{text-underline-offset:6px;text-decoration:underline}.hero{isolation:isolate;color:#fff;background:#202d36;height:calc(100svh - 110px);min-height:540px;max-height:1000px;position:relative;overflow:hidden}.scene{visibility:hidden;background:#202d36;position:absolute;inset:0}.scene.current{visibility:visible;z-index:1}.scene.entering{visibility:visible;z-index:2;animation:scene-reveal 1.3s var(--ease) both}.hero-copy{z-index:2;padding-bottom:65px;position:relative;top:50%;transform:translateY(-50%)}.hero h1,.hero h2{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(46px,5.5vw,88px);font-weight:500;line-height:1.4}.hero h1 .line:last-child{color:#e8dfff}.line{padding:4px 0;display:block;overflow:hidden}.line>span{display:block}.initial .line>span{animation:line-arrival 1.2s var(--ease) .16s both}.initial .line:nth-child(2)>span{animation-delay:.29s}.entering .line>span{animation:line-arrival 1.15s var(--ease) .24s both}.entering .line:nth-child(2)>span{animation-delay:.37s}.hero-description p{text-wrap:balance;color:#fff;max-width:570px;margin-bottom:25px;font-size:18px;line-height:1.85}.initial .hero-description,.entering .hero-description{animation:copy-arrival 1.2s var(--ease) .4s both}.hero .button{color:var(--ink);background:#fff;border:1px solid #ffffffa6;border-radius:8px}.hero .button:hover{background:#ede7ff}.hero :focus-visible{outline-color:#fff}.hero-picture{position:absolute;inset:0;overflow:hidden}.hero-picture:after{content:"";background:linear-gradient(90deg,#131f2c85 0%,#14232e45 56%,#14232e18 100%),linear-gradient(#0000 52%,#0c172b85);position:absolute;inset:0}.scene-image{background:url(../media/kwan-phayao.2fm6te28vbgpv.png) 50%/cover;position:absolute;inset:0;transform:scale(1.03)}.scene-mountain{background-image:url(../media/phulanga.1gc8bg84gm5mk.png);background-position:48%}.initial .scene-image{animation:arrival 2.1s var(--ease) both}.entering .scene-image{animation:arrival 1.9s var(--ease) both}.hero-controls{z-index:3;align-items:center;gap:22px;display:flex;position:absolute;bottom:26px;right:max(56px,50% - 640px)}.circle{border:1px solid var(--border);width:46px;height:46px;color:var(--purple);background:#fff;border-radius:50%;flex:none;place-items:center;display:inline-grid}.circle:hover{background:var(--lilac)}.circle[aria-disabled=true]{opacity:.55;cursor:wait}.hero .circle{color:#fff;background:0 0;border-color:#ffffff80}.hero .circle:hover{background:#ffffff25}#counter{color:#fff;font-size:14px}#counter span{color:#ffffffb8}.track{background:#ffffff4d;width:64px;height:2px;overflow:hidden}#track-fill{width:50%;height:100%;transition:transform .8s var(--ease);background:#fff;display:block}.hero-scroll{z-index:3;align-items:center;gap:18px;min-height:46px;font-size:14px;display:flex;position:absolute;bottom:26px;left:max(56px,50% - 640px)}.hero-scroll svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:24px;height:24px;transform:rotate(90deg)}.hero:after{content:"";z-index:3;background:#ffffff40;height:1px;position:absolute;bottom:93px;left:max(56px,50% - 640px);right:max(56px,50% - 640px)}.idea{background:var(--lilac);padding:65px 0}.idea-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:70px;display:grid}.idea-inner p{color:var(--muted);border-left:1px solid #d8ceed;padding-left:50px;font-size:18px}.section-space{padding-block:88px}.section-head{justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px;display:flex}.section-summary{color:var(--muted);margin-bottom:34px;font-size:17px}.artworks{grid-template-columns:1fr 1fr;gap:36px;display:grid}.artwork{min-width:0}.artwork-frame{cursor:zoom-in;background:#f6f5f9;border:0;border-radius:18px;width:100%;padding:18px;display:block;overflow:hidden}.artwork-frame img{aspect-ratio:1.415;object-fit:contain;width:100%;height:auto}.artwork-meta{justify-content:space-between;align-items:center;gap:20px;padding-top:17px;display:flex}.artwork-meta h3{font-size:19px;font-weight:500}.artwork-meta .text-link{white-space:nowrap;font-size:14px}.news-section{border-top:1px solid var(--border)}.news-layout{grid-template-columns:1.1fr 1fr;gap:55px;margin-top:28px;display:grid}.news-lead img{aspect-ratio:1200/628;object-fit:contain;background:#f4f3f7;border-radius:16px;width:100%;height:auto}.news-lead h3{margin:20px 0 12px;font-size:24px;line-height:1.65}.news-lead p{color:var(--muted);margin-bottom:10px;font-size:16px}.news-side{flex-direction:column;gap:28px;display:flex}.news-item{border-bottom:1px solid var(--border);grid-template-columns:44% 1fr;gap:22px;padding-bottom:28px;display:grid}.news-item img{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:160px}.news-item h3{margin-bottom:8px;font-size:18px;font-weight:500;line-height:1.7}.news-item .text-link{font-size:14px}.archive-note{color:var(--muted);font-size:14px;line-height:1.75}.experience{grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;padding-top:20px;padding-bottom:85px;display:grid}.experience>img{border-radius:20px;width:100%;height:auto}.experience p{color:var(--muted);margin-block:24px;font-size:18px}.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding-block:28px;display:flex}.site-footer img{width:190px}.site-footer p{color:var(--muted);font-size:13px}.footer-actions{align-items:center;gap:16px;font-size:13px;display:flex}.footer-actions button{border:1px solid var(--border);background:#fff;border-radius:9px;min-height:44px;padding:8px 14px}.footer-actions a{min-height:44px;color:var(--purple);align-items:center;display:flex}dialog{border:0}dialog::backdrop{background:#18202cb3}#menu{background:var(--lilac);width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:32px 8vw;position:fixed;inset:0;overflow:auto}#menu[open]{animation:menu-reveal .85s var(--ease) both}#menu.closing{animation:menu-hide .65s var(--ease) both}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-top p{font-size:22px;font-weight:500}#menu nav{max-width:1050px;margin:5vh auto;display:grid}#menu nav a{border-bottom:1px solid #d8ceed;min-height:70px;padding:16px 0;font-size:clamp(24px,3.8vw,52px);font-weight:500}#menu nav a:hover{color:var(--purple)}#menu[open] nav a{animation:line-arrival 1s var(--ease) .16s both}#menu[open] nav a:nth-child(2){animation-delay:.23s}#menu[open] nav a:nth-child(3){animation-delay:.3s}#art-viewer{background:#fff;border-radius:18px;width:1100px;max-width:min(1100px,94vw);max-height:92svh;padding:22px}#art-viewer .viewer-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}#art-viewer h2{font-size:21px}#art-viewer img{object-fit:contain;width:100%;max-height:73svh}.close-label{border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:8px;min-height:44px;padding:9px 16px}.js .reveal{opacity:0;transition:opacity 1s var(--ease),transform 1.2s var(--ease);transform:translateY(24px)}.js .reveal.visible{opacity:1;transform:none}.inner-page{padding-top:35px;padding-bottom:70px}.inner-page h1{margin-bottom:18px;font-size:clamp(30px,3.4vw,46px)}.inner-intro{color:var(--muted);margin-bottom:30px;font-size:17px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px;display:grid}.gallery-grid .artwork-frame{padding:10px}.gallery-grid h2{margin-top:12px;font-size:17px}.gallery-category{margin-top:52px}.gallery-category>h2{margin-bottom:25px;font-size:28px}.article-body{max-width:820px;margin:25px auto}.article-body>h1{font-size:clamp(26px,3vw,40px);line-height:1.55}.article-body>img{border-radius:15px;width:100%;height:auto;margin:30px 0}.article-body>p{overflow-wrap:anywhere;margin-bottom:22px;font-size:18px}.article-body .archive-note{margin-top:35px;font-size:14px}.news-index{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.news-index img{aspect-ratio:1.91;object-fit:contain;border-radius:14px;width:100%;height:auto}.news-index h2{margin:18px 0;font-size:20px;line-height:1.65}@keyframes scene-reveal{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes arrival{0%{transform:scale(1.15)translateY(2%)}to{transform:scale(1.03)translateY(0)}}@keyframes line-arrival{0%{transform:translateY(112%)}to{transform:translateY(0)}}@keyframes copy-arrival{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes menu-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes menu-hide{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@media (max-width:1100px){.shell{width:calc(100% - 64px)}.site-header nav{gap:22px}.news-layout{gap:35px}.news-item{grid-template-columns:40% 1fr;gap:16px}.idea-inner{gap:38px}.idea-inner p{padding-left:35px}.experience{gap:40px}}@media (max-width:800px){.shell{width:calc(100% - 44px)}.site-header{height:90px}.brand{width:175px}.site-header nav>a{display:none}.idea{padding-block:45px}.idea-inner{grid-template-columns:1fr;gap:25px}.idea-inner p{border:0;padding:0}.section-space{padding-block:60px}.section-head{align-items:flex-start}.section-head h2{font-size:30px}.section-head>.text-link{font-size:14px}.artworks{gap:25px}.artwork-frame{padding:10px}.artwork-meta{display:block}.artwork-meta h3{font-size:16px}.news-layout{grid-template-columns:1fr;gap:35px}.news-item{grid-template-columns:32% 1fr}.experience{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.experience>img{object-fit:contain;max-height:530px}.experience p{margin-block:20px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.news-index{grid-template-columns:1fr}.news-index article{border-bottom:1px solid var(--border);padding-bottom:25px}.news-index img{max-width:600px}.site-footer{gap:20px}.site-footer p{width:100%}#menu{padding:24px 7vw}}@media (max-width:480px){.site-header .button{min-height:46px;padding:9px 16px}.brand{width:160px}.section-head{margin-bottom:15px;display:block}.section-head>.text-link{margin-top:8px}.artworks{grid-template-columns:1fr;gap:30px}.artwork-meta{align-items:flex-start;display:flex}.artwork-meta h3{font-size:16px}.news-lead h3{font-size:21px}.news-item h3{font-size:16px}.news-item{gap:16px}.news-side{gap:22px}.gallery-grid{grid-template-columns:1fr}.idea-inner p{font-size:17px}#menu nav a{padding:14px 0;font-size:27px}.menu-top p{font-size:18px}.site-footer img{width:170px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}html.reduced{scroll-behavior:auto}.reduced *,.reduced :before,.reduced :after{transition:none!important;animation:none!important}.reduced .reveal{opacity:1;transform:none}#gallery .artwork-frame{background:#fff;border-radius:0;padding:0}@media (max-width:480px){.site-header{gap:12px}.brand{width:140px}.site-header .button{gap:10px;padding-inline:12px}}@media (max-width:1100px){.hero-controls{right:32px}.hero-scroll{left:32px}.hero:after{left:32px;right:32px}}@media (max-width:800px){.hero{height:calc(100svh - 90px);min-height:610px}.hero-copy{padding-bottom:70px}.hero h1,.hero h2{font-size:clamp(36px,6.6vw,54px);line-height:1.45}.hero-description p{max-width:440px;font-size:17px}.hero-controls{gap:14px;right:22px}.hero-scroll{left:22px}.hero:after{left:22px;right:22px}.scene-image{background-position:63%}.scene-mountain{background-position:48%}}@media (max-width:480px){.hero h1,.hero h2{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(30px,8.2vw,39px)}.hero-copy{padding-bottom:78px}.hero-description p{max-width:320px;font-size:16px}.hero-controls{gap:12px;bottom:20px}.hero .track{width:32px}.hero-scroll{gap:8px;font-size:12px;bottom:20px}.hero-scroll svg{width:18px}.hero:after{bottom:88px}.hero .circle{width:44px;height:44px}.hero-picture:after{background:linear-gradient(90deg,#101d2e99,#101d2e40),linear-gradient(#0000 40%,#0c172b88)}}@media (max-width:360px){.hero .track{display:none}.hero-controls{gap:10px}}.gallery-category-title{margin-bottom:20px;font-size:20px;font-weight:500}.gallery-slideshow .artwork-frame{isolation:isolate;position:relative}.gallery-slideshow .artwork-frame img{aspect-ratio:1.415;object-fit:contain}.gallery-incoming{background:#fff;animation:1s cubic-bezier(.4,0,.2,1) both gallery-dissolve;position:absolute;inset:0;height:100%!important}.gallery-slideshow .artwork-meta{gap:14px}.gallery-slideshow .artwork-meta p{font-size:16px;line-height:1.65}.gallery-controls{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding-top:18px;display:flex}.gallery-control-buttons{align-items:center;gap:10px;display:flex}.gallery-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.gallery-toggle{border:1px solid var(--border);min-width:96px;min-height:46px;color:var(--purple);background:#fff;border-radius:24px;padding:9px 12px;font-size:14px}.gallery-toggle:hover{background:var(--lilac)}.gallery-toggle:disabled{color:var(--muted);cursor:default}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes gallery-dissolve{0%{opacity:0}to{opacity:1}}@media (min-width:481px) and (max-width:800px){.gallery-controls{flex-wrap:wrap}.gallery-control-buttons{gap:6px}.gallery-toggle{min-width:84px;padding-inline:8px}}@media (max-width:360px){.gallery-control-buttons{gap:6px}.gallery-toggle{min-width:86px;padding-inline:8px}.gallery-controls{gap:8px}}.site-header{z-index:10;gap:24px;position:relative}.site-header .primary-nav{gap:24px;margin-left:auto;font-size:15px}.header-tools{align-items:center;gap:16px;display:flex}.admin-entry{white-space:nowrap;color:var(--purple);padding-block:14px;font-size:14px}.admin-entry:hover{text-underline-offset:5px;text-decoration:underline}.menu-trigger{gap:12px;padding-inline:18px}.menu-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:22px;height:22px}.language-switcher{font-size:14px;position:relative}.language-switcher summary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:62px;min-height:46px;list-style:none;display:flex}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:hover{background:var(--lilac)}.language-switcher summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.language-switcher summary svg{stroke:currentColor;stroke-width:1.4px;fill:none;width:19px;height:19px}.site-header .language-switcher nav{border:1px solid var(--border);background:#fff;border-radius:12px;gap:0;min-width:160px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 35px #24344116}.site-header .language-switcher nav a{border-radius:7px;min-height:44px;padding:10px 14px;font-size:15px;display:block}.language-switcher [aria-current=page]{background:var(--lilac);color:var(--purple)}.translated-news{margin:26px 0}.translated-news article{max-width:850px}.translated-news h3{margin-bottom:12px;font-size:24px;line-height:1.6}.directory-language-note{margin-top:12px}html[lang=en] .hero h1,html[lang=en] .hero h2{font-size:clamp(42px,5.1vw,80px)}html[lang=zh-CN]{font-family:IBM Plex Sans Thai,Microsoft YaHei,PingFang SC,sans-serif}html[lang=zh-CN] .hero h1,html[lang=zh-CN] .hero h2{font-size:clamp(40px,5vw,76px);line-height:1.55}html[lang=th] .directory-language-note{display:none}.directory-heading{padding-top:25px}.directory-filters{grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) auto;align-items:end;gap:22px;margin-top:35px;display:grid}.directory-filters label{gap:10px;font-size:15px;display:grid}.directory-filters input,.directory-filters select{font:inherit;border:1px solid var(--border);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:9px;padding:12px 15px}input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.directory-filters .close-label{min-height:50px}.directory-count{color:var(--muted);margin-top:22px;font-size:15px}.directory-section{margin-top:48px}.directory-section>h2{margin-bottom:25px;font-size:27px}.directory-section>h2 span{color:var(--muted);font-size:18px;font-weight:400}.member-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 26px;display:grid}.member{min-width:0}.member-photo{aspect-ratio:1;background:var(--lilac);border-radius:14px;overflow:hidden}.member-photo img{object-fit:cover;width:100%;height:100%}.member-photo[data-orientation="8"] img{transform:rotate(-90deg)}.member h3{margin-top:15px;font-size:17px;font-weight:500;line-height:1.6}.member p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.7}.missing-photo{color:var(--muted);place-items:center;font-size:14px;display:grid}.directory-empty{color:var(--muted);padding:40px 0}.directory-section[hidden],.member[hidden]{display:none}.directory-section:last-of-type{margin-bottom:45px}.login-layout{grid-template-columns:1fr 1fr;gap:70px;min-height:650px;margin-bottom:55px;display:grid}.login-visual{color:#fff;background:#202d36;border-radius:18px;min-height:620px;position:relative;overflow:hidden}.login-visual>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-visual:after{content:"";background:linear-gradient(#0000 25%,#142237bb);position:absolute;inset:0}.login-visual>div{z-index:1;position:absolute;bottom:45px;left:40px;right:40px}.login-visual h2{margin-bottom:18px;font-size:36px;line-height:1.55}.login-visual p{font-size:17px;line-height:1.8}.login-panel{justify-content:center;align-items:center;padding:25px 0;display:flex}.login-copy{width:100%;max-width:430px}.login-copy h1{margin-bottom:13px;font-size:32px;line-height:1.55}.login-copy>p{color:var(--muted);font-size:16px}.login-copy .login-preview-note{background:var(--lilac);border-left:3px solid var(--purple);margin-top:24px;padding:13px 16px;font-size:14px}.login-copy form{margin:27px 0 15px}.login-copy label{margin-bottom:9px;font-size:15px;display:block}.login-copy input{width:100%;min-height:52px;font:inherit;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:9px;padding:12px 15px;display:block}.login-copy #account-name{margin-bottom:22px}.password-field{position:relative}.password-field input{padding-right:125px}.password-field button{color:var(--purple);background:#fff;border:0;border-radius:7px;padding:8px;font-size:13px;position:absolute;top:4px;bottom:4px;right:4px}.login-submit{width:100%;margin-top:27px}.login-back{color:var(--muted);min-height:44px;margin-top:18px;padding-block:12px;font-size:14px;display:block}#login-preview-status{color:var(--purple);margin-top:18px;font-size:14px}.login-submit:disabled{opacity:.5;cursor:default}@media (max-width:1200px){.site-header .primary-nav{display:none}.header-tools{margin-left:auto}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-layout{gap:40px}.login-visual>div{left:30px;right:30px}.login-visual h2{font-size:30px}}@media (max-width:800px){.site-header{gap:14px}.header-tools{gap:10px}.admin-entry{display:none}.site-header .language-switcher nav>a{display:block}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.directory-filters{grid-template-columns:1fr 1fr;gap:18px}.directory-filters .close-label{grid-column:2;justify-self:end}.login-layout{grid-template-columns:1fr;min-height:0}.login-visual{display:none}.login-panel{padding:30px 0}.login-copy{max-width:470px}.login-layout{margin-bottom:35px}html[lang=en] .hero h1,html[lang=en] .hero h2{font-size:clamp(34px,5.4vw,50px)}html[lang=zh-CN] .hero h1,html[lang=zh-CN] .hero h2{font-size:clamp(32px,5.3vw,46px)}}@media (max-width:480px){.site-header{gap:8px}.site-header .brand{width:125px}.header-tools{gap:6px}.language-switcher summary{gap:5px;min-width:51px}.language-switcher summary svg{width:17px;height:17px}.site-header .menu-trigger{width:46px;min-height:46px;padding:10px}.menu-trigger>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.directory-heading{padding-top:8px}.directory-filters{grid-template-columns:1fr;gap:15px;margin-top:25px}.directory-filters .close-label{grid-column:auto;justify-self:start}.directory-section>h2{font-size:23px}.member-grid{gap:26px 16px}.member-photo{border-radius:10px}.member h3{font-size:15px}.member p{font-size:13px}.login-copy h1{font-size:28px}.translated-news h3{font-size:21px}html[lang=en] .hero h1,html[lang=en] .hero h2{font-size:clamp(29px,8vw,36px)}html[lang=zh-CN] .hero h1,html[lang=zh-CN] .hero h2{font-size:clamp(29px,7.5vw,34px)}}
:where(.site-header,#menu){--header-current:#5140a0}.site-header{--header-paper:#fff;--header-ink:var(--ink,#243441);--header-line:var(--border,#e2ddeb);--header-shadow:#24344112;border:1px solid var(--header-line);corner-shape:squircle;background:var(--header-paper);height:86px;color:var(--header-ink);box-shadow:0 6px 24px var(--header-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;margin-block:12px;padding:10px 24px}.site-header .primary-nav>a,.site-header .nav-group>summary,.site-header .language-switcher>summary{color:var(--header-ink);font-weight:500}.site-header .primary-nav>a,.site-header .nav-group>summary{text-underline-offset:7px;white-space:nowrap;align-items:center;min-height:44px;text-decoration-thickness:2px;display:inline-flex}.site-header .primary-nav>a:hover,.site-header .nav-group>summary:hover,.site-header .primary-nav>a[aria-current],.site-header .nav-group[data-current]>summary{color:var(--header-current);text-decoration-line:underline}.site-header .nav-group-options a[aria-current]{background:var(--lilac);color:var(--header-current);text-underline-offset:4px;text-decoration:underline}#menu>nav>a[aria-current]{color:var(--header-current);text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:2px}.site-header .brand{width:200px}.site-header .brand img{aspect-ratio:3;object-fit:contain;width:100%;height:auto}.participant-tools{gap:18px}.site-header .sign-in-entry{white-space:nowrap;gap:14px;min-height:52px;padding:12px 23px;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 4px 12px #6653b315}.site-header .sign-in-entry:hover{box-shadow:0 6px 18px #6653b32b}.site-header .participant-menu{border:1px solid var(--border);width:44px;height:46px;color:var(--ink);background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:10px;display:none}.site-header .participant-menu:hover{background:var(--lilac)}@media (max-width:1200px){.site-header .participant-menu{display:inline-flex}}@media (min-width:1361px){.site-header .brand{width:170px}.site-header .primary-nav{gap:16px;font-size:14px}.participant-tools{gap:10px}}@media (max-width:1360px){.site-header .primary-nav{display:none}.site-header .participant-menu{display:inline-flex}}@media (max-width:800px){.participant-tools{gap:8px}.site-header .sign-in-entry{gap:10px;min-height:46px;padding:10px 17px}.site-header .sign-in-entry svg{display:none}.site-header{border-radius:20px;height:74px;margin-block:8px;padding:8px 14px}}@media (max-width:480px){.site-header{gap:8px;width:calc(100% - 32px)}.site-header .brand{width:96px}.participant-tools{gap:6px}.participant-tools .language-switcher summary{min-width:36px;min-height:44px;font-size:12px}.participant-tools .language-switcher summary svg{display:none}.site-header .sign-in-entry{border-radius:10px;min-height:44px;padding:10px 12px;font-size:14px}.site-header .participant-menu{border-radius:9px;width:36px;height:44px;padding:7px}}@media (max-width:360px){.site-header{gap:6px;width:calc(100% - 20px);padding-inline:10px}.site-header .brand{width:90px}.participant-tools{gap:4px}.participant-tools .language-switcher summary{min-width:32px}.site-header .sign-in-entry{padding-inline:10px}.site-header .participant-menu{width:34px}}.sign-in-switcher{position:relative}.sign-in-switcher>summary{cursor:pointer;list-style:none}.sign-in-switcher>summary::-webkit-details-marker{display:none}.sign-in-switcher>summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.sign-in-switcher[open]>summary{background:#5140a0}.sign-in-switcher .sign-in-entry svg{transition:transform .18s}.sign-in-switcher[open] .sign-in-entry svg{transform:rotate(180deg)}.site-header .sign-in-options{border:1px solid var(--border);transform-origin:100% 0;opacity:0;background:#fff;border-radius:14px;gap:4px;min-width:250px;padding:8px;transition:opacity .18s,transform .18s cubic-bezier(.2,.9,.3,1.1);display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px)scale(.96);box-shadow:0 16px 42px #33254724}.sign-in-switcher[open] .sign-in-options{opacity:1;transform:translateY(0)scale(1)}@starting-style{.sign-in-switcher[open] .sign-in-options{opacity:0;transform:translateY(-8px)scale(.96)}}@media (prefers-reduced-motion:reduce){.site-header .sign-in-options{transition-duration:10ms;transform:none}.sign-in-switcher[open] .sign-in-options{transform:none}@starting-style{.sign-in-switcher[open] .sign-in-options{transform:none}}.site-header .sign-in-options a{transform:none;transition-delay:0s!important}.sign-in-switcher[open] .sign-in-options a{transform:none}@starting-style{.sign-in-switcher[open] .sign-in-options a{transform:none}}}.site-header .sign-in-options a{white-space:nowrap;opacity:0;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:12px 14px;font-size:15px;font-weight:500;transition:opacity .16s,transform .16s,background-color .15s,color .15s;display:flex;transform:translateY(-6px)}.sign-in-switcher[open] .sign-in-options a{opacity:1;transform:translateY(0)}.sign-in-switcher[open] .sign-in-options a:first-child{transition-delay:40ms}.sign-in-switcher[open] .sign-in-options a:nth-child(2){transition-delay:90ms}.sign-in-switcher[open] .sign-in-options a:nth-child(3){transition-delay:.14s}@starting-style{.sign-in-switcher[open] .sign-in-options a{opacity:0;transform:translateY(-6px)}}.site-header .sign-in-options a:hover,.site-header .sign-in-options a:focus-visible{background:var(--lilac);color:var(--purple)}.sign-in-options svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none;width:18px;height:18px}@media (max-width:480px){.site-header .sign-in-options{min-width:238px}.site-header .sign-in-options a{font-size:14px}}.nav-group{position:relative}.nav-group>summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.nav-group>summary svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px;height:16px;transition:transform .18s}.nav-group[open]>summary svg{transform:rotate(180deg)}.site-header .nav-group-options{border:1px solid var(--border);transform-origin:0 0;opacity:0;background:#fff;border-radius:14px;gap:4px;min-width:180px;padding:8px;transition:opacity .18s,transform .18s cubic-bezier(.2,.9,.3,1.1);display:grid;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-8px)scale(.96);box-shadow:0 16px 42px #33254724}.nav-group[open] .nav-group-options{opacity:1;transform:translateY(0)scale(1)}@starting-style{.nav-group[open] .nav-group-options{opacity:0;transform:translateY(-8px)scale(.96)}}.site-header .nav-group-options a{opacity:0;border-radius:8px;min-height:44px;padding:10px 14px;font-size:15px;transition:opacity .16s,transform .16s,background-color .15s,color .15s;display:block;transform:translateY(-6px)}.nav-group[open] .nav-group-options a{opacity:1;transform:translateY(0)}.nav-group[open] .nav-group-options a:first-child{transition-delay:40ms}.nav-group[open] .nav-group-options a:nth-child(2){transition-delay:90ms}@starting-style{.nav-group[open] .nav-group-options a{opacity:0;transform:translateY(-6px)}}.site-header .nav-group-options a:hover,.site-header .nav-group-options a:focus-visible{background:var(--lilac);color:var(--purple)}@media (prefers-reduced-motion:reduce){.nav-group>summary svg{transition-duration:10ms}.site-header .nav-group-options{transition-duration:10ms;transform:none}.nav-group[open] .nav-group-options{transform:none}@starting-style{.nav-group[open] .nav-group-options{transform:none}}.site-header .nav-group-options a{transform:none;transition-delay:0s!important}.nav-group[open] .nav-group-options a{transform:none}@starting-style{.nav-group[open] .nav-group-options a{transform:none}}}.login-audience{background:var(--lilac);border-radius:12px;gap:4px;margin-bottom:26px;padding:5px;display:flex}.login-audience a{text-align:center;border-radius:8px;flex:1;min-height:44px;padding:10px 12px;font-size:15px;line-height:1.6}.login-audience a[aria-current=page]{color:var(--purple);background:#fff;font-weight:600;box-shadow:0 2px 8px #33254710}dialog#menu{color:#161929;color:lab(9.25389% 2.1825 -10.8727);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:linear-gradient(165deg,#ffffffe6,#f3f4ffdb);background:linear-gradient(165deg,lab(100% 0 0/.9),lab(96.3003% 2.43661 -9.07261/.86));border-left:1px solid #fffc;border-left:1px solid lab(100% 0 0/.8);width:min(420px,100vw);height:100dvh;max-height:none;margin:0;padding:18px 20px 26px;inset:0 0 0 auto;overflow:auto;box-shadow:-24px 0 60px -20px #2b235d59;box-shadow:-24px 0 60px -20px lab(17.3146% 17.5954 -34.343/.35)}dialog#menu[open]{flex-direction:column;gap:6px;animation:.32s cubic-bezier(.2,.9,.25,1) both site-menu-in;display:flex}dialog#menu.closing{animation:.22s cubic-bezier(.4,0,1,1) both site-menu-out}dialog#menu::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12132c52;background:lab(6.67154% 6.23121 -17.4656/.32);animation:.32s both site-menu-fade}dialog#menu.closing::backdrop{animation:.22s reverse both site-menu-fade}@keyframes site-menu-in{0%{transform:translate(100%)}to{transform:none}}@keyframes site-menu-out{0%{transform:none}to{transform:translate(100%)}}@keyframes site-menu-fade{0%{opacity:0}to{opacity:1}}dialog#menu .menu-top{border-bottom:1px solid #23283814;border-bottom:1px solid lab(16.2629% 1.08327 -10.9909/.08);flex:none;justify-content:space-between;align-items:center;padding:2px 2px 12px;display:flex}dialog#menu .menu-top p{letter-spacing:.02em;color:#353854;color:lab(24.1014% 5.05255 -17.8932);font-size:15px;font-weight:600}dialog#menu #menu-close{color:#161929;color:lab(9.25389% 2.1825 -10.8727);cursor:pointer;background:#2328380f;background:lab(16.2629% 1.08327 -10.9909/.06);border:0;border-radius:50%;flex:none;width:44px;height:44px;padding:0;font-size:0;transition:background-color .15s;position:relative}dialog#menu #menu-close:hover{background:#2328381f;background:lab(16.2629% 1.08327 -10.9909/.12)}dialog#menu #menu-close:before,dialog#menu #menu-close:after{content:"";background:currentColor;border-radius:2px;width:16px;height:1.8px;position:absolute;top:21px;left:14px;transform:rotate(45deg)}dialog#menu #menu-close:after{transform:rotate(-45deg)}dialog#menu>nav{gap:2px;max-width:none;margin:8px 0 0;display:grid}dialog#menu>nav>a{min-height:52px;color:inherit;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:18px;font-weight:500;transition:background-color .15s,color .15s;display:flex}dialog#menu>nav>a:after{content:"";opacity:.35;border-top:1.6px solid;border-right:1.6px solid;flex:none;width:7px;height:7px;margin-right:4px;transition:transform .2s,opacity .2s;transform:rotate(45deg)}dialog#menu>nav>a:hover{color:#443198;color:lab(27.7613% 31.0309 -54.8401);background:#ffffffbf;background:lab(100% 0 0/.75)}dialog#menu>nav>a:hover:after{opacity:.9;transform:translate(3px)rotate(45deg)}dialog#menu>nav>a[aria-current]{color:#3f2796;color:lab(25.063% 35.1767 -58.2683);background:linear-gradient(90deg,#e8e9ff,#d4f6fa);background:linear-gradient(90deg,lab(92.6774% 4.06015 -14.428),lab(94.5162% -10.6174 -5.67483));text-decoration:none}dialog#menu>nav>a:focus-visible{outline-offset:-2px;outline:2px solid #513bb2;outline:2px solid lab(33.2315% 34.9098 -61.6951)}dialog#menu>nav>.public-mobile-account,dialog#menu>nav>#public-mobile-account-control{border-top:1px solid #23283814;border-top:1px solid lab(16.2629% 1.08327 -10.9909/.08);margin-top:10px;padding-top:10px}dialog#menu>p{color:#505466;color:lab(35.9736% 1.56493 -11.0752);margin-top:auto;padding:16px 4px 0;font-size:13px}dialog#menu[open]>nav>a:nth-child(n){animation:.36s cubic-bezier(.2,.9,.25,1) both site-menu-item}dialog#menu[open]>nav>a:nth-child(2){animation-delay:30ms}dialog#menu[open]>nav>a:nth-child(3){animation-delay:60ms}dialog#menu[open]>nav>a:nth-child(4){animation-delay:90ms}dialog#menu[open]>nav>a:nth-child(5){animation-delay:.12s}dialog#menu[open]>nav>a:nth-child(6){animation-delay:.15s}dialog#menu[open]>nav>a:nth-child(7){animation-delay:.18s}@keyframes site-menu-item{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){dialog#menu[open],dialog#menu.closing,dialog#menu::backdrop,dialog#menu[open]>nav>a:nth-child(n){animation:none}}html.reduced dialog#menu[open],html.reduced dialog#menu.closing,html.reduced dialog#menu::backdrop,html.reduced dialog#menu[open]>nav>a:nth-child(n){animation:none}
:root,:root[data-motion=soft]{--motion-duration:.35s;--motion-ease:cubic-bezier(.2, .7, .2, 1);--motion-stagger:45ms;--motion-offset:14px;--motion-scale:1;--motion-lift:-3px;--motion-zoom:1.03;--motion-press:.98}:root[data-motion=lively]{--motion-duration:.5s;--motion-ease:cubic-bezier(.3, 1.3, .5, 1);--motion-stagger:70ms;--motion-offset:24px;--motion-scale:.97;--motion-lift:-6px;--motion-zoom:1.06;--motion-press:.96}:root .motion-reveal:not(.is-visible){opacity:0;animation:none}:root .motion-reveal.is-visible:not(.motion-instant,.motion-settled){animation:motion-reveal-in var(--motion-duration,.35s) var(--motion-ease,ease-out) calc(min(var(--motion-i,0), 10) * var(--motion-stagger,45ms)) backwards}:root .motion-reveal.motion-settled{animation:none}@keyframes motion-reveal-in{0%{opacity:0;translate:0 var(--motion-offset,14px);scale:var(--motion-scale,1)}}:root[data-motion] :is(.winner-card,.directory-card).motion-reveal{transition:translate var(--motion-duration,.35s) var(--motion-ease,ease-out), box-shadow .3s cubic-bezier(.2, .7, .2, 1)}:root[data-motion] :is(.winner-card,.directory-card).motion-reveal.is-visible:hover{translate:0 var(--motion-lift,-3px)}:root[data-motion] .motion-reveal img{transition:scale .6s var(--motion-ease,ease-out), filter .26s ease}:root[data-motion] .motion-reveal.is-visible:hover img{scale:var(--motion-zoom,1.03)}:where(button,[role=button],.button){transition:scale .14s ease-out}:root[data-motion] :is(button,[role=button],.button):not(:disabled,[aria-disabled=true],.motion-reveal):active{scale:var(--motion-press,.98)}:root .motion-count{color:#0000!important;-webkit-text-fill-color:transparent!important}:root .motion-count:after{content:attr(data-motion-count) / "";box-sizing:border-box;padding:inherit;color:var(--motion-count-color);-webkit-text-fill-color:var(--motion-count-color);white-space:nowrap;pointer-events:none;position:absolute;inset:0}:where(.motion-img:not(.is-loaded)){opacity:0}:where(.motion-img.is-loaded){animation:motion-img-in var(--motion-duration,.35s) ease-out}@keyframes motion-img-in{0%{opacity:0}}:where(dialog:not([data-motion=none],#menu)){opacity:0;translate:0 var(--motion-offset,14px);scale:var(--motion-scale,1);transition:opacity var(--motion-duration,.35s) ease-out, translate var(--motion-duration,.35s) var(--motion-ease,ease-out), scale var(--motion-duration,.35s) var(--motion-ease,ease-out), overlay var(--motion-duration,.35s) allow-discrete, display var(--motion-duration,.35s) allow-discrete}:where(dialog[open]:not([data-motion=none],#menu)){opacity:1;translate:none;scale:none}@starting-style{:where(dialog[open]:not([data-motion=none],#menu)){opacity:0;translate:0 var(--motion-offset,14px);scale:var(--motion-scale,1)}}:where(dialog:not([data-motion=none],#menu))::backdrop{opacity:0;transition:opacity var(--motion-duration,.35s) ease-out, overlay var(--motion-duration,.35s) allow-discrete, display var(--motion-duration,.35s) allow-discrete}:where(dialog[open]:not([data-motion=none],#menu))::backdrop{opacity:1}@starting-style{:where(dialog[open]:not([data-motion=none],#menu))::backdrop{opacity:0}}:where(dialog:not([open])),:where(dialog:not([open]))::backdrop{pointer-events:none}::view-transition{pointer-events:none}::view-transition-old(root){animation:motion-route-out calc(var(--motion-duration,.35s) * .6) ease-in both}::view-transition-old(.motion-route){animation:motion-route-out calc(var(--motion-duration,.35s) * .6) ease-in both}::view-transition-new(root){animation:motion-route-in var(--motion-duration,.35s) var(--motion-ease,ease-out) both}::view-transition-new(.motion-route){animation:motion-route-in var(--motion-duration,.35s) var(--motion-ease,ease-out) both}@keyframes motion-route-out{to{opacity:0}}@keyframes motion-route-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.motion-reveal,.motion-reveal img,.motion-img,:where(dialog:not([data-motion=none],#menu)),:where(dialog:not([data-motion=none],#menu))::backdrop{transition:none!important;animation:none!important}.motion-reveal,.motion-reveal img,.motion-img{opacity:1!important;translate:none!important;scale:none!important}:where(dialog:not([data-motion=none],#menu)){translate:none;scale:none}:is(button,[role=button],.button):active{scale:none!important}:where(button,[role=button],.button){transition-property:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root.reduced .motion-reveal,:root.reduced .motion-reveal img,:root.reduced .motion-img,:root.reduced :where(dialog:not([data-motion=none],#menu)),:root.reduced :where(dialog:not([data-motion=none],#menu))::backdrop{transition:none!important;animation:none!important}:root.reduced .motion-reveal,:root.reduced .motion-reveal img,:root.reduced .motion-img{opacity:1!important;translate:none!important;scale:none!important}:root.reduced :where(dialog:not([data-motion=none],#menu)){translate:none;scale:none}:root.reduced :is(button,[role=button],.button):active{scale:none!important}:root.reduced :where(button,[role=button],.button){transition-property:none}:root.reduced::view-transition-group(*){animation:none!important}:root.reduced::view-transition-old(*){animation:none!important}:root.reduced::view-transition-new(*){animation:none!important}@media print{.motion-reveal,.motion-img{opacity:1!important;animation:none!important;translate:none!important;scale:none!important}}
