html{background-color:#0f0f0f}.card-style[data-astro-cid-j7pv25f6]{border:1px solid #252525;background:#1c1c1c;border-radius:16px;transition:border-color .3s ease}.card-style[data-astro-cid-j7pv25f6]:hover{border-color:#4a4a4a}.experience-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.experience-item[data-astro-cid-j7pv25f6]{display:flex!important;flex-direction:row;align-items:flex-start;padding:16px;gap:12px}.experience-item__image[data-astro-cid-j7pv25f6]{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.experience-item__image[data-astro-cid-j7pv25f6].empty-image{border:1px dashed #4a4a4a;color:#a7a7a7;background:transparent}.experience-item__image-text[data-astro-cid-j7pv25f6]{font-size:16px;font-weight:300}.experience-item__content[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;flex-grow:1;min-width:0}.experience-item__header[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px}.experience-item__company[data-astro-cid-j7pv25f6]{font-size:16px;font-weight:500;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-item__date[data-astro-cid-j7pv25f6]{text-align:right;flex-shrink:0;margin:0 0 0 8px}.experience-item__position[data-astro-cid-j7pv25f6]{margin:0}.caption[data-astro-cid-j7pv25f6]{font-size:12px;text-transform:uppercase;letter-spacing:.13px;color:#a7a7a7;margin:0}.hero-section{max-width:1000px;margin:0 0 60px;text-align:left}@media(min-width:768px){.hero-section{margin:0}}.hero-title{font-size:clamp(30px,2vw + 10px,48px);line-height:clamp(40px,3.89vw + 17.33px,60px);font-weight:500;letter-spacing:-1px;color:#fff}@media(min-width:768px){.hero-title{font-size:40px;line-height:52px}}.page-main{width:100%;max-width:1100px;margin:0 auto;padding:60px 24px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}@media(min-width:768px){.page-main{padding:80px 24px;gap:clamp(32px,5vh,60px)}}.hero-subtitle{color:#a7a7a7;font-size:16px;line-heigth:20px;font-weight:500;margin-bottom:12px;margin-top:0}.projects-section{margin-bottom:0}.project-card{display:block;background-color:#1c1c1c;border:1px solid #252525;border-radius:16px;overflow:hidden;transition:border-color .3s ease,background-color .3s ease;text-decoration:none;color:inherit}@media(min-width:768px){.project-card{height:clamp(340px,45vh,480px)}}.project-card:hover{border-color:#4a4a4a;background-color:#222}.project-layout{display:flex;flex-direction:column}@media(min-width:768px){.project-layout{flex-direction:row;height:100%}}.project-info{padding:24px;display:flex;flex-direction:column;justify-content:space-between}@media(min-width:768px){.project-info{padding:32px;width:55%}}.project-text-content{margin:0}.project-title{font-size:22px;font-weight:500;color:#fff;margin-bottom:8px;margin-top:0}.project-desc{color:#c6c6c6;font-size:16px;line-height:24px;margin:0 0 16px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;color:#a7a7a7;background-color:#ffffff0d;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.project-link{display:inline-block;margin-top:16px;color:#4bcfff;font-weight:500;transition:color .3s ease}.group:hover .project-link{color:#00a0d1}.project-company{display:flex;align-items:center;gap:12px}.project-logo{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.project-company-name{color:#fff;font-weight:500;font-size:16px;line-height:1.25;margin:0}.project-company-date{color:#a7a7a7;font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin:0}.project-image-wrap{overflow:hidden;height:300px;display:flex;align-items:flex-end;justify-content:center;padding-top:32px}@media(min-width:768px){.project-image-wrap{width:45%;height:auto;padding-top:24px;align-items:flex-end}}.project-image{max-width:none;width:100%;height:100%;object-fit:contain;object-position:bottom;transform:translateY(0)}.experience-section{margin-top:48px;padding-bottom:32px;overflow:hidden;position:relative}@media(min-width:768px){.experience-section{margin-top:0;padding-bottom:0}}.experience-header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 16px}@media(min-width:768px){.experience-header-container{padding:0}}.section-title{font-size:28px;font-weight:500;color:#fff;margin:0}@media(min-width:768px){.section-title{font-size:22px}}@media(min-width:1024px){.section-title{font-size:28px}}.view-resume-link{font-weight:500;color:#4bcfff;display:flex;align-items:center;gap:4px;transition:color .3s ease;text-decoration:none}.view-resume-link:hover{color:#00a0d1}.view-resume-icon{margin-left:4px}.experience-item-letter{font-weight:700;font-size:12px}.border-dark{border:1px solid #252525}.text-white{color:#fff}.text-black{color:#000}.bottom-layout{display:flex;flex-direction:column;gap:48px;margin-top:24px}@media(min-width:768px){.bottom-layout{flex-direction:row;gap:60px;margin-top:40px}}.about-section{flex:1}.about-content{margin-top:24px;color:#c6c6c6;font-size:16px;line-height:1.6}.about-content p{margin-bottom:16px}.bottom-layout .experience-section{flex:1;margin-top:0}.preview-trigger{position:relative!important;display:inline-block!important;cursor:crosshair!important;color:#fff;font-weight:500;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:4px;transition:text-decoration-color .3s ease}.preview-trigger:hover{text-decoration-color:#fff}.preview-card{position:absolute!important;bottom:calc(100% + 10px)!important;left:50%!important;transform:translate(-50%) translateY(6px) scale(.95);display:flex!important;gap:-8px!important;pointer-events:none!important;opacity:0!important;transition:opacity .18s ease,transform .18s ease;z-index:50!important}.preview-trigger:hover .preview-card{opacity:1!important;transform:translate(-50%) translateY(0) scale(1)!important;pointer-events:auto!important}.preview-img{width:100px!important;height:100px!important;object-fit:cover!important;border-radius:8px!important;border:3px solid white!important;display:block!important;box-shadow:0 4px 12px #0000004d!important;background-color:#252525!important;max-width:none!important}.preview-img--left{transform:rotate(-4deg);z-index:1;margin-right:-6px}.preview-img--right{transform:rotate(4deg);z-index:2}