.experience-card.background{border:1px solid color-mix(in oklab, var(--m3-color-outline) 15%, transparent);transition:transform var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized), box-shadow var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized), border-color var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized);aspect-ratio:16/10;border-radius:var(--space-m);width:100%;box-shadow:var(--m3-elevation-1);position:relative;overflow:hidden}.experience-card .project-container{background:var(--color-card);opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s ease-in-out;display:flex;position:absolute;top:0;left:0}.experience-card .experience-image{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.experience-card.background:hover{border-color:var(--m3-color-primary);box-shadow:var(--m3-elevation-3);transform:scale(1.03)translateY(-4px)}.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);margin-bottom:var(--space-2xs-xs);color:var(--color-text-tertiary);font-weight:600}.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{justify-content:center;align-items: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);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);box-shadow:0 var(--space-3xs) var(--space-xs) color-mix(in oklab, var(--color-accent) 35%, black 65%);font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.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;pointer-events:none;z-index:1;transform:none}.experience-card .project-container a,.experience-card .project-container button,.experience-card .project-container .learn-more{pointer-events:auto;z-index:2;min-height:var(--space-xl);padding:var(--space-2xs) var(--space-xs);justify-content:center;align-items:center;display:inline-flex;position:relative}.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{padding-top:var(--space-xl-2xl);padding-right:var(--space-m-l);padding-bottom:var(--space-xl-2xl);padding-left:var(--space-m-l);flex-direction:column;align-items:center;display:flex}.experience-grid{gap:var(--space-l-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-auto-flow:dense;place-items:stretch stretch;width:100%;max-width:1200px;margin:0 auto;display:grid}.experience-grid>.experience-item{min-width:0;grid-column:auto!important}.project-card.background{border:1px solid color-mix(in oklab, var(--m3-color-outline) 15%, transparent);transition:transform var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized), box-shadow var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized), border-color var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized);aspect-ratio:16/10;border-radius:var(--space-m);width:100%;box-shadow:var(--m3-elevation-1);position:relative;overflow:hidden}.project-card .project-container{background:var(--color-card);opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s ease-in-out;display:flex;position:absolute;top:0;left:0}.project-card .project-image{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.project-card.background:hover{border-color:var(--m3-color-primary);box-shadow:var(--m3-elevation-3);transform:scale(1.03)translateY(-4px)}.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);margin-bottom:var(--space-2xs-xs);color:var(--color-text-tertiary);font-weight:600}.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{justify-content:center;align-items: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);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%);box-shadow:0 6px 14px color-mix(in oklab, var(--color-accent) 35%, black 65%);border-radius:999px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.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;pointer-events:none;z-index:1;transform:none}.project-card .project-container a,.project-card .project-container button,.project-card .project-container .learn-more{pointer-events:auto;z-index:2;min-height:var(--space-xl);padding:var(--space-2xs) var(--space-xs);justify-content:center;align-items:center;display:inline-flex;position:relative}.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{padding-top:var(--space-xl-2xl);padding-right:var(--space-m-l);padding-bottom:var(--space-xl-2xl);padding-left:var(--space-m-l);flex-direction:column;align-items:center;display:flex}.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{gap:var(--space-l-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));width:100%;max-width:1200px;display:grid}