.service-category-tab{color:hsl(var(--muted-foreground));border:2px solid hsl(var(--border));background:hsl(var(--background));transition:color .22s,background-color .22s,border-color .22s,box-shadow .22s,transform .22s}.service-category-tab--desktop{border-color:#0000;border-radius:8px}.service-category-tab--mobile{border-radius:16px;min-height:72px;font-family:LINE Seed Sans TH,sans-serif;font-weight:600}.service-category-tab.is-active{color:hsl(var(--foreground));background:#d4af3714;border-color:#d4af37;box-shadow:0 6px 18px #d4af371f}.service-category-tab--desktop.is-active{box-shadow:none;border-color:#0000 #0000 #d4af37}.service-category-tab:focus-visible{outline-offset:3px;outline:3px solid #d4af37}.service-category-tab:active{transform:scale(.98)}@media (hover:hover){.service-category-tab:not(.is-active):hover{color:hsl(var(--foreground));background:hsl(var(--background));border-color:#d4af3757;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1a,0 2px 6px #0f172a0f}}.services-drum{touch-action:pan-y;min-width:0;height:clamp(430px,42vw,560px)}.services-drum-blinds{width:100%;height:100%;overflow:visible}.services-drum-blinds .bld-slat{background:hsl(var(--background));border-color:hsl(var(--border))}.services-drum-blinds .bld-img{object-fit:cover}.services-drum-blinds .bld-art{background:hsl(var(--muted))}.services-drum-blinds .bld-art:after{background:linear-gradient(#0000 56%,#0000009e)}.services-drum-blinds .bld-title{letter-spacing:0;font-family:inherit}.services-mobile-swipe{--swipe-x:0px;--service-image-ratio:1;width:min(100%, calc(68svh * var(--service-image-ratio)));aspect-ratio:var(--service-image-ratio);touch-action:pan-y;border-radius:12px;place-items:center;margin-inline:auto;display:grid;overflow:hidden}.services-mobile-image{object-fit:contain;width:100%;height:100%;transform:translateX(calc(var(--swipe-x) * .22));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:.42s cubic-bezier(.4,0,.2,1) both service-image-in;display:block}@keyframes service-image-in{0%{opacity:0;transform:translate(18px)scale(.985)}to{opacity:1;transform:translateX(calc(var(--swipe-x) * .22)) scale(1)}}@keyframes service-copy-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes service-copy-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.service-copy--left{animation:.6s cubic-bezier(.4,0,.2,1) both service-copy-in-left}.service-copy--right{animation:.6s cubic-bezier(.4,0,.2,1) both service-copy-in-right}@media (prefers-reduced-motion:reduce){.services-mobile-image,.service-copy{animation:none}}