.course-end{margin-top:clamp(-110px,-7vw,-70px);padding:0 20px 62px}
.course-end>svg{position:absolute;width:0;height:0;overflow:hidden}
.course-transition{position:relative;height:clamp(390px,34vw,500px);margin:0 -20px 18px;overflow:hidden;border:0;background:linear-gradient(to bottom,var(--paper) 0 58%,var(--blue) 58% 100%);isolation:isolate}
.course-transition:before,.course-transition:after{content:"";position:absolute;z-index:0;left:0;right:0;pointer-events:none;background-size:48px 48px}
.course-transition:before{top:31%;height:27%;background-color:var(--paper);background-image:linear-gradient(rgba(7,19,38,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(7,19,38,.24) 1px,transparent 1px)}
.course-transition:after{top:58%;bottom:0;background-color:var(--blue);background-image:linear-gradient(rgba(216,184,106,.58) 1px,transparent 1px),linear-gradient(90deg,rgba(216,184,106,.58) 1px,transparent 1px)}
.course-object{position:absolute;z-index:2;top:58%;margin:0;transform:translate3d(0,-235px,0) translateY(-50%);opacity:0;will-change:transform,opacity}
.course-object img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.course-photo,.course-outline{opacity:0}
.course-outline.top{filter:url(#courseOutlineInk);clip-path:inset(0 0 50% 0)}
.course-outline.bottom{filter:url(#courseOutlineMustard);clip-path:inset(50% 0 0 0)}
.course-object.boat{left:4%;width:25%;height:43%}
.course-object.motorcycle{left:31%;width:20%;height:52%}
.course-object.rebreather{left:55%;width:16%;height:56%}
.course-object.camera{right:4%;width:20%;height:46%}
.course-end-copy{position:relative;z-index:3;transform:translateY(-22px)}
.course-end-copy strong,.course-end-copy a{position:relative;z-index:3}
@media(max-width:760px){
  .course-end{margin-top:-56px;padding-bottom:60px}
  .course-transition{height:560px;margin-bottom:18px;background:linear-gradient(to bottom,var(--paper) 0 55%,var(--blue) 55% 100%)}
  .course-transition:before{top:28%;height:27%}
  .course-transition:after{top:55%}
  .course-object{top:55%;transform:translate3d(0,-185px,0) translateY(-50%)}
  .course-object.boat{left:1%;width:26%;height:24%}
  .course-object.motorcycle{left:26%;width:23%;height:27%}
  .course-object.rebreather{left:50%;width:20%;height:29%}
  .course-object.camera{right:1%;width:29%;height:25%}
  .course-end-copy{transform:translateY(-14px)}
}
@media(prefers-reduced-motion:reduce){.course-object{opacity:1!important;transform:translate3d(0,0,0) translateY(-50%)!important}.course-photo{opacity:0!important}.course-outline{opacity:1!important}}