/* Argo Gold Corporate v4.7.0 — responsive Why Argo Gold editorial stage.
   Phone/tablet: complete centered image, caption outside image, subsequent navy
   copy in normal document flow. Desktop's editorial overlay is preserved. */
@media (max-width: 850px) {
  .argo-design-v42 .ar42-image-shell {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    height: auto;
    margin-bottom: clamp(48px, 8vw, 76px);
    overflow: visible;
  }
  .argo-design-v42 .ar42-image-shell > .ar42-aerial {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    background: #090e16;
  }
  .argo-design-v42 .ar42-aerial::before { display: none; }
  .argo-design-v42 .ar42-image-shell .ar42-aerial-photo {
    display: block;
    width: 100%;
    height: clamp(300px, 53vw, 470px);
    max-height: none;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
    object-fit: contain;
    object-position: center center;
    background: #090e16;
    filter: none;
    transform: none;
  }
  .argo-design-v42 .ar42-aerial:hover .ar42-aerial-photo { transform: none; }
  .argo-design-v42 .ar42-image-shell .ar42-aerial figcaption {
    position: static;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 18px;
    width: 100%;
    min-height: 38px;
    padding: 12px clamp(16px, 4vw, 28px);
    background: #101d2b;
    color: #e9d9b6;
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 1.4;
  }
  .argo-design-v42 .ar42-image-shell .ar42-investment-statement {
    position: static;
    inset: auto;
    transform: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: clamp(32px, 5.7vw, 55px);
    box-shadow: none;
    overflow: visible;
    z-index: auto;
    gap: clamp(15px, 3vw, 22px);
  }
  .argo-design-v42 .ar42-image-shell .ar42-investment-statement p {
    max-width: 55ch;
    overflow-wrap: break-word;
    line-height: 1.48;
  }
  .argo-design-v42 .ar42-investment-statement a { margin-top: 4px; }
}
@media (max-width: 540px) {
  .argo-design-v42 .ar42-why { padding-top: clamp(44px, 8vw, 65px); }
  .argo-design-v42 .ar42-why-heading { gap: 28px; padding-bottom: 35px; }
  .argo-design-v42 .ar42-image-shell { margin-bottom: 54px; }
  .argo-design-v42 .ar42-image-shell .ar42-aerial-photo {
    height: clamp(215px, 66vw, 335px);
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
  .argo-design-v42 .ar42-image-shell .ar42-aerial figcaption {
    padding: 11px 15px;
    font-size: 9px;
    min-height: 34px;
  }
  .argo-design-v42 .ar42-image-shell .ar42-investment-statement {
    width: 100%;
    margin: 0;
    padding: 30px clamp(23px, 6vw, 34px) 34px;
    gap: 15px;
  }
  .argo-design-v42 .ar42-image-shell .ar42-investment-statement p {
    font-size: clamp(1.12rem, 4.8vw, 1.42rem);
    line-height: 1.51;
    letter-spacing: -.015em;
    max-width: none;
  }
  .argo-design-v42 .ar42-image-shell .ar42-investment-statement a {
    font-size: 11px;
    line-height: 1.5;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 10px;
  }
  .argo-design-v42 .ar42-pillar-section { gap: 22px; }
}
@media (max-width: 360px) {
  .argo-design-v42 .ar42-image-shell .ar42-aerial-photo { height: 210px; }
  .argo-design-v42 .ar42-image-shell .ar42-aerial figcaption { font-size: 8px; }
}