@font-face{font-family:ComputerModern;src:url(/fonts/ComputerModern/cmunbx.ttf);font-weight:400;font-style:normal;font-display:swap}.experiences-section{display:flow-root;background-color:transparent;color:#0f172a;min-height:auto;padding:10px 0 20px;width:100%}.experiences-container{width:100%;max-width:100%;box-sizing:border-box;padding:10px 16px}.experience-card-item{width:100%;box-sizing:border-box;overflow:hidden}.experience-card-item img{width:100%;height:auto;object-cover:cover}.experiences-header{text-align:center;margin-bottom:30px}.experiences-header h2{font-size:3rem;font-weight:700;letter-spacing:-.05em;margin-bottom:8px;color:#000}.experiences-header p{color:#64748b;font-size:1.1rem}.timeline-wrapper{display:flex;position:relative;align-items:stretch;padding-top:2vh;padding-bottom:20px;padding-left:60px}.timeline-track{position:absolute;left:0;top:0;bottom:0;width:24px;z-index:10}.timeline-line{position:absolute;left:30%;top:0;bottom:0;width:2px;background-color:#e2e8f0}.timeline-sticky-dot{position:sticky;top:50%;left:auto;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background-color:#fff;border:2px solid #000000;display:flex;align-items:center;justify-content:center;z-index:20;box-shadow:0 0 0 4px #0000001a}.dot-inner{width:6px;height:6px;border-radius:50%;background-color:#000;transition:transform .3s ease}.timeline-content{flex-grow:1;padding-left:10px;display:flex;flex-direction:column;gap:24px;min-width:0}.timeline-item{display:flex;flex-direction:column;transform:scale(.98) translate(-10px);transition:all .6s cubic-bezier(.16,1,.3,1);width:100%;box-sizing:border-box}.timeline-item.is-active{opacity:1;filter:blur(0);transform:scale(1) translate(0)}.timeline-card-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #00000003;transition:border-color .4s ease,box-shadow .4s ease;overflow:hidden;width:100%;box-sizing:border-box}.timeline-item.is-active .timeline-card-box{border-color:#000;box-shadow:0 12px 40px -10px #0000000f}.timeline-card-time{margin-bottom:12px}.time-badge{display:inline-block;font-size:.75rem;font-weight:600;color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;padding:4px 10px;border-radius:20px;transition:all .3s ease}.timeline-item.is-active .time-badge{color:#fff;border-color:#000;background-color:#000}.timeline-card-header{display:flex;align-items:center;gap:16px;margin-bottom:4px}.timeline-logo{width:56px;height:56px;border-radius:12px;-o-object-fit:contain;object-fit:contain;background-color:#fff;border:1px solid #e2e8f0;padding:6px;flex-shrink:0}.timeline-title-wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0}.role-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.role-row h3{font-size:1.4rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em;transition:color .3s ease;word-break:break-word}.timeline-title-wrapper h4{font-size:.95rem;font-weight:500;color:#64748b;margin:0;word-break:break-word;transition:color .3s ease}.expand-toggle-btn{background-color:#fff;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 4px #00000005}.role-row:hover .expand-toggle-btn{background-color:#000;border-color:#000;color:#fff}.expand-toggle-btn .arrow{font-size:.65rem;transition:transform .3s ease}.expand-toggle-btn .arrow.up{transform:rotate(180deg)}.timeline-expanded-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}.timeline-expanded-content.open{grid-template-rows:1fr}.timeline-expanded-inner{overflow:hidden}.timeline-detailed-desc{margin-top:16px;padding-top:16px;border-top:1px dashed #e2e8f0;color:#475569;text-align:justify;word-break:break-word}.timeline-attachments{margin-top:20px}.attachments-grid{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;padding-top:4px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.attachments-grid::-webkit-scrollbar{display:none}.attachment-preview-card{display:block;flex:0 0 220px;aspect-ratio:16/9;scroll-snap-align:start;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.attachment-live-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.attachment-preview-card:hover{transform:translateY(-4px);border-color:#000;box-shadow:0 10px 20px -6px #0000001f}.media-modal-overlay{position:fixed;inset:0;z-index:9999;background-color:#000000e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal-close{position:absolute;top:24px;right:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease;z-index:10000}.media-modal-close:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.1)}.media-modal-content{max-width:90vw;max-height:85vh;position:relative;display:flex;flex-direction:column;align-items:center;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.experiences-container{padding:16px 8px}.timeline-wrapper{padding-left:0;padding-bottom:20px}.timeline-track{display:none}.timeline-content{padding-left:0;gap:24px}.experiences-header h2{font-size:2.4rem}.timeline-item{transform:none!important;width:100%;box-sizing:border-box}.timeline-item.is-active{transform:none!important}.timeline-card-box{padding:20px 16px;width:100%;box-sizing:border-box;margin:0}.timeline-card-header{flex-direction:row!important;align-items:center!important;gap:12px!important}.role-row h3{font-size:1.2rem}.media-modal-close{top:16px;right:16px;width:36px;height:36px}}.header-action-wrapper{display:flex;justify-content:center;margin-top:16px}.experiences-cv-btn{display:inline-flex;align-items:center;gap:8px;background-color:#fff;color:#000;font-size:.85rem;font-weight:700;text-transform:capitalize;padding:10px 24px;border-radius:999px;border:1px solid #000000;text-decoration:none;box-shadow:0 4px 6px -1px #00000005;transition:all .3s cubic-bezier(.16,1,.3,1)}.experiences-cv-btn:hover{color:#fff;border-color:#000;background-color:#000;transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000001a}@media(max-width:600px){.experiences-cv-btn{width:100%;justify-content:center;padding:12px 20px}}::-moz-selection{background-color:#000;color:#000}::selection{background-color:#000;color:#000}