.experience-card.background{position:relative;border:1px solid var(--color-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%;aspect-ratio:16 / 10;border-radius:var(--space-m);overflow:hidden}.experience-card .project-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-card);opacity:0;transition:opacity .4s ease-in-out}.experience-card .experience-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background-color:var(--color-card);padding:var(--space-2xs);box-sizing:border-box;z-index:0}.experience-card.background:hover{border-color:var(--color-accent);transform:scale(1.02)}.experience-card.background:hover .project-container{opacity:1}.experience-card .more-info{text-align:center;padding:var(--space-s-m)}.experience-card .project-title{font-size:var(--step-2);font-family:var(--m3-font-family-display);font-weight:600;margin-bottom:var(--space-2xs-xs);color:var(--color-text-tertiary)}.experience-card .project-date{font-size:var(--step-0);font-family:var(--m3-font-family-body);color:var(--color-text-tertiary);margin-bottom:var(--space-xs);display:block}.experience-card .project-description{font-size:var(--step-1);font-family:var(--m3-font-family-body);margin-bottom:var(--space-s-m);color:var(--color-text-tertiary)}.experience-card .learn-more{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs-xs);min-height:var(--space-xl);min-width:var(--space-xl);padding:var(--space-2xs) var(--space-xs);inline-size:max-content;font-size:var(--m3-font-label-large);font-family:var(--m3-font-family-body);font-weight:600;letter-spacing:.01em;color:var(--m3-color-on-primary);background-color:var(--color-accent);border:1px solid color-mix(in oklab,var(--color-accent) 75%,black 25%);border-radius:var(--space-3xl);text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 var(--space-3xs) var(--space-xs) color-mix(in oklab,var(--color-accent) 35%,black 65%)}.experience-card .learn-more:visited{color:var(--m3-color-on-primary)}.experience-card .learn-more:hover,.experience-card .learn-more:focus-visible{background-color:color-mix(in oklab,var(--color-accent) 85%,black 15%);border-color:color-mix(in oklab,var(--color-accent) 65%,black 35%);box-shadow:0 var(--space-xs) var(--space-s) color-mix(in oklab,var(--color-accent) 45%,black 55%);transform:translateY(calc(var(--space-3xs) * -1))}.experience-card .learn-more:focus-visible{outline:3px solid color-mix(in oklab,var(--color-accent) 45%,white 55%);outline-offset:var(--space-3xs);z-index:3;position:relative}.experience-card .learn-more:active{background-color:color-mix(in oklab,var(--color-accent) 70%,black 30%);transform:translateY(0)}.experience-card.background:focus-within .project-container{opacity:1}@media(hover:none),(pointer:coarse){.experience-card .project-container{opacity:1;transform:none;pointer-events:none;z-index:1}.experience-card .project-container a,.experience-card .project-container button,.experience-card .project-container .learn-more{pointer-events:auto;position:relative;z-index:2;min-height:var(--space-xl);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2xs) var(--space-xs)}.experience-card.background:hover{transform:none}.experience-card .experience-image{z-index:0}}@media(prefers-reduced-motion:reduce){.experience-card,.experience-card .project-container{transition:none}}.page-h2{font-family:var(--m3-font-family-display);font-size:var(--step-6);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-m-l)}.experience-section{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-xl-2xl);padding-right:var(--space-m-l);padding-bottom:var(--space-xl-2xl);padding-left:var(--space-m-l)}.experience-grid{display:grid;width:100%;max-width:1200px;margin:0 auto;gap:var(--space-l-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));justify-items:stretch;align-items:stretch;grid-auto-flow:row dense}.experience-grid>.experience-item{grid-column:auto!important;min-width:0}.project-card.background{position:relative;border:1px solid var(--color-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%;aspect-ratio:16 / 10;border-radius:var(--space-m);overflow:hidden}.project-card .project-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-card);opacity:0;transition:opacity .4s ease-in-out}.project-card .project-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.project-card.background:hover{border-color:var(--color-accent);transform:scale(1.02)}.project-card.background:hover .project-container{opacity:1}.project-card .more-info{text-align:center;padding:var(--space-s-m)}.project-card .project-title{font-size:var(--step-2);font-family:var(--m3-font-family-display);font-weight:600;margin-bottom:var(--space-2xs-xs);color:var(--color-text-tertiary)}.project-card .project-description{font-size:var(--step-1);font-family:var(--m3-font-family-body);margin-bottom:var(--space-s-m);color:var(--color-text-tertiary)}.project-card .learn-more{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs-xs);min-height:var(--space-xl);min-width:var(--space-xl);padding:var(--space-2xs) var(--space-xs);inline-size:max-content;font-size:var(--m3-font-label-large);font-family:var(--m3-font-family-body);font-weight:600;letter-spacing:.01em;color:var(--m3-color-on-primary);background-color:var(--color-accent);border:1px solid color-mix(in oklab,var(--color-accent) 75%,black 25%);border-radius:999px;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 14px color-mix(in oklab,var(--color-accent) 35%,black 65%)}.project-card .learn-more:visited{color:var(--color-on-accent)}.project-card .learn-more:hover,.project-card .learn-more:focus-visible{background-color:color-mix(in oklab,var(--color-accent) 85%,black 15%);border-color:color-mix(in oklab,var(--color-accent) 65%,black 35%);box-shadow:0 8px 20px color-mix(in oklab,var(--color-accent) 45%,black 55%);transform:translateY(-1px)}.project-card .learn-more:focus-visible,.project-card .project-container a:focus-visible{outline:2px solid var(--color-accent, currentColor);outline-offset:3px;z-index:3;position:relative}.project-card .learn-more:active{background-color:color-mix(in oklab,var(--color-accent) 70%,black 30%);transform:translateY(0)}.project-card.background:focus-within .project-container{opacity:1}@media(hover:none),(pointer:coarse){.project-card .project-container{opacity:1;transform:none;pointer-events:none;z-index:1}.project-card .project-container a,.project-card .project-container button,.project-card .project-container .learn-more{pointer-events:auto;position:relative;z-index:2;min-height:var(--space-xl);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2xs) var(--space-xs)}.project-card.background:hover{transform:none}.project-card .project-image{z-index:0}}@media(prefers-reduced-motion:reduce){.project-card,.project-card .project-container{transition:none}}.project-section{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-xl-2xl);padding-right:var(--space-m-l);padding-bottom:var(--space-xl-2xl);padding-left:var(--space-m-l)}.page-h2{font-family:var(--m3-font-family-display);font-size:var(--step-6);font-weight:var(--font-weight-h2);line-height:var(--font-line-height-heading-tight);letter-spacing:-.014em;color:var(--color-text-primary);margin-bottom:var(--space-m-l);text-align:center}.card-grid{display:grid;gap:var(--space-l-xl);width:100%;max-width:1200px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}