.about-page{--about-accent:#c72e28;background:var(--paper)}
.about-page .site-header{position:relative;background:var(--ink)}
.about-page .site-header__inner{min-height:5rem}
.about-page .site-header .brand--image{width:5rem;background:transparent;box-shadow:none}
.about-page .action-link{background:var(--about-accent);white-space:nowrap}
.about-page .site-footer{background:var(--ink)}
.about-page .site-footer__bottom{color:#aab3bb}
.about-page main h2{font-size:3.5rem;line-height:1.12;letter-spacing:-.14rem}
.supply{padding:6rem 0;background:#fff}
.supply__heading>p{color:var(--muted);font-size:1.125rem;line-height:1.8;margin-top:1.5rem}
.supply__grid{display:grid;grid-template-columns:6fr 6fr;gap:4rem;align-items:start;margin-top:3rem}
.supply__port{margin:0;overflow: hidden;}
.supply__port:hover img{transform: scale(1.08)}
.supply__port img{width:100%;height:auto;display:block;aspect-ratio:1.35;object-fit:cover;transition: all .3s ease-in-out;}
.supply__locations article{padding:1.5rem 0;border-top:1px solid var(--line)}
.supply__locations article:first-child{padding-top:0;border-top:0}
.supply__location{color:var(--about-accent);font-size:.8125rem;font-weight:700}
.supply__locations h3{font-size:1.75rem;letter-spacing:-.04rem;margin-top:.625rem}
.supply__locations article>p:last-child{color:var(--muted);line-height:1.7;max-width:31rem;margin-top:.75rem;margin-bottom:0}
.responsibility{padding:0 0 1rem}
.responsibility__scene{position:relative;isolation:isolate;min-height:38rem;display:flex;align-items:center;color:#fff;background:var(--ink)}
.responsibility__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-2}
.responsibility__scene::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07131fee,#07131f99 42%,#07131f22);z-index:-1}
.responsibility__content{padding-block:5rem}
.responsibility__label{font-size:.8125rem;font-weight:700;letter-spacing:.14rem;color:#fff}
.responsibility h2{margin-top:1.5rem;}
.responsibility__statement{max-width:35rem;margin-top:2rem;line-height:1.9;font-size:1.0625rem}
.responsibility__caption{margin-top:.75rem;font-size:.8125rem;color:var(--muted)}
.certificates{padding:5rem 0 6rem}
.about-page .site-footer__links a[href='about.html']{color:#fff;text-decoration:underline;text-underline-offset:.25rem}
.media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3rem}
.media-heading>div{max-width:56rem}
.media-heading>div>p{color:var(--muted);line-height:1.8;font-size:1.0625rem;margin-top:1.25rem;max-width:40rem}
.media-heading__note{color:var(--muted);font-size:.8125rem;line-height:1.6;max-width:17rem}
.media-preview{display:block;position:relative;width:100%;padding:0;border:0;background:#e8ecee;overflow:hidden;text-align:left}
.media-preview>img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .45s}
.media-preview:hover>img{transform:scale(1.025)}
.media-preview__hint{position:absolute;right:1rem;bottom:1rem;background:#07131fe6;color:#fff;padding:.625rem .875rem;font-size:.75rem;letter-spacing:.04rem}
.certificate-wall{display:grid;align-items:center;grid-template-columns:5fr 7fr;gap:4rem}
.certificate-wall__intro>p{max-width:28rem;line-height:1.8;margin-top:1.5rem;color:var(--muted)}
.certificate-wall__intro .certificate-wall__notice{font-size:.875rem;padding-left:1rem;border-left:2px solid var(--about-accent)}
.certificate-wall__instruction{display:block;font-size:.8125rem;font-weight:600;margin-top:2rem}
.certificate-wall__documents figure{margin:0}
.certificate-wall__frame{padding:1rem;background:white;border:1px solid var(--line);box-shadow:0 .75rem 2rem #07131f0a}
.certificate-wall__frame>img{aspect-ratio:2/3;object-fit:contain}
.certificate-wall__documents figcaption{font-size:1rem;font-weight:600;margin-top:1rem}
.certificate-wall__documents figcaption>span{display:block;font-size:.8125rem;font-weight:400;color:var(--muted);margin-top:.375rem}
.media-slider__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem}
.media-slider__pagination{display:flex;align-items:center;width:auto!important;min-width:0;gap:.5rem}
.media-slider__pagination .swiper-pagination-bullet{display:grid;place-items:center;flex:none;width:2.75rem;min-height:2.75rem;height:auto;margin:0!important;padding:0;border:0;background:transparent;border-radius:0;opacity:1}
.media-slider__pagination .swiper-pagination-bullet::after{content:"";width:100%;height:2px;background:#acb5bc}
.media-slider__pagination .swiper-pagination-bullet-active::after{background:var(--about-accent)}
.media-slider__actions{display:flex;flex:none;gap:.5rem}
.media-slider__actions>button{display:grid;place-items:center;min-height:2.75rem;min-width:2.75rem;padding:.5rem .75rem;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:.8125rem}
.media-slider__actions>button:hover{background:#fff;border-color:var(--muted)}
.media-slider__prev>.icon{transform:rotate(180deg)}
.certificate-slider.certificate-wall__documents{display:block;width:100%;min-width:0;overflow:hidden;justify-self:center}
@media(max-width:1199px){
  .about-page main h2{font-size:2.75rem}
  .supply__grid{gap:2.5rem}
  .supply__locations h3{font-size:1.5rem}
}
@media(max-width:991px){
  .supply__grid{grid-template-columns:1.1fr 1fr;gap:2rem}
  .supply__port img{aspect-ratio:.85}
}
@media(max-width:767px){
  .about-page main h2{font-size:2.125rem;letter-spacing:-.075rem}
  .supply,.certificates{padding:3.5rem 0}
  .supply__heading>p{font-size:1rem}
  .supply__grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem}
  .supply__port img{aspect-ratio:1.5}
  .supply__locations article{padding-block:1.25rem}
  .responsibility__scene{min-height:36rem}
  .responsibility__image{object-position:65% center}
  .responsibility__scene::before{background:linear-gradient(90deg,#07131fee,#07131f88)}
  .responsibility__content{padding-block:3.5rem}
  .responsibility__statement{font-size:1rem;line-height:1.8}
  .responsibility__caption{font-size:.75rem}
  .media-heading{display:block;margin-bottom:2rem}
  .media-heading>div>p{font-size:1rem}
  .media-heading__note{max-width:none;margin-top:1rem}
  .exhibition-slider__slide figcaption{align-items:flex-start;font-size:.9375rem}
  .media-preview__hint{right:.75rem;bottom:.75rem;padding:.5rem .625rem;font-size:.6875rem}
  .certificate-wall{grid-template-columns:1fr;gap:2.5rem}
  .certificate-wall__frame{padding:.5rem}
  .certificate-wall__frame .media-preview__hint{right:.5rem;bottom:.5rem;font-size:.625rem;padding:.375rem .5rem}
  .certificate-wall__documents figcaption{font-size:.875rem}
  .certificate-wall__documents figcaption>span{font-size:.75rem}
  .media-slider__toolbar{gap:1rem}
  .certificate-slider.certificate-wall__documents{max-width:20rem}
}