:root{--bg:#f5f5f7;--card:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#aeaeb2;--pill-bg:#f0f0f2;--pill-text:#6e6e73;--shadow:0 1px 8px #0000000f;--border-hairline:#0000000a;--blue:#0071e3;--cyan:#00b4d8;--green:#34d399;--coral:#ff6b6b}@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#1a1a1a;--text-primary:#f5f5f7;--text-secondary:#98989d;--text-tertiary:#636366;--pill-bg:#ffffff14;--pill-text:#aeaeae;--shadow:0 1px 10px #0006;--border-hairline:#ffffff0f;--blue:#2997ff;--cyan:#64d2ff;--green:#30d158;--coral:#ff6b6b}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;padding:48px 20px;font-family:DM Sans,sans-serif}.page{width:100%;max-width:1100px;margin:0 auto}.nav{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.nav-link{color:var(--pill-text);background:var(--pill-bg);border-radius:100px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,color .15s,background .15s}.nav-link:hover{opacity:.7}.nav-link.router-link-exact-active{color:#fff;background:var(--blue)}.grid{grid-template-columns:repeat(4,1fr);grid-template-areas:"hero hero skills skills""hero hero contact contact""proj1 proj1 proj2 proj2";gap:14px;display:grid}@media (width<=860px){.grid{grid-template-columns:1fr;grid-template-areas:"hero""skills""contact""proj1""proj2"}.hero-name{font-size:36px}}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border-hairline);border-radius:22px;flex-direction:column;justify-content:center;min-width:0;padding:28px;display:flex;position:relative;overflow:hidden}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.card-hero{grid-area:hero;justify-content:space-between;min-height:260px;padding:36px}.card-hero:before{content:"";background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));height:4px;position:absolute;top:0;left:0;right:0}.hero-eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.hero-top{align-items:center;gap:16px;margin-bottom:14px;display:flex}.hero-avatar{-o-object-fit:cover;object-fit:cover;background:#000;border-radius:50%;flex-shrink:0;width:56px;height:56px}.hero-top .hero-eyebrow{margin-bottom:4px}.hero-birthday{color:var(--text-tertiary);margin-top:4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.hero-name{color:var(--text-primary);letter-spacing:-.03em;font-family:Sora,sans-serif;font-size:52px;font-weight:800;line-height:1.05}.hero-tagline{color:var(--text-secondary);max-width:46ch;margin-top:14px;font-size:16px;font-weight:500;line-height:1.5}.hero-stack,.hero-tagline{font-family:DM Sans,sans-serif}.hero-stack{color:var(--text-tertiary);letter-spacing:.01em;margin-top:22px;font-size:13px;font-weight:600}.card-skills{grid-area:skills}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{color:var(--pill-text);background:var(--pill-bg);white-space:nowrap;border-radius:100px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.card-contact{grid-area:contact}.contact-list{flex-direction:column;gap:12px;display:flex}.contact-row{border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;text-decoration:none;transition:opacity .15s;display:flex}.contact-row:last-child{border-bottom:none}.contact-row:hover{opacity:.6}.contact-key{color:var(--text-secondary);font-size:13px;font-weight:600}.contact-key,.contact-val{font-family:DM Sans,sans-serif}.contact-val{color:var(--text-primary);text-align:right;overflow-wrap:anywhere;font-size:14px;font-weight:500}.card-project{gap:4px}.card-proj1{grid-area:proj1}.card-proj2{grid-area:proj2}.project-eyebrow{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.project-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-family:Sora,sans-serif;font-size:20px;font-weight:700}.project-desc{color:var(--text-secondary);margin-bottom:16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.project-tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.project-tag{color:var(--pill-text);background:var(--pill-bg);border-radius:100px;padding:4px 10px;font-size:11px}.project-link,.project-tag{font-family:DM Sans,sans-serif;font-weight:600}.project-link{align-items:center;gap:4px;width:fit-content;font-size:13px;text-decoration:none;display:inline-flex}.project-link:hover{opacity:.7}.content-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.content-grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=860px){.content-grid{grid-template-columns:1fr}}.media-card{padding:0;overflow:hidden}.media-cover{aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover;background:var(--pill-bg);width:100%;display:block}.media-cover-placeholder{color:var(--text-tertiary);justify-content:center;align-items:center;font-size:40px;display:flex}.media-title{color:var(--text-primary);letter-spacing:-.01em;padding:16px 18px;font-family:Sora,sans-serif;font-size:16px;font-weight:700}.sport-card{flex-direction:row;align-items:center;gap:16px;padding:24px 28px}.sport-icon{color:var(--blue);font-size:28px}.sport-name{color:var(--text-primary);font-family:Sora,sans-serif;font-size:18px;font-weight:700}.timeline{flex-direction:column;gap:14px;display:flex}.timeline-item{flex-direction:row;align-items:baseline;gap:20px;padding:22px 28px}.timeline-date{color:var(--text-tertiary);white-space:nowrap;min-width:90px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.timeline-text{color:var(--text-primary);font-size:15px;line-height:1.5}.footer,.timeline-text{font-family:DM Sans,sans-serif;font-weight:500}.footer{text-align:center;color:var(--text-tertiary);margin-top:28px;font-size:12px}*,:after,:before,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x:;--un-pan-y:;--un-pinch-zoom:;--un-scroll-snap-strictness:proximity;--un-ordinal:;--un-slashed-zero:;--un-numeric-figure:;--un-numeric-spacing:;--un-numeric-fraction:;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset:;--un-shadow:0 0 transparent;--un-ring-inset:;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur:;--un-brightness:;--un-contrast:;--un-drop-shadow:;--un-grayscale:;--un-hue-rotate:;--un-invert:;--un-saturate:;--un-sepia:;--un-backdrop-blur:;--un-backdrop-brightness:;--un-backdrop-contrast:;--un-backdrop-grayscale:;--un-backdrop-hue-rotate:;--un-backdrop-invert:;--un-backdrop-opacity:;--un-backdrop-saturate:;--un-backdrop-sepia:}.i-ri-basketball-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m.366 11.366l-3.469 6.01a8.06 8.06 0 0 0 4.459.51a9.94 9.94 0 0 1 .784-5.494zm3.518 2.031a7.96 7.96 0 0 0-.587 3.894a8 8 0 0 0 3.078-2.456zm-7.025-4.055a9.95 9.95 0 0 1-4.365 3.428a8 8 0 0 0 2.671 3.605l3.469-6.009zm11.103-.13l-.258.12a7.95 7.95 0 0 0-2.82 2.333l2.492 1.439a8 8 0 0 0 .586-3.893M4 12q0 .4.038.789a7.95 7.95 0 0 0 3.078-2.453L4.624 8.897A8 8 0 0 0 4 12m12.835-6.374l-3.469 6.008l1.775 1.025a9.95 9.95 0 0 1 4.366-3.43a8 8 0 0 0-2.419-3.402zM12 4q-.695.001-1.357.115a9.93 9.93 0 0 1-.784 5.494l1.775 1.025l3.469-6.01A8 8 0 0 0 12 4m-3.297.71l-.191.088a8 8 0 0 0-2.886 2.367l2.49 1.438a7.96 7.96 0 0 0 .587-3.893'/%3E%3C/svg%3E")}.i-ri-basketball-line,.i-ri-film-line{-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ri-film-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2 3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007zM8 5v14h8V5zM4 5v2h2V5zm14 0v2h2V5zM4 9v2h2V9zm14 0v2h2V9zM4 13v2h2v-2zm14 0v2h2v-2zM4 17v2h2v-2zm14 0v2h2v-2z'/%3E%3C/svg%3E")}.i-ri-image-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2.992 21A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993zM20 15V5H4v14L14 9zm0 2.828l-6-6L6.828 19H20zM8 11a2 2 0 1 1 0-4a2 2 0 0 1 0 4'/%3E%3C/svg%3E")}.i-ri-image-line,.i-ri-music-2-line{-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ri-music-2-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20 3v14a4 4 0 1 1-2-3.465V5H9v12a4 4 0 1 1-2-3.465V3zM5 19a2 2 0 1 0 0-4a2 2 0 0 0 0 4m11 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/svg%3E")}.i-ri-run-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.83 8.79L8 9.456V13H6V8.05h.015l5.268-1.918c.244-.093.51-.14.782-.131a2.62 2.62 0 0 1 2.427 1.82q.279.875.51 1.181A5 5 0 0 0 19 11v2a6.99 6.99 0 0 1-5.402-2.547l-.697 3.956L15 16.17V23h-2v-5.898l-2.27-1.904l-.727 4.127l-6.894-1.215l.348-1.97l4.924.868zM13.5 5.5a2 2 0 1 1 0-4a2 2 0 0 1 0 4'/%3E%3C/svg%3E")}.i-ri-run-line,.i-ri-tv-2-line{-webkit-mask:var(--un-icon) no-repeat;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ri-tv-2-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2 4c0-.552.455-1 .992-1h18.016c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1H2.992A.994.994 0 0 1 2 18zm2 1v12h16V5zm1 15h14v2H5z'/%3E%3C/svg%3E")}.grid{display:grid}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.max-w-520px{max-width:520px}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex{display:flex}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.dark .dark\:bg-\[\#020420\]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-\[80px\]{font-size:80px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.dark .dark\:text-white{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}.text-\[\#020420\]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\[\#64748B\]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.hover\:text-\[\#00DC82\]:hover{--un-text-opacity:1;color:rgb(0 220 130/var(--un-text-opacity))}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-wide{letter-spacing:.025em}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline{text-decoration-line:underline}.underline-offset-3{text-underline-offset:3px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width>=640px){.sm\:text-\[110px\]{font-size:110px}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}