.experience-media{margin:42px 0 56px}.experience-film{position:relative;height:540px;overflow:hidden;background:#112638;border-radius:3px}.experience-film>video{width:100%;height:100%;object-fit:cover}.experience-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,25,42,.85),rgba(9,25,42,.05))}.experience-film-copy{position:absolute;left:5%;bottom:12%;color:#fff}.experience-film-copy>span,.experience-project-head>span{font-size:11px;letter-spacing:.18em}.experience-film-copy h3{font-size:clamp(28px,4vw,52px);line-height:1.12;margin:22px 0}.experience-film-copy p{color:#c6d7e5}.experience-film-copy button{background:#149dd5;border:0;color:white;padding:17px 23px;cursor:pointer;font:inherit}.experience-film-copy button:hover{background:#087bb8}#experiencePause{position:absolute;bottom:28px;right:28px;border:1px solid #fff8;background:#102d4566;color:white;width:46px;height:46px;border-radius:50%;cursor:pointer}.experience-reel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.experience-shot{position:relative;padding:0;border:0;overflow:hidden;aspect-ratio:1.45;background:#112638;color:white;text-align:left;cursor:pointer}.experience-shot>img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:brightness(.65)}.experience-shot:hover>img,.experience-shot:focus-visible>img{transform:scale(1.06);filter:brightness(.85)}.shot-play{position:absolute;right:22px;top:22px;border:1px solid #fff8;border-radius:50%;padding:12px}.shot-caption{position:absolute;bottom:22px;left:22px;right:20px;display:grid;gap:10px}.shot-caption small{font-size:9px;letter-spacing:.14em}.shot-caption strong{font-size:22px}.shot-caption>span{font-size:12px;color:#a2e4ff}.experience-project-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.experience-project-head p{font-size:14px}.experience-filters{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.experience-filters button{font:inherit;font-size:13px;cursor:pointer;padding:12px 18px;background:transparent;border:1px solid #b8c8d5;color:inherit}.experience-filters button.active{background:#163b5a;color:white;border-color:#163b5a}.experience-row[hidden]{display:none!important}.experience-row{animation:project-enter .4s ease both}@keyframes project-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.experience-film{height:450px}.experience-reel{grid-template-columns:1fr}.experience-shot{aspect-ratio:1.8}.experience-project-head{display:block}.experience-film-copy{right:5%}}@media(prefers-reduced-motion:reduce){.experience-shot>img,.experience-row{transition:none;animation:none}}
.experience-project-head h3{font-size:clamp(28px,3vw,42px);margin:15px 0 28px;line-height:1.15}.project-arrows{display:flex;gap:10px}.project-arrows button{width:50px;height:50px;border:1px solid #bcc9d3;background:transparent;font-size:25px;cursor:pointer}.project-arrows button:hover{background:#163b5a;color:white}.project-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:18px}.project-card{scroll-snap-align:start;position:relative;text-align:left;padding:0;border:1px solid #d9e1e6;background:white;cursor:pointer;color:#173046;font:inherit}.project-photo{height:260px;position:relative;overflow:hidden;background:#dbe1e5}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-photo>span{position:absolute;bottom:0;left:0;background:#168ecc;color:white;padding:13px 18px;font-size:12px;transform:translateY(100%);transition:transform .3s}.project-card:hover .project-photo img{transform:scale(1.05)}.project-card:hover .project-photo>span,.project-card:focus-visible .project-photo>span{transform:none}.project-card-copy{padding:25px 24px 38px}.project-card-copy small{font-size:10px;letter-spacing:.12em;color:#638094}.project-card-copy h3{font-size:23px;line-height:1.25;margin:16px 0}.project-card-copy p{font-size:13px;line-height:1.6;color:#5b6f7e}.project-card-arrow{position:absolute;bottom:15px;right:22px;font-size:25px;color:#168ecc}.project-photo-note{font-size:11px;color:#6a7f8f;margin-top:10px}#projectDetails{position:fixed;width:min(900px,92vw);max-height:90vh;overflow:auto;padding:0;border:0;color:#173046;background:#fff}#projectDetails::backdrop{background:#071727db}#projectDetailsImage{width:100%;height:340px;object-fit:cover}#projectDetailsClose{position:absolute;top:14px;right:14px;border:0;background:#fff;width:40px;height:40px;font-size:20px;cursor:pointer}.project-details-copy{padding:32px}.project-details-copy h2{font-size:34px}.project-details-copy h3{font-size:18px}.project-details-copy p{line-height:1.8;margin-bottom:28px}@media(max-width:850px){.project-carousel{grid-auto-columns:calc((100% - 20px)/2)}}@media(max-width:550px){.project-carousel{grid-auto-columns:88%}.experience-project-head{display:flex}.project-arrows button{width:38px;height:38px}.project-photo{height:230px}#projectDetailsImage{height:230px}.project-details-copy{padding:23px}.project-details-copy h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.project-photo img,.project-photo>span{transition:none}}

.project-visual-label{position:absolute;top:12px;left:12px;background:#14344bd9;color:white;font-size:9px;padding:6px 9px;letter-spacing:.08em}