@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/outfit-600.woff2) format("woff2")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/noto-sans-thai-400.woff2) format("woff2")}:root{color:#173b42;background:#fff;font-family:Outfit,Noto Sans Thai,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible,button:focus-visible,.profile-gallery:focus-visible{outline:3px solid #ca7b22;outline-offset:4px}.profile-header,.profile-pages,.profile-footer{width:calc(100% - 8px);max-width:1120px;margin-inline:auto}.profile-header{padding:12px 8px;border-bottom:2px solid #e9bb6d}.profile-brand{font-size:18px;font-weight:600;letter-spacing:1px;text-decoration:none}.profile-header h1{margin:2px 0 0;font-size:14px;font-weight:400}.profile-pages{padding-block:12px}.profile-gallery{display:flex;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;aspect-ratio:1055 / 1491;max-height:max(260px,calc(100svh - 225px));border-radius:10px;background:linear-gradient(135deg,#f7f3e9,#edf2ef);box-shadow:inset 0 0 0 1px #e6e3d8;scrollbar-width:thin;scrollbar-color:#e9bb6d #f5f1e9}.profile-gallery:focus-visible{outline-offset:-3px}.profile-slide{display:flex;flex:0 0 100%;min-width:0;align-items:center;justify-content:center;padding:14px 12px;scroll-snap-align:start;scroll-snap-stop:always}.profile-slide img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #d6c6a6;border-radius:3px;background:#fff;box-shadow:0 8px 20px -6px #173b423d,0 2px 5px #173b4217}.profile-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,32px);padding:14px 4px 0}.profile-navigation[hidden]{display:none}.profile-navigation button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-previous,.profile-next{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #e9bb6d;border-radius:999px;color:#173b42;background:#fff8ed}.profile-next{color:#fff;background:#173b42;border-color:#173b42;font-size:13px}.profile-previous span,.profile-next>span:last-child{font-size:23px;line-height:1}.profile-navigation button:disabled{opacity:.4;cursor:default}.profile-position{text-align:center;flex-shrink:0}.profile-counter{display:block;font-size:13px}.profile-dots{display:flex;justify-content:center}.profile-dots button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent}.profile-dots button:before{content:"";width:7px;height:7px;border-radius:50%;background:#cbd5d5}.profile-dots button[aria-current=true]:before{width:9px;height:9px;background:#173b42}.profile-footer{padding:12px 8px 24px;border-top:1px solid #e9bb6d;text-align:center;font-size:14px}.profile-footer a{display:inline-block;padding:8px 0;text-underline-offset:4px}@media(min-width:720px){.profile-header,.profile-pages,.profile-footer{width:calc(100% - 48px)}.profile-pages{padding-block:24px}.profile-slide{padding:20px 28px}}
