:root{--color-bg: #0C0C0C;--color-dark: #161616;--color-light: #f3f3f3;--color-accent: #00ffbc;--color-border: #B2B2B2;--color-border-muted: #585858;--color-success: #10b981;--color-info: #3b82f6;--color-warning: #f59e0b;--color-error: #ef4444;--color-atomic-atom: #10b981;--color-atomic-molecule: #3b82f6;--color-atomic-organism: #f59e0b;--color-atomic-template: #8b5cf6;--color-atomic-page: #ef4444;--color-atomic-effect: #06b6d4;--color-atomic-other: #6b7280;--color-purple-bright: #a855f7;--color-slate: #64748b;--color-white: #ffffff;--surface-overlay-strong: rgba(21, 21, 21, .6);--surface-overlay-medium: rgba(21, 21, 21, .4);--font-size-step-0: clamp(1.13rem, calc(.99rem + .65vw) , 1.5rem);--font-size-step-1: clamp(1.35rem, calc(1.17rem + .91vw) , 1.88rem);--font-size-step-2: clamp(1.62rem, calc(1.37rem + 1.26vw) , 2.34rem);--font-size-step-3: clamp(1.94rem, calc(1.6rem + 1.72vw) , 2.93rem);--font-size-step-4: clamp(2.33rem, calc(1.87rem + 2.31vw) , 3.66rem);--font-size-step-5: clamp(2.8rem, calc(2.18rem + 3.09vw) , 4.58rem);--font-size-step-6: clamp(3.36rem, calc(2.54rem + 4.11vw) , 5.72rem);--font-size-article-h1: clamp(2.25rem, calc(2.1rem + .75vw) , 2.5rem);--font-size-article-h2: clamp(1.5rem, calc(1.4rem + .5vw) , 1.6rem);--font-size-article-h3: clamp(1.25rem, calc(1.2rem + .25vw) , 1.3rem);--font-size-article-h4: clamp(1.1rem, calc(1.05rem + .15vw) , 1.125rem);--font-size-article-h5: 1.125rem;--font-size-article-body: 1.125rem;--space-0: 0;--space-0-25: .0625rem;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-64: 16rem;--spacing-step-0: var(--font-size-step-0);--spacing-step-1: var(--font-size-step-1);--spacing-step-2: var(--font-size-step-2);--spacing-step-3: var(--font-size-step-3);--spacing-step-4: var(--font-size-step-4);--spacing-step-5: var(--font-size-step-5);--spacing-step-6: var(--font-size-step-6);--font-family-base: "Lexend Deca", sans-serif;--font-family-serif: "Fraunces", serif;--breakpoint-container: 1200px;--container-width: 90%;--transition-default: .3s ease;--transition-fast: .2s ease;--z-noise: 3;--z-cursor: 998;--z-modal: 999;--z-back-to-top: 1000;--z-burger-menu: 1001}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-light);font-family:var(--font-family-base);line-height:1.4;min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--spacing-step-6)}h1,h2,h3,h4{font-weight:600}h1{font-size:6rem;line-height:100%}@media(max-width:900px){h1{font-size:var(--font-size-step-6)}}h2{font-size:var(--font-size-step-6);line-height:90%}h3{font-size:var(--font-size-step-3);line-height:1.1}h4{font-size:var(--font-size-step-2);line-height:1.2}h5{font-size:var(--font-size-step-0);font-weight:400}p,li{font-size:1.125rem;font-weight:200}ul,li{margin-bottom:var(--space-4)}li{margin-inline-start:var(--space-4)}a{font-size:1.125rem;text-decoration:none;color:inherit;width:fit-content}span{font-size:.8rem}img{max-width:100%;height:auto;display:block}@view-transition{navigation:auto}.container{width:var(--container-width);max-width:var(--breakpoint-container);margin-left:auto;margin-right:auto}.flex{display:flex}.col{flex-direction:column}.wrap{flex-wrap:wrap}.align-items-c{align-items:center}.justify-content-c{justify-content:center}.space-between{justify-content:space-between}.width-100{width:100%}.gap-xxs{gap:.4rem}.gap-xs{gap:.6rem}.gap-tiny{gap:var(--space-4)}.gap-s{gap:var(--spacing-step-1)}.gap-m{gap:var(--spacing-step-3)}.gap-l{gap:var(--spacing-step-6)}.section-block-tiny{padding-block:var(--space-8)}.pd-bottom-md{padding-bottom:var(--space-12)}.pd-bottom-lg{padding-bottom:var(--space-40)}.pd-top-sm{padding-top:var(--space-12)}.pd-top-md{padding-top:var(--space-24)}.pd-top-lg{padding-top:var(--space-40)}.text-balance{text-wrap:balance}.font-light{font-weight:300}.font-semibold{font-weight:600}.hide-700{display:flex}@media(max-width:960px){.col-900{display:flex;flex-direction:column}}@media(max-width:700px){.col-700{display:flex;flex-direction:column}.hide-700{display:none}.space-between{flex-direction:column;gap:var(--space-4);align-items:flex-start}}.oversized{cursor:pointer}.role-container{min-width:280px}.article-paragraph{font-size:1.125rem;line-height:1.6}.article-list{font-size:1.125rem;line-height:1.6;list-style-position:inside;display:flex;flex-direction:column;gap:var(--space-2)}.article-list:not([type]){list-style:disc}ol.article-list{list-style:decimal}.article-list-item{margin-left:var(--space-4);line-height:1.6;font-size:1.125rem}.article-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;font-size:1.125rem;line-height:1.6}@media(max-width:768px){.article-paragraph,.article-list,.article-list-item,.article-link{font-size:1rem}}main{display:block;width:var(--container-width);max-width:1200px;margin:0 auto}section{margin:0 auto;font-size:inherit}#hero{max-width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:var(--space-24)}#hero-container{height:80%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-step-1)}nav{display:flex;justify-content:space-between;align-items:center;width:var(--container-width);max-width:1200px;margin:0 auto;padding-top:var(--space-16)}nav a{font-size:var(--space-4)}.nav-logo-box{width:5rem;height:4rem;display:flex;justify-content:center;align-items:center}#nav-logo{width:4rem;margin:.5rem;fill:#fff;filter:grayscale(100%);mix-blend-mode:difference;transition:transform var(--transition-default)}#nav-logo:hover{transform:scale(.9)}.menu-arrow{width:1.1rem;transition:transform var(--transition-default);will-change:transform;align-self:flex-start}a:hover .menu-arrow{transform:translateY(4px)}.menu-arrow-external{width:1.1rem;display:inline-block;transform:rotate(-135deg);transition:transform var(--transition-default);will-change:transform;align-self:flex-start}a:hover .menu-arrow-external{transform:translate(4px) rotate(-120deg)}.pill{background-color:var(--color-bg);color:var(--color-light);font-size:1.125rem;padding:.6rem;border:1px var(--color-light) solid;width:fit-content;text-decoration:none;display:inline-block;transition:background-color var(--transition-default),color var(--transition-default)}.pill:hover{background-color:var(--color-light);color:var(--color-bg)}.pill-alt{background-color:#2c2c2c;color:var(--color-light);font-size:1rem;padding:.6rem;width:fit-content;text-wrap:nowrap}.project-img{position:relative;width:100%;overflow:hidden;border-radius:var(--spacing-step-2)}.project-img img{width:100%;height:auto;display:block;transition:transform var(--transition-default)}.project-img:hover img{transform:scale(1.05)}.cover-img{position:relative;width:100%;overflow:hidden;border-radius:var(--spacing-step-2)}.cover-img img{width:100%;height:auto;display:block}.resume-list{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px var(--color-light) solid;list-style-type:disc;padding-left:var(--space-6)}.timeline-border{position:relative}.timeline-border:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,var(--color-accent) 10%,var(--color-accent) 90%,transparent 100%)}@keyframes spin{0%{transform:rotate(-20deg)}to{transform:rotate(340deg)}}.astronaut-container{border-radius:100%;overflow:hidden}#giorrisnt-astronaut{display:block;max-width:100%;border-radius:100%;animation:spin var(--spin-duration, 180s) linear infinite}.cursor-dot{position:fixed;width:.2rem;height:.2rem;background-color:var(--color-white);border-radius:50%;pointer-events:none;z-index:var(--z-cursor);transform:translate(-50%,-50%);transition:width .4s,height .4s;mix-blend-mode:difference}.cursor-dot.enlarged{width:var(--space-16);height:var(--space-16)}@media(max-width:900px){.cursor-dot{display:none}}.bg-noise{position:fixed;inset:0;background:transparent url(/assets/img/noise-transparent.png) repeat;scale:1.5;animation:bg-animation .2s infinite;opacity:.8;pointer-events:none;z-index:var(--z-noise)}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.animated-underline{position:relative;display:inline-block}.animated-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .6s cubic-bezier(.25,.46,.45,.94)}.animated-underline.active:after{width:100%}.underlined{--underline-progress: 0%;--underline-thickness: .15rem;--underline-offset: 1.5rem;display:inline-block;font-size:1.125rem;color:inherit;background-image:linear-gradient(to right,#fff 0% 100%);background-repeat:no-repeat;background-position:0 var(--underline-offset);background-size:var(--underline-progress) var(--underline-thickness)}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);background-color:var(--color-light);border:2px solid var(--color-light);border-radius:50%;width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,background-color .3s ease;z-index:1000}@media(max-width:600px){.back-to-top{bottom:.6rem;right:.6rem}}.back-to-top.show{opacity:1;visibility:visible}.back-to-top img{width:var(--space-6);height:var(--space-6);transform:rotate(180deg);filter:invert(100%)}.back-to-top:hover{background-color:var(--color-bg);border:2px solid var(--color-light)}.back-to-top:hover img{filter:invert(0%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpEntrance{0%{opacity:0;transform:translateY(800px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.slide-up-entrance{opacity:0;animation:slideUpEntrance .8s cubic-bezier(.25,.46,.45,.94) forwards}.slide-up-entrance--delay-1{animation-delay:.1s}.slide-up-entrance--delay-2{animation-delay:.23s}.slide-up-entrance--delay-3{animation-delay:.36s}.slide-up-entrance--delay-4{animation-delay:.49s}}@media(max-width:768px){.slide-up-entrance{opacity:1;animation:none}}@keyframes subtleSlideUp{0%{transform:translateY(60px)}to{transform:translateY(0)}}@media(min-width:769px){.animate-on-scroll.subtle-slide-up{animation:subtleSlideUp .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-play-state:paused}.animate-on-scroll.subtle-slide-up.is-visible{animation-play-state:running}.subtle-slide-up:not(.animate-on-scroll){animation:subtleSlideUp .8s cubic-bezier(.25,.46,.45,.94) forwards}}@media(max-width:768px){.subtle-slide-up{animation:none}}.email-copy{background:none;border:none;padding:0;margin:1px 0 0;font-size:1.125rem;font-family:inherit;font-weight:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;text-decoration:underline;text-underline-offset:.2rem;text-decoration-thickness:1px}.email-copy span{font-size:1.125rem}.email-copy img{width:1.1rem;align-self:flex-start;filter:invert(1);transition:transform var(--transition-default);will-change:transform}.email-copy:hover img{transform:scale(.9)}.email-copy .copy-icon,.email-copy .copy-label{transition:all var(--transition-fast)}.copy-feedback{position:absolute;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);font-size:var(--space-3-5);color:var(--color-accent);margin-left:var(--space-2)}.copy-feedback.visible{opacity:1}.shiki,.shiki pre{border-radius:var(--space-4)!important;padding:var(--space-6)!important;border:1px solid rgba(255,255,255,.1)!important;overflow-x:auto!important;font-size:var(--space-3-5)!important;line-height:1.6!important;margin:0!important;background-color:var(--color-dark)!important}.shiki::-webkit-scrollbar,.shiki pre::-webkit-scrollbar{height:var(--space-2)}.shiki::-webkit-scrollbar-track,.shiki pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--space-1)}.shiki::-webkit-scrollbar-thumb,.shiki pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--space-1)}.shiki::-webkit-scrollbar-thumb:hover,.shiki pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.shiki code{font-family:Courier New,Courier,monospace!important}.code-block-wrapper-portable{position:relative;max-width:100%;overflow:hidden}.code-block-wrapper-portable pre{max-width:100%;overflow-x:auto;overflow-y:hidden}.code-block-wrapper-portable code{display:block;white-space:pre-wrap;word-break:break-word}.copy-button-portable{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-2);background-color:transparent;border:none;border-radius:var(--space-1);color:var(--color-light);cursor:pointer;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.code-block-wrapper-portable:hover .copy-button-portable{opacity:1}.copy-button-portable .copy-icon{display:block}.copy-button-portable .check-icon,.copy-button-portable.copied .copy-icon{display:none}.copy-button-portable.copied .check-icon{display:block}.copy-tooltip-portable{position:absolute;top:-2.75rem;left:50%;transform:translate(-50%);background-color:var(--color-light);color:var(--color-dark);padding:var(--space-1-5) var(--space-3);border-radius:8px;font-family:Lexend Deca,sans-serif;font-size:var(--space-3);font-weight:300;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.copy-tooltip-portable:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-light)}.copy-button-portable.copied .copy-tooltip-portable{opacity:1}