.refy-hero{position:relative}.refy-hero .campaign-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}.campaign-video[data-ready]{opacity:1}.motion-toggle{position:absolute;bottom:18px;right:18px;z-index:4;border:1px solid #ffffffb3;background:#0006;color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:7px}.motion-toggle svg{width:16px;height:16px;stroke-width:1.6}.motion-toggle:hover{background:#000}.hero-motion{bottom:24px;right:24px}.refy-community{text-align:center;margin:16px 0 52px;scroll-margin-top:20px}.refy-community>.refy-heading{margin:0 20px 12px}.community-intro{font-size:12px;line-height:21px;margin:0 24px 30px;color:#666}.community-shell{position:relative;overflow:hidden}.community-track{display:flex;gap:10px;padding:0 22px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.community-track::-webkit-scrollbar{display:none}.community-card{flex:0 0 calc((100% - 20px)/3);min-width:0;scroll-snap-align:center}.community-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#eee}.community-media>img,.community-media>video{width:100%;height:100%;object-fit:cover}.community-media>video{position:absolute;inset:0;opacity:0;transition:opacity .3s}.community-media>video[data-ready]{opacity:1}.community-open{position:absolute;inset:0;padding:0;border:0;width:100%;text-align:left;color:white;background:linear-gradient(0deg,#0005,transparent 28%)}.community-open>span{position:absolute;left:20px;right:58px;bottom:25px;letter-spacing:.13em;line-height:19px;font-size:11px;text-shadow:0 1px 6px #0009}.community-open>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:13px;border:1px solid #fff;background:#0003;border-radius:50%;width:48px;height:48px;opacity:0;transition:opacity .2s;stroke-width:1}.community-open:hover>svg,.community-open:focus-visible>svg{opacity:1}.community-shop{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid #222;min-height:80px;width:100%;margin-top:2px;background:white;text-align:left;color:#222}.community-shop>img{width:54px;height:66px;object-fit:contain;background:#f7f7f7;flex:0 0 54px}.community-shop>span{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.community-shop b{font:400 11px/17px Lato,'Noto Sans Thai',sans-serif;letter-spacing:.14em}.community-shop u{font:700 12px/18px Lato,'Noto Sans Thai',sans-serif;letter-spacing:.15em;text-underline-offset:3px}.community-shop:hover{background:#f5f5f5}.community-prev,.community-next{top:calc((100% - 82px)/2 - 18px);border-radius:50%;width:32px;height:32px}.community-prev{left:18px}.community-next{right:18px}.community-prev svg{transform:rotate(180deg)}.community-prev:disabled,.community-next:disabled{opacity:0}.community-follow{margin-top:30px}.community-dialog{position:fixed;inset:0;margin:auto;max-width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);width:520px;border:0;padding:0;background:white;color:#222;overflow:auto}.community-dialog::backdrop{background:#000b}.community-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:10px;letter-spacing:.18em}.community-dialog-head .icon-button{padding:5px;width:28px;height:28px}.community-view-media{height:min(61dvh,650px);background:#eee;position:relative}.community-view-media>img,.community-view-media>video{display:block;width:100%;height:100%;object-fit:contain;background:#eee}.community-view-copy{text-align:left;padding:16px}.community-view-copy h2{font:400 14px/23px Lato,sans-serif;letter-spacing:.15em}.community-view-copy>p{font-size:12px;margin:4px 0 16px;color:#666}.community-view-copy .community-shop{border-color:#ddd}.community-view-arrow{position:absolute;top:calc(30.5dvh + 36px);z-index:2;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffe6;width:32px;height:32px;padding:8px}.community-view-arrow svg{width:16px;height:16px;stroke-width:1}.view-prev{left:12px}.view-prev svg{transform:rotate(180deg)}.view-next{right:12px}.community-view-arrow:disabled{opacity:.3;pointer-events:none}
@media(max-width:900px){.community-card{flex-basis:calc((100% - 10px)/2)}.community-track{padding:0 20px}}
@media(max-width:699px){.refy-community{margin:16px 0 40px}.community-intro{font-size:12px;line-height:19px;margin-bottom:24px}.community-track{padding:0 20px;gap:8px}.community-card{flex-basis:82vw}.community-open>svg{opacity:1;width:40px;height:40px;padding:11px}.community-open>span{left:16px;bottom:22px;font-size:11px}.community-shop{min-height:72px}.community-shop>img{width:46px;height:58px;flex-basis:46px}.community-shop b{font-size:11px;letter-spacing:.12em}.community-shop u{font-size:11px}.community-prev{left:10px}.community-next{right:10px}.community-follow{font-size:11px;margin-top:26px}.motion-toggle{right:14px;bottom:16px;width:30px;height:30px}.hero-motion{right:20px;bottom:20px}.community-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.community-view-copy{padding:12px}.community-view-copy h2{font-size:12px}.community-view-copy>p{margin-bottom:10px}.community-view-media{height:58dvh}.community-view-arrow{top:calc(29dvh + 36px)}}
@media(prefers-reduced-motion:reduce){.campaign-video,.community-media>video,.community-open>svg{transition:none}}