/*! 
https://serp.co/tools/css-reset/
<link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Gridular;src:url(/fonts/Gridular-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--main-hue-base: 22;--main-50: hsl(calc(var(--main-hue-base) - 17) 100% 97%);--main-100: hsl(calc(var(--main-hue-base) - 17) 100% 94%);--main-200: hsl(calc(var(--main-hue-base) - 15) 96% 89%);--main-300: hsl(calc(var(--main-hue-base) - 13) 94% 82%);--main-400: hsl(calc(var(--main-hue-base) - 9) 89% 74%);--main-500: hsl(calc(var(--main-hue-base) - 4) 84% 67%);--main-600: hsl(var(--main-hue-base) 75% 59%);--main-700: hsl(calc(var(--main-hue-base) + 2) 58% 51%);--main-800: hsl(calc(var(--main-hue-base) + 1) 55% 41%);--main-900: hsl(calc(var(--main-hue-base) - 1) 47% 34%);--main-950: hsl(calc(var(--main-hue-base) + 1) 47% 20%);--main-1k: hsl(calc(var(--main-hue-base) + 1) 40% 10% / 1);--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--gray-50: oklch(.985 .002 247.839);--gray-100: oklch(.967 .003 264.542);--gray-200: oklch(.928 .006 264.531);--gray-300: oklch(.872 .01 258.338);--gray-400: oklch(.707 .022 261.325);--gray-500: oklch(.551 .027 264.364);--gray-600: oklch(.446 .03 256.802);--gray-700: oklch(.373 .034 259.733);--gray-800: oklch(.278 .033 256.848);--gray-900: oklch(.21 .034 264.665);--gray-950: oklch(.13 .028 261.692);--neutral-50: oklch(.985 0 0);--neutral-100: oklch(.97 0 0);--neutral-200: oklch(.922 0 0);--neutral-300: oklch(.87 0 0);--neutral-400: oklch(.708 0 0);--neutral-500: oklch(.556 0 0);--neutral-600: oklch(.439 0 0);--neutral-700: oklch(.371 0 0);--neutral-800: oklch(.269 0 0);--neutral-900: oklch(.205 0 0);--neutral-950: oklch(.145 0 0);--btsm-bg-50: #fffbf7;--btsm-bg-100: #f1ede9;--btsm-bg-200: hsl(28, 19%, 84%);--btsm-bg-300: #c7bbae;--btsm-bg-400: #a7998b;--btsm-bg-500: #9b8f82;--btsm-bg-600: #7d7164;--btsm-bg-700: #635a4f;--btsm-bg-800: #4f4a45;--btsm-bg-900: #44403c;--btsm-bg-1000: #312e2b;--btsm-bg-1100: #1b1918;--btsm-bg-1200: hsl(20 10% 2% / 1);--btsm-accent-300: hsl(191 42% 75% / 1);--btsm-accent-400: hsl(191 33.68% 62.16%);--btsm-accent-500: #6393a6;--btsm-accent-600: hsl(192, 35%, 37%);--btsm-accent-700: hsl(192 37% 23% / 1);--scrollbar-thumb: var(--main-500);--scrollbar-thumb-2: var(--main-700);--scrollbar-thumb-hover: var(--main-300);--scrollbar-track: rgba(99, 102, 241, .18);--scrollbar-size: 10px;--scrollbar-block-size: 6px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--block-size: 64px;--block-cols: 26;--status-success: hsl(142 71% 45%);--status-success-highlight: hsla(142 95% 95% / .92);--status-success-outline: hsla(142 71% 45% / .55);--status-success-tooltip-accent: hsla(142 71% 45% / .14);--status-success-text: hsl(142 69% 58%);--status-warning: hsl(45 93% 47%);--status-warning-highlight: hsla(48 100% 96% / .92);--status-warning-outline: hsla(45 93% 47% / .55);--status-warning-tooltip-accent: hsla(45 93% 47% / .16);--status-warning-text: hsl(48 96% 74%);--status-error: hsl(0 84% 60%);--status-error-highlight: hsla(0 100% 97% / .92);--status-error-outline: hsla(0 84% 60% / .55);--status-error-tooltip-accent: hsla(0 84% 60% / .14);--status-error-text: hsl(0 90% 74%);transition:background var(--overlay-transition-time) ease;background-color:#000}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,main{width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;font-optical-sizing:auto}html,body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body{color:#fff;font-family:Gridular,sans-serif;font-weight:400;font-style:normal;position:relative}section,#project-overlay{max-width:1600px;margin:0 auto}section:not(.unset-height){height:100svh;box-sizing:border-box;position:relative}a{text-decoration:none;color:unset;color:#fff;&:hover{cursor:pointer}}h1,h2{font-size:60px;display:block;padding:.5rem 1rem;margin:0;width:max-content;z-index:99;background:#00000a40}h1{margin-bottom:.5rem;color:var(--main-200)}h2{user-select:none;font-weight:500;&:hover{color:var(--main-200)}}h3{font-weight:500}button{color:#fff}@media(max-width:1023px){h1,h2{font-size:40px}a{font-size:18px}}@media(max-width:767px){h1,h2{font-size:30px}a{font-size:22px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{background:unset;border:0;cursor:pointer}ul{list-style:none}a{text-decoration:none!important}ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0}.work-nav-item{position:absolute;opacity:0;pointer-events:none}#work-back-btn{left:max(4rem,calc(50% - (var(--nav-items-max-width, 1270px) / 2)))}#work-scroll-msg{right:max(2rem,calc(50% - (var(--nav-items-max-width, 1270px) / 2)));font-size:1.25rem;letter-spacing:.15rem}html[active-proj=btsm]{#work-scroll-msg,#work-scroll-msg-mobile,#work-back-btn,.work-nav-item{color:var(--btsm-bg-700)}#work-back-btn:hover{color:var(--btsm-accent-500)}}nav[data-astro-cid-dmqpwcec]{--nav-items-max-width: 1270px;display:flex;flex-direction:row;height:var(--block-size);position:fixed;background:#000;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:0 4rem;z-index:10;font-size:24px;transition:background var(--overlay-transition-time) ease;.nav-items{width:100%;max-width:var(--nav-items-max-width);display:flex;justify-content:space-between;align-items:center;margin:0 auto;.nav-pages{display:flex;gap:3rem}.nav-links{display:flex;align-items:center;gap:1rem;a{display:flex;align-items:center;justify-content:center;svg{width:2.25rem;height:2.25rem}}}}a{transition:color .25s ease;color:var(--neutral-500);&.inactive:not(.transitioning){color:#494949!important}&.active{color:var(--neutral-100)}&:hover{color:var(--neutral-100)}&.selected{color:var(--neutral-100);cursor:default;pointer-events:none}&.transitioning{animation:flash infinite .2s;transition:color none!important}}button{color:var(--neutral-500);transition:color .25s ease;&:hover{color:var(--neutral-100)}}}@media(max-width:1280px){nav[data-astro-cid-dmqpwcec]{display:none}}@keyframes flash{0%{color:#fff}to{color:var(--slate-500)}}:root{--transition-bg: var(--main-800);--transition-block-size: var(--block-size);--transition-logo-fade-duration: .5s}.transition{display:grid;z-index:10000;background-color:var(--transition-bg);width:100%;min-height:100vh;position:fixed;inset:0;grid-auto-columns:var(--transition-block-size);grid-auto-rows:var(--transition-block-size)}.transition-block{position:relative;overflow:hidden;background-color:var(--transition-bg);width:100%;height:100%}.transition-block--logo:before{content:"";position:absolute;inset:0;background-image:var(--transition-logo-url);background-repeat:no-repeat;background-size:var(--transition-logo-width) var(--transition-logo-height);background-position:var(--transition-logo-pos-x) var(--transition-logo-pos-y);opacity:0;transition:opacity var(--transition-logo-fade-duration) ease}.transition--logo-no-fade .transition-block--logo:before{transition:none}.transition--logo-ready .transition-block--logo:before{opacity:1}@media screen and (max-width:1280px){:root{--transition-block-size: 48px}}@media(prefers-reduced-motion:reduce){.transition-block--logo:before{transition:none}}@media(hover:hover)and (pointer:fine){:root{--cursor-default-main: url(/cursor-circle.svg) 9 9, auto;--cursor-default: var(--cursor-default-main);--cursor-badge-icon-bg-default: color-mix(in srgb, var(--main-500) 22%, transparent);--cursor-badge-icon-bg: var(--cursor-badge-icon-bg-default);--cursor-badge-icon-color: var(--main-200)}:root[data-cursor-brand=linkedin]{--cursor-default: url(/cursor-circle-linkedin.svg) 9 9, auto;--cursor-badge-icon-bg: rgb(10 102 194 / .22);--cursor-badge-icon-color: #c0dbf7}:root[data-cursor-brand=github]{--cursor-default: url(/cursor-circle-github.svg) 9 9, auto;--cursor-badge-icon-bg: rgb(46 160 67 / .22);--cursor-badge-icon-color: #b9dec0}html,html *{cursor:var(--cursor-default)!important}html input,html textarea,html select,html [contenteditable=true]{cursor:text!important}#cursor-newtab-badge{display:block;position:fixed;top:0;left:0;z-index:99999;pointer-events:none;user-select:none;transform:translate3d(var(--cursor-x, -999px),var(--cursor-y, -999px),0);will-change:transform}#cursor-newtab-badge__inner{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border-radius:8px;border:1px solid rgb(255 255 255 / .16);background:#0000009e;box-shadow:0 10px 30px #00000059;backdrop-filter:blur(8px);transform:translate3d(16px,18px,0) scale(.96);transform-origin:left center;opacity:0;filter:blur(0px);transition:opacity .12s ease,transform .12s ease,filter .12s ease}#cursor-newtab-badge.is-visible #cursor-newtab-badge__inner{opacity:1;transform:translate3d(16px,18px,0) scale(1)}#cursor-newtab-badge .cursor-newtab-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:.35rem;background:var(--cursor-badge-icon-bg);color:var(--cursor-badge-icon-color);font-size:.85rem;line-height:1;transform:rotate(90deg)}#cursor-newtab-badge .cursor-newtab-badge__label{font-family:Inter,sans-serif;font-weight:650;font-size:.7rem;letter-spacing:.1em;color:#ffffffeb;white-space:nowrap}}@media(prefers-reduced-motion:reduce){#cursor-newtab-badge__inner{transition:none}}@media screen and (max-width:1280px){#cursor-newtab-badge{display:none}}#mobile-menu[data-astro-cid-7sdvlufi]{--mobile-menu-color-base: var(--main-950);--mobile-menu-color-text: var(--main-100);--mobile-menu-color-text-selected: var(--main-200);--mobile-menu-color-warp-highlight: var(--main-300);--mobile-menu-color-accent-soft: var(--main-400);--mobile-menu-color-accent-mid: var(--main-700);--mobile-menu-color-accent-glow: var(--main-500);--mobile-menu-color-accent-strong: var(--main-600);--mobile-menu-color-depth-soft: var(--main-700);--mobile-menu-color-depth-strong: var(--main-800);background:radial-gradient(130% 120% at 15% 12%,hsl(from var(--mobile-menu-color-accent-strong) h s l / .25),transparent 60%),radial-gradient(110% 120% at 92% 88%,hsl(from var(--mobile-menu-color-accent-soft) h s l / .24),transparent 64%),hsl(from var(--mobile-menu-color-base) h s l / .72);backdrop-filter:blur(0px);position:fixed;inset:0;width:100vw;height:100vh;z-index:100;opacity:0;will-change:clip-path,opacity,transform,backdrop-filter;isolation:isolate;ul{display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;align-items:center;position:relative;z-index:2;transform:translateZ(0)}li{overflow:hidden}a{display:inline-block;position:relative;color:hsl(from var(--mobile-menu-color-text) h s l / .92);font-size:36px;letter-spacing:.2rem;text-shadow:0 0 18px hsl(from var(--mobile-menu-color-accent-glow) h s l / .32);will-change:transform,opacity,filter;&:before,&:after{content:attr(data-label);position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .24s ease}&:before{color:hsl(from var(--mobile-menu-color-accent-soft) h s l / .75);clip-path:polygon(0 0,100% 0,100% 40%,0 52%);transform:translate3d(-2px,-1px,0)}&:after{color:hsl(from var(--mobile-menu-color-accent-strong) h s l / .72);clip-path:polygon(0 56%,100% 44%,100% 100%,0 100%);transform:translate3d(3px,1px,0)}&:hover:before,&:hover:after,&:focus-visible:before,&:focus-visible:after{opacity:.45}&.selected{background:var(--main-200);color:var(--main-800);padding:.25rem .5rem}}&.closed{display:none}&.open{display:block;pointer-events:auto}}.mobile-menu__fx[data-astro-cid-7sdvlufi]{position:absolute;inset:-14%;pointer-events:none;z-index:1;filter:saturate(1.1)}.mobile-menu__noise[data-astro-cid-7sdvlufi]{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(to bottom,hsl(from var(--mobile-menu-color-text) h s l / .08) 0 2px,transparent 2px 5px),repeating-linear-gradient(to right,hsl(from var(--mobile-menu-color-accent-soft) h s l / .03) 0 1px,transparent 1px 8px);mix-blend-mode:screen;will-change:background-position,opacity}.mobile-menu__warp[data-astro-cid-7sdvlufi]{position:absolute;inset:0;opacity:0;will-change:transform,opacity,filter;mix-blend-mode:screen}.mobile-menu__warp--one[data-astro-cid-7sdvlufi]{background:radial-gradient(circle at 26% 22%,hsl(from var(--mobile-menu-color-warp-highlight) h s l / .3),transparent 46%),radial-gradient(circle at 64% 68%,hsl(from var(--mobile-menu-color-depth-soft) h s l / .24),transparent 58%)}.mobile-menu__warp--two[data-astro-cid-7sdvlufi]{background:radial-gradient(circle at 72% 26%,hsl(from var(--mobile-menu-color-accent-mid) h s l / .34),transparent 50%),radial-gradient(circle at 36% 74%,hsl(from var(--mobile-menu-color-depth-strong) h s l / .29),transparent 52%)}#mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;transition:background var(--overlay-transition-time) ease;z-index:10;justify-content:space-between;align-items:center;font-size:26px;padding:1rem}.mobile-nav-msg-group{display:grid;align-items:center;justify-items:start;position:relative}#menu-btn{position:fixed;right:.5rem;top:14px;z-index:9999;font-size:18px;display:none}#work-back-btn-mobile{right:1rem}@media(max-width:1280px){#menu-btn,#work-back-btn-mobile,.mobile-nav-msg{display:block}#mobile-nav .work-nav-item{font-size:18px;letter-spacing:.15rem}.mobile-nav-msg{font-size:18px;letter-spacing:.15rem;display:flex;align-items:center;gap:1rem;white-space:nowrap;z-index:999;grid-area:1 / 1}.mobile-nav-counter-wrap{display:inline-flex;align-items:baseline;gap:.3rem}.mobile-nav-counter__slash{display:inline-block}.mobile-nav-counter{display:inline-block;min-width:calc(var(--counter-digits, 1) * 1ch);text-align:right;vertical-align:baseline}.mobile-nav-counter__value{display:inline-block}.mobile-nav-msg:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;margin-top:4px;animation:spin 4s infinite linear}}@media(max-width:1280px){#mobile-nav{display:flex}}