*{box-sizing:border-box}:root{--primary:#f277a5;--navbar-height:72px}html{scroll-behavior:smooth;font-family:Courier New,Courier,monospace}html,body,#root{min-height:100%;margin:0}.site-layout{min-height:100vh}.site-main{width:100%}.page-section{width:100%;height:calc(100vh - var(--navbar-height));scroll-margin-top:var(--navbar-height)}.site-footer{width:100%;min-height:240px}.about-section{color:#111;background-color:#ebddd0;display:flex}.about-image,.about-text{min-height:calc(100vh - var(--navbar-height))}.about-image{justify-content:center;align-items:center;width:40%;display:flex}.about-image img{max-width:80%;max-height:90%;display:block}.about-text{flex-direction:column;justify-content:center;width:60%;padding-right:3rem;display:flex}.section-label{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;text-underline-offset:.25rem;margin:0;font-size:1.2rem;font-weight:800;text-decoration:underline}.about-heading{letter-spacing:-.04em;margin:1.5rem 0 .3rem;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1}.about-heading span{color:var(--primary)}.about-description{margin:.75rem 0 0;font-size:1rem;line-height:1.3}.about-details{gap:1rem;margin-top:1.5rem;display:flex}.about-detail-card{min-width:11rem;color:inherit;border:1px solid #00000038;align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;display:flex;box-shadow:0 0 8px #f277a559}.about-detail-card span{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;display:block}.about-detail-card strong{margin-top:.15rem;font-size:.85rem;font-weight:400;display:block}.about-detail-card svg{flex-shrink:0;font-size:1.1rem}.about-detail-card:hover{box-shadow:0 0 8px #f277a5bf}.hero-section{color:#fff;background-color:#010101;position:relative;overflow:hidden}.hero-text{z-index:2;width:45%;min-height:calc(100vh - var(--navbar-height));flex-direction:column;justify-content:center;padding-left:3rem;display:flex;position:relative}.hero-eyebrow{margin:0;font-size:1.5rem;font-weight:600;line-height:1}.hero-heading{margin:0;font-family:"Press Start 2P",Courier New,Courier,monospace;font-size:clamp(2.25rem,5.2vw,5rem);font-weight:400;line-height:1.1}.hero-heading span{transform-origin:0;display:block;transform:scaleX(.92)}.hero-heading-first{color:var(--primary);margin-top:.4rem}.hero-heading-last{color:#fff}.hero-description{max-width:34rem;margin:1.5rem 0 1rem;font-size:1.1rem;line-height:1.6}.hero-description span{color:var(--primary);margin-right:.5rem}.hero-button{text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;gap:1rem;min-width:10rem;padding:.8rem 1.4rem;font-size:.85rem;text-decoration:none;display:inline-flex}.hero-button-primary{background:var(--primary);color:#000;outline-offset:-3px;outline:1px solid #000;margin-right:1rem}.hero-button-primary:hover{color:#000;box-shadow:0 0 8px #f277a5bf}.hero-button-secondary{color:#fff;outline:1px solid var(--primary);background:0 0}.hero-button-secondary:hover{color:#fff;box-shadow:0 0 8px #f277a5bf}.hero-socials{color:gray;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:1.25rem;margin-top:1.75rem;font-size:.75rem;display:flex}.hero-socials a{color:gray}.hero-image{z-index:1;height:100%;position:absolute;top:0;right:0}.hero-image img{width:auto;height:100%;display:block}.site-navbar{z-index:10;width:100%;height:var(--navbar-height);background:#000;padding:.25rem;position:sticky;top:0}.site-navbar nav{border:1px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 1rem;display:flex}.navbar-logo{color:#fff;text-decoration:none}.nav-link{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;text-decoration:none;position:relative}.navbar-links,.resume-section{align-items:center;gap:1.5rem;height:100%;display:flex}.nav-link.active{color:var(--primary);text-shadow:0 0 8px #f277a5bf}.nav-link.active:after{content:"";background:var(--primary);width:100%;height:2px;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 0 8px #f277a5e6}.resume-section a{background:var(--primary);color:#000;text-transform:uppercase;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.8rem;text-decoration:none;display:flex}.resume-section a:hover{color:#000;box-shadow:0 0 8px #f277a5bf}