.experience{container-type:inline-size}.experience-heading{margin-bottom:var(--layout-gap);gap:var(--sx-space-16);text-align:center;justify-items:center;display:grid}.experience-heading h2,.experience-heading p{margin:0}.experience-track{gap:var(--card-gap);scroll-snap-type:x mandatory;padding:0 var(--gutter) 0 18%;scrollbar-width:none;margin:0;scroll-padding-inline:18%;list-style:none;display:flex;position:relative;overflow-x:auto}.experience-track::-webkit-scrollbar{display:none}.experience-card{isolation:isolate;min-height:var(--sx-size-600);padding:var(--card-padding);border-radius:var(--sx-layout-radius-card);justify-content:space-between;gap:var(--sx-space-48);scroll-snap-align:start;background:var(--sx-color-ink);color:var(--sx-color-paper);--paragraph-color:var(--sx-color-paper);flex-direction:column;flex:0 0 64cqw;display:flex;position:relative;overflow:hidden}.experience-card>.photo{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.experience-card:before{content:"";z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--sx-color-ink) 35%,transparent),color-mix(in srgb,var(--sx-color-ink) 90%,transparent));position:absolute;inset:0}.experience-number{font-size:var(--type-card);font-weight:var(--sx-weight-bold);color:var(--sx-color-accent)}.experience-bottom{justify-content:space-between;align-items:flex-end;gap:var(--sx-space-24);display:flex}.experience-copy{max-width:var(--sx-size-720)}.experience-copy h3{margin:0 0 var(--sx-space-16)}.experience-copy p{margin:0}.experience-action{flex:none}@media (width<=1366px){.experience-card{min-height:var(--sx-size-320)}}@media (width<=1199px){.experience-card.has-action{gap:var(--sx-space-24)}.experience-card.has-action .experience-bottom{align-items:stretch;gap:var(--sx-space-8);flex-direction:column}.experience-action{align-self:flex-end}}@media (width<=767px){.experience-track{padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.experience-card{padding:var(--card-padding);flex-basis:100%}}.experience-heading{width:100%;max-width:calc(var(--sx-size-720) + var(--gutter)*2);padding-inline:var(--gutter);margin-inline:auto}.experience-controls{width:64%;max-width:none;margin-inline:auto}@media (width<=767px){.experience-controls{width:calc(100% - var(--gutter)*2)}}