@import"https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&family=Pontano+Sans:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Overpass+Mono:wght@300..700&display=swap";:root{--spacing-0:2px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;--spacing-13:56px;--spacing-14:60px;--spacing-15:64px;--spacing-16:72px;--spacing-17:80px;--spacing-18:96px;--spacing-19:112px;--spacing-20:128px;--spacing-21:144px;--spacing-22:160px;--spacing-23:176px;--spacing-24:192px;--spacing-25:208px;--spacing-26:224px;--spacing-27:240px;--color-white:255 255 255;--color-black:0 0 0;--color-gray-1:164 164 164;--color-red:0;--color-yellow:0;--color-green:0;--color-blue:0;--font-family-default:"Roboto", system-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-code:"Roboto Mono", monospace;--font-family-heading:"Roboto Serif", sans-serif;--font-family-quote:"Roboto Serif", sans-serif;--font-weight-hairline:100;--font-weight-thin:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--font-size-0:10px;--font-size-1:11px;--font-size-2:12px;--font-size-3:13px;--font-size-4:14px;--font-size-5:15px;--font-size-6:16px;--font-size-7:18px;--font-size-8:20px;--font-size-9:24px;--font-size-10:32px;--font-size-11:36px;--font-size-12:40px;--font-size-13:48px;--icon-size-0:12px;--icon-size-1:14px;--icon-size-2:16px;--icon-size-3:18px;--icon-size-4:20px;--icon-size-5:24px;--icon-size-6:32px;--icon-size-7:36px;--icon-size-8:48px;--icon-size-9:64px;--icon-size-10:80px;--icon-size-11:96px;--bp-size-sm:480px;--bp-size-md:768px;--bp-size-lg:1024px;--bp-size-xl:1280px;--size-0000:2px;--size-000:4px;--size-00:8px;--size-0:16px;--size-1:20px;--size-2:24px;--size-3:28px;--size-4:32px;--size-5:36px;--size-6:40px;--size-7:44px;--size-8:48px;--size-9:52px;--size-10:56px;--size-11:60px;--size-12:64px;--size-13:72px;--size-14:80px;--size-15:96px;--size-16:100px;--size-17:112px;--size-18:120px;--size-19:128px;--size-20:144px;--size-21:160px;--size-22:192px;--size-23:256px;--size-24:288px;--size-25:320px;--size-26:384px;--size-27:448px;--size-28:512px;--size-29:576px;--size-30:672px;--size-31:768px;--size-32:896px;--size-33:1024px;--size-34:1152px;--size-35:1280px;--radius-0:0;--radius-1:2px;--radius-2:4px;--radius-3:6px;--radius-4:8px;--radius-5:16px;--radius-6:20px;--radius-full:9999px;--cursor-button:pointer;--cursor-checkbox:pointer;--cursor-disabled:default;--cursor-drag:grab;--cursor-dragging:grabbing;--cursor-link:pointer;--cursor-radio:default;--cursor-help:help;--z-hide:auto;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1800;--opacity-disabled:.5}*{padding:0;margin:0;outline:0;border:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-default);font-size:var(--font-size-6);background:var(--surface-frame);color:var(--text-primary)}a{color:var(--text-primary);text-decoration:none;transition:all .3s ease}a:hover{transition:all .3s ease}code{font-family:var(--font-family-code);font-size:var(--font-size-4)}input,textarea,button{color:var(--text-primary);font-family:var(--font-family-default)}textarea{resize:none}label{display:flex;align-items:center}ul{padding-left:28px}li{line-height:24px}button{background:none;border:none;cursor:pointer}figure{display:flex;align-items:center;justify-content:center}figure img{max-width:100%;max-height:100%}::selection{background:rgb(var(--color-invert) / 10%)}:disabled{opacity:var(--opacity-disabled);cursor:var(--cursor-disabled)}::-webkit-scrollbar{display:none}.h-inverted{filter:invert(1)}.h-flipped{transform:scale(-1)}.h-tac{text-align:center}.h-relative{position:relative}.h-w-0{width:0%}.h-w-5{width:5%}.h-w-10{width:10%}.h-w-15{width:15%}.h-w-20{width:20%}.h-w-25{width:25%}.h-w-30{width:30%}.h-w-33{width:calc(100% / 3)}.h-w-35{width:35%}.h-w-40{width:40%}.h-w-45{width:45%}.h-w-50{width:50%}.h-w-55{width:55%}.h-w-60{width:60%}.h-w-65{width:65%}.h-w-67{width:calc(100% / (3 / 2))}.h-w-70{width:70%}.h-w-75{width:75%}.h-w-80{width:80%}.h-w-85{width:85%}.h-w-90{width:90%}.h-w-95{width:95%}.h-w-100{width:100%}.h-w-auto{width:auto}.h-w-full{width:100%}.h-w-screen{width:100vw}.h-h-0{height:0%}.h-h-5{height:5%}.h-h-10{height:10%}.h-h-15{height:15%}.h-h-20{height:20%}.h-h-25{height:25%}.h-h-30{height:30%}.h-h-35{height:35%}.h-h-40{height:40%}.h-h-45{height:45%}.h-h-50{height:50%}.h-h-55{height:55%}.h-h-60{height:60%}.h-h-65{height:65%}.h-h-70{height:70%}.h-h-75{height:75%}.h-h-80{height:80%}.h-h-85{height:85%}.h-h-90{height:90%}.h-h-95{height:95%}.h-h-100{height:100%}.h-h-auto{height:auto}.h-h-full{height:100%}.h-h-screen{height:100vh}.h-flex{display:flex}.h-ac{align-items:center}.h-as{align-items:flex-start}.h-ae{align-items:flex-end}.h-ab{align-items:baseline}.h-jc{justify-content:center}.h-js{justify-content:flex-start}.h-je{justify-content:flex-end}.h-jb{justify-content:baseline}.h-jsb{justify-content:space-between}.h-fc{flex-direction:column}.h-fr{flex-direction:row}.h-wrap{flex-wrap:wrap}.h-mt-8{margin-top:var(--spacing-2)}.h-mb-8{margin-bottom:var(--spacing-2)}.h-my-8{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.h-mt-20{margin-top:var(--spacing-5)}.h-mb-20{margin-bottom:var(--spacing-5)}.h-my-20{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.h-mt-40{margin-top:var(--spacing-10)}.h-mb-40{margin-bottom:var(--spacing-10)}.h-my-40{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.h-mt-80{margin-top:var(--spacing-17)}.h-mb-80{margin-bottom:var(--spacing-17)}.h-my-80{margin-top:var(--spacing-17);margin-bottom:var(--spacing-17)}.h-ml-4{margin-left:var(--spacing-1)}.h-mr-4{margin-right:var(--spacing-1)}.h-mx-4{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.h-ml-8{margin-left:var(--spacing-2)}.h-mr-8{margin-right:var(--spacing-2)}.h-mx-8{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.h-ml-16{margin-left:var(--spacing-4)}.h-mr-16{margin-right:var(--spacing-4)}.h-mx-16{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.h-ml-20{margin-left:var(--spacing-5)}.h-mr-20{margin-right:var(--spacing-5)}.h-mx-20{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.h-pt-8{padding-top:var(--spacing-2)}.h-pb-8{padding-bottom:var(--spacing-2)}.h-py-8{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.h-pt-20{padding-top:var(--spacing-5)}.h-pb-20{padding-bottom:var(--spacing-5)}.h-py-20{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.h-pt-40{padding-top:var(--spacing-10)}.h-pb-40{padding-bottom:var(--spacing-10)}.h-py-40{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.h-pl-4{padding-left:var(--spacing-1)}.h-pr-4{padding-right:var(--spacing-1)}.h-px-4{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.h-pl-8{padding-left:var(--spacing-2)}.h-pr-8{padding-right:var(--spacing-2)}.h-px-8{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.h-pl-16{padding-left:var(--spacing-4)}.h-pr-16{padding-right:var(--spacing-4)}.h-px-16{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.h-pl-20{padding-left:var(--spacing-5)}.h-pr-20{padding-right:var(--spacing-5)}.h-px-20{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.h-gap-0{gap:0}.h-gap-2{gap:var(--spacing-0)}.h-gap-4{gap:var(--spacing-1)}.h-gap-8{gap:var(--spacing-2)}.h-gap-12{gap:var(--spacing-3)}.h-gap-16{gap:var(--spacing-4)}.h-gap-20{gap:var(--spacing-5)}.h-gap-24{gap:var(--spacing-6)}.h-alpha-0{opacity:0}.h-alpah-50{opacity:.5}.h-alpha-100{opacity:1}.a-fade-in{animation:fade 1s}@keyframes fade{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scroll{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes peekJump{0%{transform:translateY(100%)}30%{transform:translateY(40%)}50%{transform:translateY(40%)}80%{transform:translateY(-20%)}85%{transform:translateY(0)}90%{transform:translateY(-5%)}to{transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(-100%);opacity:0}30%{transform:translateY(0);opacity:1}40%{transform:translateY(-40%)}50%{transform:translateY(0)}60%{transform:translateY(-20%)}70%{transform:translateY(0)}80%{transform:translateY(-5%)}90%{transform:translateY(0)}to{transform:skew(0)}}@keyframes slideIn{0%{transform:translate(100%) skew(-50deg);opacity:0}50%{opacity:0}95%{transform:translate(5%) skew(-20deg);opacity:1}to{transform:translate(0)}}.l-container{position:relative}.l-header{display:flex;align-items:center}.l-sticky{position:fixed;top:0;width:100%;z-index:calc(var(--z-sticky) + 1);pointer-events:none}.l-sticky .l-wrapper{margin:0 auto;display:flex;align-items:center;justify-content:flex-end}.l-main{margin:0 auto}.l-content{display:flex;flex-direction:column;justify-content:center}.l-splash{margin:0 auto;height:100vh}.l-footer{display:flex;align-items:center;justify-content:space-between}.l-grid{display:grid;gap:var(--spacing-6)}.l-columns{display:flex;gap:var(--spacing-6)}.c-avatar{overflow:hidden;-webkit-user-select:none;user-select:none}.c-badge{display:inline-flex;align-items:flex-end;gap:var(--spacing-1);border-radius:40px 40px 2px 2px;padding:var(--spacing-0) var(--spacing-2);font-size:var(--font-size-4);line-height:12px}.c-badge--flip img{transform:scaleX(-1)}.c-badge img:nth-child(2){transform:scaleX(-1)}.c-badge--flip img:nth-child(2){transform:initial}.c-blockquote{margin:1.5rem 0;padding-left:1rem;line-height:24px;border-left:4px solid;border-radius:2px}.c-button{padding:.5rem 1rem;height:40px;font-size:var(--font-size-4);font-weight:var(--font-weight-medium);cursor:default}.c-button--primary{background:rgb(var(--color-black));color:rgb(var(--color-white))}.c-card{display:flex}.c-color-span{display:inline;opacity:.75}.c-color-span--tag{display:inline-flex;padding:.125rem .25rem;font-size:var(--font-size-2);border-radius:4px}.c-column{display:flex;flex-direction:column}.c-dropdown{position:relative}.c-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;height:40px;padding:.5rem;font-size:var(--font-size-6);cursor:default}.c-dropdown__menu{position:absolute;top:40px;left:0;width:100%;height:auto;z-index:var(--z-dropdown)}.c-dropdown__option{padding:.5rem;display:flex;align-items:center;height:36px;font-size:var(--font-size-6);cursor:default}.c-fas{padding-inline:0;padding-block:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-6);transition:all .3s ease;cursor:pointer}.c-fas--theme{width:24px;height:24px;outline:1px solid rgb(var(--color-invert) / 25%);color:rgb(var(--color-invert))}.c-fas--theme:hover:not(.c-fas--toggle){background:rgb(var(--color-invert) / 10%);transition:all .3s ease}.c-fas--toggle{display:block;width:44px;border-radius:16px;outline-color:rgb(var(--color-invert) / 15%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.c-fas--large{position:absolute;top:20px;right:20px;width:36px;height:36px;font-size:var(--font-size-8)}.c-fas__icon{position:absolute;top:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-invert) / 15%);border-radius:50%;font-size:var(--font-size-4);transition:all .3s ease}.c-fas--off .c-fas__icon{transform:translate(22px);transition:all .3s ease}.c-fas--on .c-fas__icon{transform:translate(2px);transition:all .3s ease}.c-hr{width:100%;height:1px}.c-mouse{display:flex;align-items:flex-start;justify-content:center;width:16px;height:24px;border-radius:20px;border:2px solid rgb(var(--color-invert))}.c-mouse--wheel:after{content:"";margin-top:.5rem;width:2px;height:4px;border-radius:2px;background:rgb(var(--color-invert));animation:scroll .75s infinite alternate-reverse}.c-progress{width:1px;position:relative}.c-progress__indicator{position:absolute;width:1px;top:0;left:0;transition:.3s ease all}.c-row{display:flex}.c-slideshow{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.c-slideshow__thumb{width:52px;height:52px;filter:grayscale(.75) opacity(.5);cursor:pointer;transition:all .3s ease}.c-slideshow__thumb:hover,.c-slideshow__thumb.isActive{filter:grayscale(0) opacity(1);transition:all .3s ease}.c-slideshow__thumb img{width:100%;height:100%;object-fit:cover}.c-social__list{display:flex;align-items:center;gap:var(--spacing-6)}.c-social{display:flex;align-items:center}.c-social--circle{justify-content:center;width:44px;height:44px;border:1px solid transparent;border-radius:50%;font-size:var(--font-size-9)}.c-tag{border-radius:4px;font-weight:var(--font-weight-semibold)}.c-tag--l{border-radius:4px 0 0 4px}.c-tag--r{border-radius:0 4px 4px 0}.c-to-top{text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.c-to-top:hover{transition:all .3s ease}.c-tooltip{position:relative}.c-tooltip__trigger:hover~.c-tooltip__content{opacity:1;transform:scale(1);transition:.3s ease all}.c-tooltip__content{position:absolute;padding:.125rem .5rem;line-height:16px;border-radius:4px;background:rgb(var(--color-black));color:rgb(var(--color-white));font-size:var(--font-size-2);white-space:nowrap;transform:scale(1.15);opacity:0;transition:.3s ease all;pointer-events:none}.c-tooltip--start .c-tooltip__content{left:0}.c-tooltip--end .c-tooltip__content{right:0}.c-tooltip--center .c-tooltip__content{left:50%;transform:translate(-50%) scale(1.15)}.c-tooltip--center .c-tooltip__trigger:hover~.c-tooltip__content{transform:translate(-50%) scale(1)}.c-twemoji--64{width:64px;height:64px}.c-twemoji--56{width:56px;height:56px}.c-twemoji--40{width:40px;height:40px}.c-twemoji--24{width:24px;height:24px}.c-twemoji--20{width:20px;height:20px}.c-twemoji--16{width:16px;height:16px}.c-twemoji--14{width:14px;height:14px}.c-twemoji--12{width:12px;height:12px}.p-landing{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.l-main--landing{width:64rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.p-logo{width:400px}.p-grid-bg{position:absolute;inset:0;width:100%;height:100%;background-image:linear-gradient(to right,#80808012 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.svg-logo-y{fill:rgb(var(--color-black));opacity:1;transform:translateY(100%)}.svg-logo-o{fill:rgb(var(--color-black));opacity:0;transform:translateY(-100%);transform-box:border-box;transform-origin:center}.svg-logo-n{fill:rgb(var(--color-gray-1));opacity:0}.svg-up{animation-name:peekJump;animation-duration:1s;animation-fill-mode:both}.svg-drop{animation-name:bounce;animation-duration:1s;animation-delay:1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1}.svg-slide{animation-name:slideIn;animation-duration:1.25s;animation-delay:1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1}@media (max-width:480px){.l-main--landing{padding:0 2rem}.p-logo{width:100%}}.c-button--landing{position:relative;border:1px solid rgb(var(--color-black));background:rgb(var(--color-black))}.c-button--landing:after{content:"";position:absolute;width:0px;height:100%;right:0;bottom:0;background:rgb(var(--color-white));z-index:0;transition:all .75s ease}.c-button--landing:hover:after{width:100%;left:0;transition:all .5s ease}.c-button--landing span{position:relative;z-index:1;color:rgb(var(--color-white));transition-duration:.75s}.c-button--landing:hover span{color:rgb(var(--color-black));transition-duration:.5s}.c-dropdown--landing{min-width:200px}.c-dropdown--landing .c-dropdown__trigger{position:relative;border:1px solid rgb(var(--color-black));background:rgb(var(--color-white));font-size:14px;overflow:hidden}.c-dropdown--landing .c-dropdown__trigger:after{content:"";position:absolute;width:100px;height:155px;top:-50px;left:-135px;z-index:0;background:rgb(var(--color-black) / 10%);transform:rotate(35deg);transition:all 1s cubic-bezier(.19,1,.22,1)}.c-dropdown--landing .c-dropdown__trigger:hover:after{left:120%;transition:all 1s cubic-bezier(.19,1,.22,1)}.c-dropdown--landing .c-dropdown__menu{top:39px;background:rgb(var(--color-white));border:1px solid rgb(var(--color-black))}.c-dropdown--landing .c-dropdown__option:hover:not(.isActive,.isDisabled){background:rgb(var(--color-black));color:rgb(var(--color-white))}.c-dropdown--landing .c-dropdown__option.isActive{font-weight:700}.c-dropdown--landing .c-dropdown__option.isDisabled{opacity:.5;cursor:not-allowed}.p-data{--color-gray-0:253 254 255;--color-gray-1:228 233 241;--color-gray-2:187 195 199;--color-gray-3:93 99 115;--color-gray-4:73 192 221;--color-gray-5:58 66 84;--color-gray-6:16 20 22;--font-family-default:"Roboto", system-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-code:"JetBrains Mono", monospace;--font-family-heading:"Roboto", sans-serif;--font-size-h1:var(--font-size-10);--font-size-h2:var(--font-size-9);--font-size-h3:var(--font-size-8);--font-size-h4:var(--font-size-7);--font-size-file:var(--font-size-5);--font-size-code:var(--font-size-4);--font-size-tree:var(--font-size-2);--font-size-small:var(--font-size-0)}.p-data[data-theme=light]{--color-primary:var(--color-gray-0);--color-secondary:var(--color-gray-2);--color-invert:var(--color-gray-6);--surface-primary:rgb(var(--color-primary));--surface-secondary:rgb(var(--color-secondary));--surface-invert:rgb(var(--color-invert));--text-primary:rgb(var(--color-gray-6));--text-secondary:rgb(var(--color-gray-5));--text-link:rgb(var(--color-gray-4));--border-primary:rgb(var(--color-gray-2));--border-primary--active:rgb(var(--color-gray-3))}.p-data[data-theme=dark]{--color-primary:var(--color-gray-6);--color-invert:var(--color-gray-1);--color-secondary:var(--color-gray-5);--surface-primary:rgb(var(--color-primary));--surface-secondary:rgb(var(--color-secondary));--surface-invert:rgb(var(--color-invert));--text-primary:rgb(var(--color-gray-1));--text-secondary:rgb(var(--color-gray-2));--text-link:rgb(var(--color-gray-4));--border-primary:rgb(var(--color-gray-5));--border-primary--active:rgb(var(--color-gray-3))}.p-data{font-size:var(--font-size-file)}.p-data input::placeholder{color:var(--text-secondary);opacity:.5}.p-data h1,.p-data h2,.p-data h3{margin-bottom:8px}.p-data h1{font-size:var(--font-size-h1)}.p-data h2{font-size:var(--font-size-h2)}.p-data h3{font-size:var(--font-size-h3)}.p-data h4{font-size:var(--font-size-h4)}.p-data li{margin-bottom:8px}.p-data__split{display:flex;flex-direction:column;width:75%;height:100vh}.p-data__panel{position:relative;padding:20px;background:var(--surface-primary);color:var(--text-primary)}.p-data__panel--right{border-right:1px solid var(--border-primary);scrollbar-color:var(--surface-secondary) var(--surface-primary)}.p-data__panel--right::-webkit-scrollbar{display:block}.p-data__split .p-data__panel:nth-child(1){height:64vh}.p-data__split .p-data__panel:nth-child(2){height:36vh;border-top:1px solid var(--border-primary)}.p-data__panel--right .l-wrapper{overflow-y:none;overflow-x:auto}.p-data__label{position:absolute;top:8px;left:8px;padding:2px 8px;display:flex;align-items:center;justify-content:center;background:var(--surface-primary);border-radius:4px;border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:700;text-transform:uppercase;z-index:var(--z-sticky)}.p-data__about img:not(.c-twemoji--14){width:100%}@media (max-width:768px){.p-data__panel--right{display:none}.p-data__split{width:100%}.p-data__split .p-data__panel:nth-child(1){height:56vh}.p-data__split .p-data__panel:nth-child(2){height:44vh}}.l-wrapper--data{overflow-y:auto;height:100%}.l-main--data{display:flex}.l-content--data{flex-direction:row;gap:20px}@media (max-width:768px){.p-data .l-columns{flex-direction:column}.p-data .l-columns .c-column{width:100%}}.p-data .c-avatar{margin-top:8px;width:200px}.p-data .c-column{gap:12px}.p-data .c-column p{text-indent:24px}.p-data .c-fas--large{outline-color:var(--border-primary)}.p-data .c-hr{margin:20px 0;background:rgb(var(--color-invert) / 10%)}.c-viewer{padding-top:80px;line-height:1.5;height:100%}.c-viewer--empty{padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--text-primary)}.c-viewer__wrapper{height:100%;overflow:auto;scrollbar-color:var(--surface-secondary) var(--surface-primary)}.c-viewer--empty .c-viewer__wrapper{width:70%;height:auto;display:flex;flex-direction:column;gap:8px}.c-viewer__crumb{position:absolute;top:0;left:0;padding:20px 20px 40px;width:100%;height:100px;background:var(--surface-primary);display:flex;align-items:flex-end}.c-viewer__crumb:after{position:absolute;content:"";bottom:20px;left:0;margin:0 20px;width:calc(100% - 40px);height:1px;background:rgb(var(--color-invert) / 10%)}.c-viewer__path{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.c-viewer__path span{display:flex;align-items:center;gap:8px}.c-viewer__path small,.c-viewer__content code{font-family:var(--font-family-code);background:rgb(var(--color-secondary) / 50%);color:var(--text-secondary);padding:2px 6px;border-radius:4px}.c-viewer__path small{font-size:var(--font-size-small)}.c-viewer__content{padding-right:40px}.c-viewer--empty .c-viewer__content{padding:0}.c-viewer__content *:not(hr,img,svg,.c-avatar,.c-column){margin-bottom:8px}.c-viewer__content h2{font-weight:700;letter-spacing:1px}.c-viewer__content h4{margin-top:16px}.c-viewer__content p{line-height:1.75}.c-viewer--empty ul{list-style:none;padding:0;margin:0}.c-viewer--empty li{display:flex;align-items:baseline;gap:8px}.c-viewer--empty li svg{width:20px}.c-viewer--empty li span{width:calc(100% - 20px);margin:0!important}.c-viewer__content a{text-decoration:underline}.c-viewer__success{display:inline-flex;align-items:center;gap:16px;text-align:center}.c-terminal{padding-top:20px;height:100%;color:var(--text-secondary);font-family:var(--font-family-code);font-size:var(--font-size-code)}.c-terminal>div,.c-terminal__output,.c-terminal__group{display:flex;flex-direction:column;gap:8px;line-height:1}.c-terminal__group p{font-weight:300;min-height:16px}.c-terminal__group--ls p{display:flex;flex-wrap:wrap;gap:8px;max-width:640px}.c-terminal__group--ls em,.c-terminal__group--ls strong{display:inline-block;width:calc(20% - 8px)}.c-terminal__group strong{font-weight:900}.c-terminal__group--ls em{font-style:normal}.c-terminal__command{min-height:16px;display:flex;flex-wrap:wrap;gap:8px}.c-terminal__command input{flex:1;background:none;font-family:var(--font-family-code);color:var(--text-secondary);font-size:var(--font-size-code);line-height:1;min-height:16px}.c-terminal__user{font-weight:700;color:var(--text-link)}.c-tree{padding:20px 0;background:var(--surface-primary);color:var(--text-primary);font-family:var(--font-family-code);overflow:auto;height:100%}.c-tree__node{margin-top:8px;display:inline-block}.c-tree__node--root{margin:0}.c-tree__branch{position:relative}.c-tree__branch:before{position:absolute;top:0;left:20px;content:"";border-left:1px solid var(--border-primary);height:100%}.c-tree__branch:after{position:absolute;top:24px;left:20px;content:"";background:var(--surface-secondary);width:20px;height:1px}.c-tree__branch:last-child:before{height:24px}.c-tree__branch:has(.c-tree__node){padding-left:40px}.c-tree__btn{display:inline-block;padding:8px;height:28px;display:flex;justify-content:center;border:1px solid var(--border-primary);background:transparent;color:var(--text-primary);font-size:var(--font-size-tree);font-family:var(--font-family-code);letter-spacing:1px;line-height:1;overflow:hidden;position:relative;cursor:default;-webkit-user-select:none;user-select:none;transition:all .3s ease}.c-tree__btn:hover{border-color:var(--border-primary--active);transition:all .3s ease}.c-tree__btn:focus,.c-tree__btn.isActive,.c-tree__btn.isOn{border-color:var(--border-primary--active);background:var(--surface-secondary)}.c-tree__btn.isOn{background:rgb(var(--color-secondary) / 50%)}.c-tree__btn:disabled{cursor:not-allowed}.c-tree__btn span{display:flex;gap:8px;z-index:20}.c-tree__btn span:after{background:rgb(var(--color-white));content:"";height:148px;top:-50px;left:-75px;opacity:.25;position:absolute;transform:rotate(35deg);transition:all .5s cubic-bezier(.19,1,.22,1);width:50px;z-index:-10}.c-tree__btn:focus span:after{left:120%;transition:all .3s cubic-bezier(.19,1,.22,1)}@media (max-width:768px){.p-data .c-avatar{margin:20px auto 0;width:25vw}.c-viewer__content{padding:0}.c-terminal__group--ls em,.c-terminal__group--ls strong{width:calc(25% - 8px)}}@media (max-width:600px){.c-terminal__group--ls em,.c-terminal__group--ls strong{width:calc((100% / 3) - 8px)}}@media (max-width:480px){.c-viewer:not(.c-viewer--empty){padding-top:120px}.c-viewer__crumb{height:140px;padding:40px 20px}.c-viewer__crumb .c-viewer__path{align-items:flex-start;flex-direction:column}.c-viewer__success{flex-direction:column;gap:8px}.c-terminal__group--ls em,.c-terminal__group--ls strong{width:calc(50% - 8px)}}.p-design{--color-gray-0:245 245 245;--color-gray-1:221 221 221;--color-gray-2:153 153 153;--color-gray-3:67 67 67;--color-gray-4:48 48 48;--font-family-default:"Pontano Sans", system-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-heading:"Familjen Grotesk", sans-serif;--font-size-title:var(--font-size-12);--font-size-h1:var(--font-size-10);--font-size-h2:var(--font-size-9);--font-size-h3:var(--font-size-8);--font-size-h4:var(--font-size-6);--font-size-h5:var(--font-size-4);--font-size-pbody:var(--font-size-6);--font-size-sbody:var(--font-size-4);--font-size-small:var(--font-size-2);--line-height-0:24px;--line-height-1:28px;--line-height-full:1;--line-height-base:1.33;--line-height-single:1.5;--line-height-auto:auto;--gap-smallest:var(--spacing-0);--gap-smaller:var(--spacing-1);--gap-small:var(--spacing-2);--gap-regular:var(--spacing-4);--gap-medium:var(--spacing-6);--gap-big:var(--spacing-9);--gap-large:var(--spacing-12);--gap-huge:var(--spacing-15);--gap-wide:var(--spacing-20);--gap-mega:var(--spacing-25)}.p-design[data-theme=light]{--color-primary:var(--color-white);--color-invert:var(--color-black);--surface-primary:rgb(var(--color-primary));--surface-secondary:rgb(var(--color-gray-0));--surface-invert:rgb(var(--color-invert));--surface-tip:rgb(var(--color-black));--text-primary:rgb(var(--color-gray-3));--text-secondary:rgb(var(--color-gray-2));--text-link:rgb(var(--color-gray-2));--text-strong:rgb(var(--color-black));--shadow-primary:rgb(var(--color-gray-0));--border-primary:rgb(var(--color-gray-1));--border-glass:rgb(var(--color-gray-1) / 20%)}.p-design[data-theme=dark]{--color-primary:var(--color-black);--color-invert:var(--color-white);--surface-primary:rgb(var(--color-primary) / 95%);--surface-secondary:rgb(var(--color-gray-4) / 40%);--surface-invert:rgb(var(--color-invert));--surface-tip:rgb(var(--color-gray-9));--text-primary:rgb(var(--color-gray-2));--text-secondary:rgb(var(--color-gray-3));--text-strong:rgb(var(--color-white));--text-link:rgb(var(--color-gray-1));--shadow-primary:rgb(var(--color-black) / 25%);--border-primary:rgb(var(--color-gray-4) / 75%);--border-glass:rgb(var(--color-white) / 5%)}.p-design{background:var(--surface-primary);color:var(--text-primary);height:100%;width:100%;font-family:var(--font-family-default);font-size:var(--font-size-pbody);line-height:var(--line-height-1);display:flex;flex-direction:column;justify-content:center}.p-design h1,.p-design h2,.p-design h3,.p-design h4,.p-design h5{color:var(--text-strong);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);margin-bottom:var(--gap-small)}.p-design h1{font-size:var(--font-size-h1)}.p-design h2{font-size:var(--font-size-h2)}.p-design h3{font-size:var(--font-size-h3)}.p-design h4{font-size:var(--font-size-h4)}.p-design h5{font-size:var(--font-size-h5)}.p-design a:hover,.p-design strong{color:var(--text-strong)}.p-design section{display:flex;flex-direction:column;gap:var(--gap-regular)}.p-design__footer{margin-top:80px;padding:2rem 0}.p-design__footer button,.p-design__footer span{font-size:14px}.p-design__profile{width:360px;display:flex;flex-direction:column;gap:var(--gap-regular)}.p-design__profile figure{width:100%;height:540px;background:rgb(var(--color-black) / 5%);overflow:hidden}.p-design__profile figure img{max-height:initial}.p-design__bio{flex:1;display:flex;flex-direction:column;gap:var(--gap-medium);padding:var(--gap-small) 0}.p-design__bio p{text-align:justify}.p-design__heading{display:flex;justify-content:space-between;align-items:center}.p-design__heading h1{margin:0}.p-design__heading a{display:flex;align-items:center;gap:var(--gap-smaller);padding:var(--gap-smallest) var(--gap-small);border-radius:4px;border:1px solid rgb(var(--color-invert) / 25%);color:var(--text-secondary);font-size:var(--font-size-sbody);cursor:pointer;transition:all .2s ease-in}.p-design__heading a:hover{border-color:rgb(var(--color-invert) / 50%);color:var(--text-primary);transition:all .2s ease-in}.p-design__hero{width:100vw;height:600px;background-size:cover;background-position:center center;background-repeat:no-repeat}.p-design__row{flex:1;display:flex;gap:var(--gap-large)}.p-design__infobox{display:flex;width:35%;gap:var(--gap-large)}.p-design__group{flex:1;display:flex;flex-direction:column;gap:var(--gap-regular);font-size:var(--font-size-sbody);line-height:var(--line-height-0)}.p-design__group section{gap:0}.p-design__brief{width:65%}.p-design__figma{display:inline-flex;align-items:center;margin-top:var(--gap-small);line-height:var(--line-height-base)}.p-design__figma svg{margin-right:var(--gap-smaller)}.p-design__figma a{border-bottom:1px solid var(--border-primary);color:var(--text-link);cursor:pointer}.p-design__page{display:flex;gap:var(--gap-large)}.p-design__side{width:20%}.p-design__content{width:80%;display:flex;flex-direction:column;gap:var(--gap-large);padding:var(--gap-big) 0}.p-design__content h1,.p-design__content h2{margin:0}.p-design__content h1,.p-design__content blockquote h2{font-size:var(--font-size-h5);text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px}.p-design__content h2{text-align:left!important;font-size:var(--font-size-h3)}.p-design__content li{margin-bottom:var(--gap-small)}.p-design__content blockquote{border-radius:4px;display:flex;flex-direction:column;gap:var(--gap-small);padding:var(--gap-regular);background:var(--surface-secondary)}.p-design__content blockquote h2{color:var(--text-link)}.p-design__toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--gap-small)}.p-design__toc strong{font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.p-design__toc strong.isActive,.p-design__toc strong:hover{color:var(--text-strong);transition:all .3s ease}.reveal{opacity:0}.a-fade-in{animation-name:fade;animation-duration:.75s;animation-fill-mode:both;animation-timing-function:ease-in-out}.animate-in{animation-name:animate-in;animation-duration:.35s;animation-delay:calc(var(--order) * .1s);animation-fill-mode:both;animation-timing-function:ease-in-out}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes animate-in{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width:1024px){.p-design__profile{width:40%}.p-design__profile figure{height:45vh}}@media (max-width:768px){.p-design__profile{width:50vw;max-height:45vh}.p-design__profile figure{height:auto}.p-design__infobox,.p-design__brief,.p-design__content{width:100%}.p-design__side{display:none}}@media (max-width:600px){.p-design__profile{width:60vw}.p-design__hero{height:45vh}}@media (max-width:480px){.p-design__profile figure{height:320px}.p-design__heading{flex-wrap:wrap;row-gap:var(--gap-small)}}.l-header--design{position:fixed;top:0;left:0;height:80px;width:100%;padding:0 var(--gap-large);border-bottom:1px solid var(--border-glass);background:rgb(var(--color-primary) / 30%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-sticky)}.l-header--design .l-wrapper{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-large)}.l-header--design a{font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;transition:all .3s ease}.l-header--design a.isActive,.l-header--design a:hover,.l-header--design a.isOnHero:hover{color:var(--text-strong);transition:all .3s ease}.l-header--design a.isOnHero{color:rgb(var(--color-invert) / 50%);transition:all .3s ease}.l-main--design{margin-top:80px}.l-content--design{max-width:1024px;width:100%;padding-bottom:var(--gap-medium);gap:var(--gap-large)}.l-content--design h2{text-align:center}.l-section--design{display:flex;gap:var(--spacing-12)}.p-design .l-splash{width:100%;height:auto;min-height:calc(100vh - 80px);display:flex;gap:var(--gap-large)}.p-design .l-splash--land{flex-direction:column;align-items:center;justify-content:center;max-width:880px}.p-design .l-splash--about{padding:var(--gap-wide) 0}.p-design .l-splash--land .l-slot{display:flex;flex-direction:row;align-items:center;gap:var(--gap-medium);height:auto}.p-design .l-splash--land .c-social__list{gap:var(--gap-medium)}.p-design .l-splash--land figure{width:200px;height:200px}.p-design .l-splash--land span{display:inline-block;width:calc(100% - 200px);font-family:var(--font-family-heading);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--text-strong);line-height:var(--line-height-base)}.l-footer--design .l-slot:nth-child(1){font-size:var(--font-size-sbody)}.l-footer--design .l-slot:nth-child(2){display:flex;gap:var(--gap-medium)}.l-footer--design button:hover{color:var(--text-strong)}.l-footer--design .c-social__list{gap:var(--gap-regular)}.l-grid--design{grid-template-columns:1fr 1fr;gap:var(--gap-large);padding-bottom:var(--gap-huge)}.l-columns--design{gap:var(--gap-large);height:auto;min-height:71vh}.l-columns--design .c-column{width:25%;gap:var(--gap-big)}.l-columns--design .c-column:first-child{width:calc(25% + 20px)}.l-columns--design .c-column:nth-child(3){padding-left:var(--gap-medium)}.l-columns--design .c-column h3{margin:0;text-transform:uppercase;color:var(--text-strong)}.l-columns--design .c-column h3:before,.l-columns--design .c-column h3:after{content:"/"}.l-columns--design .c-column h3:before{padding-right:var(--gap-smaller)}.l-columns--design .c-column h3:after{padding-left:var(--gap-smaller)}.l-columns--design .c-column strong{text-transform:capitalize}.l-columns--design .c-column em{font-style:normal;color:var(--text-secondary)}.l-columns--design .c-column div{display:flex;flex-direction:column}@media (max-width:1280px){.l-content--design{padding-left:var(--gap-medium);padding-right:var(--gap-medium)}}@media (max-width:1024px){.l-content--design{max-width:100%}.p-design .l-splash--about{height:auto;padding:var(--gap-medium) 0}.l-columns--design{height:auto}}@media (max-width:768px){.p-design .l-splash--land{padding:var(--gap-huge) 0}.p-design .l-splash--land .l-slot:first-child{flex-direction:column}.p-design .l-splash--land figure{width:120px;height:120px}.p-design .l-splash--land span{width:auto;text-align:center}.p-design .l-splash--about{flex-direction:column;align-items:center}.l-content--design{padding-left:var(--gap-huge);padding-right:var(--gap-huge)}.l-grid--design{grid-template-columns:1fr}.l-columns--design{flex-wrap:wrap;justify-content:space-between;height:auto}.l-columns--design .c-column{width:calc(100% / 2.25)!important}.l-columns--design .c-column:nth-child(3){padding:0}.l-footer--design{flex-direction:column;gap:var(--gap-regular);align-items:center;text-align:center;line-height:var(--line-height-0)}.l-footer--design .l-slot:last-child{flex-direction:column;align-items:center}}@media (max-width:600px){.p-design .l-splash--land span{font-size:var(--font-size-h1)}}@media (max-width:480px){.l-content--design{padding-left:var(--gap-big);padding-right:var(--gap-big)}.l-columns--design .c-column{width:100%!important}}.p-design .c-hr{background:var(--border-primary)}.p-design .c-row{flex:1;gap:var(--gap-large)}.p-design .c-slideshow__thumb{background:var(--surface-primary)}.p-design .c-social--circle{border-color:var(--border-primary);transition:all .3s ease}.p-design .c-social--circle:hover{border-color:rgb(var(--color-invert) / 50%);background:var(--surface-secondary);transition:all .3s ease}.p-design .c-tag--project{padding:var(--gap-smallest) var(--gap-small);background:#f5c7b5;color:#bd4516;font-size:var(--font-size-small);line-height:var(--line-height-single)}.c-card--project{border-radius:8px;border:1px solid var(--border-primary);box-shadow:0 0 8px 4px var(--shadow-primary)}.c-project{opacity:0;height:360px;line-height:var(--line-height-0);transform:translate(-100px);cursor:pointer}.c-project b{font-size:var(--font-size-pbody);color:var(--text-strong)}.c-project p{font-size:var(--font-size-sbody)}.c-project:hover p{margin:var(--gap-small) 0}.c-project a{display:inline-block;border-bottom:1px solid var(--border-primary);color:var(--text-link);text-decoration:none}.c-project a:hover{border-color:rgb(var(--color-invert) / 25%)}.c-project__info{width:0%;overflow:auto;opacity:0;transition:width .2s ease-out}.c-project:hover .c-project__info{padding:var(--gap-medium);width:45%;opacity:.85;transition:width .2s ease-out;cursor:default}.c-project__info>*,.c-project__info>*:hover{transition:all .2s ease-out}.c-project__preview{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;border-radius:8px;transition:width .2s ease-out;background-size:cover;background-repeat:no-repeat;background-clip:border-box}.c-project:hover .c-project__preview{width:55%;transition:width .2s ease-out}.c-project__title{padding:var(--gap-small) var(--gap-regular);background:rgb(var(--color-black));box-shadow:0 0 4px rgb(var(--color-gray-2));color:rgb(var(--color-white));text-align:center;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);opacity:1;transform:translate(0);transition:all .2s ease-out}.c-project:hover .c-project__title{opacity:0;transform:translate(-100px,-50px);transition:all .2s ease-out}.c-project__tags{margin-top:var(--spacing-4);width:100%;display:flex;flex-wrap:wrap;gap:4px}@media (max-width:768px){.p-design .c-row{flex-direction:column}.p-design #mouse{display:none}}@media (max-width:600px){.c-project{flex-direction:column-reverse;height:auto}.c-project:hover{box-shadow:0 4px 8px rgb(var(--color-invert) / 10%)}.c-project:hover p{margin:0}.c-project a{line-height:var(--line-height-single);border-color:transparent}.c-project__title{display:none}.c-project__info,.c-project:hover .c-project__info{width:100%;opacity:1;padding:var(--gap-regular);transition:opacity .2s ease-out}.c-project__info{opacity:.65}.c-project__preview{height:200px}.c-project:hover .c-project__preview{width:100%}.c-project__tags{margin-top:var(--gap-small)}.p-design .c-slideshow{justify-content:center}}.p-webdev{--color-gray-0:245 245 245;--color-gray-1:152 152 152;--color-gray-9:34 34 34;--color-gray-10:20 20 20;--font-family-default:"Inter", system-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-code:"Overpass Mono", monospace;--font-family-heading:"Inter", sans-serif;--font-family-quote:"Inter", sans-serif;--font-size-h1:var(--font-size-12);--font-size-h2:var(--font-size-10);--font-size-h3:var(--font-size-8);--font-size-h4:var(--font-size-7);--font-size-pbody:var(--font-size-6);--font-size-sbody:var(--font-size-4);--font-size-tbody:var(--font-size-2);--font-size-small:var(--font-size-1)}.p-webdev[data-theme=light]{--color-primary:var(--color-white);--color-invert:var(--color-black);--surface-primary:rgb(var(--color-primary));--surface-secondary:rgb(var(--color-gray-0));--surface-invert:rgb(var(--color-invert));--surface-tip:rgb(var(--color-black));--text-primary:rgb(var(--color-black));--text-secondary:rgb(var(--color-black) / 50%);--text-tertiary:rgb(var(--color-gray-9));--border-primary:rgb(var(--color-black))}.p-webdev[data-theme=dark]{--color-primary:var(--color-black);--color-invert:var(--color-white);--surface-primary:rgb(var(--color-primary));--surface-secondary:rgb(var(--color-gray-10));--surface-invert:rgb(var(--color-invert));--surface-tip:rgb(var(--color-gray-9));--text-primary:rgb(var(--color-white));--text-secondary:rgb(var(--color-white) / 50%);--text-tertiary:rgb(var(--color-gray-1));--border-primary:rgb(var(--color-white))}.p-webdev{background:var(--surface-primary);font-family:var(--font-family-default);font-size:var(--font-size-pbody);color:var(--text-primary);height:100%}.p-webdev h1{font-size:var(--font-size-h1)}.p-webdev h2{font-size:var(--font-size-h2)}.p-webdev h3{font-size:var(--font-size-h3)}.p-webdev h4{font-size:var(--font-size-h4)}.p-webdev__intro{margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.25rem;width:64rem;transition:all .3s ease}.l-header--sticky .p-webdev__intro{flex-direction:row;justify-content:space-between;height:80px}.p-webdev__info{min-width:32rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.l-header--sticky .p-webdev__info{flex-direction:row;gap:1.5rem}.p-webdev__about{position:sticky;top:5.5rem;padding:0 2rem 0 4rem;gap:.5rem}.p-webdev__about strong{font-size:var(--font-size-pbody)}.p-webdev__text{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.l-header--sticky .p-webdev__text{flex-direction:row;gap:0}.p-webdev__about .p-webdev__text{gap:.5rem;font-size:var(--font-size-sbody)}.p-webdev__text h3{text-align:center}.p-webdev__text hr{margin:.5rem 0!important}.p-webdev__name{display:flex;align-items:center;transition:font-size .3s ease}.l-header--sticky .p-webdev__name,.l-header--fixed .p-webdev__name{font-size:var(--font-size-h3)}.p-webdev__name strong{font-weight:inherit}.p-webdev__name span{display:inline-flex;opacity:0;width:0;transition:all .3s ease;cursor:pointer}.l-header--fixed .p-webdev__name span{width:0}.p-webdev__name:hover span{opacity:1;width:40px;margin:0 .5rem;transition:all .3s ease}.l-header--fixed .p-webdev__name:hover span{width:20px}.p-webdev__role{font-weight:400;font-size:var(--font-size-h3);color:var(--text-secondary);width:auto;height:auto;opacity:1;transition:opacity .3s ease}.p-webdev__tagline{text-align:center;font-size:var(--font-size-sbody);color:var(--text-secondary);opacity:1;transition:opacity .3s ease}.l-header--sticky .p-webdev__role,.l-header--sticky .p-webdev__tagline{width:0;height:0;opacity:0;visibility:hidden;transition:opacity .3s ease}.p-webdev__social{display:flex;align-items:center;padding:0 var(--spacing-2);gap:var(--spacing-6)}.p-webdev__heading{margin-bottom:10rem;text-align:center;text-transform:uppercase;letter-spacing:4px;font-weight:500}.p-webdev__profile{width:35%;transition:all .3s ease}.p-webdev__bio{flex:1;padding:0 1rem 4rem 2rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease}.p-webdev__bio section{display:flex;flex-direction:column;gap:1.5rem}.p-webdev__bio h1{letter-spacing:1px}.p-webdev__bio p,.p-webdev__bio li{color:var(--text-tertiary);line-height:1.75;text-align:justify}.p-webdev__bio ul{padding-left:2.5rem;display:flex;flex-direction:column;gap:.25rem}.p-webdev__interest{text-align:left!important}@media (max-width:1024px){.p-webdev__intro{width:100%}#theme,.p-webdev__intro{padding-left:2rem;padding-right:2rem}.p-webdev__bio{padding-right:2rem}.p-webdev__bio li{text-align:left}}@media (max-width:768px){.p-webdev__info{min-width:auto;flex:1}.p-webdev__profile{width:100%}.p-webdev__about .p-webdev__text,.c-progress--webdev{display:none}}@media (max-width:480px){.p-webdev__social{gap:16px}}.l-wrapper--webdev{width:72rem}.l-sticky--webdev .l-wrapper{align-items:flex-start;padding:1rem 2rem;height:56px;transition:all .3s ease}.l-header--fixed .l-wrapper--webdev{margin:0 auto;padding:0 3.5rem;display:flex;align-items:center;transition:all .3s ease}#theme.l-wrapper.l-wrapper--webdev.l-wrapper--1{height:120px;padding-top:1.25rem;padding-bottom:1.75rem;transition:all .3s ease}.l-header--webdev{position:relative}.p-webdev .l-header{z-index:var(--z-sticky);display:block}.p-webdev .l-header--fixed,.p-webdev .l-header--sticky{position:sticky;top:0;border-bottom:1px solid rgb(var(--color-invert) / 5%);background:rgb(var(--color-primary) / 50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.p-webdev .l-header--fixed{position:fixed;display:flex;align-items:center;height:56px;width:100%}.l-main--webdev{padding-top:10rem}.l-content--webdev{width:72rem;flex-direction:row;margin:0 auto;padding-bottom:10rem}.l-footer--webdev{padding:2rem 4rem;font-size:var(--font-size-tbody);color:var(--text-secondary)}@media (max-width:1280px){.l-content--webdev,.l-wrapper--webdev{width:64rem}#theme.l-wrapper.l-wrapper--webdev.l-wrapper--1{padding-bottom:68px}}@media (max-width:1024px){.l-content--webdev,.l-wrapper--webdev{width:100%}.p-webdev .l-splash--land{padding-left:2rem;padding-right:2rem}}@media (max-width:768px){.l-content--webdev{flex-direction:column;gap:3rem}}@media (max-width:480px){.l-footer--webdev{flex-direction:column-reverse;gap:1rem}.l-footer--webdev button{order:1}}.c-avatar--round{position:relative;margin-bottom:1rem;border-radius:50%;border:4px solid rgb(var(--color-white));width:120px;height:120px;transition:width .3s ease,height .3s ease,border .3s ease}.l-header--sticky .c-avatar--round{margin:0;border-width:2px;width:52px;height:52px}.c-avatar--regular{display:flex;align-items:center;justify-content:center}.c-avatar--round img{position:absolute;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:cover}.c-avatar--regular img{max-width:100%}.p-webdev .c-blockquote{margin:1rem 0;padding:.5rem 1rem;border-width:6px;border-color:rgb(var(--color-invert) / 10%);background:rgb(var(--color-invert) / 3%);color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-sbody);font-family:var(--font-family-code)}.c-color-span--tag{font-size:var(--font-size-tbody)}.p-webdev .c-hr{margin:2rem 0;background:rgb(var(--color-invert) / 10%)}.p-webdev .c-mouse{position:fixed;bottom:30%;right:50%;transform:translate(50%,30%);transition:all .3s ease}.c-progress--timeline{position:absolute;margin:0 12rem}.c-progress--timeline .c-progress__indicator{position:sticky;top:initial;max-height:100%;background:rgb(var(--color-invert) / 50%)}.c-progress--webdev{background:rgb(var(--color-invert) / 10%)}.c-progress--webdev .c-progress__indicator{background:rgb(var(--color-invert) / 50%)}.p-webdev .c-social__list{padding:0 var(--spacing-2)}.p-webdev .c-tag--project{padding:.125rem .375rem;display:inline-flex;align-items:center;font-size:var(--font-size-small);color:rgb(var(--color-primary));cursor:default;-webkit-user-select:none;user-select:none}.p-webdev .c-tag--project,.p-webdev .c-tag--l{background:rgb(var(--color-invert) / 90%)}.p-webdev .c-tag--r{background:rgb(var(--color-invert) / 10%);color:rgb(var(--color-invert))}.c-to-top--webdev{font-size:var(--font-size-pbody);color:var(--text-primary)}.p-webdev .c-tooltip .c-tooltip__content{background:var(--surface-tip)}.c-timeline{position:relative;display:flex;flex-direction:column;margin:0 auto;max-width:60rem;padding:0 2rem}.c-timeline__mask{width:100%;height:calc(100% - 120px);position:fixed;top:120px;left:0;background-image:linear-gradient(0deg,var(--surface-primary) 0%,transparent 15%,transparent 95%,var(--surface-primary) 100%);z-index:10;pointer-events:none}.c-timeline__mask--end{background-image:linear-gradient(0deg,var(--surface-primary) 0%,transparent 0%,transparent 95%,var(--surface-primary) 100%)}.c-timeline__item{display:flex;width:100%;min-height:80vh}.c-timeline__item--locked{min-height:auto}.c-timeline__left{display:flex;justify-content:center;width:24rem}.c-timeline__line{position:relative;display:flex;justify-content:center;width:1px;background:rgb(var(--color-invert) / 10%);transition:all .3s ease}.c-timeline__line--last{height:28px}.c-timeline__time{position:absolute;top:-4px;right:24px;white-space:nowrap;transition:all .3s ease}.c-timeline__dot{display:flex;flex-shrink:0;position:sticky;top:140px;width:28px;height:28px;border-radius:50%;background:var(--surface-invert);border:8px solid var(--surface-primary);z-index:calc(var(--z-sticky) - 1)}.c-timeline__icon{position:absolute;top:-12px;left:24px;width:36px;height:36px;transition:all .3s ease}.c-timeline__right{flex:1}.c-timeline__event{display:flex;flex-direction:column;gap:1rem;position:sticky;top:140px}.c-timeline__title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .75rem;line-height:28px;font-size:var(--font-size-sbody)}.c-timeline__title a:hover{text-decoration:underline}.c-timeline__card{min-height:20rem;margin-bottom:12rem;padding:1rem;border-radius:8px;background:var(--surface-secondary);color:var(--text-tertiary);box-shadow:2px 4px 16px rgb(var(--color-primary) / 5%) inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.c-timeline__card--locked{min-height:auto;display:flex;justify-content:center;color:rgb(var(--color-invert) / 30%)}.c-timeline__card a{text-decoration:underline}.c-timeline__card p,.c-timeline__card li{margin-bottom:.5rem;line-height:20px;font-size:var(--font-size-sbody)}.c-timeline__hero{position:relative;display:flex;margin:.5rem .5rem 1rem;border-radius:8px;overflow:hidden;cursor:pointer}.c-timeline__hero img{max-width:100%}.c-timeline__hero div{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(var(--color-primary) / 20%);transition:all .3s ease}.c-timeline__hero:hover div{opacity:1;transition:all .3s ease}@media (max-width:1024px){.c-progress--timeline{margin:0 10rem}.c-timeline__left{width:20rem}}@media (max-width:768px){.c-progress--timeline{margin:0 6rem}.c-timeline__left{width:12rem}}@media (max-width:600px){.c-progress--timeline{margin:0 4rem}.c-timeline__left{width:8rem}.c-timeline__time{font-size:var(--font-size-2);top:-2px}.c-timeline__icon{width:28px;height:28px;top:-8px}}@media (max-width:480px){.p-webdev .c-mouse{top:15%}.c-progress--timeline{margin:0 1rem}.c-timeline__left{width:2rem}.c-timeline__right{padding-left:1rem}.c-timeline__time{display:none}.c-timeline__icon{width:24px;height:24px;left:-6px;top:24px}}