*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{font-size:.5rem}:root{--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius-xxs: 2px;--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-pill: 120px;--border-radius-round: 50%;--bio-width: 260px;--bio-link-icon-size: 18px;--project-card-icon-size: 32px;--app-top-padding: 100px;--orbit-radius: 450px;--orbit-duration: 50s;--circle-carousel-delay: 1s;--carousel-stagger-interval: .5s;--carousel-fade-in-duration: 1.2s;--pulse-color-dark: #eb9225;--pulse-color-light: #ebae62;--pulse-duration: 3s;--color-bg: #f8f9fa;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-card-bg: #e9ecef;--color-link-bg: #ffffff;--color-link-border: #dee2e6;--color-link-hover: #f8f9fa}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-text-primary: #f8f9fa;--color-text-secondary: #b8b8b8;--color-card-bg: #2d2d2d;--color-link-bg: #1a1a1a;--color-link-border: #404040;--color-link-hover: #3a3a3a}}html,body,#root{background-color:var(--color-bg)}.app{display:flex;flex-direction:row;gap:var(--spacing-xl);max-width:1400px;margin:0 auto;padding:var(--spacing-lg);padding-top:var(--app-top-padding);background-color:var(--color-bg);min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes orbit0{0%{transform:rotate(0) translate(var(--orbit-radius)) rotate(-0deg)}to{transform:rotate(360deg) translate(var(--orbit-radius)) rotate(-360deg)}}@keyframes orbit60{0%{transform:rotate(60deg) translate(var(--orbit-radius)) rotate(-60deg)}to{transform:rotate(420deg) translate(var(--orbit-radius)) rotate(-420deg)}}@keyframes orbit120{0%{transform:rotate(120deg) translate(var(--orbit-radius)) rotate(-120deg)}to{transform:rotate(480deg) translate(var(--orbit-radius)) rotate(-480deg)}}@keyframes orbit180{0%{transform:rotate(180deg) translate(var(--orbit-radius)) rotate(-180deg)}to{transform:rotate(540deg) translate(var(--orbit-radius)) rotate(-540deg)}}@keyframes orbit240{0%{transform:rotate(240deg) translate(var(--orbit-radius)) rotate(-240deg)}to{transform:rotate(600deg) translate(var(--orbit-radius)) rotate(-600deg)}}@keyframes orbit300{0%{transform:rotate(300deg) translate(var(--orbit-radius)) rotate(-300deg)}to{transform:rotate(660deg) translate(var(--orbit-radius)) rotate(-660deg)}}.bio{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);width:var(--bio-width);flex-shrink:0;animation:fadeIn .8s ease-out .2s backwards}.bio__headshot{width:128px;height:128px;border-radius:var(--border-radius-round);object-fit:cover;margin-bottom:var(--spacing-sm);align-self:center;box-shadow:0 4px 6px 2px #00000026}.bio__name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;align-self:center}.bio__title{font-size:1rem;color:var(--color-text-primary);margin:0;align-self:center}.bio__description{font-size:1rem;color:var(--color-text-primary);line-height:1.6;margin:0;max-width:400px;text-align:center}.bio__links{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm);justify-content:center}.bio-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);background-color:var(--color-card-bg);border-radius:var(--border-radius-xs);text-decoration:none;color:var(--color-text-primary);font-weight:700;transition:background-color .2s ease;flex-grow:0}.bio-link:hover{background-color:var(--color-link-hover)}.bio-link__icon{width:var(--bio-link-icon-size);height:var(--bio-link-icon-size);object-fit:contain}.bio-link__label{font-size:.75rem}.projects{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-content:start;align-items:start;flex-direction:row}.project-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-card-bg);border-radius:var(--border-radius-md);min-height:114px;width:300px;transition:all .2s ease;cursor:pointer;text-decoration:none;color:inherit;animation:fadeIn var(--carousel-fade-in-duration) ease-out var(--circle-carousel-delay) backwards;box-shadow:2px 10px 10px #0000001a}.project-card:hover{width:310px;box-shadow:0 0 12px var(--pulse-color-light),0 0 24px var(--pulse-color-dark)}.project-card__header{display:flex;align-items:center;gap:var(--spacing-xs)}.project-card__icon{width:var(--project-card-icon-size);height:var(--project-card-icon-size);flex-shrink:0;border-radius:var(--border-radius-sm);object-fit:cover}.project-card__title{font-size:1rem;font-weight:800;color:var(--color-text-primary);margin:0}.project-card__description{font-size:.875rem;color:var(--color-text-primary);line-height:1.5;margin:0}@media(min-width:771px){.app{position:relative;align-items:center;justify-content:center}.bio{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;align-items:center}.projects{position:relative;width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);display:block}.projects:has(.project-card:hover) .project-card{animation-play-state:paused}.project-card{position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-57px}.project-card:nth-child(1){animation:fadeIn var(--carousel-fade-in-duration) ease-out var(--circle-carousel-delay) backwards,orbit0 var(--orbit-duration) linear var(--circle-carousel-delay) infinite}.project-card:nth-child(2){animation:fadeIn var(--carousel-fade-in-duration) ease-out calc(var(--circle-carousel-delay) + var(--carousel-stagger-interval)) backwards,orbit60 var(--orbit-duration) linear calc(var(--circle-carousel-delay) + var(--carousel-stagger-interval)) infinite}.project-card:nth-child(3){animation:fadeIn var(--carousel-fade-in-duration) ease-out calc(var(--circle-carousel-delay) + 2 * var(--carousel-stagger-interval)) backwards,orbit120 var(--orbit-duration) linear calc(var(--circle-carousel-delay) + 2 * var(--carousel-stagger-interval)) infinite}.project-card:nth-child(4){animation:fadeIn var(--carousel-fade-in-duration) ease-out calc(var(--circle-carousel-delay) + 3 * var(--carousel-stagger-interval)) backwards,orbit180 var(--orbit-duration) linear calc(var(--circle-carousel-delay) + 3 * var(--carousel-stagger-interval)) infinite}.project-card:nth-child(5){animation:fadeIn var(--carousel-fade-in-duration) ease-out calc(var(--circle-carousel-delay) + 4 * var(--carousel-stagger-interval)) backwards,orbit240 var(--orbit-duration) linear calc(var(--circle-carousel-delay) + 4 * var(--carousel-stagger-interval)) infinite}.project-card:nth-child(6){animation:fadeIn var(--carousel-fade-in-duration) ease-out calc(var(--circle-carousel-delay) + 5 * var(--carousel-stagger-interval)) backwards,orbit300 var(--orbit-duration) linear calc(var(--circle-carousel-delay) + 5 * var(--carousel-stagger-interval)) infinite}.project-card:hover{width:300px;scale:1.05}}@media(prefers-reduced-motion:reduce){.project-card{animation:none!important}@media(min-width:771px){.project-card:nth-child(1){transform:rotate(0) translate(var(--orbit-radius)) rotate(-0deg)}.project-card:nth-child(2){transform:rotate(60deg) translate(var(--orbit-radius)) rotate(-60deg)}.project-card:nth-child(3){transform:rotate(120deg) translate(var(--orbit-radius)) rotate(-120deg)}.project-card:nth-child(4){transform:rotate(180deg) translate(var(--orbit-radius)) rotate(-180deg)}.project-card:nth-child(5){transform:rotate(240deg) translate(var(--orbit-radius)) rotate(-240deg)}.project-card:nth-child(6){transform:rotate(300deg) translate(var(--orbit-radius)) rotate(-300deg)}}}@media(max-width:770px){:root{--bio-width: 100%;--app-top-padding: 60px}.app{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md);padding-top:var(--app-top-padding);padding-bottom:300px}.bio{align-items:center;text-align:center}.bio__description{max-width:100%}.bio__links{max-width:100%;justify-content:center}.projects{justify-content:center}.project-card,.project-card:hover{width:100%}}