.hero-section{background:var(--color-bg);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content-wrapper{z-index:1;width:100%;padding:6rem 0;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-portrait-column{justify-content:center;align-items:center;display:flex}.hero-portrait-wrapper{position:relative}.hero-portrait-image{border:2px solid var(--color-border);object-fit:cover;border-radius:50%;width:300px;height:300px;box-shadow:0 0 40px #3b82f626,0 20px 60px #00000080}.hero-content-column{flex-direction:column;gap:1.5rem;display:flex}.hero-name{flex-direction:column;margin:0;display:flex}.hero-name-line{text-shadow:0 4px 20px #00000080;display:block}.hero-title{color:var(--color-text);font-family:var(--font-display);text-shadow:0 2px 10px #0006;font-weight:400}.hero-tagline{text-shadow:0 2px 8px #0000004d}.hero-cta{margin-top:1rem}.resume-button{cursor:pointer;transition:all .2s;border-color:var(--color-secondary)!important;color:var(--color-secondary)!important}.resume-button:hover{box-shadow:0 0 25px #3b82f640;border-color:var(--color-primary)!important;background:#3b82f626!important}@media (max-width:1024px){.hero-grid{gap:3rem}.hero-portrait-image{width:260px;height:260px}}@media (max-width:768px){.hero-section{min-height:auto}.hero-content-wrapper{padding:4rem 0}.hero-grid{text-align:center;grid-template-columns:1fr;gap:2.5rem}.hero-portrait-column{order:-1}.hero-portrait-image{width:200px;height:200px}.hero-content-column,.hero-name{align-items:center}.hero-cta{justify-content:center}}@media (max-width:480px){.hero-content-wrapper{padding:3rem 0}.hero-portrait-image{width:160px;height:160px}.hero-cta{flex-direction:column;width:100%}.hero-cta>*{justify-content:center;width:100%}}
.stats-bar{background:linear-gradient(180deg,var(--color-surface)0%,var(--color-bg)100%);border-top:1px solid #3b82f626;border-bottom:1px solid #3b82f626;position:relative}.stats-bar:before{content:"";pointer-events:none;background:radial-gradient(#3b82f608 0%,#0000 70%);position:absolute;inset:0}.stats-grid{z-index:1;position:relative}.stat-item{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:140px;padding:0 2rem;display:flex;position:relative}@media (min-width:640px){.stat-item:not(:last-child):after{content:"";background:linear-gradient(180deg,transparent 0%,var(--color-primary)50%,transparent 100%);width:1px;height:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}}.stat-number{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.stat-label{font-family:var(--font-display);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.1em;margin-top:.75rem;font-size:.75rem}@media (max-width:639px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid!important}.stat-item{padding:0}.stat-item:after{display:none}}
.experience-timeline{padding-left:2rem;position:relative}.experience-timeline:before{content:"";background:linear-gradient(180deg,transparent 0%,var(--color-primary)10%,var(--color-primary)90%,transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:0}.experience-timeline .card{position:relative}.experience-timeline .card:before{content:"";background:var(--color-bg);border:2px solid var(--color-primary);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;top:2rem;left:-2.5rem}.experience-timeline .card--featured:before{background:var(--color-primary);width:16px;height:16px;box-shadow:0 0 12px var(--color-primary-glow);left:calc(-2.5rem - 2px)}.experience-timeline .card:after{content:"";background:#3b82f633;width:1.5rem;height:1px;position:absolute;top:calc(2rem + 5px);left:-1.5rem}@media (max-width:767px){.experience-timeline{padding-left:1.5rem}.experience-timeline .card:before{width:10px;height:10px;left:-1.85rem}.experience-timeline .card--featured:before{width:12px;height:12px;left:calc(-1.85rem - 1px)}.experience-timeline .card:after{width:1rem;left:-1rem}}
.case-study-card{padding:1.5rem}.case-study-title{font-family:var(--font-display);color:var(--color-text);font-size:1.25rem;font-weight:500;line-height:1.3}.case-study-metrics{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;gap:2rem;padding-top:.75rem;display:flex}.case-study-metric{flex-direction:column;gap:.15rem;display:flex}.case-study-metric-value{font-family:var(--font-body);color:var(--color-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.case-study-metric-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-2);font-size:.65rem;line-height:1.4}.case-study-link{font-family:var(--font-display);color:var(--color-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.case-study-link:hover{gap:.75rem}@media (max-width:767px){.case-study-card{padding:1.25rem}.case-study-metrics{gap:1.25rem}.case-study-metric-value{font-size:1.25rem}}
.projects-masonry{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.projects-masonry .project-card--featured{border-color:#3b82f666;grid-column:1/-1;box-shadow:0 0 30px #3b82f626}.projects-masonry .project-card--featured:hover{border-color:#3b82f699;box-shadow:0 12px 40px #0006,0 0 40px #3b82f633}@media (max-width:767px){.projects-masonry{grid-template-columns:1fr}}.project-card{overflow:hidden;padding:0!important}.project-visual{height:160px;position:relative;overflow:hidden}.project-card--featured .project-visual{height:200px}.project-visual--gold{background:linear-gradient(135deg,#d4b87226 0%,#d4b8720d 50%,#78643233 100%)}.project-visual--green{background:linear-gradient(135deg,#22c55e26 0%,#22c55e0d 50%,#14503233 100%)}.project-visual--gold:before,.project-visual--green:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0a0c1033 30%,#0a0c1099 60%,#0a0c10d9 100%);height:80%;position:absolute;bottom:0;left:0;right:0}.project-visual-content{z-index:2;flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.project-visual-title{color:var(--color-text);text-shadow:0 2px 8px #00000080;margin:0;line-height:1.2}.project-visual-content .badge--featured{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.project-card:hover .project-visual--gold:after,.project-card:hover .project-visual--green:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.project-visual--diagram{background:var(--color-elevated);justify-content:center;align-items:center;padding:16px 24px;display:flex}.project-visual--diagram svg{width:100%;height:100%;max-height:100%}