.home-experience{position:relative;isolation:isolate;overflow:hidden;background:var(--midnight);color:#fff}
.experience-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;z-index:-2}
.home-experience::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(153,37,23,.86) 0%,rgba(91,31,32,.83) 16%,rgba(13,28,46,.88) 38%,rgba(13,28,46,.6) 66%,rgba(13,28,46,.4) 100%);z-index:-1}
.experience-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center;min-height:720px;padding-block:120px}
.experience-copy h2{font-size:clamp(48px,4.3vw,64px);line-height:1.08;letter-spacing:-1px;color:#fff;margin:0 0 32px}
.experience-copy>p:last-of-type{max-width:610px;font-size:24px;line-height:1.5;color:#fff;margin:0}
.experience-about{position:relative;display:inline-flex;align-items:center;height:51px;margin-top:36px;color:#fff;font-size:20px;line-height:1.4;font-weight:700;text-decoration:none;outline-offset:6px}
.home-experience :focus-visible{outline-color:#fff}
.experience-about-ring{width:45px;height:45px;display:block;transform:rotate(138deg)}
.experience-about-ring svg{display:block;width:100%;height:100%;overflow:visible}
.experience-ring-base,.experience-ring-progress{fill:none}
.experience-ring-base{stroke:#fff;stroke-opacity:.7;stroke-width:.5}
.experience-ring-progress{stroke:#fff;stroke-width:1.5;stroke-dasharray:157;stroke-dashoffset:157;transform-origin:center;transition:stroke-dashoffset .75s ease-in-out,transform .75s ease-in-out}
.experience-about-chevron{width:12px;height:16px;position:absolute;left:11px;top:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .75s ease}
.experience-about-label{margin-left:10px;transform:translateX(-23px);transition:transform .75s ease;white-space:nowrap}
.experience-about:hover,.experience-about:focus-visible{color:white}
.experience-about:is(:hover,:focus-visible) .experience-ring-progress{stroke-dashoffset:0;transform:rotate(-200deg)}
.experience-about:is(:hover,:focus-visible) .experience-about-label{transform:translateX(0)}
.experience-about:is(:hover,:focus-visible) .experience-about-chevron{transform:translateX(6px)}
.experience-clients{min-width:0;overflow:hidden}
.experience-client-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:30px}
.experience-client-heading p{font-size:19px;font-weight:600;line-height:1.4;margin:0;color:#fff}
.experience-pause{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffffb3;border-radius:0;background:transparent;color:#fff;padding:0;cursor:pointer}
.experience-pause svg{width:18px;height:18px;fill:currentColor}
.experience-pause:hover{background:#ffffff18}
.experience-logo-window{overflow:hidden;width:100%;padding-block:10px}
.experience-logo-track{display:flex;width:max-content;animation:experience-logos 40s linear infinite}
.experience-logo-set{display:flex;align-items:center;gap:70px;padding-right:70px;flex-shrink:0}
.experience-logo-set img{display:block;object-fit:contain;flex:none;width:160px;height:58px}
.experience-logo-set .experience-logo-nhs{width:112px;height:46px}
.experience-logo-set .experience-logo-coca-cola{height:58px;width:155px}
.experience-client-note{font-size:17px;color:#fff;margin:28px 0 0;line-height:1.5}
@keyframes experience-logos{to{transform:translateX(-33.333333%)}}
@media(max-width:1100px){.experience-layout{gap:40px;padding-block:100px}.experience-logo-set{gap:48px;padding-right:48px}.experience-copy h2{font-size:48px}}
@media(max-width:991px){.experience-layout{grid-template-columns:1fr;gap:58px;min-height:760px;padding-block:88px}.experience-copy h2{font-size:54px}.experience-copy>p:last-of-type{max-width:650px}.experience-clients{max-width:650px;width:100%}}
@media(max-width:767px){.experience-layout{gap:50px;min-height:760px;padding-block:72px}.experience-copy h2{font-size:42px;letter-spacing:-.55px;margin-bottom:28px}.experience-copy>p:last-of-type{font-size:22px}.experience-photo{object-position:76% 50%}.experience-client-heading{margin-bottom:23px}.experience-client-heading p{font-size:18px;max-width:245px}.experience-logo-set{gap:40px;padding-right:40px}.experience-logo-set img{width:140px;height:52px}.experience-logo-set .experience-logo-nhs{width:98px;height:40px}.experience-logo-set .experience-logo-coca-cola{width:140px;height:52px}.experience-client-note{font-size:16px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.experience-logo-track{animation:none;transform:none;width:100%}.experience-logo-set{width:100%;justify-content:space-between;gap:18px;padding:0;flex-wrap:wrap}.experience-logo-set[aria-hidden="true"]{display:none}.experience-logo-set img,.experience-logo-set .experience-logo-coca-cola{width:clamp(86px,24vw,145px);height:46px}.experience-logo-set .experience-logo-nhs{width:clamp(76px,20vw,112px);height:38px}.experience-pause{display:none}.experience-ring-progress,.experience-about-chevron,.experience-about-label{transition:none}}