@layer normalize,tokens,themes,core,typo,animation,elevation;@layer normalize{*,*:before,*:after{box-sizing:border-box;background-repeat:no-repeat}*{padding:0;margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;block-size:100%;font-family:system-ui,sans-serif}body{min-block-size:100%}a,input[type=submit],input[type=button],button{cursor:pointer}iframe,audio,video,canvas{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit}textarea{field-sizing:content}table{border-collapse:collapse}abbr{font-variant-caps:all-small-caps;text-decoration:none;&[title]{cursor:help;text-decoration:underline dotted}}sup,sub{line-height:0}:disabled,input[disabled]{opacity:.8;cursor:not-allowed}:focus-visible{outline-offset:.2rem}html.translated-rtl{direction:rtl}ul,ol,dl{ul,ol,dl{padding-inline-start:1lh}}video,iframe{aspect-ratio:16/9}}@layer tokens{html{--typeface-title: var(--font-bbh-hans-hegarty), system-ui, sans-serif;--typeface-subline: "Libre Franklin", system-ui, sans-serif;--typeface-headline: var(--font-bbh-hans-hegarty), system-ui, sans-serif;--typeface-text: "Libre Franklin", system-ui, sans-serif;--post-padding: 0 clamp(20px, 5vw, 40px)}}@layer themes{html[data-theme=light]{--color-base: hsl(20, 13%, 9%);--color-theme: white;--color-theme-inverse: black;--color-headline: #ffffff;--color-subline: #b0b0b0;--color-accent: hsl(29, 100%, 56%);--color-canvas: var(--color-base);--color-canvas: hsl(from var(--color-base) h s calc(l + 84) );--color-surface: hsl(from var(--color-base) h s calc(l + 90) );--color-border: hsl(from var(--color-text) h s l / .1);--color-text: hsl(from var(--color-base) h s calc(l + 24) );--color-accent: hsl(from var(--color-base) h calc(s + 50) calc(l + 50) );--glow-color-1: hsl(from var(--color-base) calc(h + calc(var(--xp) * 80 - 100)) 100% 91%);--glow-color-2: hsl(from var(--color-base) calc(h + calc(var(--xp) * 60 - 80)) 100% 94%);--glow-color-3: hsl(from var(--color-base) calc(h + calc(var(--xp) * 60 - 10)) 100% 95%)}}@layer themes{html[data-theme=dark]{--color-base: hsl(200, 14%, 9%);--color-theme: hsl(0 0% 0%);--color-theme-inverse: hsl(0 0 100%);--color-canvas: var(--color-base);--color-surface: hsl(from var(--color-base) h s calc(l + 3) );--color-border: hsl(from var(--color-text) h s l / .1);--color-text: hsl(from var(--color-base) h s calc(l + 72) );--color-accent: hsl(from var(--color-base) h calc(s + 50) calc(l + 50) );--glow-color-1: hsl(from var(--color-base) calc(h + calc(var(--xp) * 80 - 100)) 100% 50%);--glow-color-2: hsl(from var(--color-base) calc(h + calc(var(--xp) * 60 - 80)) 100% 50%);--glow-color-3: hsl(from var(--color-base) calc(h + calc(var(--xp) * 60 - 10)) 100% 50%)}}@layer core{@view-transition{navigation:auto}:where(*):not(.starburst,.starburst *){--transition-time: .4s;transition:color var(--transition-time) var(--magic-in-out-curve),background-color var(--transition-time) var(--magic-in-out-curve),border-color var(--transition-time) var(--magic-in-out-curve),box-shadow var(--transition-time) var(--magic-in-out-curve),fill var(--transition-time) var(--magic-in-out-curve),stroke var(--transition-time) var(--magic-in-out-curve),opacity var(--transition-time) var(--magic-in-out-curve)}body{background-color:var(--color-canvas);color:var(--color-text)}main{position:relative}::selection{color:var(--color-theme-inverse);background-color:var(--color-accent)}html[data-theme=dark] spline-viewer[data-theme-target=light],html[data-theme=light] spline-viewer[data-theme-target=dark]{opacity:0;pointer-events:none}html[data-theme=light] .starburst canvas{mix-blend-mode:exclusion}html[data-theme=dark] .starburst canvas{mix-blend-mode:lighten}}@layer typo{html{--font-size-min: 16;--font-size-max: 17.75;--font-ratio-min: 1.2;--font-ratio-max: 1.3;--font-width-min: 320;--font-width-max: 1480;--typeface-title: var(--font-primary), system-ui, sans-serif;--typeface-text: var(--font-secondary), system-ui, sans-serif;--typeface-headline: "Sarabun", "SF Pro", system-ui, sans-serif;--typeface-subline: "Sarabun", "SF Pro", system-ui, sans-serif;--typeface-section: "Sarabun", "SF Pro", system-ui, sans-serif;--typeface-label: "Sarabun", "SF Pro", system-ui, sans-serif;--typeface-small: "Sarabun", "SF Pro", system-ui, sans-serif;text-wrap-style:balance}:where(p,ul,ol,li,small,span,label,table,input,a,button,select,textarea,form,figcaption,em,strong,){font-family:var(--typeface-text);color:var(--color-text)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--typeface-title);color:var(--color-text)}:where(strong){font-weight:700}:where(h1,h2,h3,h4,h5,h6,p,small,input,label,table,span,strong,select,a,b,em,figcaption,li){--fluid-min: calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)));--fluid-max: calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)));--fluid-preferred: calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));--fluid-type: clamp((var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem);font-size:var(--fluid-type)}:where(h1){--font-level: 6;font-variation-settings:"wght" 900;letter-spacing:-.07ex}:where(h2){--font-level: 5;font-variation-settings:"wght" 860;letter-spacing:-.07ex}:where(h3){--font-level: 3;font-variation-settings:"wght" 840;letter-spacing:-.05ex}:where(h4){--font-level: 2;font-variation-settings:"wght" 820;letter-spacing:-.03ex}:where(h5){--font-level: 1;font-variation-settings:"wght" 750;letter-spacing:-.02ex}:where(h6){--font-level: .4;font-variation-settings:"wght" 740;letter-spacing:-.025ex}:where(p){--font-level: 0}:where(label){--font-level: 0;font-weight:590}:where(small){--font-level: -.55;font-weight:500}:where(a){color:inherit;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;text-decoration-color:hsl(from var(--color-accent) h s l / .7);transition-property:text-underline-offset,text-decoration-thickness,text-decoration-color;transition-duration:.2s;transition-timing-function:var(--spring-10);&:hover{text-underline-offset:.5em;text-decoration-color:hsl(from var(--color-accent) h s l / 1);text-decoration-thickness:4px}}:where(code){font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}:where(em){font-style:italic}:where(ul){list-style-type:disc}:where(ol){list-style-type:decimal}:where(ul,ol){padding-left:1.4em}}@layer animation{html{--animation-10: .1s;--animation-20: .2s;--animation-30: .3s;--animation-40: .4s;--animation-50: .5s;--animation-60: .6s;--animation-70: .7s;--animation-80: .8s;--animation-90: .9s;--animation-100: 1s;--animation-120: 2s;--animation-130: 3s;--animation-140: 4s;--animation-150: 5s;--magic-in-out-curve: cubic-bezier(.6, .6, 0, 1);--curve-in-10: cubic-bezier(.47, 0, .745, .715);--curve-in-20: cubic-bezier(.55, .085, .68, .53);--curve-in-30: cubic-bezier(.25, 0, .75, .25);--curve-in-40: cubic-bezier(.55, .055, .675, .19);--curve-in-50: cubic-bezier(.895, .03, .685, .22);--curve-in-60: cubic-bezier(.755, .05, .855, .06);--curve-in-70: cubic-bezier(.95, .05, .795, .035);--curve-in-80: cubic-bezier(.6, .04, .98, .335);--curve-out-10: cubic-bezier(.39, .575, .565, 1);--curve-out-20: cubic-bezier(.25, .46, .45, .94);--curve-out-30: cubic-bezier(.25, .75, .75, 1);--curve-out-40: cubic-bezier(.215, .61, .355, 1);--curve-out-50: cubic-bezier(.165, .84, .44, 1);--curve-out-60: cubic-bezier(.23, 1, .32, 1);--curve-out-70: cubic-bezier(.19, 1, .22, 1);--curve-out-80: cubic-bezier(.075, .82, .165, 1);--curve-in-out-10: cubic-bezier(.445, .05, .55, .95);--curve-in-out-20: cubic-bezier(.455, .03, .515, .955);--curve-in-out-30: cubic-bezier(.75, .25, .25, .75);--curve-in-out-40: cubic-bezier(.645, .045, .355, 1);--curve-in-out-50: cubic-bezier(.77, 0, .175, 1);--curve-in-out-60: cubic-bezier(.86, 0, .07, 1);--curve-in-out-70: cubic-bezier(1, 0, 0, 1);--curve-in-out-80: cubic-bezier(.785, .135, .15, .86);--spring-10: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--spring-20: linear(0, .212, .394, .549, .68 12.8%, .788, .876 19.7%, .944 23.4%, .995 27.4%, 1.02 30.5%, 1.038 33.8%, 1.049 37.5%, 1.052 41.7%, 1.047 48.2%, 1.021 64.6%, 1.009 74.4%, 1.002 85.7%, .999);--spring-30: linear(0, .245, .455, .635 6.6%, .784, .904, .998 14.5%, 1.068 17.5%, 1.094 19.1%, 1.114, 1.13, 1.14 24.9%, 1.144 27.2%, 1.143 29.7%, 1.127 35.3%, 1.076 46.7%, 1.054 52.2%, 1.037 57.5%, 1.023 63%, 1.012 70%, 1.004 77.9%, 1 87.3%, .999);--spring-40: linear(0, .196 3.5%, .362, .505, .625, .727 17.1%, .811, .878 24.8%, .93 29.1%, .963 33%, .986 37.2%, 1.002 41.9%, 1.011 47.3%, 1.014 57%, 1.004 81.9%, 1.001);--spring-50: linear(0, .208 .8%, .71 8.1%, .939 14.1%, 1.012 17.3%, 1.062 20.9%, 1.088 24.8%, 1.093 29.4%, 1.027 50.1%, 1.006 60.1%, .997 73.9%, 1);--dampened-10: linear(0, .0864 3.44%, .4337 13.85%, .6084 20.11%, .6878 23.68%, .7554 27.37%, .8124 31.25%, .8598 35.39%, .8991 39.95%, .9304 44.97%, .9544 50.6%, .9722 57.03%, .9842 64.28%, .9922 73.1%, 1);--dampened-20: linear(0, .1775 3.42%, .3285 6.76%, .4589 10.15%, .5704 13.64%, .6656 17.31%, .7455 21.2%, .8117 25.39%, .8653 29.95%, .9046 34.56%, .9354 39.69%, .9588 45.5%, .9758 52.27%, .9868 59.92%, .9939 69.42%, 1);--dampened-30: linear(0, .0226, .078, .1518, .2341, .3183, .4002, .4772, .5478, .6115, .668, .7177, .761, .7984, .8305, .8579, .8812, .9009, .9176, .9315, .9433, .953, .9612, .968, .9736, .9783, .9822, .9853, .988, .9902, .9919, .9934, .9946, .9956, .9964, .9971, .9976, .9981, .9984, .9987, .999, .9991, .9993, .9994, .9995, .9996, .9997, .9998, .9998, .9998, 1)}}@layer elevation{html{--elevation-10: 0px 0px 0px rgba(0, 0, 0, .01), 0px 1px 1px rgba(0, 0, 0, .01), 0px 1px 2px rgba(0, 0, 0, .01), 0px 2px 4px rgba(0, 0, 0, .02), 0px 3px 6px rgba(0, 0, 0, .03), 0px 5px 9px rgba(0, 0, 0, .03);--elevation-20: 0px 0px 1px rgba(0, 0, 0, .01), 0px 1px 3px rgba(0, 0, 0, .02), 0px 3px 8px rgba(0, 0, 0, .03), 0px 5px 14px rgba(0, 0, 0, .04), 0px 8px 22px rgba(0, 0, 0, .05), 0px 12px 31px rgba(0, 0, 0, .06);--elevation-50: 0px 2px 2px rgba(0, 0, 0, .03), 0px 10px 9px rgba(0, 0, 0, .05), 0px 22px 21px rgba(0, 0, 0, .08), 0px 40px 38px rgba(0, 0, 0, .1), 0px 62px 59px rgba(0, 0, 0, .13)}}#theme-toggle[data-astro-cid-kxyedvg6]{background:none;border:none;cursor:pointer;padding:.5rem;line-height:1;transform:scale(1);transition:transform .2s var(--spring-10);&:hover{transform:scale(1.2)}}#theme-toggle[data-astro-cid-kxyedvg6]:before{content:"☀️"}html[data-theme=dark] #theme-toggle[data-astro-cid-kxyedvg6]:before{content:"🌙"}nav[data-astro-cid-dmqpwcec]{color:var(--color-theme-inverse);position:sticky;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:clamp(8px,2vw,10px) 0;z-index:2;background-color:hsl(from var(--color-canvas) h s l / .4);backdrop-filter:blur(10px)}small[data-astro-cid-dmqpwcec]{font-weight:550;margin-right:1rem;& a[data-astro-cid-dmqpwcec]{text-decoration:none}}a[data-astro-cid-dmqpwcec]{padding:8px 12px}footer[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:center;padding:8px 5vw}small[data-astro-cid-sz7xmlte]{--font-level: -1}
