.vmr-reef {
    background: #e8f7f7;
    padding-block: 80px;
}
.vmr-reef figure {
    border-radius: 22px;
    height: 520px;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.vmr-reef img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.vmr-reef figcaption {
    background: linear-gradient(90deg, rgba(1,35,46,.94), rgba(1,35,46,.55));
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 35px;
    position: absolute;
    width: 65%;
}
.vmr-reef h2 {font-size: clamp(2rem,4vw,3.3rem); margin: 4px 0 18px}
.vmr-species,.vmr-brief-points {display:flex;flex-wrap:wrap;gap:8px}
.vmr-species span,.vmr-brief-points span {background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:30px;font-size:.62rem;padding:7px 11px}
.vmr-conditions {background:#f8b638;color:#073f51;padding:17px 0}
.vmr-conditions .vem-shell {align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px}
.vmr-conditions strong {font-family:"Playfair Display",serif;font-size:1.15rem;margin-right:auto}
.vmr-conditions span {background:#fff7df;border-radius:30px;font-size:.62rem;font-weight:800;padding:7px 11px}
.vmr-conditions b {font-size:.62rem}
.vmr-brief {background:#fff;padding-block:90px}
.vmr-brief>.vem-shell {align-items:center;display:grid;gap:55px;grid-template-columns:1fr 1fr}
.vmr-brief figure {margin:0}
.vmr-brief img {border-radius:20px;height:460px;object-fit:cover;width:100%}
.vmr-brief h2 {font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05}
.vmr-brief p {color:#587575;line-height:1.65}
.vmr-brief-points span {background:#e9f8f8;border-color:#cae6e5;color:#073f51}
@media(max-width:700px){.vmr-reef{padding-block:50px}.vmr-reef figure{height:480px}.vmr-reef figcaption{padding:24px;width:100%}.vmr-brief>.vem-shell{grid-template-columns:1fr}.vmr-brief img{height:330px}.vmr-conditions .vem-shell{justify-content:center}.vmr-conditions strong{flex-basis:100%;margin:0;text-align:center}}