.experience-reel{border-top:1px solid var(--line);width:100%;margin-top:32px;padding:32px 0}.experience-reel__intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.experience-reel__intro h2{font:500 clamp(1.5rem,2.5vw,2rem)/1.25 var(--sans);max-width:25ch;margin:0}.experience-reel__controls{flex-shrink:0;gap:24px;display:flex}.experience-reel button{font:400 .9375rem/1.4 var(--sans);cursor:pointer;color:var(--navy);border:0;border-bottom:1px solid var(--line);background:0 0;min-height:44px;padding:8px 0}.experience-reel button:focus-visible,.experience-reel__viewport:focus-visible{outline:2px solid var(--navy);outline-offset:4px}.experience-reel__viewport{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--navy) transparent;overflow:auto hidden}.experience-reel__track{gap:24px;width:max-content;padding-bottom:16px;display:flex}.experience-photo{min-width:0;margin:0}.experience-reel .experience-photo{scroll-snap-align:start;flex:0 0 330px;width:330px}.experience-photo__stage{justify-content:center;align-items:center;width:100%;height:248px;display:flex}.experience-photo__crop{max-height:100%;position:relative;overflow:hidden}.experience-photo__crop img{max-width:none;display:block;position:absolute}.experience-photo figcaption{font:400 .875rem/1.5 var(--sans);color:var(--navy);margin-top:14px}.experience-reel__archive{white-space:normal;max-width:100%;margin-top:24px}.experience-archive{width:min(100% - 80px,1280px);margin:0 auto;padding:56px 0 80px}.experience-archive__intro{max-width:800px;margin-bottom:40px}.experience-archive__intro h1{font:500 clamp(2rem,4vw,3.5rem)/1.15 var(--sans);margin:24px 0}.experience-archive__intro p{font:400 1.125rem/1.6 var(--serif)}.experience-archive__intro a{color:var(--navy);font:400 1rem/1.5 var(--sans);text-underline-offset:5px}.experience-archive__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}@media (width<=850px){.experience-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.experience-reel__intro{flex-direction:column;align-items:start;gap:16px}.experience-reel .experience-photo{flex-basis:78vw;width:78vw}.experience-archive{width:calc(100% - 40px);padding-top:32px}.experience-archive__grid{grid-template-columns:1fr;gap:36px}}