:root{--text:#0f172a;--muted:#64748b;--bg:#fafbfc;--border:#e2e8f0;--accent:#fbbf24;--font:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}p,h1,h2,h3{margin:0}img{max-width:100%;display:block}#root{min-height:100svh}::selection{color:#0f172a;background:#fde68a}.page{color:#0f172a;background:#fafbfc;min-height:100svh}.zone-hero{background:linear-gradient(165deg,#eff6ff 0%,#fff 45%,#f0fdf4 100%);border-bottom:none}.zone-about{background:linear-gradient(#f5f3ff 0%,#ede9fe 100%);border-top:4px solid #8b5cf6}.zone-linkedin{background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-top:4px solid #0a66c2}.zone-active{background:linear-gradient(#ecfdf5 0%,#d1fae5 100%);border-top:4px solid #10b981}.zone-archive{background:linear-gradient(#fff7ed 0%,#ffedd5 100%);border-top:4px solid #f97316}.zone-experience{background:linear-gradient(#fef9c3 0%,#fef08a 100%);border-top:4px solid #eab308}.zone-companies{background:linear-gradient(#ecfeff 0%,#cffafe 100%);border-top:4px solid #06b6d4}.zone-contact{background:linear-gradient(165deg,#0f172a 0%,#1e3a5f 55%,#0f172a 100%)}.section-zone{padding:clamp(48px,8vw,88px) clamp(18px,4vw,48px)}.section-zone-inner{max-width:1200px;margin:0 auto}.section-jump{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;background:#fffffff2;border-bottom:1px solid #e2e8f0;gap:8px;padding:10px clamp(18px,4vw,48px);display:none;position:sticky;top:0;overflow-x:auto}.section-jump::-webkit-scrollbar{display:none}.section-jump-link{border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s}.section-jump-link:active{transform:scale(.97)}.section-jump-about{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.section-jump-active{color:#047857;background:#d1fae5;border-color:#6ee7b7}.section-jump-archive{color:#c2410c;background:#ffedd5;border-color:#fdba74}.section-jump-experience{color:#a16207;background:#fef08a;border-color:#fde047}.section-jump-companies{color:#0e7490;background:#cffafe;border-color:#67e8f9}.section-jump-contact{color:#0f172a;background:#fbbf24;border-color:#f59e0b}.section-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-size:.72rem;font-weight:800;display:inline-block}.section-badge-about{color:#5b21b6;background:#ddd6fe}.section-badge-linkedin{color:#0a66c2;background:#bfdbfe}.section-badge-active{color:#047857;background:#a7f3d0}.section-badge-archive{color:#c2410c;background:#fed7aa}.section-badge-experience{color:#a16207;background:#fde68a}.section-badge-companies{color:#0e7490;background:#a5f3fc}.section-head-compact{margin-bottom:20px}.section-head-compact h2{font-size:clamp(1.4rem,3vw,1.9rem)}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafbfceb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(18px,4vw,48px);display:flex;position:sticky;top:0}.logo-link{color:inherit;text-decoration:none}.brand-logo{align-items:center;gap:12px;display:inline-flex}.brand-logo img{border-radius:10px;flex-shrink:0}.brand-logo-text{text-align:left;flex-direction:column;line-height:1.2;display:flex}.brand-logo-text strong{letter-spacing:-.02em;font-size:.95rem;font-weight:800}.brand-logo-text small{color:#64748b;font-size:.72rem;font-weight:600}.header nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.header nav a{color:#475569;border-radius:8px;padding:8px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.header nav a:hover{color:#0f172a;background:#f1f5f9}.nav-cta{color:#0f172a!important;background:#fbbf24!important}.nav-cta:hover{background:#f59e0b!important}.hero{background:linear-gradient(#fff 0%,#fafbfc 100%);border-bottom:1px solid #e2e8f0;padding:clamp(48px,8vw,88px) clamp(18px,4vw,48px)}.hero-layout{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,48px);max-width:1200px;margin:0 auto;display:grid}.hero-inner{max-width:560px}.hero-quick{flex-wrap:wrap;gap:8px;margin:20px 0 8px;display:flex}.hero-pill{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s}.hero-pill:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.hero-pill-gold{color:#92400e;background:#fffbeb;border-color:#fde68a}.hero-pill-gold:hover{background:#fef3c7;border-color:#fbbf24}.hero-pill-about{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.hero-pill-linkedin{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.hero-pill-projects{color:#047857;background:#d1fae5;border-color:#6ee7b7}.hero-pill-contact{color:#b45309;background:#fef3c7;border-color:#fcd34d}.hero-showcase{gap:14px;display:grid}.showcase-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:block;overflow:hidden}.showcase-card:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 16px 40px #0f172a1a}.showcase-card img{aspect-ratio:16/9;object-fit:cover;object-position:top center;width:100%;display:block}.showcase-card span{flex-direction:column;gap:2px;padding:12px 14px;display:flex}.showcase-card strong{color:#0f172a;font-size:.95rem}.showcase-card small{color:#64748b;font-size:.78rem;font-weight:600}.hero-inner .brand-logo{margin-bottom:20px}.eyebrow{color:#0369a1;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}.hero h1{letter-spacing:-.04em;margin:16px 0 20px;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:900;line-height:1.05}.hero h1 span{color:#64748b;letter-spacing:-.02em;margin-top:6px;font-size:.42em;font-weight:700;display:block}.lead{color:#475569;max-width:620px;font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:#94a3b8;margin-top:24px;font-size:.88rem;font-weight:600}.btn{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:.94rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-primary{color:#0f172a;background:#fbbf24;box-shadow:0 4px 14px #fbbf2459}.btn-primary:hover{background:#f59e0b;transform:translateY(-1px)}.btn-secondary{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.btn-secondary:hover{background:#f8fafc}.btn-lg{min-height:54px;padding:0 28px;font-size:1rem}.section{max-width:1200px;margin:0 auto;padding:clamp(56px,10vw,96px) clamp(18px,4vw,48px)}.section-alt{background:#f1f5f9;max-width:none}.section-alt .section-head,.section-alt .grid,.section-alt .timeline{max-width:1200px;margin-inline:auto}.section-head{margin-bottom:40px}.section-head h2{letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.section-head p{color:#64748b;margin-top:8px;font-size:1.05rem}.reference-section{flex-direction:column;gap:24px;max-width:920px;display:flex}.linkedin-feed{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #0f172a0d}.linkedin-feed-head{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.linkedin-feed-label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.linkedin-feed-open{color:#0a66c2;font-size:.82rem;font-weight:600;text-decoration:none}.linkedin-feed-open:hover{text-decoration:underline}.linkedin-post{padding:16px}.linkedin-post-author{gap:10px;margin-bottom:12px;display:flex}.linkedin-post-author strong{color:#0f172a;font-size:.92rem;display:block}.linkedin-post-author span{color:#64748b;font-size:.78rem;line-height:1.3;display:block}.linkedin-post-author small{color:#94a3b8;margin-top:2px;font-size:.72rem;display:block}.linkedin-avatar{color:#fff;background:#64748b;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.72rem;font-weight:800;display:grid}.linkedin-avatar-self{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.linkedin-post-text{color:#334155;margin-bottom:12px;font-size:.9rem;line-height:1.55}.linkedin-post-images{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.linkedin-post-images::-webkit-scrollbar{display:none}.linkedin-post-image-link{scroll-snap-align:start;-webkit-tap-highlight-color:transparent;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 32%;min-width:120px;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.linkedin-post-image-link:hover{transform:scale(1.02);box-shadow:0 8px 24px #0f172a1f}.linkedin-post-images img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.linkedin-post-stats{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0 0;font-size:.78rem;display:flex}.linkedin-post-stats span:first-child{color:#0a66c2;align-items:center;gap:4px;display:inline-flex}.linkedin-comments{background:#fafbfc;border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.linkedin-comment{color:inherit;border-radius:8px;gap:8px;padding:2px;text-decoration:none;transition:background .15s;display:flex}.linkedin-comment:hover{background:#f1f5f9}.linkedin-comment-bubble{background:#f1f5f9;border-radius:12px;flex:1;min-width:0;padding:8px 12px}.linkedin-comment-bubble strong{color:#0f172a;font-size:.82rem;display:block}.linkedin-comment-role{color:#64748b;margin-bottom:4px;font-size:.7rem;line-height:1.3;display:block}.linkedin-comment-bubble p{color:#334155;font-size:.84rem;line-height:1.45}.linkedin-feed-foot{color:#0a66c2;background:#fff;border-top:1px solid #f1f5f9;padding:12px 16px;font-size:.8rem;font-weight:600;text-decoration:none;display:block}.linkedin-feed-foot:hover{background:#f8fafc}.reference-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:20px;padding:clamp(28px,5vw,40px);box-shadow:0 20px 60px #0f172a0f}.about-card{background:#fff;border:1px solid #ddd6fe;border-radius:20px;padding:clamp(24px,5vw,36px);box-shadow:0 16px 48px #5b21b614}.about-top{align-items:center;gap:16px;margin-bottom:20px;display:flex}.about-top h2{letter-spacing:-.03em;font-size:clamp(1.35rem,4vw,1.6rem);font-weight:900}.about-role{color:#64748b;margin-top:4px;font-size:.92rem;font-weight:600}.about-intro{color:#334155;margin-bottom:24px;font-size:1.05rem;line-height:1.65}.about-facts{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px;display:grid}.about-fact{background:linear-gradient(#fff 0%,#faf5ff 100%);border:1px solid #e9d5ff;border-radius:14px;padding:14px 16px}.about-fact small{color:#7c3aed;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800;display:block}.about-fact strong{color:#0f172a;margin-top:6px;font-size:.95rem;font-weight:800;line-height:1.35;display:block}.about-block{margin-bottom:24px}.about-block h3{color:#5b21b6;margin-bottom:10px;font-size:1rem;font-weight:800}.about-block p{color:#475569;font-size:.98rem;line-height:1.6}.about-list{color:#334155;margin:12px 0 0;padding-left:1.2rem;font-size:.95rem;line-height:1.65}.about-list li+li{margin-top:8px}.about-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.reference-top{align-items:center;gap:16px;margin-bottom:20px;display:flex}.reference-top h2{letter-spacing:-.03em;font-size:1.6rem;font-weight:900}.reference-role{color:#64748b;margin-top:4px;font-size:.92rem;font-weight:600}.reference-pitch{color:#334155;margin-bottom:24px;font-size:1.08rem;line-height:1.65}.reference-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.reference-stats div,.reference-stat,.reference-stat-link{text-align:center;color:inherit;background:#fff;border:1px solid #0000;border-radius:12px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s}.reference-stat-link:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a14}.reference-stats div:first-child{background:linear-gradient(#fff 0%,#eff6ff 100%);border-color:#bfdbfe}.reference-stats div:first-child strong{color:#1d4ed8}.reference-stats div:nth-child(2){background:linear-gradient(#fff 0%,#ecfdf5 100%);border-color:#a7f3d0}.reference-stats div:nth-child(2) strong{color:#047857}.reference-stats div:nth-child(3){background:linear-gradient(#fff 0%,#fffbeb 100%);border-color:#fde68a}.reference-stats div:nth-child(3) strong{color:#b45309}.reference-stats div:nth-child(4){background:linear-gradient(#fff 0%,#f5f3ff 100%);border-color:#c4b5fd}.reference-stats div:nth-child(4) strong{color:#6d28d9}.reference-stats strong{color:#0f172a;font-size:1.25rem;font-weight:900;display:block}.reference-stats span{color:#64748b;margin-top:4px;font-size:.78rem;font-weight:700;display:block}.reference-note{color:#64748b;margin-top:20px;font-size:.9rem;font-style:italic}.reference-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.strengths{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.strength,.strength-link{color:inherit;background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:16px;padding:24px;text-decoration:none;transition:transform .15s,box-shadow .15s}.strength-link:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a14}.strength:first-child{background:linear-gradient(90deg,#eff6ff 0%,#fff 28%);border-left-color:#3b82f6}.strength:nth-child(2){background:linear-gradient(90deg,#f5f3ff 0%,#fff 28%);border-left-color:#8b5cf6}.strength:nth-child(3){background:linear-gradient(90deg,#ecfdf5 0%,#fff 28%);border-left-color:#10b981}.strength h3{margin-bottom:8px;font-size:1.1rem;font-weight:800}.strength p{color:#64748b;font-size:.94rem;line-height:1.55}.quote{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #fbbf24;border-radius:0 16px 16px 0;margin:0;padding:28px 32px}.quote p{color:#334155;font-size:1.15rem;font-style:italic;line-height:1.5}.quote footer{color:#64748b;margin-top:14px;font-size:.9rem}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.card:hover{border-color:#cbd5e1;box-shadow:0 12px 40px #0f172a14}.card-media{aspect-ratio:16/10;background:#f1f5f9;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%}.card-media-text{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);place-items:center;display:grid}.card-media-text span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:800}.card-media-contain{background:linear-gradient(135deg,#f8fafc,#e2e8f0);place-items:center;padding:28px;display:grid}.card-media-contain img{object-fit:contain;border-radius:22%;width:auto;max-width:55%;max-height:100%}.card-body{flex-direction:column;flex:1;padding:22px;display:flex}.card-clickable{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border:1px solid #e2e8f0;padding:0}.zone-active .card-clickable:hover{border-color:#10b981;transform:translateY(-2px)}.zone-archive .card-clickable:hover{border-color:#f97316;transform:translateY(-2px)}.card-clickable:hover{border-color:#fbbf24;transform:translateY(-2px)}.card-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-cta{color:#0369a1;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:.9rem;font-weight:800;display:inline-flex}.card-clickable:hover .card-cta{color:#0f172a}.detail-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;padding:12px;position:fixed;inset:0;overflow-y:auto}.detail-panel{background:#fff;border-radius:20px;max-width:900px;margin:0 auto 24px;padding:clamp(20px,4vw,32px);box-shadow:0 24px 80px #0f172a33}.detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.detail-header h2{letter-spacing:-.03em;margin-top:8px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900}.detail-sub{color:#0369a1;margin-top:6px;font-weight:700}.detail-close{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.detail-close:hover{background:#f8fafc}.detail-gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:14px;margin-bottom:28px;padding-bottom:8px;display:flex;overflow-x:auto}.detail-gallery::-webkit-scrollbar{display:none}.detail-shot{scroll-snap-align:start;flex:0 0 min(100%,520px);margin:0}.detail-shot-link{border-radius:14px;display:block;position:relative;overflow:hidden}.detail-shot-link img{aspect-ratio:16/10;object-fit:cover;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;width:100%;transition:transform .2s}.detail-shot-link:hover img{transform:scale(1.02)}.detail-shot-link-label{color:#fff;background:#0f172ad1;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;bottom:10px;right:10px}.detail-shot img{aspect-ratio:16/10;object-fit:cover;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;width:100%}.detail-shot figcaption{color:#64748b;margin-top:8px;font-size:.85rem;font-weight:600}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.detail-block h3{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px;font-size:.78rem;font-weight:800}.detail-block p{color:#334155;font-size:.96rem;line-height:1.6}.detail-block-wide{grid-column:1/-1}.detail-list{color:#334155;margin:0;padding-left:18px;line-height:1.7}.detail-list li+li{margin-top:6px}.detail-meta{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;padding:18px 0;display:grid}.detail-meta small{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.detail-meta p{margin-top:4px;font-size:.92rem;font-weight:700}.detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.detail-tags span{color:#475569;background:#f1f5f9;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700}.detail-links{flex-wrap:wrap;gap:10px;display:flex}.detail-links a{color:#f8fafc;background:#0f172a;border-radius:10px;align-items:center;gap:6px;min-height:48px;padding:0 18px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.detail-links a:hover{background:#1e293b}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800}.badge-aktif{color:#166534;background:#dcfce7}.badge-pasif{color:#64748b;background:#f1f5f9}.badge-featured{color:#92400e;background:#fef3c7}.card-type{color:#94a3b8;font-size:.75rem;font-weight:700}.card-body h3{letter-spacing:-.02em;font-size:1.35rem;font-weight:900}.card-sub{color:#0369a1;margin-top:4px;font-size:.88rem;font-weight:700}.card-desc{color:#475569;margin-top:12px;font-size:.94rem;line-height:1.55}.card-impact{color:#334155;background:#f8fafc;border-radius:10px;margin-top:14px;padding:12px;font-size:.88rem;line-height:1.45}.card-impact strong{color:#0f172a}.card-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.card-tags span{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.card-meta{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:16px;display:grid}.card-meta small{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.card-meta p{margin-top:2px;font-size:.85rem;font-weight:600;line-height:1.35}.card-links{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px;display:flex}.card-links a{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:.84rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.card-links a:hover{background:#f8fafc;border-color:#fbbf24}.timeline{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:0;display:grid;overflow:hidden}.timeline-item,.timeline-item-link{color:inherit;background:#fff;border-bottom:1px solid #f1f5f9;border-left:4px solid #eab308;grid-template-columns:120px 1fr;gap:24px;padding:28px;text-decoration:none;transition:background .15s;display:grid}.timeline-item-link:hover{background:#fffbeb}.timeline-cta{color:#0369a1;margin-top:10px;font-size:.82rem;font-weight:800;display:inline-block}.timeline-item:first-child{border-left-color:#10b981}.timeline-item:nth-child(2){border-left-color:#3b82f6}.timeline-item:nth-child(4){border-left-color:#8b5cf6}.timeline-item:nth-child(5){border-left-color:#06b6d4}.timeline-item:nth-child(6){border-left-color:#64748b}.timeline-item:last-child{border-bottom:none}.timeline-period{color:#0369a1;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:800}.timeline-item h3{font-size:1.1rem;font-weight:800}.timeline-org{color:#64748b;margin:4px 0 8px;font-size:.9rem;font-weight:700}.timeline-item p:last-child{color:#475569;font-size:.94rem;line-height:1.5}.companies-section{border-top:none}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.company-card{background:#fafbfc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.company-card:hover{border-color:#67e8f9;transform:translateY(-2px);box-shadow:0 14px 36px #06b6d41f}.company-card-hit{z-index:1;position:absolute;inset:0}.company-gallery-wrap{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0}.company-gallery-head{color:#64748b;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 0;font-size:.72rem;font-weight:700;display:flex}.company-gallery-hint{color:#0e7490;font-weight:800;display:none}.company-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;gap:8px;padding:10px 12px 14px;display:flex;overflow-x:auto}.company-gallery::-webkit-scrollbar{display:none}.company-gallery-item{z-index:2;aspect-ratio:4/3;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;border:1px solid #e2e8f0;border-radius:12px;flex:0 0 42%;max-width:220px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.company-gallery-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f}.company-gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.company-card-wide{grid-column:1/-1}@media (width>=769px){.linkedin-post-images{grid-template-columns:repeat(3,1fr);padding-bottom:0;display:grid;overflow:visible}.linkedin-post-image-link{flex:unset;scroll-snap-align:unset;min-width:0}}@media (width>=900px){.company-card-wide{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:stretch;display:grid}.company-card-wide .company-gallery{border-bottom:none;border-right:1px solid #e2e8f0;flex-wrap:wrap;grid-area:1/1;align-content:start;max-height:320px}.company-card-wide .company-gallery-item{flex:0 0 calc(50% - 6px);max-width:none}.company-card-wide .company-body{grid-area:1/2}.company-card-wide .company-card-hit{display:none}}.company-links{z-index:2;position:relative}.company-media{aspect-ratio:16/8;background:#e2e8f0;overflow:hidden}.company-media img{object-fit:cover;width:100%;height:100%}.company-media-icon{color:#64748b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);place-items:center;display:grid}.company-body{flex-direction:column;flex:1;padding:20px;display:flex}.company-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.company-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:800}.company-badge-calisma{color:#1d4ed8;background:#dbeafe}.company-badge-musteri{color:#166534;background:#dcfce7}.company-badge-urun{color:#92400e;background:#fef3c7}.company-period{color:#94a3b8;font-size:.75rem;font-weight:700}.company-body h3{letter-spacing:-.02em;font-size:1.15rem;font-weight:900}.company-sector{color:#0369a1;margin-top:4px;font-size:.82rem;font-weight:700}.company-desc{color:#475569;margin-top:10px;font-size:.9rem;line-height:1.55}.company-deliverable{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.84rem;line-height:1.45}.company-deliverable strong{color:#0f172a}.company-links{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.company-links a{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.company-links a:hover{background:#fffbeb;border-color:#fbbf24}.companies-footnote{text-align:center;color:#64748b;margin-top:28px;font-size:.92rem}.companies-footnote a{color:#0369a1;font-weight:700;text-decoration:none}.companies-footnote a:hover{text-decoration:underline}.contact-cta{text-align:center;color:#f8fafc;background:#0f172a;padding:clamp(72px,12vw,120px) clamp(18px,4vw,48px)}.contact-cta .brand-logo{justify-content:center;margin:0 auto 20px}.contact-cta h2{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);font-weight:900}.contact-cta p{color:#94a3b8;max-width:560px;margin:16px auto 32px;font-size:1.05rem;line-height:1.6}.contact-channels{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:640px;margin:0 auto;display:grid}.contact-card{color:#f8fafc;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;gap:6px;padding:24px 20px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.contact-card:first-child{background:linear-gradient(145deg,#1e293b 0%,#064e3b 100%);border-color:#34d399}.contact-card:last-child{background:linear-gradient(145deg,#1e293b 0%,#1e3a8a 100%);border-color:#60a5fa}.contact-card:hover{border-color:#fbbf24;transform:translateY(-2px)}.contact-card small{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.contact-card strong{letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.contact-card span{color:#94a3b8;font-size:.88rem;line-height:1.4}.footer{color:#94a3b8;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(18px,4vw,48px) 40px;font-size:.85rem;display:flex}.footer-profiles{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-profiles a{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:0 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.footer-profiles a:first-child{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.footer-profiles a:last-child{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.footer-profiles a:hover{background:#fffbeb;border-color:#fbbf24}@media (width<=768px){.section-jump{display:flex}.company-card-wide{grid-column:auto}.company-gallery-hint{display:inline}.company-gallery-item{aspect-ratio:16/11;scroll-snap-align:center;flex:0 0 82%;max-width:none;min-height:168px}.company-card-wide .company-gallery{border-right:none;flex-wrap:nowrap;max-height:none;overflow-x:auto}.company-card-wide .company-gallery-item{flex:0 0 82%}.company-card-wide{flex-direction:column;display:flex}.linkedin-post-images{gap:10px;margin-inline:-4px;padding-inline:4px}.linkedin-post-image-link{scroll-snap-align:center;flex:0 0 88%;min-width:0}.linkedin-post-images img{aspect-ratio:16/10;max-height:220px}.detail-overlay{padding:0}.detail-panel{border-radius:0;min-height:100%;margin:0;padding:16px}.detail-gallery{gap:10px;margin-inline:-4px;padding-inline:4px}.detail-shot{scroll-snap-align:center;flex:0 0 92%}.detail-shot-link-label{padding:8px 12px;font-size:.68rem}.header{flex-direction:column;align-items:stretch}.header nav{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.reference-stats{grid-template-columns:repeat(2,1fr)}.detail-grid,.strengths,.grid,.companies-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:8px}.hero-layout{grid-template-columns:1fr}.hero-showcase{order:-1}.hero-actions .btn{width:100%}.contact-channels{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column;gap:12px}.footer-profiles{justify-content:center;width:100%}.footer-profiles a{flex:calc(50% - 8px);justify-content:center;min-width:140px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}