/* One contextual set of service recommendations at the end of a page. */
.bv-related { scroll-margin-top: 130px; padding: clamp(40px,5vw,68px) 0; background: #f1f5f2; color: #173746; font-family: Inter,Arial,sans-serif; }
.bv-related__shell { width: min(1180px,calc(100% - 40px)); margin-inline: auto; }
.bv-related__head { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 28px; margin-bottom: 24px; }
.bv-related__eyebrow { margin: 0 0 9px; color: #956833; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.bv-related__head h2 { margin: 0; color: #173746; font: 600 clamp(28px,3vw,40px)/1.15 Lora,Georgia,serif; }
.bv-related__head > p { margin: 0; color: #536970; font-size: 14px; line-height: 1.6; }
.bv-related__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.bv-related__card { position: relative; display: flex; align-items: flex-end; min-width: 0; min-height: 360px; overflow: hidden; border-radius: 14px; background: #203846; color: #fff; text-decoration: none; isolation: isolate; }
.bv-related__card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,rgba(12,31,42,.06) 8%,rgba(12,31,42,.42) 37%,rgba(12,31,42,.92) 70%,rgba(12,31,42,.98) 100%); }
.bv-related__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform .3s ease; }
.bv-related__copy { padding: 24px 20px; width: 100%; min-width: 0; }
.bv-related__label { display: block; color: #efcf89; font-size: 10px; font-weight: 750; line-height: 1.4; letter-spacing: .06em; text-transform: uppercase; }
.bv-related__copy h3 { margin: 9px 0 10px; color: #fff; font: 600 22px/1.18 Lora,Georgia,serif; overflow-wrap: anywhere; }
.bv-related__copy p { margin: 0; color: #eef3f1; font-size: 13px; line-height: 1.5; }
.bv-related__arrow { position: absolute; top: 15px; right: 15px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(18,39,51,.45); color: #fff; font-size: 20px; }
.bv-related__card:hover .bv-related__image { transform: scale(1.035); }
.bv-related__card:focus-visible { outline: 3px solid #bc8a35; outline-offset: 4px; }
.depth-guide__links article { display: grid; gap: 7px; padding: 16px; border: 1px solid #ccdcd7; border-radius: 10px; background: #fff; color: #173746; }
.depth-guide__links article strong { font-size: 14px; }
.depth-guide__links article small { color: #536970; font-size: 12px; line-height: 1.5; }
article.method-compare__tab,article.wl-scheme-card { cursor: default; }
@media(max-width:1024px) { .bv-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .bv-related__card { min-height: 340px; } }
@media(max-width:640px) { .bv-related__shell { width: calc(100% - 32px); } .bv-related__head { grid-template-columns: minmax(0,1fr); gap: 12px; margin-bottom: 20px; } .bv-related__grid { grid-template-columns: minmax(0,1fr); gap: 12px; } .bv-related__card { min-height: 320px; } .bv-related__copy { padding: 24px; } .bv-related__copy h3 { font-size: 24px; } }
@media(prefers-reduced-motion:reduce) { .bv-related__image { transition: none; } }