.starsContainer{z-index:0}
.blurSpotGlow{z-index:10;pointer-events:none;--blur-spot-left-rgb:168,54,241;--blur-spot-right-rgb:250,117,143;position:absolute;inset:0}.blurSpotGlowSpot{pointer-events:none;position:absolute;inset:0}.blurSpotGlowSpotBottomLeft{background:radial-gradient(ellipse 45% 120% at -8% 100%,rgba(var(--blur-spot-left-rgb),.95)0%,rgba(var(--blur-spot-left-rgb),.65)30%,rgba(var(--blur-spot-left-rgb),.25)55%,rgba(var(--blur-spot-left-rgb),.06)80%,transparent 100%);filter:blur(55px);transform:translateY(20%)}.blurSpotGlowSpotTopRight{background:radial-gradient(ellipse 42% 110% at 108% 0%,rgba(var(--blur-spot-right-rgb),.9)0%,rgba(var(--blur-spot-right-rgb),.6)38%,rgba(var(--blur-spot-right-rgb),.22)60%,rgba(var(--blur-spot-right-rgb),.05)85%,transparent 100%);filter:blur(55px);transform:translateY(-20%)}
.introCardContainer{z-index:1;width:90%;max-width:80rem;margin:12rem auto;position:relative}@media (max-width:768px){.introCardContainer{width:92%;margin:6rem auto}}@media (max-width:480px){.introCardContainer{width:94%;margin:4rem auto}}.introCard{z-index:20;background:var(--surface-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 32px #0000004d,inset 0 1px 0 var(--border-subtle);border:1px solid var(--border-default);border-radius:2rem;flex-direction:column;align-items:center;padding:4rem 2.5rem;display:flex;position:relative;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff40}@media (max-width:640px){.introCard{border-radius:1.5rem;padding:2rem 1.25rem}}@media (min-width:768px){.introCard{border-radius:2.5rem;padding:5rem}}.introCardText{color:var(--foreground);text-align:center;letter-spacing:.01em;font-size:1.5rem;line-height:1.9}@media (max-width:640px){.introCardText{font-size:1.3125rem;line-height:1.75}}@media (max-width:480px){.introCardText{font-size:1.25rem;line-height:1.7}}@media (min-width:768px){.introCardText{font-size:2rem;line-height:2}}.introCardHighlightWrap{cursor:default;display:inline-block;position:relative}@media (max-width:768px){.introCardHighlightWrap{white-space:normal;display:inline}}.introCardHighlightText{background:linear-gradient(to right,var(--gradient-accent-start),var(--gradient-accent-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.introCardTooltip{background:linear-gradient(135deg,var(--background-start)0%,var(--background-end)100%);-webkit-backdrop-filter:blur(16px);color:var(--foreground);letter-spacing:.02em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:50;border:1px solid #9e2fff59;border-radius:.75rem;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.6rem 1rem;font-size:.8125rem;font-weight:500;transition:opacity .25s,visibility .25s,transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(.5rem)scale(.96);box-shadow:0 8px 24px #00000059,inset 0 0 0 1px #ffffff0f,0 0 20px #9e2fff26}@media (max-width:640px){.introCardTooltip{white-space:normal;text-align:center;max-width:min(280px,85vw)}}.introCardHighlightWrap:hover .introCardTooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}@media (max-width:768px){.introCardHighlightWrap{pointer-events:none;cursor:default}.introCardHighlightWrap:hover .introCardTooltip,.introCardHighlightWrap:focus .introCardTooltip,.introCardHighlightWrap:focus-within .introCardTooltip{opacity:0;visibility:hidden}}.introCardTooltip:after{content:"";filter:drop-shadow(0 1px #9e2fff4d);border-top:6px solid #361765f7;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.introCardTooltipSep{color:var(--foreground-subtle);-webkit-user-select:none;user-select:none;font-weight:400}.introCardAboutMeButton{color:var(--foreground);letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--foreground);background:0 0;border-radius:9999px;margin-top:2rem;padding:.625rem 3rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}@media (max-width:640px){.introCardAboutMeButton{letter-spacing:.12em;margin-top:1.5rem;padding:.5rem 2rem;font-size:.875rem}}@media (max-width:480px){.introCardAboutMeButton{letter-spacing:.1em;margin-top:1.25rem;padding:.4375rem 1.5rem;font-size:.8125rem}}.introCardAboutMeButton:hover{background:var(--background-button-hover);border-color:var(--foreground)}
section{padding-top:12vh}@media (max-width:640px){section{padding-top:8vh;padding-left:1rem;padding-right:1rem}}@media (max-width:480px){section{padding-left:.75rem;padding-right:.75rem}}.heroGreetingContainer{z-index:30;text-align:center;margin-bottom:.25rem;padding-top:2rem;position:relative}@media (max-width:640px){.heroGreetingContainer{padding-top:6rem}}.heroGreetingText{color:var(--foreground);font-size:1.25rem;font-weight:300}@media (min-width:768px){.heroGreetingText{font-size:1.5rem}}.heroNameContainer{z-index:10;text-align:center;margin-bottom:0;position:relative}.heroNameText{font-family:var(--font-family);color:var(--foreground);letter-spacing:-.0015em;paint-order:stroke fill;text-shadow:1px 1px #00000026,2px 2px 4px #0000001f;margin-bottom:0;font-size:11rem;font-weight:900;line-height:.8}@media (max-width:480px){.heroNameText{font-size:5.25rem}}@media (min-width:481px) and (max-width:639px){.heroNameText{font-size:6.5rem}}@media (min-width:640px) and (max-width:767px){.heroNameText{font-size:7.5rem}}@media (min-width:768px){.heroNameText{font-size:9.5rem}}@media (min-width:1024px) and (max-width:1439px){.heroNameText{font-size:8.5rem}}@media (min-width:1440px){.heroNameText{font-size:11rem}}.heroPortfolioBanner{z-index:30;width:100%;margin-top:0;margin-bottom:0;position:relative;overflow-y:visible}@media (max-width:640px){.heroPortfolioBanner{width:100vw;max-width:none;margin-left:calc(-50vw + 50%)}}.heroPortfolioCurveBlock{aspect-ratio:1564/433;pointer-events:none;z-index:1;width:100%;min-width:100%;max-width:100%;height:auto;min-height:220px;max-height:min(420px,45vw);margin-top:-50px;margin-bottom:-60px;margin-left:0;position:relative;left:50%;overflow:visible;transform:translate(-50%)}@media (max-width:640px){.heroPortfolioCurveBlock{width:calc(100% + 1rem);max-width:none;min-height:340px;max-height:min(580px,95vw);margin-top:-24px;margin-bottom:-45px}}@media (max-width:480px){.heroPortfolioCurveBlock{min-height:320px;max-height:min(520px,100vw)}}.heroPortfolioBellCurveSvg{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:640px){.heroPortfolioCurveBlock{width:115%;min-height:280px;max-height:min(420px,50vw)}}@media (min-width:1024px){.heroPortfolioCurveBlock{width:120%;min-height:360px;max-height:420px}}@keyframes heroScroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.heroPortfolioDarkBar{z-index:10;background-color:#130024;width:100%;margin-top:-2px;padding:.65rem 1.5rem;position:relative;overflow-x:hidden}@media (max-width:640px){.heroPortfolioDarkBar{width:calc(100% + 1rem);margin-left:-.5rem}}@media (max-width:480px){.heroPortfolioDarkBar{padding-left:.75rem;padding-right:.75rem}}@media (min-width:768px){.heroPortfolioDarkBar{padding-left:3rem;padding-right:3rem}}@media (min-width:1280px){.heroPortfolioDarkBar{padding-left:4rem;padding-right:4rem}}.heroPortfolioScrollContainer{z-index:10;white-space:nowrap;display:flex;position:relative;overflow-x:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2rem calc(100% - 2rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2rem calc(100% - 2rem),#0000 100%)}@media (min-width:768px){.heroPortfolioScrollContainer{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 4rem calc(100% - 4rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 4rem calc(100% - 4rem),#0000 100%)}}.heroPortfolioScrollContainer:hover .heroPortfolioInnerContainer{animation-play-state:paused}.heroPortfolioInnerContainer{flex-shrink:0;align-items:center;gap:0;padding-right:0;animation:42s linear infinite heroScroll;display:flex}.heroPortfolioText{color:var(--foreground);white-space:nowrap;font-size:1rem;font-weight:700}.heroPortfolioStar{color:var(--foreground-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:2.5rem;margin-right:2.5rem;display:inline-flex}.heroPortfolioStar svg{width:.875rem;height:.875rem;display:block}@media (min-width:768px){.heroPortfolioStar{margin-left:3rem;margin-right:3rem}.heroPortfolioStar svg{width:1rem;height:1rem}.heroPortfolioText{font-size:1.25rem}}.heroSectionReveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.heroSectionReveal.heroSectionReveal--visible{opacity:1;transform:translateY(0)}