@font-face{font-family:Thai;src:url('assets/fonts/NotoSansThai.ttf')}*{box-sizing:border-box}body{margin:0;background:#f5faff;color:#09243a;font-family:Thai,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;border-bottom:1px solid #c8dfeb;background:white}header img{width:115px;display:block}header>a:last-child{font-size:12px}main{padding:65px 5vw 90px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#447e99}h1{font-family:Arial,sans-serif;font-size:clamp(54px,8vw,118px);font-weight:500;letter-spacing:-.07em;line-height:.92;margin:25px 0}h1 span{color:#029ed9}.intro{max-width:640px;color:#5f7b8c;font-size:14px;line-height:1.8}.toolbar{margin:40px 0 22px;padding:20px 0;border-top:1px solid #c8dfeb;border-bottom:1px solid #c8dfeb;display:flex;gap:10px;flex-wrap:wrap}.filter{padding:9px 15px;background:none;border:1px solid #b5d3e2;border-radius:99px;color:#325d73;font-size:12px}.filter[aria-pressed=true]{background:#082b43;color:white;border-color:#082b43}.search{margin-left:auto;min-width:180px;padding:10px 14px;border:1px solid #b5d3e2;background:white;border-radius:99px}.count{font-size:12px;color:#627e8e;margin:22px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px}.piece{margin:0;min-width:0}.piece[hidden]{display:none}.piece button{display:block;width:100%;height:auto;line-height:0;padding:0;border:0;background:#fff;position:relative;overflow:hidden}.piece img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transition:transform .55s}.piece button:hover img{transform:scale(1.035)}.piece button:after{content:'⤢';position:absolute;right:14px;bottom:14px;background:#fff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#086185;box-shadow:0 3px 15px #183b5520}.piece figcaption{display:flex;justify-content:space-between;gap:14px;margin-top:13px;border-bottom:1px solid #c8dfeb;padding-bottom:15px}.piece h2{margin:0;font-size:17px;font-weight:500}.piece small{font-size:10px;color:#7892a1;white-space:nowrap;padding-top:4px}.empty{padding:60px;text-align:center}.empty[hidden]{display:none}footer{background:#09243a;color:#aec8d7;padding:35px 5vw;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}dialog{width:min(1200px,94vw);max-width:94vw;max-height:94svh;padding:18px;border:1px solid #47778e;border-radius:10px;background:#082237;color:white}dialog::backdrop{background:#021525e8;backdrop-filter:blur(8px)}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.viewer-head h2{margin:0;font-size:18px}.viewer-head button,.viewer-foot button{border:1px solid #ffffff44;border-radius:30px;background:#173e55;color:white;padding:10px 18px;min-height:44px}.viewer-image{display:block;max-width:100%;width:100%;height:70svh;object-fit:contain;background:#fff}.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.viewer-foot a{font-size:11px;color:#abdcee}.viewer-foot button:disabled{opacity:.35}.viewer-count{font-size:12px;color:#a8c7d8}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0da9e1;outline-offset:4px}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{margin-left:0;flex:1}}@media(max-width:540px){main{padding-top:40px}.gallery-grid{grid-template-columns:1fr;gap:25px}.toolbar{gap:7px}.filter{font-size:11px;padding:8px 12px}.search{width:100%;flex-basis:100%}.viewer-image{height:57svh}.viewer-foot{flex-wrap:wrap}.viewer-foot a{order:4;width:100%;text-align:center}.piece h2{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.piece button:hover img{transform:none}}