@font-face{font-family:Kanit;font-weight:300;font-display:swap;src:url(/assets/fonts/Kanit/Kanit-Light.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:400;font-display:swap;src:url(/assets/fonts/Kanit/Kanit-Regular.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:500;font-display:swap;src:url(/assets/fonts/Kanit/Kanit-Medium.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:700;font-display:swap;src:url(/assets/fonts/Kanit/Kanit-Bold.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:900;font-display:swap;src:url(/assets/fonts/Kanit/Kanit-Black.ttf) format("truetype")}:root{--bg: #242424;--fader: #1c1c1c;--panel-2: #404040;--ink: #f1eeca;--accent: #e3d271;--accent-hot: #ffdd1f;--gutter: clamp(1rem, 4vw, 3rem);--ease: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Kanit,system-ui,sans-serif;line-height:1.4}body{background:transparent}a{color:inherit}button{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.drop{animation:drop-in .7s cubic-bezier(.34,1.35,.5,1) both;animation-delay:calc(var(--i, 0) * .12s + .2s)}.slide-in{animation:slide-in .7s var(--ease) both;animation-delay:calc(var(--i, 0) * .12s + .2s)}@keyframes drop-in{0%{transform:translateY(-3rem);opacity:0}}@keyframes slide-in{0%{transform:translate(3rem);opacity:0}}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}body.modal-open app-mobile-menu,body.modal-open app-copyright{visibility:hidden}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.6rem;font-weight:700;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#1c1c1c;background:var(--accent);border:0;border-radius:2rem;cursor:pointer;transition:background .2s,transform .2s}.btn:hover,.btn:focus-visible{background:var(--accent-hot);transform:translateY(-2px)}main{view-transition-name:page}app-header-bar{view-transition-name:header}::view-transition-old(page),::view-transition-new(page){animation-duration:.5s;animation-timing-function:var(--ease);animation-fill-mode:both}html[data-vt=fade]::view-transition-old(page){animation-name:vt-fade-out}html[data-vt=fade]::view-transition-new(page){animation-name:vt-fade-in}html[data-vt=slide-left]::view-transition-old(page){animation-name:vt-out-left}html[data-vt=slide-left]::view-transition-new(page){animation-name:vt-in-from-right}html[data-vt=slide-right]::view-transition-old(page){animation-name:vt-out-right}html[data-vt=slide-right]::view-transition-new(page){animation-name:vt-in-from-left}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-out-left{to{transform:translate(-100%)}}@keyframes vt-in-from-right{0%{transform:translate(100%)}}@keyframes vt-out-right{to{transform:translate(100%)}}@keyframes vt-in-from-left{0%{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
