html{scroll-behavior:smooth}body{font-family:Google Sans,Inter,Noto Sans Thai,Kanit,system-ui,sans-serif;background-color:#fafaf9;color:#1c1917}.font-display{font-family:Google Sans,Kanit,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fadeUp .8s ease-out forwards}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.gallery-tab{padding:.5rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .2s}.gallery-tab.active{background-color:#1a365d;color:#fff}.gallery-tab:not(.active){background-color:#f3f4f6;color:#4b5563}.gallery-tab:not(.active):hover{background-color:#e5e7eb}.img-zoom{transition:transform .5s ease-out}.img-zoom:hover{transform:scale(1.05)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.gradient-overlay{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%)}.hero-gradient{background:linear-gradient(135deg,#0a1628,#0e1a33,#142952)}.section-transition{background:linear-gradient(180deg,#0f172a,#1e293b,#f9fafb);height:80px}::-webkit-scrollbar{width:0px;background:transparent}html{scrollbar-width:none;-ms-overflow-style:none}#scroll-status-bar{position:fixed;right:0rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end;padding-right:1rem}#scroll-status-bar:before{display:none}.status-dot{width:24px;height:3px;background-color:#e2e8f0;border-radius:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:none}.status-dot:before{position:absolute;right:140%;top:50%;transform:translateY(-50%) translate(10px);color:#4b5563;font-size:.75rem;font-weight:500;white-space:nowrap;padding:5px;border-radius:10px;background-color:#b1b1b1;opacity:0;pointer-events:none;transition:all .3s ease}.status-dot:hover:before,.status-dot.active:before{opacity:1;transform:translateY(-50%) translate(0)}.status-dot.active:before{color:#0f172a;font-weight:600}.status-dot:hover{background-color:#94a3b8;width:32px}.status-dot.active{width:32px;background-color:#1c1917;height:3px;box-shadow:none;border:none}.bg-navy-900 .status-dot{background-color:#334155}.bg-navy-900 .status-dot.active{background-color:#f8fafc}.bg-navy-900 .status-dot:hover{background-color:#64748b}.bg-navy-900 .status-dot:before{color:#94a3b8}.bg-navy-900 .status-dot.active:before{color:#f8fafc}