/* RBR_UNDERWATER_CRITTER_VISUAL_V23_20261024
 * Read-only editorial mosaic within the V2.2 Critter Library section only.
 * Fallback remains the existing single-column CMS-authored text.
 */
body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images {
  display:grid!important;
  grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);
  gap:clamp(32px,5.4vw,83px)!important;
  align-items:center;
  padding:clamp(34px,4.2vw,67px) clamp(27px,4.7vw,78px)!important;
}
body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images .section-heading {
  min-width:0; align-self:center;
}
body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images .section-heading > div {
  min-width:0; max-width:530px;
}
body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images .display-title {
  font-size:clamp(31px,3.2vw,47px)!important;
  line-height:1.22!important; margin:13px 0 22px!important;
}
body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images .body-copy {
  max-width:480px; font-size:14px!important; line-height:1.9!important;
}
body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[hidden] {display:none!important;}
body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual {
  width:100%; min-width:0; height:clamp(275px,26vw,390px);
  display:grid; grid-template-columns:1.2fr .8fr;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:10px; align-self:center;
}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo {
  display:block;position:relative;isolation:isolate;min-width:0;min-height:0;
  overflow:hidden;background:#d7e1d6;color:#fff;text-decoration:none;
  border-radius:1px;
}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo:first-child {grid-row:1 / span 2;}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo > img {
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  transition:transform .45s ease;
}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo::after {
  content:"";position:absolute;inset:45% 0 0;pointer-events:none;
  background:linear-gradient(transparent,rgba(4,19,21,.76));z-index:0;
}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo-caption {
  position:absolute;bottom:0;left:0;right:0;z-index:1;
  display:flex;flex-direction:column;gap:3px;
  padding:clamp(12px,1.5vw,22px);
  overflow-wrap:anywhere;
}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo-caption strong {
  font:600 13px/1.45 system-ui,sans-serif;
}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo-caption small {
  font:400 10px/1.35 system-ui,sans-serif;
  color:rgba(255,255,255,.87);
}
body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="1"] {
  grid-template-columns:1fr;grid-template-rows:1fr;
  height:clamp(270px,26vw,385px);
}
body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="1"] .rbr-v23-photo:first-child {grid-row:auto;}
body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="2"] {
  grid-template-columns:1fr 1fr;grid-template-rows:1fr;
  height:clamp(270px,26vw,385px);
}
body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="2"] .rbr-v23-photo:first-child {grid-row:auto;}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo:hover > img {transform:scale(1.035);}
body.rbr-underwater-editorial-v22 main .rbr-v23-photo:focus-visible {
  outline:3px solid #236c5c;outline-offset:4px;
}
@media(max-width:900px) {
  body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images {
    grid-template-columns:1fr;gap:28px!important;
    padding:40px clamp(24px,4vw,58px)!important;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images .section-heading > div {
    max-width:740px;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual {
    height:clamp(280px,47vw,450px);
  }
}
@media(max-width:620px) {
  body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images {
    padding:34px 22px!important;gap:26px!important;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v22-critters.rbr-v23-has-images .display-title {
    font-size:clamp(30px,8vw,42px)!important;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual,
  body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="1"],
  body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="2"] {
    height:auto; min-height:0;
    grid-template-columns:1fr 1fr;grid-template-rows:auto;
    gap:8px;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v23-photo:first-child {
    grid-row:auto;grid-column:1 / -1;aspect-ratio:1.38;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v23-photo:not(:first-child) {aspect-ratio:1.1;}
  body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="1"] .rbr-v23-photo:first-child {
    grid-column:1 / -1;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="2"] .rbr-v23-photo:first-child,
  body.rbr-underwater-editorial-v22 main .rbr-v23-critter-visual[data-count="2"] .rbr-v23-photo:nth-child(2) {
    grid-column:auto;aspect-ratio:.85;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v23-photo-caption {padding:13px;}
}
@media(prefers-reduced-motion:reduce){
  body.rbr-underwater-editorial-v22 main .rbr-v23-photo > img {transition:none;}
}