.footer-2.lets-start-2.footer3 {
  overflow: visible;
}

.navbar.w-nav a,
.navbar.w-nav .nav-link,
.footer-2.lets-start-2.footer3 a,
.footer-2.lets-start-2.footer3 .link-2,
.footer-2.lets-start-2.footer3 .terms-link,
.footer-2.lets-start-2.footer3 .social-media,
.footer-2.lets-start-2.footer3 .footer-text a {
  color: #fff !important;
}

.image-deck {
  align-items: stretch !important;
}

.img-left,
.img-mid,
.img-right {
  flex: 0 0 33.333% !important;
  width: 33.333% !important;
  min-width: 0 !important;
}

.img-middler {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "lt rt"
    "bt bt" !important;
  align-content: stretch !important;
  column-gap: 5% !important;
  row-gap: 5% !important;
  height: 100% !important;
}

.img-lt,
.img-rt,
.img-bt {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.img-lt {
  grid-area: lt !important;
}

.img-rt {
  grid-area: rt !important;
}

.img-bt {
  grid-area: bt !important;
}

.img-left img,
.img-right img,
.img-lt img,
.img-rt img,
.img-bt img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.footer-2.lets-start-2.footer3 .div-block-104 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  column-gap: 24px !important;
  align-items: center !important;
  width: 100% !important;
}

.footer-2.lets-start-2.footer3 .text-block-3 {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 0.9vw !important;
  line-height: 1.4vw !important;
}

.footer-2.lets-start-2.footer3 .div-block-163 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  white-space: nowrap !important;
  justify-self: end !important;
  width: auto !important;
  flex-wrap: nowrap !important;
}

.footer-2.lets-start-2.footer3 .link-2,
.footer-2.lets-start-2.footer3 .terms-link {
  width: auto !important;
  display: inline !important;
  margin: 0;
  padding: 0;
  line-height: 1.5vw;
}

/* IX2 is disabled on WP export pages — reset scroll-entrance margin so content isn't pushed down */
.div-block-55 {
  margin-top: 0 !important;
}

.mof-project-archive-heading {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin: 0 0 26px;
  color: #fff;
  line-height: 1;
}

.mof-project-archive-heading__our {
  font-family: ProximaNova, sans-serif;
  font-size: clamp(34px, 5.8vw, 50px);
  font-weight: 800;
  letter-spacing: -0.05em;
}

.mof-project-archive-heading__work {
  font-family: Ghojekan, sans-serif;
  font-size: clamp(42px, 6.5vw, 58px);
  font-weight: 400;
  transform: rotate(-5deg) translateY(1px);
  transform-origin: left bottom;
}

.mof-project-grid__items {
  display: grid !important;
  align-items: start !important;
  gap: 34px 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mof-project-card {
  width: 100% !important;
}

.mof-project-card__image-link {
  display: block !important;
  background: #171717;
  overflow: hidden;
  aspect-ratio: var(--mof-card-ratio, 1 / 1);
}

.mof-project-card__image-link--static {
  cursor: default;
}

.mof-project-card__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.mof-project-card__meta {
  padding-top: 7px;
}

.mof-project-card__title {
  color: #fff;
  font-family: ProximaNova, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Per-page Webflow body classes (e.g. .body-5 on services = #000) must win;
   ministry-of-fish.webflow.css already provides the #0e0e0e default. */

/* Hide Finsweet cookie consent components until their JS shows them */
.fs-cc-banner_component,
.fs-cc-manager_component,
.fs-cc-prefs_component {
  display: none !important;
}

/* Finsweet JS adds [fs-cc-active] when it wants to show them */
[fs-cc-active] .fs-cc-banner_component,
[fs-cc-active] .fs-cc-manager_component,
[fs-cc-active] .fs-cc-prefs_component {
  display: block !important;
}

/* Remove third-party accessibility floating button from the exported chrome */
.pojo-a11y-toolbar-toggle,
.ea11y-widget,
.ea11y-widget-toggle,
[data-ea11y-widget] {
  display: none !important;
}

@media (max-width: 991px) {
  .image-deck {
    height: auto !important;
    display: block !important;
  }

  .img-left,
  .img-mid,
  .img-right {
    width: 100% !important;
  }

  .img-middler {
    display: block !important;
    height: auto !important;
  }

  .footer-2.lets-start-2.footer3 .div-block-104 {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
  }

  .mof-project-archive-heading {
    margin-bottom: 22px;
  }

  .mof-project-archive-heading__our {
    font-size: 56px;
  }

  .mof-project-archive-heading__work {
    font-size: 64px;
  }

  .mof-project-grid__items {
    gap: 28px 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mof-project-card__title {
    font-size: 8px;
  }

  .footer-2.lets-start-2.footer3 .div-block-163 {
    position: static !important;
    width: 100% !important;
  }

  .footer-2.lets-start-2.footer3 .link-2,
  .footer-2.lets-start-2.footer3 .terms-link {
    line-height: 14px;
  }
}

/* Author-origin link color beats UA :visited purple; any classed link still wins by specificity. */
a {
  color: inherit;
}

/* The theme ships its own mobile nav (wave-wipe overlay) — hide the Webflow export burger/menu. */
.w-nav-button,
.menu-button {
  display: none !important;
}

/* Visited links must never render UA purple — force white (dark theme).
   Excluded: button pills and light-background cards that use dark text. */
a:visited:not(.w-button):not(.team_card):not(.mof-link):not(.mof-link--cta) {
  color: #fff;
}

/* Safari can paint :visited links purple even when the class sets a color —
   pin every button state explicitly (normal mirrors the class, hover preserved). */
.button2:visited,
.button2-copy:visited,
.button-read-blog:visited,
.submit-button:visited {
  color: #fff;
}

.button2:visited:hover,
.button2-copy:visited:hover,
.button-read-blog:visited:hover {
  color: #000;
}

.fs-cc-banner_button:visited,
.fs-cc-prefs_button.fs-cc-button-alt:visited {
  color: #0e0e0e;
}

.fs-cc-banner_button.fs-cc-button-alt:visited,
.fs-cc-prefs_button:visited {
  color: #fff;
}