.experience-page{background-color:var(--base-100);width:100%;min-height:100svh;position:relative}.experience-page .experience-header{justify-content:center;align-items:center;width:100%;height:90svh;display:flex;position:relative}.experience-page .experience-header .container{flex-direction:column;justify-content:center;display:flex}.experience-page .experience-header .container .experience-header-row:first-child{justify-content:flex-end;display:flex}.experience-page .experience-header .container .experience-header-row:nth-child(2){justify-content:flex-start;display:flex}.experience-page .experience-header .container .experience-header-row h1{font-size:14vw}.experience-page .experience-list{width:100%;padding-bottom:10rem;position:relative}.experience-page .experience-list .container{flex-direction:column;display:flex}.experience-item{border-top:1px solid var(--base-300);opacity:0;will-change:opacity, transform;grid-template-columns:1fr 2fr;gap:3rem;padding:3.5rem 0;display:grid;position:relative;transform:translateY(50px)}.experience-item:last-child{border-bottom:1px solid var(--base-300)}.experience-left{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.experience-meta{align-items:center;gap:.75rem;display:flex}.experience-index{text-transform:uppercase;letter-spacing:.1rem;color:var(--base-300);font-family:Geist Mono;font-size:.75rem;font-weight:500}.experience-dot{background-color:var(--base-300);border-radius:50%;flex-shrink:0;width:4px;height:4px}.experience-period{text-transform:uppercase;letter-spacing:.05rem;color:var(--base-500);font-family:Geist Mono;font-size:.75rem;font-weight:500}.experience-company-label{background-color:var(--base-400);color:var(--base-100);text-transform:uppercase;letter-spacing:.05rem;-webkit-font-smoothing:antialiased;border-radius:2rem;align-items:center;width:fit-content;padding:.4rem .75rem .3rem;font-family:PP Pangram Sans;font-size:.8rem;font-weight:900;display:inline-flex}.experience-right{flex-direction:column;gap:1.25rem;display:flex}.experience-role{letter-spacing:-.2rem;text-transform:uppercase;color:var(--base-400);font-family:Big Shoulders Display;font-size:5.5rem;font-weight:900;line-height:.9}.experience-desc{color:var(--base-300);max-width:500px;font-family:PP Neue Montreal;font-size:1.05rem;font-weight:400;line-height:1.6}.experience-item-line{background-color:var(--base-400);transform-origin:0;width:100%;height:1px;transition:transform .6s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.experience-item:hover .experience-item-line{transform:scaleX(1)}@media (max-width:1000px){.experience-page .experience-header{height:55svh}.experience-page .experience-header .container .experience-header-row h1{font-size:18vw}.experience-item{grid-template-columns:1fr;gap:1.25rem;padding:2.25rem 0}.experience-role{letter-spacing:-.1rem;font-size:3rem}}@media (max-width:768px){.experience-role{font-size:2.5rem}.experience-desc{font-size:.95rem}}@media (max-width:480px){.experience-role{letter-spacing:-.05rem;font-size:2rem}.experience-company-label{font-size:.75rem}}@media (min-width:2400px){.experience-page .experience-header .container .experience-header-row h1{font-size:20rem}}