/* r4d.css - bvi-sailing-friends (builder A, day5 Oct 23 2026): the place overlay, loaded last: section transitions (overrides the generic main>section::before band), place objects and the two scenes; from this guide’s PLACE-LANGUAGE.md only */
/* each leg of the loop: bvi-depth-sounding contour edge over bvi-boulder-pools (Baths granite ink), in the field colour of its leg:
   Drake Channel blue (arrival) -> Baths shoal teal (days) -> sea-grape green (planning) -> night-anchorage indigo (late) */
main > section.overview::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #0b5470; }
main > section.overview::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #0b5470; }
main > section.route::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #14514f; }
main > section.route::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #14514f; }
main > section.ce-big::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #14514f; }
main > section.ce-big::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #14514f; }
main > section.about-cta::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #14514f; }
main > section.about-cta::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #14514f; }
main > section.planning::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #2e5236; }
main > section.planning::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #2e5236; }
main > section.gallery::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #2e5236; }
main > section.gallery::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #2e5236; }
main > section.faq::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #2e5236; }
main > section.faq::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #2e5236; }
main > section.checks::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #2e5236; }
main > section.checks::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #2e5236; }
main > section.related::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #142338; }
main > section.related::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #142338; }
main > section.official-links::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #142338; }
main > section.official-links::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #142338; }
main > section.references::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #142338; }
main > section.references::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #142338; }
main > section.route-browser::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-light.webp") center / 100% 100% no-repeat, #142338; }
main > section.route-browser::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-light.webp") 0 0 / 110px 110px repeat, #142338; }
@media (prefers-color-scheme: dark) {
  main > section.overview::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0a3a50; }
  main > section.overview::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0a3a50; }
  main > section.route::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0f3b3a; }
  main > section.route::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0f3b3a; }
  main > section.ce-big::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0f3b3a; }
  main > section.ce-big::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0f3b3a; }
  main > section.about-cta::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0f3b3a; }
  main > section.about-cta::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0f3b3a; }
  main > section.planning::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #1f3a26; }
  main > section.planning::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #1f3a26; }
  main > section.gallery::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #1f3a26; }
  main > section.gallery::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #1f3a26; }
  main > section.faq::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #1f3a26; }
  main > section.faq::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #1f3a26; }
  main > section.checks::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #1f3a26; }
  main > section.checks::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #1f3a26; }
  main > section.related::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0c1626; }
  main > section.related::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0c1626; }
  main > section.official-links::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0c1626; }
  main > section.official-links::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0c1626; }
  main > section.references::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0c1626; }
  main > section.references::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0c1626; }
  main > section.route-browser::before { content: ""; display: block; height: clamp(44px, 7vw, 88px); margin: 0 0 24px; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 150px 150px repeat, url("/bvi-sailing-friends/assets/pattern-bvi-depth-sounding-dark.webp") center / 100% 100% no-repeat, #0c1626; }
  main > section.route-browser::after { content: ""; display: block; height: 18px; margin: 30px 0 0; border-radius: 3px; background: url("/bvi-sailing-friends/assets/pattern-bvi-boulder-pools-dark.webp") 0 0 / 110px 110px repeat, #0c1626; }
}
.trip-card { position: relative; isolation: isolate; }
article.day { position: relative; isolation: isolate; }
section.route h2 { position: relative; isolation: isolate; }
.r4-prop { position: absolute; z-index: -1; height: auto; pointer-events: none; user-select: none; filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .18)); }
.r4-prop--pennant { right: -24px; bottom: -36px; width: 92px; }
.r4-prop--rail { left: -72px; top: 4px; width: 66px; }
.r4-prop--feather { left: -70px; top: 6px; width: 62px; }
.r4-prop--lobster { right: -36px; top: -30px; width: 112px; }
.r4-prop--drybag { right: -24px; top: -38px; width: 94px; }
.r4-prop--seagrape { right: -8px; top: -46px; width: 84px; }
.r4-moment { margin: 34px 0 30px; }
.r4-moment img { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 14px 30px rgba(0, 0, 0, .16); border-bottom: 4px solid #e08a5a; }
.r4-moment figcaption { margin: 10px 2px 0; font-size: 15px; line-height: 1.5; color: #0b5470; }
/* G6 F3 (6:40 PM): left-side props sit in the gutter at >=1240px and on the seam between day cards below that, clear of the headings */
@media (max-width: 1239px) {
  .r4-prop--rail { left: calc(50% - 22px); top: -34px; width: 44px; }
  .r4-prop--feather { left: calc(50% - 22px); top: -34px; width: 44px; }
  .r4-prop--lobster { right: -10px; top: -26px; width: 70px; }
  .r4-prop--seagrape { right: -4px; top: -58px; width: 44px; }
}
@media (max-width: 640px) {
  .r4-prop--pennant { right: -8px; bottom: -28px; width: 60px; }
  .r4-prop--rail { left: calc(50% - 20px); top: -32px; width: 40px; }
  .r4-prop--feather { left: calc(50% - 20px); top: -32px; width: 40px; }
  .r4-prop--lobster { right: -10px; top: -24px; width: 70px; }
  .r4-prop--drybag { right: -8px; top: -28px; width: 60px; }
  .r4-prop--seagrape { right: -4px; top: -58px; width: 44px; }
  .r4-moment { margin: 26px 0 22px; }
}
@media (prefers-color-scheme: dark) { .r4-moment figcaption { color: #d9c7b0; } .r4-prop { filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .45)); } }