.experiences-page{padding:40px 20px;max-width:1200px;margin:0 auto}.experiences-content{margin-top:30px;display:flex;flex-direction:column;gap:15px}.experiences-page h1{color:var(--color-text-strong);border-bottom:2px solid var(--color-border);padding-bottom:12px;position:relative}.experiences-page h1:after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:var(--color-accent);border-radius:2px}.experience-container{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:pointer;transition:all .25s ease;overflow:hidden}.experience-container:hover{box-shadow:var(--shadow-accent);border-color:var(--color-accent);transform:translateY(-2px)}.experience-compact{display:flex;align-items:center;gap:20px;padding:20px}.company-logo-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#ffffff;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.company-logo{object-fit:contain}.experience-meta{display:flex;flex-direction:column;gap:5px;flex-grow:1}.experience-position{color:var(--color-text-strong);font-size:1.2rem;font-weight:700;margin:0}.experience-location{color:var(--color-text-muted);font-size:.95rem;font-weight:500;margin:0}.experience-period{color:var(--color-text-muted);font-size:.9rem;margin:0;font-style:italic}.experience-details{padding:0 20px 20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-top:10px;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:10px}.experience-header h2{color:var(--color-accent-hover);font-size:1.5rem;margin:0}.company-link{color:var(--color-accent-hover);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.company-link:hover{color:#c7d2fe;text-decoration:underline}.experience-description{color:var(--color-text);font-size:1rem;margin-bottom:15px;font-weight:500;line-height:1.6}.experience-responsibilities{list-style:none;padding:0;margin:0 0 15px}.experience-responsibilities li{padding:8px 0 8px 20px;position:relative;color:var(--color-text);line-height:1.6}.experience-responsibilities li:before{content:"▸";position:absolute;left:0;color:var(--color-accent);font-weight:700}.experience-tools{padding-top:15px;border-top:1px solid var(--color-border)}.experience-tools strong{color:var(--color-accent-hover);font-size:.95rem;display:block;margin-bottom:10px}.tools-grid{display:flex;flex-wrap:wrap;gap:10px}.tool-item{display:flex;align-items:center;justify-content:center;padding:8px;transition:all .25s ease;text-decoration:none;width:56px;height:56px;position:relative}.tool-item,.tool-item:after{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tool-item:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);color:var(--color-text);padding:6px 10px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:6px}.tool-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.tool-item:hover:after{opacity:1}.tool-logo{object-fit:contain}@media (max-width:768px){.experiences-page{padding:20px 15px}.experience-compact{padding:15px;gap:15px}.experience-details{padding:0 15px 15px}.company-logo-container{padding:8px}.company-logo{width:60px;height:30px}.experience-position{font-size:1.1rem}.experience-location{font-size:.85rem}.experience-period{font-size:.8rem}}@media (max-width:480px){.experiences-page h1{font-size:1.8rem}.experience-compact{gap:10px}.experience-compact,.experience-header{flex-direction:column;align-items:flex-start}.experience-header h2{font-size:1.2rem}.experience-description{font-size:.95rem}.experience-responsibilities li{font-size:.9rem}.experience-tools strong{font-size:.85rem}.tool-item{width:48px;height:48px;padding:6px}.tool-logo{width:32px;height:32px}.experience-position{font-size:1rem}.experience-location{font-size:.8rem}.experience-period{font-size:.75rem}.company-logo{width:50px;height:25px}}