.experience-section{padding:0;position:relative;overflow-x:hidden}.projects-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.projects-header h2{font-size:1.25rem;font-weight:600;color:white}.projects-header span{font-size:.7rem;letter-spacing:1px;color:rgba(255,255,255,.4);font-family:var(--font-mono)}.relative.pl-8{position:relative;padding-left:2rem}.absolute.left-3{position:absolute;left:.75rem}.absolute.left-3.top-0.bottom-0{position:absolute;left:.75rem;top:0;bottom:0}.w-px{width:1px}.absolute.-left-\[1\.85rem\]{position:absolute;left:-1.85rem}.top-1{top:.25rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.bg-\[\#111111\]{background:#111111}.border{border-width:1px}.border-white\/10{border-color:rgba(255,255,255,.1)}.rounded-lg{border-radius:.5rem}.p-4{padding:1rem}.hover\:border-blue-500\/50:hover{border-color:rgba(59,130,246,.5)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.text-blue-400{color:#60a5fa}.font-medium{font-weight:500}.mb-0\.5{margin-bottom:.125rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-white{color:white}.text-\[10px\]{font-size:.625rem}.text-white\/50{color:rgba(255,255,255,.5)}.bg-white\/5{background:rgba(255,255,255,.05)}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.rounded{border-radius:.25rem}.text-white\/60{color:rgba(255,255,255,.6)}.mb-3{margin-bottom:.75rem}.leading-relaxed{line-height:1.625}.text-xs{font-size:.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-1\.5{gap:.375rem}.bg-blue-500\/10{background:rgba(59,130,246,.1)}.text-blue-300{color:#93c5fd}.border-blue-500\/20{border-color:rgba(59,130,246,.2)}.mb-12{margin-bottom:3rem}.mb-6{margin-bottom:1.5rem}.mb-2{margin-bottom:.5rem}.last\:mb-0:last-child{margin-bottom:0}@media (max-width:768px){.relative.pl-8{padding-left:1.75rem}.absolute.left-3{left:.5rem}.absolute.-left-\[1\.85rem\]{left:-1.6rem}.p-4{padding:.75rem}.projects-header h2{font-size:1.125rem}}@media (max-width:480px){.relative.pl-8{padding-left:1.5rem}.absolute.left-3{left:.35rem}.absolute.-left-\[1\.85rem\]{left:-1.4rem}.p-4{padding:.625rem}.text-sm{font-size:.75rem}.projects-header{margin-bottom:.75rem}}.hk-social-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 22px;border-radius:16px;font-weight:600;font-size:14px;color:var(--brand-color);background:var(--brand-bg);border:1px solid var(--brand-border);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.hk-social-card:hover{filter:brightness(1.2);box-shadow:0 8px 20px -8px var(--brand-color);border-color:#fff}.hk-github{--brand-color:#ffffff;--brand-bg:rgba(255,255,255,0.08);--brand-border:rgba(255,255,255,0.2)}.hk-linkedin{--brand-color:#00a0dc;--brand-bg:rgba(0,160,220,0.12);--brand-border:rgba(0,160,220,0.3)}.hk-mail{--brand-color:#ff5a4f;--brand-bg:rgba(255,90,79,0.12);--brand-border:rgba(255,90,79,0.3)}.hk-social-card svg{stroke-width:2px;filter:drop-shadow(0 0 8px var(--brand-bg))}