.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ponte, Georgia, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Ponte, Georgia, sans-serif;
  font-size: 54px;
  font-weight: 500;
  line-height: 150%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ponte, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ponte, Georgia, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 100%;
}

p {
  align-self: stretch;
  margin-bottom: 0;
}

a {
  color: #fff;
  text-decoration: underline;
}

figure {
  margin-bottom: 0;
}

.hero-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.decor-diver01-torchbeam {
  transform-origin: 0%;
  width: 1624px;
  height: 722px;
  position: absolute;
  inset: -155% auto auto 80%;
  transform: rotate(0);
}

.decor-diver01-torchbeam.desktop {
  max-width: none;
}

.decor-diver01-torchbeam.mobile {
  display: none;
}

.decor-diver01-swimmer {
  filter: brightness(38%);
  transform-style: preserve-3d;
  position: relative;
  top: 68px;
  left: 8px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.svg-filter {
  display: none;
}

.filtered-text-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 90vw;
  display: flex;
  overflow: visible;
}

.svg-filteredtext {
  z-index: 100;
  max-width: 700px;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
}

.svg-filteredtext.hero {
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
}

.body {
  box-sizing: border-box;
  color: #fff;
  flex-flow: column;
  font-family: BBC Reith Sans, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 200%;
}

.filtered-text {
  opacity: 1;
  color: #a1d1ff;
  text-align: center;
  letter-spacing: -.5px;
  filter: url('../images/');
  margin-top: -40px;
  margin-bottom: -40px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Ponte, Georgia, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 150%;
  overflow: visible;
}

.filtered-text.hero {
  color: #fff;
  font-family: Ponte, Georgia, sans-serif;
  font-size: 74px;
  font-weight: 500;
}

.filtered-text.credit-name {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
}

.filtered-text.credit-title {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: BBC Reith Sans, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.video-section {
  background-image: linear-gradient(#1977ca, #1977ca);
  justify-content: center;
  align-items: flex-start;
  min-height: 60svh;
  display: flex;
  position: relative;
}

.article-section {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-image: linear-gradient(#125da8, #011f59);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.article-section.first {
  background-image: linear-gradient(#1977ca, #125da8 24%, #011f59);
  padding-top: 100px;
  position: relative;
}

.article-section.second {
  background-image: linear-gradient(#01144a, #01144a);
  position: relative;
}

.cta-section {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-image: linear-gradient(#01144a, #01144a);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 120svh;
  margin-top: -1px;
  display: flex;
  position: relative;
}

.light-rays {
  z-index: 1;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-titles-container {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 800px;
  position: relative;
}

.hero-title-subhead {
  text-align: center;
  filter: url('../images/');
  font-family: "Ponte (trial)";
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
}

.hero-title-strapline {
  text-align: center;
  width: 640px;
  font-family: BBC Reith Sans, Verdana, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.hero-title-strapline.cta {
  color: #a1d1ff;
  font-size: 16px;
}

.compliance-logo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.compliance-logo.stacked {
  flex-flow: column;
}

.decor-diver01-container {
  z-index: 1;
  pointer-events: auto;
  width: 100vw;
  height: 798px;
  position: absolute;
  inset: auto auto 25% 0%;
}

.article-container {
  flex-flow: column;
  width: 100svw;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.video-container {
  z-index: 99;
  aspect-ratio: 16 / 9;
  width: 75vw;
  max-width: 1080px;
  height: auto;
  position: relative;
}

.video-reef {
  z-index: 1;
  width: 75vw;
  max-width: 1080px;
  height: auto;
  position: absolute;
  inset: auto 50% 0%;
  transform: translate(-50%);
}

.article-text-heading3 {
  color: #a1d1ff;
  text-align: center;
  font-size: 26px;
}

.article-text-heading3.white {
  color: #fff;
}

.article-text-container {
  z-index: 100;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 660px;
  display: flex;
  position: relative;
}

.article-text-container.no-gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.centred-text {
  text-align: center;
}

.chemspill-section {
  background-image: linear-gradient(#011f59, #01144a 30%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.chemspill {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.cta-container {
  z-index: 99;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 550px;
  margin-top: 20vh;
  position: relative;
}

.cta-button {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  margin-top: 20px;
  padding: 10px 20px;
  font-family: Ponte, Georgia, sans-serif;
  line-height: 100%;
  transition: transform .2s;
}

.cta-button:hover {
  transform: scale(1.1);
}

.nav {
  z-index: 999;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 100svw;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-contents-container {
  z-index: 1;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-compliance-labelcontainer {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav-compliance-labelcontainer.swbbc {
  grid-row-gap: 5px;
  flex-flow: column;
}

.nav-compliance-labellink {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.nav-compliance-label {
  color: #fff;
  text-align: right;
  font-family: BBC Reith Sans Condensed, Verdana, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 110%;
  text-decoration: none;
}

.nav-compliance-label.client {
  border-bottom: 1px solid #fff;
  align-self: stretch;
  padding-bottom: 5px;
}

.about-this {
  grid-column-gap: 2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  text-decoration: none;
  display: flex;
}

.nav-compliance-swlogo {
  height: 16px;
}

.decor-fishingnet-left {
  z-index: auto;
  transform-origin: 0%;
  position: absolute;
}

.decor-fishingnet-left.articlesection-left {
  opacity: .51;
  inset: 12% auto 0% 0%;
}

.decor-fishingnet-left.article01 {
  opacity: .77;
  inset: 39% auto auto -7%;
}

.decor-divertorchbeam01-container {
  z-index: 0;
  width: 400px;
  height: 160px;
  position: absolute;
  top: 350px;
  left: -120px;
}

.decor-coral01-container {
  width: 300px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.decor-fish-right {
  z-index: 3;
  width: 55px;
  height: auto;
  position: absolute;
  inset: 36% auto 0% 27%;
}

.decor-fish-right._01 {
  inset: 20% 12% auto auto;
}

.decor-fish-right.coral-1 {
  mix-blend-mode: normal;
  top: 21%;
  bottom: auto;
  right: 156px;
}

.decor-fish-right.coral-2 {
  mix-blend-mode: normal;
  inset: auto auto 19% 45%;
}

.decor-fish-right.coral-3 {
  mix-blend-mode: normal;
  inset: 36% auto auto 38%;
}

.decor-fish-right.coral-5 {
  inset: auto 23% 67% auto;
}

.decor-fish-right.coral-9 {
  inset: 45% auto auto 33%;
  width: 38px;
  inset: auto 18% 38% auto;
}

.decor-fish-right.coral-10 {
  inset: auto 5% 56% auto;
}

.decor-fish-right.coral-13 {
  inset: auto 33% 50% auto;
}

.decor-fish-right._03 {
  opacity: .25;
  filter: brightness(17%);
  top: 25%;
  left: auto;
  right: 9%;
}

.decor-fish-right._04 {
  opacity: .5;
  filter: brightness(46%);
  width: 75px;
  top: 14%;
  left: auto;
  right: 20%;
}

.decor-fish-right._05 {
  filter: brightness(74%);
  inset: 36% 6% auto auto;
}

.decor-fish-right._06 {
  filter: brightness(67%);
  inset: 11% 11% auto auto;
}

.decor-fish-right._07 {
  inset: 28% 3% auto auto;
}

.decor-fish-right._08 {
  filter: brightness(80%);
  width: 72px;
  inset: 49% 7% auto auto;
}

.decor-fish-right._09 {
  filter: brightness(57%);
  inset: auto 15% 21% auto;
}

.decor-fish-right._10 {
  opacity: .89;
  filter: brightness(57%);
  width: 66px;
  inset: auto 9% 25% auto;
}

.decor-fish-right._11 {
  opacity: .65;
  filter: brightness(55%);
  width: 41px;
  inset: auto 17% 27% auto;
}

.decor-fish-right._12 {
  filter: brightness(32%);
  inset: auto 9% 7% auto;
}

.decor-fish-right._13 {
  filter: brightness(38%);
  width: 65px;
  inset: auto 15% 2% auto;
}

.decor-fish-right._14 {
  filter: brightness(53%);
  inset: 60% 23% auto auto;
}

.decor-fish-right._15 {
  filter: brightness(51%);
  width: 86px;
  inset: 62% 19% auto auto;
}

.decor-fish-right.video01 {
  inset: 5% 0% auto auto;
}

.decor-fish-right.video05 {
  width: 28px;
  inset: 10% 39% auto auto;
}

.decor-fish-right.school03 {
  opacity: .5;
  filter: brightness(21%);
  inset: auto 14% 20% auto;
}

.decor-fish-right.school04 {
  opacity: .5;
  filter: brightness(34%);
  width: 118px;
  inset: auto 7% -2% auto;
}

.decor-fish-right.school05 {
  opacity: .5;
  filter: brightness(21%);
  width: 112px;
  inset: 41% 8% auto auto;
}

.decor-fish-right._16 {
  filter: brightness(40%);
  width: 186px;
  inset: auto 10% 12% auto;
}

.decor-fish-right.school06 {
  opacity: .69;
  filter: brightness(21%);
  width: 163px;
  inset: 50% 0% auto auto;
}

.decor-fish-right._17 {
  opacity: .65;
  filter: brightness(55%);
  width: 41px;
  inset: auto 17% 27% auto;
}

.decor-fish-right._18 {
  opacity: .89;
  filter: brightness(57%);
  width: 66px;
  inset: auto 9% 25% auto;
}

.decor-fish-right._19 {
  filter: brightness(57%);
  inset: auto 15% 21% auto;
}

.coral01-frame-light {
  z-index: 10;
  border-radius: 100%;
  width: 300px;
  height: 620px;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.coral01-frame-light.blur {
  filter: blur(10px);
}

.coral01-image {
  z-index: 2;
  width: 208px;
  height: 798px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.coral01-contents-container {
  width: 300px;
  height: 620px;
  position: relative;
}

.decor-bgshape {
  opacity: .24;
  position: absolute;
  inset: 0%;
}

.nav-compliance-clientlogo {
  padding-top: 6px;
  padding-bottom: 6px;
}

.video-reef-image {
  z-index: 10;
  position: relative;
}

.hero-subtitles-containr {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
}

.hero-subtitle-scrolllink {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.video-section-anchor {
  height: 0;
  padding-right: 0;
  position: absolute;
  inset: 90vh 0% auto;
}

.article-text-heading2 {
  text-align: center;
  font-size: 36px;
}

.article-text-headings {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-bottom: 20px;
}

.article-text-heading4 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.article-text-heading4.blue {
  color: #a1d1ff;
}

.ctas-heading01 {
  text-align: center;
  font-size: 45px;
}

.cta-text-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.decor-metalshard {
  opacity: .6;
  position: absolute;
  inset: 47% auto 0% -7%;
  transform: rotate(-150deg);
}

.coral01-contents-containerdark {
  z-index: 0;
  filter: brightness(20%);
  width: 300px;
  height: 620px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.decor-diver02-container {
  z-index: 1;
  pointer-events: auto;
  width: 100vw;
  height: 798px;
  position: absolute;
  inset: auto auto -10% 0%;
}

.decor-divertorchbeam02-container {
  z-index: 0;
  width: 400px;
  height: 160px;
  position: absolute;
  inset: auto -150px auto auto;
}

.decor-diver02-swimmer {
  filter: brightness(38%);
  position: relative;
  transform: rotate(-28deg);
}

.decor-diver02-torchbeam {
  transform-origin: 99% 3%;
  width: 1516px;
  height: 696px;
  position: absolute;
  inset: 58% 95% auto auto;
}

.decor-diver02-torchbeam.desktop {
  max-width: none;
  display: block;
}

.decor-diver02-torchbeam.mobile {
  transform-style: preserve-3d;
  display: none;
}

.decor-coral02-container {
  width: 300px;
  height: 798px;
  position: relative;
  left: 0%;
}

.coral02-frame-light {
  z-index: 10;
  border-radius: 100%;
  width: 300px;
  height: 620px;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.coral02-frame-light.blur {
  filter: blur(10px);
}

.coral02-contents-container {
  width: 300px;
  height: 620px;
  position: relative;
}

.coral02-image-right {
  z-index: 2;
  transform-style: preserve-3d;
  width: 208px;
  max-width: none;
  height: 798px;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.coral02-contents-containerdark {
  z-index: 0;
  filter: brightness(20%);
  width: 300px;
  height: 620px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.filtered-text-credit {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.video-titles-heading {
  letter-spacing: -.3px;
  font-size: 32px;
}

.video-titles-subheading {
  font-size: 16px;
}

.video-thumbnail-titles {
  margin-top: -5px;
}

.feature-video {
  aspect-ratio: 16 / 9;
}

.decor-wrapper {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.decor-styrofoam {
  position: absolute;
}

.decor-styrofoam._01 {
  opacity: .8;
  inset: 63% auto auto 13%;
  transform: rotate(142deg);
}

.decor-styrofoam._02 {
  opacity: .8;
  transform-style: preserve-3d;
  inset: 17% 8% 0% auto;
  transform: scale(.7)rotateX(0)rotateY(-180deg)rotateZ(156deg);
}

.decor-styrofoam._03 {
  transform-style: preserve-3d;
  inset: 27% auto auto -6%;
  transform: scale(.6)rotateX(0)rotateY(-180deg)rotateZ(177deg);
}

.decor-styrofoam._04 {
  inset: 62% -6% auto auto;
  transform: scale(.6)rotate(142deg);
}

.decor-styrofoam.blur {
  filter: blur(6px);
}

.decor-styrofoam.blur._05 {
  transform-style: preserve-3d;
  inset: 5% auto auto 7%;
  transform: scale(.5)rotateX(0)rotateY(-180deg)rotateZ(158deg);
}

.decor-styrofoam.blur._06 {
  transform-style: preserve-3d;
  inset: 44% 0% auto auto;
  transform: scale(.5)rotateX(0)rotateY(-180deg)rotateZ(158deg);
}

.decor-styrofoam.blur._07 {
  inset: 79% auto auto -3%;
  transform: scale(.5)rotate(110deg);
}

.decor-styrofoam.blur._08 {
  opacity: .5;
  filter: blur(7px);
  inset: 36% auto auto 21%;
  transform: rotate(34deg);
}

.decor-styrofoam.blur._09 {
  opacity: .5;
  filter: blur(7px);
  transform-style: preserve-3d;
  inset: 57% 21% auto auto;
  transform: rotateX(-180deg)rotateY(-180deg)rotateZ(-20deg);
}

.decor-styrofoam.blur._10 {
  opacity: .5;
  filter: blur(7px);
  transform-style: preserve-3d;
  inset: -2% 0% auto auto;
  transform: rotateX(-180deg)rotateY(-180deg)rotateZ(-20deg);
}

.decor-styrofoam.blur._11 {
  opacity: .5;
  filter: blur(7px);
  inset: 54% auto auto -9%;
  transform: rotate(-15deg);
}

.decor-styrofoam.blur._12 {
  opacity: .5;
  filter: blur(7px);
  transform-style: preserve-3d;
  inset: 29% -7% auto auto;
  transform: rotateX(-180deg)rotateY(0)rotateZ(47deg);
}

.decor-styrofoam.blur._13 {
  opacity: .5;
  transform-style: preserve-3d;
  inset: 34% 16% auto auto;
  transform: scale(.5)rotateX(0)rotateY(-180deg)rotateZ(-118deg);
}

.decor-styrofoam.blur._14 {
  opacity: .33;
  filter: blur(7px);
  transform-style: preserve-3d;
  inset: -6% 19% auto auto;
  transform: rotateX(-180deg)rotateY(-180deg)rotateZ(-66deg);
}

.decor-styrofoam.blur._15 {
  opacity: .33;
  filter: blur(7px);
  transform-style: preserve-3d;
  inset: 6% auto auto 19%;
  transform: rotateX(-180deg)rotateY(-180deg)rotateZ(45deg);
}

.styrofoam-wrapper {
  z-index: 1;
  flex-flow: column;
  min-height: 100svh;
  display: block;
  position: relative;
}

.decor-rustedpipe {
  opacity: .82;
  transform: rotate(-15deg);
}

.decor-rustedpipe.article01 {
  position: absolute;
  top: 40%;
  right: -200px;
}

.decor-rustedpipe.article02 {
  opacity: .43;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto 11% -144px;
  transform: rotateX(180deg)rotateY(0)rotateZ(-23deg);
}

.decor-stingray01 {
  z-index: 0;
  opacity: .4;
  position: absolute;
  inset: 12% auto auto 0%;
}

.decor-shark {
  opacity: .5;
  filter: blur(5px);
  position: absolute;
  left: -335px;
}

.decor-shark._01 {
  inset: 20% auto 0% -563px;
}

.decor-shark._02 {
  transform-style: preserve-3d;
  inset: 41% -399px auto auto;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.decor-prop {
  position: absolute;
  top: 150px;
  left: 8%;
}

.decor-chain02 {
  opacity: .9;
  filter: blur(4px);
  mix-blend-mode: normal;
  position: absolute;
  inset: 11% auto auto -6%;
}

.decor-chain03 {
  opacity: .5;
  filter: blur(2px);
  mix-blend-mode: normal;
  position: absolute;
  inset: 38% auto auto -2%;
}

.decor-bolt {
  position: absolute;
}

.decor-bolt._01 {
  opacity: .5;
  inset: 0% auto auto 7%;
}

.decor-bolt._02 {
  opacity: .75;
  inset: 14% auto auto 18%;
}

.decor-bolt._03 {
  opacity: .5;
  inset: 7% 8% 0% auto;
}

.decor-bolt._04 {
  inset: 32% 19% 0% auto;
}

.decor-bolt._05 {
  opacity: .5;
  filter: brightness(46%);
  inset: 34% auto auto 11%;
}

.decor-bolt._06 {
  opacity: .5;
  filter: brightness(42%);
  inset: 18% 12% auto auto;
}

.coral03-image {
  z-index: 2;
  position: absolute;
  inset: auto 0% 0%;
}

.decor-diver03-swimmer {
  z-index: 2;
  filter: brightness(40%);
  transform-style: preserve-3d;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(-31deg);
}

.decor-divertorchbeam03-container {
  z-index: 99;
  width: 280px;
  height: 130px;
  position: relative;
}

.decor-diver03-torchbeam {
  z-index: 999;
  transform-origin: 3% 4%;
  transform-style: preserve-3d;
  width: 555px;
  max-width: none;
  height: 566px;
  position: absolute;
  inset: 63% auto auto 81%;
  transform: scale3d(1.3, .9, 1)rotate(27deg);
}

.decor-diver03-container {
  z-index: 10;
  width: 100vw;
  height: 600px;
  position: absolute;
  inset: auto 0% 0%;
}

.coral03-contents-container {
  z-index: 99;
  width: 100vw;
  height: 280px;
  margin-bottom: -15px;
  position: absolute;
  inset: auto 0% 0%;
}

.coral03-contents-container.dark {
  z-index: 9;
  filter: brightness(11%);
  mix-blend-mode: darken;
  margin-bottom: 0;
}

.coral03-frame-light {
  z-index: 10;
  border-radius: 100%;
  width: 450px;
  height: 220px;
  margin-bottom: 15px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.coral03-frame-light.blur {
  filter: blur(10px);
  margin-bottom: 17px;
}

.decor-coral03-container {
  position: absolute;
  inset: auto 0% 0%;
}

.video-thumbnail-button-titles {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  pointer-events: none;
  background-image: linear-gradient(0deg, #0000, #000000a8);
  padding: 25px 25px 30px;
  position: absolute;
  inset: 0% 0% auto;
}

.decor-school01 {
  z-index: 90;
  transform-style: preserve-3d;
  position: absolute;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.decor-shool01-path {
  position: absolute;
  inset: auto 0% -10%;
}

.decor-turtle {
  opacity: .8;
  transform-style: preserve-3d;
  position: absolute;
  top: 572px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.decor-chain05 {
  opacity: .5;
  filter: blur(2px);
  mix-blend-mode: normal;
  position: absolute;
  inset: 20% -51px auto auto;
}

.decor-grate {
  opacity: .5;
  position: absolute;
  inset: 5% -20px auto auto;
  transform: rotate(-31deg);
}

.decor-fish-left {
  z-index: 3;
  mix-blend-mode: normal;
  width: 55px;
  height: auto;
  position: absolute;
  inset: 36% auto 0% 27%;
}

.decor-fish-left._02 {
  inset: 18% auto auto 4%;
}

.decor-fish-left.coral-4 {
  mix-blend-mode: normal;
  top: auto;
  bottom: 0%;
  left: 200px;
}

.decor-fish-left.coral-5 {
  mix-blend-mode: normal;
  top: 20%;
  bottom: auto;
  left: 200px;
}

.decor-fish-left.coral-6 {
  mix-blend-mode: normal;
  inset: auto auto 51% 33%;
}

.decor-fish-left.coral-7 {
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  width: 38px;
  inset: auto auto 18% 119px;
}

.decor-fish-left.coral-8 {
  inset: auto auto 60% 8%;
}

.decor-fish-left.coral-11 {
  inset: auto auto 37% 23%;
}

.decor-fish-left.coral-12 {
  width: 38px;
  inset: auto auto 35% 43%;
}

.decor-fish-left._04 {
  opacity: 1;
  mix-blend-mode: multiply;
  opacity: .33;
  filter: brightness(27%);
  mix-blend-mode: normal;
  top: 14%;
  left: auto;
  right: 20%;
  inset: 19% auto auto 18%;
}

.decor-fish-left._05 {
  opacity: .31;
  filter: brightness(21%);
  width: 90px;
  inset: 30% auto auto 9%;
}

.decor-fish-left._06 {
  width: 71px;
  inset: 6% auto auto 13%;
}

.decor-fish-left._07 {
  filter: brightness(69%);
  inset: 43% auto auto 5%;
}

.decor-fish-left._08 {
  filter: brightness(84%);
  width: 43px;
  top: 36%;
  bottom: auto;
  left: 4%;
}

.decor-fish-left._09 {
  filter: brightness(70%);
  width: 67px;
  inset: 38% auto auto 12%;
}

.decor-fish-left._10 {
  width: 73px;
  inset: 21% auto auto 7%;
}

.decor-fish-left._11 {
  filter: brightness(50%);
  width: 141px;
  inset: auto auto 0% 7%;
}

.decor-fish-left._13 {
  filter: brightness(51%);
  width: 42px;
  inset: auto auto 30% 13%;
}

.decor-fish-left.video02 {
  width: 37px;
  inset: 8% auto auto 10%;
}

.decor-fish-left.video03 {
  inset: 8% 24% auto auto;
}

.decor-fish-left.video04 {
  inset: 0% auto auto 29%;
}

.decor-fish-left.video06 {
  inset: 8% auto auto 23%;
}

.decor-fish-left.school02 {
  opacity: .5;
  filter: brightness(19%);
  width: 102px;
  inset: auto auto 42% 4%;
}

.decor-fish-left._12 {
  filter: brightness(50%);
  width: 141px;
  inset: auto auto 11% 6%;
}

.decor-fish-left.school03 {
  opacity: .5;
  filter: brightness(19%);
  width: 130px;
  inset: 50% auto auto 12%;
}

.decor-fish-left._14 {
  filter: brightness(59%);
  width: 71px;
  inset: auto auto 18% 8%;
}

.decor-fish-left._15 {
  filter: brightness(59%);
  width: 71px;
  inset: auto auto 19% 11%;
}

.stingray-path01 {
  width: 120vw;
  position: absolute;
  inset: -10% 0% auto;
}

.decor-shool02-path {
  position: absolute;
  inset: 10% 0% auto;
}

.decor-school02 {
  z-index: 1;
  mix-blend-mode: multiply;
  position: absolute;
  inset: 15% auto auto 0%;
}

.chemspill-trigger {
  position: relative;
  top: 54%;
}

.hero-backgroundvideo-mobile {
  width: 100vw;
  height: 100vh;
  display: none;
}

.video-feather {
  background-image: linear-gradient(#0000, #1977ca);
  width: 100%;
  height: 150px;
  margin-top: -149px;
}

.cta-backgroundvideo-desktop {
  z-index: 0;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100vw;
  height: 100vh;
  position: absolute;
  bottom: 0%;
}

.cta-backgroundfeather {
  z-index: 11;
  background-image: linear-gradient(#01144a, #0000);
  height: 200px;
  position: absolute;
  inset: 0% 0% auto;
}

.footer {
  z-index: 99;
  background-image: linear-gradient(#0000, #000);
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding: 20px 20px 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-text {
  font-size: 10px;
  line-height: 100%;
}

.chemspill-coral {
  opacity: .5;
  width: auto;
  height: 400px;
}

.chemspill-coral._01 {
  height: 550px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.chemspill-coral._02 {
  transform-style: preserve-3d;
  position: absolute;
  inset: -17% auto auto 0%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.chemspill-coral._03 {
  transform-style: preserve-3d;
  height: 250px;
  position: absolute;
  inset: 25% auto auto 0%;
  transform: rotateX(-180deg)rotateY(-180deg)rotateZ(0);
}

.decor-school03 {
  z-index: 0;
  opacity: .4;
  filter: brightness(17%);
  position: absolute;
  inset: auto auto 24% 5%;
}

.decor-shool03-path {
  width: 150vw;
  position: absolute;
  inset: auto 0% 18% -25%;
}

.stingray-path02 {
  width: 120vw;
  position: absolute;
  inset: auto 0% 25%;
}

.decor-stingray02 {
  z-index: 0;
  opacity: .4;
  position: absolute;
  inset: 60% auto auto 0%;
}

.decor-fishingnet-right {
  z-index: auto;
  transform-origin: 100%;
  position: absolute;
}

.decor-fishingnet-right.videosection {
  z-index: 1;
  width: 50vw;
  inset: 12% -10% 0% auto;
}

.decor-fishingnet-right.articlesection-right {
  z-index: 1;
  inset: auto 0% 6% auto;
}

.gtm-embed {
  display: none;
}

.nav-backgroundblur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  inset: 0%;
}

.hero-backgroundvideo-desktop-embed {
  object-fit: cover;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.hero-backgroundvideo-mobile-embed {
  object-fit: cover;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.footer-backgroundvideo-embed {
  object-fit: cover;
  object-position: 50% 100%;
  height: 150vh;
  position: relative;
  overflow: clip;
}

.footer-backgroundvideo-wrapper {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-backgroundvideo-desktop {
  width: 100vw;
  height: 100vh;
  display: block;
}

.cta-backgroundvideo-foreground {
  position: absolute;
  inset: auto 0% 0%;
}

@media screen and (max-width: 991px) {
  .filtered-text-container {
    max-width: 80vw;
  }

  .filtered-text {
    font-size: 32px;
  }

  .filtered-text.hero.hero-title-subhead {
    font-size: 64px;
  }

  .decor-diver01-container {
    bottom: 25%;
  }

  .video-container, .video-reef {
    width: 100%;
    max-width: 90vw;
  }

  .article-text-heading3, .article-text-heading3.white {
    font-size: 18px;
  }

  .article-text-container {
    width: 66vw;
  }

  .chemspill {
    top: 25%;
  }

  .decor-fishingnet-left.article01 {
    width: 48vw;
    top: 45%;
  }

  .decor-fish-right._07 {
    top: 78%;
    right: 10%;
  }

  .decor-fish-right.school03 {
    right: 6%;
  }

  .decor-fish-right.school05 {
    top: 39%;
  }

  .decor-fish-right._16 {
    width: 113px;
  }

  .decor-fish-right.school06 {
    top: 48%;
  }

  .coral01-frame-light, .coral01-image, .coral01-contents-container {
    width: 135px;
    height: 520px;
  }

  .article-text-heading2 {
    font-size: 34px;
  }

  .article-text-headings {
    margin-left: -30px;
    margin-right: -30px;
  }

  .decor-metalshard {
    top: 40%;
  }

  .coral01-contents-containerdark {
    width: 135px;
    height: 520px;
  }

  .decor-diver02-container {
    height: 520px;
    bottom: -4%;
  }

  .decor-divertorchbeam02-container {
    right: -197px;
  }

  .decor-diver02-torchbeam.desktop {
    height: 409px;
  }

  .decor-coral02-container, .coral02-frame-light, .coral02-contents-container, .coral02-image-right, .coral02-contents-containerdark {
    width: 135px;
    height: 520px;
  }

  .video-titles-heading {
    font-size: 28px;
  }

  .video-titles-subheading {
    font-size: 16px;
  }

  .decor-rustedpipe.article01 {
    width: 60vw;
    top: 41%;
  }

  .decor-rustedpipe.article02 {
    width: 60vw;
    bottom: 10%;
  }

  .decor-shark._02 {
    top: 40%;
  }

  .decor-prop {
    left: -4%;
  }

  .decor-chain03 {
    top: 40%;
  }

  .video-thumbnail-button-titles {
    display: none;
  }

  .decor-turtle {
    top: 536px;
  }

  .decor-chain05 {
    right: -70px;
  }

  .decor-grate {
    top: 0%;
  }

  .decor-fish-left.coral-4 {
    left: 66px;
  }

  .decor-fish-left.coral-5 {
    left: 79px;
  }

  .decor-fish-left.coral-6 {
    left: 31px;
  }

  .decor-fish-left.coral-7 {
    bottom: 33%;
    left: 84px;
  }

  .decor-fish-left._11 {
    bottom: -4%;
  }

  .decor-fish-left._12 {
    bottom: -3%;
    left: 28%;
  }

  .chemspill-trigger {
    top: 46%;
  }

  .decor-fishingnet-right.videosection {
    top: -1%;
    right: -30%;
  }

  .decor-fishingnet-right.articlesection-right {
    bottom: -7%;
  }

  .italic-text {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  p {
    font-size: 14px;
  }

  .hero-section {
    min-height: 100svh;
  }

  .decor-diver01-torchbeam {
    display: block;
  }

  .decor-diver01-torchbeam.desktop {
    display: none;
  }

  .decor-diver01-torchbeam.mobile {
    width: auto;
    height: 250px;
    display: block;
    top: -10%;
    right: -56%;
  }

  .decor-diver01-swimmer {
    perspective-origin: 100% 0;
    top: 14px;
    left: -10px;
    transform: rotateX(0)rotateY(180deg)rotateZ(-18deg);
  }

  .svg-filteredtext {
    max-width: 90vw;
    margin-left: -20px;
    margin-right: -20px;
  }

  .filtered-text {
    font-size: 22px;
  }

  .filtered-text.hero {
    font-size: 58px;
  }

  .filtered-text.hero.hero-title-subhead {
    font-size: 32px;
  }

  .video-section {
    min-height: 50svh;
  }

  .article-section.first {
    padding-top: 0;
  }

  .article-section.second {
    padding-top: 50svh;
    padding-bottom: 50px;
  }

  .cta-section {
    min-height: 100svh;
  }

  .hero-titles-container {
    width: 90vw;
    max-width: 350px;
  }

  .hero-title-strapline {
    width: auto;
    font-size: 16px;
  }

  .hero-title-strapline.cta {
    font-size: 14px;
  }

  .decor-diver01-container {
    pointer-events: none;
    height: 543px;
    bottom: 31.5%;
  }

  .video-container {
    width: 100%;
    max-width: 95vw;
  }

  .video-reef {
    width: 100%;
    max-width: 100vw;
  }

  .article-text-heading3 {
    font-size: 17px;
    line-height: 150%;
  }

  .article-text-heading3.white {
    font-size: 21px;
    line-height: 150%;
  }

  .article-text-container {
    width: 90vw;
    max-width: 280px;
  }

  .article-text-container.no-gap {
    max-width: 90vw;
  }

  .article-text-container.section05 {
    margin-top: 66svh;
    margin-bottom: 500px;
  }

  .chemspill {
    top: 41%;
  }

  .cta-container {
    max-width: 90vw;
    margin-top: 0;
  }

  .nav {
    padding-left: 10px;
    padding-right: 10px;
  }

  .decor-fishingnet-left.articlesection-left {
    max-width: 25%;
    top: -2%;
    left: -5%;
  }

  .decor-fishingnet-left.article01 {
    top: 45%;
    left: -6.5vw;
  }

  .decor-divertorchbeam01-container {
    inset: 30% auto auto -260px;
  }

  .decor-fish-right._01 {
    filter: brightness(29%);
    top: auto;
    bottom: 0%;
    right: 6%;
  }

  .decor-fish-right.coral-5 {
    width: 43px;
    top: auto;
    bottom: 99px;
    right: 11%;
  }

  .decor-fish-right.coral-9 {
    top: auto;
    bottom: 33px;
    right: 10%;
  }

  .decor-fish-right.coral-10 {
    width: 49px;
    bottom: 22%;
    right: -8%;
  }

  .decor-fish-right.coral-13 {
    width: 46px;
    bottom: 61px;
    right: 27%;
  }

  .decor-fish-right._03 {
    top: 22%;
    right: 5%;
  }

  .decor-fish-right._04 {
    top: 31%;
    right: 3%;
  }

  .decor-fish-right._05 {
    top: 28%;
    right: 8%;
  }

  .decor-fish-right._06 {
    width: 45px;
    top: 17%;
  }

  .decor-fish-right._07 {
    filter: brightness(63%);
    top: 80%;
    right: 1%;
  }

  .decor-fish-right._08 {
    top: 38%;
    right: -9%;
  }

  .decor-fish-right._09 {
    top: 61%;
    right: 18%;
  }

  .decor-fish-right._10 {
    top: 62%;
    right: -9%;
  }

  .decor-fish-right._11 {
    top: 60%;
    right: 11%;
  }

  .decor-fish-right._12 {
    width: 50px;
    inset: auto 10% 7% auto;
  }

  .decor-fish-right._13 {
    width: 42px;
    inset: auto 5% 11% auto;
  }

  .decor-fish-right._14 {
    top: 48%;
    right: 11%;
  }

  .decor-fish-right._15 {
    width: 51px;
    top: 50%;
    right: -4%;
  }

  .decor-fish-right.school03 {
    bottom: 21%;
    right: 5%;
  }

  .decor-fish-right.school04 {
    bottom: 2%;
    right: 5%;
  }

  .decor-fish-right.school05 {
    bottom: 21%;
    right: 5%;
  }

  .decor-fish-right._16 {
    top: auto;
    bottom: 28.5%;
    right: 6%;
  }

  .decor-fish-right.school06 {
    bottom: 21%;
    right: 5%;
  }

  .decor-fish-right._17 {
    top: 59%;
    right: 4%;
  }

  .decor-fish-right._18 {
    top: 60%;
    right: -9%;
  }

  .decor-fish-right._19 {
    top: 54.5%;
    right: 16%;
  }

  .coral01-frame-light {
    width: 150px;
    height: 200px;
  }

  .coral01-image {
    width: auto;
    height: 543px;
  }

  .coral01-contents-container {
    width: 150px;
    height: 543px;
  }

  .hero-subtitles-containr {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .hero-subtitle-scrolllink {
    width: auto;
  }

  .article-text-heading2 {
    font-size: 32px;
  }

  .article-text-headings {
    margin-left: 0;
    margin-right: 0;
  }

  .article-text-heading4.blue {
    font-size: 17px;
    line-height: 150%;
  }

  .ctas-heading01 {
    font-size: 26px;
  }

  .decor-metalshard {
    width: 166px;
    top: 46%;
  }

  .coral01-contents-containerdark {
    width: 150px;
    height: 543px;
  }

  .decor-diver02-container {
    height: 543px;
    bottom: 0%;
    overflow: visible;
  }

  .decor-divertorchbeam02-container {
    right: -310px;
  }

  .decor-diver02-torchbeam.desktop {
    display: none;
  }

  .decor-diver02-torchbeam.mobile {
    transform-origin: 90% 10%;
    width: auto;
    height: 184px;
    display: block;
    top: 65%;
    right: 96%;
    transform: scale3d(1, 1.5, 1);
  }

  .decor-coral02-container {
    height: 543px;
  }

  .coral02-frame-light {
    width: 150px;
    height: 200px;
  }

  .coral02-contents-container {
    width: 150px;
    height: 543px;
  }

  .coral02-image-right {
    width: auto;
    height: 543px;
  }

  .coral02-contents-containerdark {
    width: 150px;
    height: 543px;
  }

  .video-titles-heading {
    text-align: center;
    font-size: 22px;
    line-height: 150%;
  }

  .video-titles-subheading {
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    line-height: 150%;
  }

  .decor-styrofoam._01 {
    max-width: 50%;
    left: -22%;
  }

  .decor-styrofoam._02 {
    max-width: 50%;
    top: 10%;
    right: -13%;
  }

  .decor-styrofoam._03 {
    max-width: 50%;
    top: 31%;
    left: 2%;
  }

  .decor-styrofoam._04 {
    max-width: 50%;
    top: 68%;
    right: -12%;
  }

  .decor-styrofoam.blur._05 {
    max-width: 50%;
    left: -13%;
  }

  .decor-styrofoam.blur._06 {
    max-width: 50%;
    top: 49%;
  }

  .decor-styrofoam.blur._07, .decor-styrofoam.blur._08, .decor-styrofoam.blur._09, .decor-styrofoam.blur._10, .decor-styrofoam.blur._11, .decor-styrofoam.blur._12 {
    max-width: 50%;
  }

  .decor-styrofoam.blur._13 {
    max-width: 50%;
    right: 14%;
  }

  .decor-styrofoam.blur._14, .decor-styrofoam.blur._15 {
    max-width: 50%;
  }

  .styrofoam-wrapper {
    margin-top: 200px;
  }

  .decor-rustedpipe.article01 {
    opacity: .5;
    top: auto;
    bottom: 9%;
    right: -50px;
  }

  .decor-rustedpipe.article02 {
    bottom: 10%;
    left: -18.2vw;
  }

  .decor-stingray01 {
    max-width: 50%;
  }

  .decor-shark._01 {
    top: -40px;
  }

  .decor-shark._02 {
    inset: auto 0% 55.5%;
  }

  .decor-prop {
    max-width: 40%;
    left: 25%;
  }

  .decor-chain02 {
    filter: blur(2px);
    top: 29%;
    left: auto;
  }

  .decor-chain03 {
    max-width: 86%;
    top: 6%;
  }

  .decor-bolt._01 {
    left: 4%;
  }

  .decor-bolt._02 {
    top: 24%;
    left: 26%;
  }

  .decor-bolt._03 {
    top: 13%;
    right: 10%;
  }

  .decor-bolt._04 {
    top: 38%;
    right: 43%;
  }

  .decor-bolt._05 {
    top: 13%;
  }

  .decor-bolt._06 {
    top: 24%;
    right: 28%;
  }

  .coral03-image {
    max-width: 185%;
  }

  .decor-divertorchbeam03-container {
    top: -84px;
  }

  .video-thumbnail-button-titles {
    padding: 10px;
    display: none;
  }

  .decor-school01 {
    inset: auto auto 0% 0%;
  }

  .decor-shool01-path {
    inset: auto 0% 0%;
  }

  .decor-turtle {
    opacity: .65;
    position: absolute;
    inset: 30% 0% auto;
  }

  .decor-chain05 {
    max-width: 50%;
    top: -7%;
    right: -31px;
  }

  .decor-grate {
    opacity: .5;
    mix-blend-mode: multiply;
    max-width: 50%;
    top: 1%;
  }

  .decor-fish-left._02 {
    top: 36%;
  }

  .decor-fish-left.coral-4 {
    bottom: 5%;
    left: 32px;
  }

  .decor-fish-left.coral-5 {
    left: 102px;
  }

  .decor-fish-left.coral-6 {
    width: 48px;
    bottom: 37%;
    left: 90px;
  }

  .decor-fish-left.coral-7 {
    transform: rotateX(0)rotateY(-180deg)rotateZ(0);
  }

  .decor-fish-left.coral-8 {
    width: 42px;
    bottom: 30%;
    left: 0%;
  }

  .decor-fish-left.coral-11 {
    width: 34px;
    top: 70%;
  }

  .decor-fish-left.coral-12 {
    width: 31px;
    bottom: 33px;
    left: 34%;
  }

  .decor-fish-left._04 {
    top: 22.5%;
  }

  .decor-fish-left._05 {
    top: 32%;
    left: -8%;
  }

  .decor-fish-left._06 {
    opacity: .75;
    filter: brightness(82%);
    width: 56px;
    inset: 19% auto auto 0%;
  }

  .decor-fish-left._07 {
    width: 39px;
    inset: 53% auto auto 1%;
  }

  .decor-fish-left._08 {
    width: 54px;
    inset: 57% auto auto 6%;
  }

  .decor-fish-left._09 {
    width: 46px;
    inset: 50% auto auto 20%;
  }

  .decor-fish-left._10 {
    filter: brightness(53%);
    width: 49px;
    top: auto;
    bottom: 27%;
    left: 3%;
  }

  .decor-fish-left._11 {
    inset: auto auto -3% 0%;
  }

  .decor-fish-left._13 {
    inset: auto auto -63% 20%;
  }

  .decor-fish-left.video03 {
    width: 45px;
    top: -1%;
    right: 18%;
  }

  .decor-fish-left.school02 {
    bottom: 42.5%;
  }

  .decor-fish-left._12 {
    inset: auto auto -3% 0%;
  }

  .decor-fish-left.school03 {
    bottom: 42.5%;
  }

  .decor-fish-left._14 {
    inset: auto auto 7% -10%;
  }

  .decor-fish-left._15 {
    bottom: 9%;
    left: -10%;
    right: auto;
  }

  .stingray-path01 {
    width: 150vw;
    height: 50vh;
    bottom: -20%;
    left: -25%;
  }

  .decor-shool02-path {
    top: 120px;
  }

  .chemspill-trigger {
    position: relative;
    top: 47%;
  }

  .hero-backgroundvideo-mobile {
    display: block;
  }

  .video-feather {
    height: 100px;
    margin-top: -99px;
  }

  .footer {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-image: linear-gradient(#0000, #000 66%);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-text {
    text-align: center;
    max-width: 238px;
    line-height: 110%;
  }

  .chemspill-coral._01 {
    height: 300px;
    top: 1%;
  }

  .chemspill-coral._02 {
    height: 191px;
    top: -7%;
  }

  .chemspill-coral._03 {
    height: 180px;
    top: 14%;
  }

  .decor-school03 {
    bottom: 17%;
  }

  .decor-shool03-path {
    width: 200vw;
    height: 50vh;
    inset: auto 0% 25% -50%;
  }

  .stingray-path02 {
    width: 100vw;
    top: 33%;
    bottom: auto;
  }

  .decor-stingray02 {
    max-width: 50%;
  }

  .decor-fishingnet-right.videosection {
    width: 252px;
    top: 0%;
    right: -10%;
  }

  .decor-fishingnet-right.articlesection-right {
    max-width: 22%;
    bottom: 20%;
    right: -7%;
  }

  .hero-backgroundvideo-desktop-embed {
    display: none;
  }

  .hero-backgroundvideo-mobile-embed {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }

  .footer-backgroundvideo-embed {
    object-fit: cover;
    object-position: 50% 100%;
    min-width: 100%;
    height: auto;
    min-height: 80%;
  }

  .footer-backgroundvideo-wrapper {
    width: 100vw;
    height: 100vh;
  }

  .hero-backgroundvideo-wrapper {
    width: 100vw;
    height: 100vh;
    position: absolute;
    inset: 0%;
  }

  .hero-backgroundvideo-mobile-wrapper {
    width: auto;
    min-width: 100vw;
    height: auto;
    min-height: 100vh;
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .hero-backgroundvideo-desktop {
    display: none;
  }

  .cta-backgroundvideo-foreground {
    max-width: 200%;
    inset: auto -38% 0% auto;
  }
}


@font-face {
  font-family: 'BBC Reith Sans';
  src: url('../fonts/BBCReithSans_Md.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans';
  src: url('../fonts/BBCReithSans_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans Condensed';
  src: url('../fonts/BBCReithSansCd_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ponte';
  src: url('../fonts/Ponte-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ponte';
  src: url('../fonts/Ponte-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}