.experiences{background:#fff;letter-spacing:0}
.experiences .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.experiences h1{font-size:42px;letter-spacing:0}
.experiences h2{font-size:28px;letter-spacing:0}
.experiences h3{font-size:23px;letter-spacing:0}
.experiences .intro{padding:44px 0 26px;max-width:760px}
.experiences .intro p{color:var(--ink-soft);font-size:19px}
.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;padding-bottom:64px}
.experience-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.experience-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.experience-card .copy{padding:22px;display:flex;flex:1;flex-direction:column}
.experience-card .copy p{color:var(--ink-soft)}
.experience-card h2{font-size:24px}
.experience-card .more{margin-top:auto;font-weight:650;text-underline-offset:4px}
.experience-hero{position:relative;margin:0;background:#18392b}
.experience-hero>img{width:100%;height:560px;object-fit:contain}
.experience-hero .heading{position:absolute;bottom:28px;left:max(22px,calc((100% - 1036px)/2));right:22px}
.experience-hero h1{display:inline;background:rgba(16,29,23,.83);color:#fff;padding:8px 16px;box-decoration-break:clone;line-height:1.6}
.experience-body{display:grid;grid-template-columns:minmax(0,720px) minmax(220px,1fr);gap:48px;padding-top:40px;padding-bottom:44px}
.experience-body aside{border-left:2px solid #28784f;padding-left:24px}
.experiences .enquiry{display:inline-block;background:#1d6949;color:#fff;border-radius:4px;padding:12px 18px;text-decoration:none;font-weight:650;line-height:1.5}
.experiences .enquiry:focus-visible,.experiences a:focus-visible{outline:3px solid #cf8a30;outline-offset:4px}
.experience-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 40px}
.experience-gallery figure{margin:0;min-width:0}
.experience-gallery img{width:100%;height:420px;object-fit:contain;background:#f3f5f3}
.experience-gallery figcaption,.experience-videos figcaption{font-size:15px;color:var(--ink-soft);margin-top:8px}
.experience-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 48px}
.experience-videos figure{margin:0;min-width:0}
.experience-videos video{display:block;width:100%;max-height:640px;aspect-ratio:16/9;object-fit:contain;background:#111}
.experience-bottom{border-top:1px solid var(--line);padding:28px 0 48px}
.experiences p,.experiences a,.experiences h1{overflow-wrap:anywhere}
@media(max-width:800px){.experience-grid{grid-template-columns:1fr}.experience-card{display:grid;grid-template-columns:42% minmax(0,1fr)}.experience-card img{height:100%;aspect-ratio:1}.experience-body{grid-template-columns:1fr;gap:18px}.experience-hero>img{height:420px}}
@media(max-width:520px){.experiences h1{font-size:34px}.experiences h2{font-size:26px}.experiences .intro{padding-top:30px}.experience-card{display:flex}.experience-card img{aspect-ratio:4/3;height:auto}.experience-gallery,.experience-videos{grid-template-columns:1fr}.experience-hero>img{height:380px}.experience-hero .heading{bottom:24px}.experience-body{padding-top:28px}}
