@charset "utf-8";

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-normal-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/lora-normal-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lora fallback";
  src: local("Georgia"), local("Times New Roman");
  size-adjust: 107%;
}
@font-face {
  font-family: "Archivo fallback";
  src: local("Arial"), local("Helvetica Neue"), local("Helvetica");
}

@layer tokens, base, layout, components, utilities, lqip;

@layer tokens {
  :root {
    color-scheme: light dark;

    --brand:  light-dark(#d8252b, #ff6b6b);
    --deep:   light-dark(#123243, #d6e4ec);
    --steel:  light-dark(#2f6f8f, #86bcd8);
    --slate:  light-dark(#5b6b75, #9bacb6);
    --ink:    light-dark(#1f2a30, #e2e8eb);

    --sand:   light-dark(#f8f9fa, #14191c);
    --mist:   light-dark(#eaf0f3, #1d252a);
    --line:   light-dark(#dde3e7, #2c363c);
    --paper:  light-dark(#ffffff, #222b31);

    --mist-hover: color-mix(in oklab, var(--mist) 88%, var(--deep));

    --footer-bg:     light-dark(#123243, #0d1215);
    --footer-fg:     light-dark(#cfdde6, #a8bcc8);
    --footer-strong: light-dark(#ffffff, #e8f0f5);
    --footer-quiet:  light-dark(#8fabbd, #7f96a4);

    --footer-brand:  light-dark(#ff7a7a, #ff6b6b);

    --font-body:    "Lora", "Lora fallback", Georgia, "Times New Roman", "Malgun Gothic", serif;
    --font-display: "Archivo", "Archivo fallback", Arial, Helvetica, "Malgun Gothic", sans-serif;

    --t-xs: 0.75rem;
    --t-sm: 0.875rem;
    --t-md: 1rem;
    --t-lg: 1.3125rem;
    --t-xl: clamp(1.625rem, 2.6vw, 2.125rem);
    --t-2xl: clamp(1.75rem, 3.6vw, 2.875rem);

    --rule: 1px;
    --rule-accent: 2px;

    --shell: 1180px;
    --gutter: 20px;
    --header-block: 77px;
  }
}

@layer base {
  *, *::before, *::after { box-sizing: border-box; }

  html {
    -webkit-text-size-adjust: 100%;
  }

  :target { scroll-margin-block-start: 78px; }

  body {
    margin: 0;
    font: 16px/1.7 var(--font-body);
    color: var(--ink);
    background: var(--sand);
  }

  img { max-inline-size: 100%; block-size: auto; display: block; }

  a {
    color: var(--steel);

    &:hover, &:focus { color: var(--deep); }
  }

  h1, h2, h3 {
    font-family: var(--font-display);
    font-weight: 400;
    color: var(--deep);
    letter-spacing: -0.01em;

    text-wrap: balance;
  }

  p { text-wrap: pretty; }

  address { font-style: normal; }
}

@layer layout {
  .container {
    max-inline-size: var(--shell);
    margin-inline: auto;
    padding-inline: var(--gutter);
  }

  main > :first-child { margin-block-start: 0; }

  .band {
    padding-block: 48px;

    &.band-tint { background: var(--mist); }
  }

  .split {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 48px;
    align-items: start;
  }

  .entry {
    padding-block-start: 36px;

    & > h3 { margin-block: 0 22px; font-size: var(--t-lg); }
  }
}

@layer components {
  .skip {
    position: absolute;
    inset-inline-start: -9999px;
    background: var(--deep);
    color: var(--sand);
    padding: 10px 16px;
    z-index: 20;

    &:focus { inset-inline-start: 8px; inset-block-start: 8px; }
  }

  .site-header {
    position: sticky;
    inset-block-start: 0;
    background: var(--sand);
    border-block-end: var(--rule) solid var(--line);
    z-index: 10;
  }

  .header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 40px;
    padding-block: 16px;
  }

  .logo {
    font-family: var(--font-display);
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: -0.5px;
    white-space: nowrap;

    & b { font-size: 2.125rem; line-height: 1; color: var(--brand); }
    & span { font-size: 1.375rem; line-height: 1; color: var(--ink); }
  }

  .nav-toggle {
    appearance: none;
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    inline-size: 44px;
    block-size: 44px;
    display: grid;
    place-items: center;
    cursor: pointer;

    &::before {
      content: "";
      inline-size: 24px;
      block-size: 18px;
      background:
        linear-gradient(var(--deep) 0 0) top / 100% var(--rule-accent) no-repeat,
        linear-gradient(var(--deep) 0 0) center / 100% var(--rule-accent) no-repeat,
        linear-gradient(var(--deep) 0 0) bottom / 100% var(--rule-accent) no-repeat;
    }
  }

  .gnb {
    position: fixed;
    inset: var(--header-block) 0 auto;
    inline-size: 100%;
    max-block-size: calc(100dvh - var(--header-block));
    overflow: auto;
    margin: 0;
    border: 0;
    border-block-end: var(--rule) solid var(--line);
    padding: 6px var(--gutter) 14px;
    background: var(--sand);
    color: var(--ink);

    &::backdrop { inset-block-start: var(--header-block); background: light-dark(rgb(18 50 67 / .35), rgb(0 0 0 / .55)); }

    & ul { list-style: none; margin: 0; padding: 0; }

    & > ul > li {
      border-block-start: var(--rule) solid var(--line);

      &:first-child { border-block-start: 0; }

      & > a {
        display: block;
        font-family: var(--font-display);
        padding-block: 10px;
        color: var(--deep);
        font-size: var(--t-md);
        text-decoration: none;
      }
    }

    & .sub {
      padding-block-end: 10px;

      & a {
        display: block;
        padding: 6px 18px;
        color: var(--ink);
        font-size: var(--t-sm);
        text-decoration: none;

        &:hover, &:focus { background: var(--mist); color: var(--deep); }
      }
    }
  }

  .banner {
    display: grid;
    overflow: hidden;
    background: var(--footer-bg);
    min-block-size: clamp(340px, 44vw, 520px);

    & > * { grid-area: 1 / 1; }

    & .banner-media {
      display: grid;

      &::after {
        content: "";
        grid-area: 1 / 1;
        position: relative;
        z-index: 1;
        background:
          linear-gradient(to top, rgb(6 20 28 / .90) 0%, rgb(6 20 28 / .74) 38%, rgb(6 20 28 / .40) 68%, rgb(6 20 28 / .12) 100%);
      }
    }

    & .banner-media img {
      grid-area: 1 / 1;
      inline-size: 100%;
      block-size: 100%;
      object-fit: cover;

      object-position: 50% 85%;

      filter: blur(3px);
      transform: scale(1.04);
    }

    & .banner-text {
      position: relative;
      z-index: 1;
      align-self: end;
      inline-size: 100%;
      padding-block: 56px;
      max-inline-size: calc(var(--shell) + 180px);
    }

    & h1 { margin: 0; font-size: var(--t-2xl); line-height: 1.15; color: var(--footer-strong); }
    & .lede { color: var(--footer-fg); }
  }

  .subhead {
    font-family: var(--font-display);
    font-weight: 400;
    color: var(--slate);
    font-size: var(--t-xs);
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .subhead { margin-block: 28px 10px; }

  .lede {
    margin-block: 18px 0;
    color: var(--steel);
    font-size: var(--t-md);
    line-height: 1.6;
  }

  .band-title {
    margin-block: 0 8px;
    font-size: var(--t-xl);

    &::after {
      content: "";
      display: block;
      inline-size: 54px;
      margin-block-start: 14px;
      border-block-start: var(--rule-accent) solid var(--brand);
    }
  }

  .prose {
    & > p, & > ul, & > blockquote { max-inline-size: 74ch; }
    & p { margin-block: 0 20px; }
    &::after { content: ""; display: block; clear: both; }

    & .big {
      margin: 0 0 24px;
      font-size: var(--t-lg);
      color: var(--deep);

      & p { margin: 0; }
      & .hk { color: var(--brand); }
    }
  }

  .plain {
    list-style: none;
    margin-block: 0 20px;
    padding: 0;

    & li {
      padding-block: 3px;
      padding-inline-start: 18px;
      position: relative;
    }

    & li::before {
      content: "";
      position: absolute;
      inset-block-start: calc(3px + .85em);
      inset-inline-start: 0;
      inline-size: 6px;
      block-size: 1px;
      background: currentColor;
      opacity: .45;
    }
  }

  .feature {
    inline-size: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;

    & li { display: flex; }
  }

  .card {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--mist);
    text-decoration: none;
    color: inherit;

    & img { inline-size: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

    & .card-body {
      padding: 22px 24px 26px;
      display: flex;
      flex-direction: column;
      flex: 1;
    }
    & .h { display: block; font-family: var(--font-display); margin-block-end: 10px; color: var(--deep); font-size: var(--t-lg); }
    & .t { display: block; margin-block-end: 20px; color: var(--ink); font-size: var(--t-sm); }
    & .go { display: block; font-family: var(--font-display); margin-block-start: auto; color: var(--steel); font-size: var(--t-sm); }

    &:hover, &:focus-within { background: var(--mist-hover); }
  }

  .go::after {
    content: "";
    display: inline-block;
    inline-size: 1.05em;
    block-size: 1.05em;
    margin-inline-start: .35em;
    vertical-align: -.16em;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .map {
    margin: 0;

    & > a { position: relative; display: block; }
    & img { border: var(--rule) solid var(--line); }
    & figcaption { margin-block-start: 8px; font-size: var(--t-xs); color: var(--slate); }

    & .pin {
      position: absolute;
      inset-inline-start: 54.1%;
      inset-block-start: 69.1%;
      inline-size: 32px;
      block-size: auto;
      transform: translate(-50%, -100%);
      filter: drop-shadow(0 2px 3px rgb(6 20 28 / .45));
    }
  }

  .contact-org {
    font-family: var(--font-display);
    margin: 0 0 18px;
    color: var(--deep);
    font-size: var(--t-lg);
    letter-spacing: -0.01em;
  }

  .contact-list {
    margin: 0;

    & dt {
      font-family: var(--font-display);
      margin-block-start: 24px;
      color: var(--slate);
      font-size: var(--t-xs);
      letter-spacing: .14em;
      text-transform: uppercase;

      &:first-child { margin-block-start: 0; }
    }
    & dd { margin-block: 4px 0; margin-inline: 0; }
  }

    #contact-gate {
    & .gate-note {
      margin-block: 0 12px;
      max-inline-size: 44ch;
      color: var(--slate);
      font-size: var(--t-sm);
    }

    & noscript {
      display: block;
      margin-block-start: 8px;
      color: var(--slate);
      font-size: var(--t-sm);
    }
  }

  .timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    max-inline-size: 780px;

    & li {
      display: flex;
      gap: 28px;
      padding-block: 16px;
      border-block-start: var(--rule) solid var(--line);

      &:last-child { border-block-end: var(--rule) solid var(--line); }
    }
    & time { flex: 0 0 72px; font-family: var(--font-display); color: var(--deep); font-size: var(--t-lg); }
  }

  .org {
    font-family: var(--font-display);
    text-align: center;
    max-inline-size: 900px;

    & ul { list-style: none; margin: 0; padding: 0; }

    & .top {
      display: grid;
      grid-template-columns: minmax(0, max-content);
      justify-content: center;
    }

    & .node {
      display: block;
      margin-block: 0;
      padding: 11px 18px;
      color: var(--sand);
      font-size: var(--t-md);
      font-weight: 400;
    }
    & .managing-director { background: var(--deep); }
    & .dir { background: var(--steel); }

    & .branches {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
      margin-block-start: 30px;
      position: relative;

      & > li {
        flex: 1 1 150px;
        max-inline-size: 200px;
        position: relative;
      }
    }

    & .branch { display: block; background: var(--slate); color: var(--sand); padding: 11px 8px; font-weight: 400; }
    & .leaves { margin-block-start: 12px; }
    & .leaves li { background: var(--paper); border: var(--rule) solid var(--line); padding: 10px 6px; margin-block-end: 8px; }
    & .stem { display: block; inline-size: 1px; block-size: 26px; margin-inline: auto; border-inline-start: var(--rule) solid var(--slate); }
  }

  .site-footer {
    background: var(--footer-bg);
    color: var(--footer-fg);

    & .footer-inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px 56px;
      padding-block: 36px;
    }
    & .footer-logo {
      font-family: var(--font-display);
      margin: 0;
      font-weight: 700;

      & b { font-size: var(--t-lg); color: var(--footer-brand); }
      & span { font-size: var(--t-sm); margin-inline-start: 4px; color: var(--footer-strong); }
    }
    & .copyright { font-family: var(--font-display); margin: 0 0 0 auto; font-size: var(--t-xs); color: var(--footer-quiet); }
  }
}

@layer utilities {
  @media (width >= 900px) {
    :root { --gutter: 32px; }

    :target { scroll-margin-block-start: 84px; }

    .band { padding-block: 72px; }
    .banner .banner-text { padding-block: 72px; }
    .entry { padding-block-start: 52px; }

    .nav-toggle { display: none; }

    .org .branches::before {
      content: "";
      position: absolute;
      inset-block-start: -30px;
      inset-inline-start: 50%;
      block-size: 15px;
      border-inline-start: var(--rule) solid var(--slate);
    }

    .org .branches > li::before {
      content: "";
      position: absolute;
      inset-block-start: -15px;
      inset-inline-start: 50%;
      block-size: 15px;
      border-inline-start: var(--rule) solid var(--slate);
    }

    .org .branches > li::after {
      content: "";
      position: absolute;
      inset-block-start: -15px;
      inset-inline: -10px;
      border-block-start: var(--rule) solid var(--slate);
    }

    .org .branches > li:first-child::after { inset-inline-start: 50%; }
    .org .branches > li:last-child::after { inset-inline-end: 50%; }

    .gnb {
      display: block !important;
      position: static;
      inline-size: auto;
      max-block-size: none;
      overflow: visible;
      padding: 0;
      border: 0;
      background: none;
      color: inherit;

      & > ul { display: flex; flex-wrap: wrap; gap: 2px 28px; }

      & > ul > li {
        position: relative;
        border-block-start: 0;

        & > a {
          padding-block: 8px;
          border-block-end: var(--rule-accent) solid transparent;
        }

        &:hover > a, &:focus-within > a { border-block-end-color: var(--brand); }
      }

      & .sub {
        min-inline-size: 265px;
        position: absolute;
        inset-inline-start: auto;
        inset-inline-end: -18px;
        inset-block-start: 100%;
        padding-block: 8px;
        background: var(--paper);
        box-shadow: 0 10px 28px light-dark(rgb(18 50 67 / .15), rgb(0 0 0 / .55));

        visibility: hidden;
        opacity: 0;
        transform: translateY(-6px);
        transition: opacity .18s ease, transform .18s ease, visibility .18s;
      }

      & > ul > li:hover > .sub,
      & > ul > li:focus-within > .sub {
        visibility: visible;
        opacity: 1;
        transform: none;
      }
    }
  }

  @media (width < 900px) {
    .split { grid-template-columns: 1fr; }
    .timeline li { flex-direction: column; gap: 2px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .gnb .sub { transition: none; }
  }
}

@layer lqip {
  img[src="img/afloat.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAcCAwX/xAAgEAACAQQCAwEAAAAAAAAAAAABAhEAAwQhBRITYYHB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEQMRAD8A3svlcbGZgXVwAsBGBaTOjUE5Cy7KGsuGYSBIP7S8Tvb7eKVLbmrjeyyis94lfR2PW6qVNhlWGF5SwY9ZjYopeWM3Kx0bxZDKrghgGMH5RQf/2Q==") center / cover no-repeat; }
  img[src="img/agency.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMGB//EACUQAAIBAwIFBQAAAAAAAAAAAAECAwAEEQUxEhMUIVEiMkFhsf/EABYBAQEBAAAAAAAAAAAAAAAAAAEAAv/EABcRAQEBAQAAAAAAAAAAAAAAAAABETH/2gAMAwEAAhEDEQA/AKC91uC1VoS+JCvg9s7GnWusW0zLHHMruR7QDn73qM1Z+sVQ0hPDtjH7Sba1ijOeZMCR8Pim9WzGhSSow9LCio4XhtQqwuxkkIUFmJyT5opZf//Z") center / cover no-repeat; }
  img[src="img/banner.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAGABgDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMF/8QAIBAAAQQCAQUAAAAAAAAAAAAAAAECAxEEBSEGEhNBYf/EABYBAQEBAAAAAAAAAAAAAAAAAAMBAv/EABcRAQEBAQAAAAAAAAAAAAAAAAACMQH/2gAMAwEAAhEDEQA/AIY+6ZC2+yRUTmrQ1MPqSN91C+kT3QA1sQT75qtvwrz9ABeYOtf/2Q==") center / cover no-repeat; }
  img[src="img/cargo.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAYCBAUH/8QAJxAAAQQBAgMJAAAAAAAAAAAAAgABAxESBAUhMVEGEyJCUnGhwdH/xAAVAQEBAAAAAAAAAAAAAAAAAAABA//EABgRAQEAAwAAAAAAAAAAAAAAAAABAhES/9oADAMBAAIRAxEAPwDXbtJtT446jK+fhrH3tWh3fRGeEZsb9RJuSTZAAmruIWvoL/qkGmHNnBhjp/Jbfap1Ut4ugi4x0VIS/Bqp4oBF8sR9XH5fihFMr//Z") center / cover no-repeat; }
  img[src="img/map-37841d39cd1f.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBBv/EAB0QAAICAgMBAAAAAAAAAAAAAAABAhESMSEiMlH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/EABsRAQACAgMAAAAAAAAAAAAAAAEAAhFBEiEx/9oADAMBAAIRAxEAPwDp3JJJqqekMtqk6IUvpmXI4OpBcx3Ly7+WrBNSlpWA0Nshc+E//9k=") center / cover no-repeat; }
  img[src="img/provisions.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEBf/EACQQAAIBBAECBwAAAAAAAAAAAAECAwAEERIxIYEFExQyYZGh/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgAB/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oADAMBAAIRAxEAPwB03is7BVhCR7D3JqxJ78VDJFeXiv6i4YgYwGk+/ipLl7NyNodGA5TIpQunjYNBMHxwk3X9oFi1Gaxl8jcjHUEnBzRWfPcS3ZImKQAcueu3cUVMj//Z") center / cover no-repeat; }
  img[src="img/reconditioning.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAQP/xAAkEAACAgIABAcAAAAAAAAAAAABAgMRAAQSEyExIlGBgqHB8P/EABQBAQAAAAAAAAAAAAAAAAAAAAP/xAAaEQEAAgMBAAAAAAAAAAAAAAABAAIREkFR/9oADAMBAAIRAxEAPwCY2lC2sZBJGrG/D5+uLxlF4oeaoDUSzL2/fWPmN3UyAyVdcRaq9ozvqbCtuBKblICXLKOpAJr4wi2ORWh7Ni3+VqQIXQlaIIWiR2FnDIY3pNlVZ6BBroKwxN0gtRZ//9k=") center / cover no-repeat; }
  img[src="img/spares.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMCBAX/xAAjEAACAgEDAwUAAAAAAAAAAAABAgMRAAQhQRIUMQVRUmGh/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgAB/8QAFxEBAQEBAAAAAAAAAAAAAAAAAAEhEf/aAAwDAQACEQMRAD8AIkCqSR4IAB5yzptcJYpY4VRn05pq2okfuZmtdliWQWQp44vnHQerRdj2+ngVHl3YAbE/K8N1TE+tui/P3hinlRI1jU3Qq/fDHKzj/9k=") center / cover no-repeat; }
  img[src="img/stores.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAcCBAb/xAAmEAACAQMDAQkAAAAAAAAAAAABAgMABBESEzEFISIyQUJRcYGR/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwEC/8QAGBEAAgMAAAAAAAAAAAAAAAAAABEBEkH/2gAMAwEAAhEDEQA/AJ9PvW31Erx7a4OpWyXOBnI+a1sVxG3arKcHB73n7UrFuox6xVqOaVgpid0PiBViPukqtDs8GcZhxhf2il9b3k0JEi3sgRxqyzFuOeaKypK4P//Z") center / cover no-repeat; }
  img[src="img/underwater.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMFBAb/xAAkEAACAQQBAgcAAAAAAAAAAAABAgMABAUREyFRFCIxQZGx8P/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAFxEBAQEBAAAAAAAAAAAAAAAAAAERMf/aAAwDAQACEQMRAD8AxYy+Fti523osQo+6oeNM+Nh35lGw+u341xkt4OFIl2FXqd+5p9tk5IEARunap2HqfdxmG4kjPqjEUUzIuJp+ZRoOPg0U5wH/2Q==") center / cover no-repeat; }
  img[src="img/warehousing.avif"] { background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAQABgDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEBv/EACAQAAICAgICAwAAAAAAAAAAAAECAxEABCExBQYiUcH/xAAVAQEBAAAAAAAAAAAAAAAAAAABA//EABYRAQEBAAAAAAAAAAAAAAAAAAARAf/aAAwDAQACEQMRAD8Aug8/Ls7aoZUJMTc1Vmusk9k35H0Y0c0AwqhV8ZndkyRzs6AFG7UCgDidjamniSMF2W+iSawJ52SIU+ZKhevo4ZK08LKEUFCOLJ/cMvkiW1//2Q==") center / cover no-repeat; }
}