:root{--font-sans: "Roboto", sans-serif;--font-text: 12px;--font-title: 14px;--font-title-large: 24px;--radius-sm: 10px;--radius-pill: 999px;--space-0x: 1px;--space-1x: 5px;--space-2x: 10px;--space-4x: 20px;--space-8x: 40px;--space-25: 25px;--border-thin: 1px;--border-med: 2px;--color-bg: #fff;--color-surface: #fff;--color-surface-2: #f7f7f7;--color-text: #000;--color-muted: #6a717a;--color-line: #e6e6e6;--color-dot: #000;--color-gradient-start: #de0046;--color-gradient-end: #f7a34b}body{font-family:var(--font-sans);font-variation-settings:"wdth" 100;margin:0;padding:0;background:var(--color-bg)}a,a:visited{color:var(--color-muted)}a:hover{text-decoration:none}.page{max-width:1050px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4x);padding:0}.site-header{display:flex;align-items:center;justify-content:center;text-align:center;height:60px;width:100%;border-bottom:var(--border-thin) solid var(--color-line)}.site-header .brand-logo{width:241px;height:22px;object-fit:contain;display:block}.site-header .brand-title{display:none}.profile-hero{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:var(--space-4x);margin-top:20px;padding:20px 125px}.profile-hero .profile-hero-top{display:flex;align-items:center;gap:40px}.profile-hero .profile-hero-info{display:flex;flex-direction:column;gap:var(--space-2x)}.profile-hero .profile-avatar{width:160px;height:160px;border-radius:50%;padding:var(--space-1x);box-sizing:border-box;border:var(--border-med) solid rgba(0,0,0,0);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box,linear-gradient(180deg, var(--color-gradient-start), var(--color-gradient-end)) border-box}.profile-hero .profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-hero .profile-title h1{font-size:var(--font-title-large);color:var(--color-text);margin:0 0 var(--space-2x);font-weight:normal}.profile-hero .profile-title .profile-meta{display:flex;align-items:center;gap:var(--space-4x);font-size:var(--font-title);margin-top:var(--space-2x);flex-wrap:wrap}.profile-hero .profile-title .profile-meta span{font-weight:bold}.profile-hero .profile-location{font-size:var(--font-text);color:var(--color-muted);margin-top:var(--space-2x)}.profile-hero .profile-link{display:inline-flex;align-items:center;gap:var(--space-1x);font-size:var(--font-text);color:var(--color-text);text-decoration:none}.profile-hero .profile-link img{width:14px;height:14px;display:block}.profile-hero .profile-actions{display:flex;gap:20px;justify-content:center}.profile-hero .profile-actions .pill-button{width:324px;height:44px;padding:0;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--color-line);background:var(--color-surface-2);font-size:var(--font-title);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.profile-hero .profile-actions .pill-button--ghost{background:var(--color-surface)}.story-grid{display:flex;justify-content:center;gap:var(--space-8x);flex-wrap:wrap;margin-bottom:var(--space-4x)}.story-grid .story-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1x);font-size:var(--font-text)}.story-grid .story-ring{width:96px;height:96px;border-radius:50%;padding:var(--space-1x);box-sizing:border-box;border:var(--border-thin) solid var(--color-line);background:var(--color-surface);display:flex;align-items:center;justify-content:center}.story-grid .story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-tabs{display:flex;justify-content:center;gap:var(--space-8x);font-size:var(--font-text);text-transform:uppercase;width:1050px;margin:0 auto;border-top:var(--border-thin) solid var(--color-line)}.profile-tabs .tab{background:none;border:none;padding:var(--space-1x) 0;font-size:11px;letter-spacing:.12em;color:var(--color-muted);position:relative;display:inline-flex;align-items:center;gap:6px;height:40px}.profile-tabs .tab.is-active{color:var(--color-text);font-weight:600;border-top:var(--border-med) solid var(--color-text)}.profile-tabs .tab-icon{width:14px;height:14px;display:block}.profile-tabs .tab-label{text-transform:uppercase}.main-grid{display:grid;grid-template-columns:470px 270px;gap:80px;align-items:start;margin:0 115px 60px 115px;width:calc(100% - 230px)}.main-grid .main-feed .cards-grid{justify-items:start;width:470px}.main-grid .main-feed .card{max-width:470px}.main-grid .profile-sidebar{display:flex;flex-direction:column;gap:var(--space-4x);width:270px;font-size:var(--font-title)}.main-grid .profile-sidebar .info-card{padding:0;border:none;border-radius:0;background:rgba(0,0,0,0)}.main-grid .profile-sidebar .info-card h3{margin:0 0 10px;font-weight:700}.main-grid .profile-sidebar .info-card p{margin:0;line-height:1.5;color:var(--color-title)}.main-grid .profile-sidebar .tag-list{display:flex;flex-wrap:wrap;gap:6px}.main-grid .profile-sidebar .tag{padding:2px 8px;border-radius:var(--radius-pill);background:rgba(75,118,247,.4)}.main-grid .profile-sidebar .language-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1x)}.main-grid .profile-sidebar .language-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2x)}.main-grid .profile-sidebar .sidebar-footer{font-size:var(--font-text);color:var(--color-muted)}.main-grid .profile-sidebar .field-card{position:relative;overflow:hidden;padding:0}.main-grid .profile-sidebar .field-card-image{width:100%;height:140px;object-fit:cover;display:block}.main-grid .profile-sidebar .field-card-content{padding:var(--space-4x)}.main-grid .profile-sidebar .field-card-content p{color:var(--color-muted)}.main-grid .profile-sidebar .creds{font-size:var(--font-text);color:var(--color-muted);margin-top:var(--space-4x)}.cards-grid{display:grid;gap:var(--space-4x);align-items:start}.card{width:100%;max-width:470px;border-radius:var(--radius-sm);box-sizing:border-box;background:var(--color-surface)}.milestone-card{width:100%;padding:var(--space-4x);border-radius:var(--radius-sm);box-sizing:border-box;border:var(--border-med) solid rgba(0,0,0,0);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box,linear-gradient(180deg, var(--color-gradient-start), var(--color-gradient-end)) border-box}.milestone-card .card-header{display:flex;align-items:flex-start;gap:var(--space-4x);margin-bottom:var(--space-4x)}.milestone-card .logo-ring{width:74px;height:74px;border-radius:50%;padding:var(--space-1x);box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:var(--border-med) solid rgba(0,0,0,0);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box,linear-gradient(180deg, var(--color-gradient-start), var(--color-gradient-end)) border-box}.milestone-card .profile-img{width:62px;height:62px;border-radius:50%;border:var(--border-med) solid var(--color-surface);object-fit:cover;display:block}.milestone-card .header-text h2{font-size:var(--font-title);margin:0 0 var(--space-1x) 0;text-transform:uppercase}.milestone-card .header-text p{margin:0 0 var(--space-1x) 0}.milestone-card .header-text .header-date{font-size:var(--font-text);font-style:italic;color:var(--color-muted);margin:var(--space-1x) 0}.milestone-card .header-text .location{font-size:var(--font-text)}.milestone-card .summary-text{font-size:var(--font-title);font-style:italic;line-height:1.4;margin-bottom:var(--space-2x)}.milestone-card .milestone-details{display:none;margin-top:var(--space-2x)}.milestone-card.is-expanded .milestone-details{display:block}.milestone-card.is-expanded .expand-toggle::after{transform:translateY(2px) rotate(-135deg)}.milestone-card .expand-toggle{display:inline-flex;align-items:center;gap:var(--space-2x);padding:var(--space-1x) var(--space-2x);border-radius:var(--radius-pill);border:var(--border-thin) solid var(--color-line);background:var(--color-surface-2);color:var(--color-text);font-size:var(--font-text);cursor:pointer;user-select:none;margin-top:var(--space-2x)}.milestone-card .expand-toggle::after{content:"";width:6px;height:6px;border-right:1.5px solid var(--color-text);border-bottom:1.5px solid var(--color-text);transform:translateY(-2px) rotate(45deg);transition:transform 150ms ease}.milestone-card .expand-toggle:hover{background:var(--color-surface-2)}.milestone-card .timeline-area{position:relative;padding-left:var(--space-25)}.milestone-card .milestone{position:relative;margin-bottom:var(--space-4x);z-index:2}.milestone-card .milestone::before{content:"";position:absolute;left:-21px;top:9px;bottom:-31px;width:1.5px;background-color:var(--color-dot);z-index:1}.milestone-card .milestone:last-child::before{display:none}.milestone-card .dot{position:absolute;left:-25px;top:4px;width:10px;height:10px;background:var(--color-dot);border-radius:50%;z-index:2}.milestone-card .milestone-content{margin-top:var(--space-4x)}.milestone-card .milestone-content h3{font-size:var(--font-title);margin:0;font-weight:bold}.milestone-card .sub-date{font-size:var(--font-text);font-style:italic;color:var(--color-muted);margin:var(--space-1x) 0 var(--space-1x) 0}.milestone-card .job-description{font-size:var(--font-title);line-height:1.4;margin:0}.post-card{font-family:var(--font-sans);border:1px solid rgba(0,0,0,0);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box,linear-gradient(180deg, var(--color-gradient-start), var(--color-gradient-end)) border-box;overflow:hidden}.post-card .post-header{display:flex;align-items:center;gap:var(--space-2x);padding:var(--space-2x) var(--space-4x)}.post-card .post-avatar{width:32px;height:32px;border-radius:50%;padding:var(--space-0x);box-sizing:border-box;background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box,linear-gradient(180deg, var(--color-gradient-start), var(--color-gradient-end)) border-box;border:var(--border-med) solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.post-card .post-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.post-card .post-job-title{font-size:var(--font-title);font-weight:600}.post-card .post-media{position:relative;aspect-ratio:1/1;background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box,linear-gradient(180deg, var(--color-gradient-start), var(--color-gradient-end)) border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.post-card .post-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.15), transparent 55%);pointer-events:none;z-index:2}.post-card .post-media .post-media-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.post-card .post-media .post-media-hit{position:absolute;top:0;bottom:0;width:50%;background:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;z-index:2}.post-card .post-media .post-media-hit.post-media-hit--prev{left:0}.post-card .post-media .post-media-hit.post-media-hit--next{right:0}.post-card .post-media .post-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:hsla(0,0%,100%,.85);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;z-index:3}.post-card .post-media .post-arrow.post-arrow--left{left:10px}.post-card .post-media .post-arrow.post-arrow--right{right:10px}.post-card .post-media .post-dots{position:absolute;bottom:var(--space-2x);left:50%;transform:translateX(-50%);display:flex;gap:var(--space-1x);z-index:3}.post-card .post-media .post-dots[hidden]{display:none}.post-card .post-media .post-dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.2)}.post-card .post-media .post-dot.is-active{background:var(--color-surface)}.post-card .post-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4x)}.post-card .post-actions .post-actions-left{display:flex;align-items:center;gap:var(--space-4x)}.post-card .post-actions .post-action{display:inline-flex;align-items:center;gap:var(--space-2x);font-size:var(--font-text);font-weight:600;color:var(--color-text);background:none;border:none;padding:0;cursor:pointer}.post-card .post-actions .post-bookmark{background:none;border:none;padding:0;cursor:pointer}.post-card .post-icon{width:24px;height:24px;display:block}.post-card .post-body{padding:0 var(--space-4x) var(--space-4x);font-size:var(--font-text);color:var(--color-text)}.post-card .post-body .post-title{font-size:var(--font-title);font-weight:700;margin:0 0 var(--space-1x)}.post-card .post-body .post-text{margin:0 0 var(--space-2x);color:var(--color-text);line-height:1.4}.post-card .post-body .post-details{display:none}.post-card .post-body .post-section{margin-bottom:var(--space-2x)}.post-card .post-body .post-section:last-child{margin-bottom:0}.post-card .post-body .post-more{margin:0 0 var(--space-2x);color:var(--color-muted);font-size:var(--font-text);cursor:pointer;user-select:none;background:none;border:none;padding:0;font:inherit}.post-card .post-body .post-more:hover{color:var(--color-muted)}.post-card .post-stats{display:flex;align-items:center;gap:var(--space-2x);font-weight:600;margin-bottom:var(--space-2x)}.post-card.is-expanded .post-details{display:block}.post-card .post-arrow[hidden]{display:none}.post-card .post-section-title{font-size:var(--font-text);font-weight:700;margin:0 0 var(--space-1x)}.meta-dot{width:4px;height:4px;border-radius:50%;background:var(--color-muted)}@media(max-width: 960px){.page{max-width:100%;padding:0 20px 40px}.profile-hero{padding:0}.profile-hero .profile-hero-top{flex-direction:column;align-items:center;text-align:center;gap:20px}.profile-hero .profile-hero-info{align-items:center}.profile-hero .profile-meta{justify-content:center}.profile-hero .profile-location{text-align:center}.profile-hero .profile-link{justify-content:center;text-align:center}.profile-hero .profile-actions{flex-direction:column;align-items:center;width:100%}.profile-hero .pill-button{width:100%;max-width:324px}.profile-hero .profile-avatar{width:130px;height:130px}.profile-tabs{width:100%;flex-wrap:wrap;gap:10px;justify-content:center}.profile-tabs .tab{height:34px;font-size:10px}.profile-tabs .tab-icon{width:12px;height:12px}.story-grid{justify-content:center;gap:16px}.story-grid .story-item{width:80px;align-items:center;text-align:center}.story-grid .story-ring{width:72px;height:72px}.main-grid{grid-template-columns:1fr;gap:40px;margin:0;width:100%}.main-grid .main-feed .cards-grid,.main-grid .main-feed .card{width:100%;max-width:100%}.main-grid .profile-sidebar{width:100%;align-items:flex-start}.site-header{height:54px}.site-header .brand-logo{width:200px;height:18px}}