/* r4d.css - fort-lauderdale-spring-break-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 */
/* ftl-wave-wall between land sections, ftl-boat-wake before The route (water days) and after it; ftl-seagrape-leaf bands; turquoise only as a thin top line */
main > section.overview::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.overview::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.route::before { content: ""; display: block; height: clamp(36px, 5vw, 60px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-boat-wake-light.webp") center / 100% 100% no-repeat; }
main > section.route::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.ce-big::before { content: ""; display: block; height: clamp(36px, 5vw, 60px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-boat-wake-light.webp") center / 100% 100% no-repeat; }
main > section.ce-big::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.about-cta::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.about-cta::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.planning::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.planning::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.gallery::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.gallery::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.faq::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.faq::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.checks::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.checks::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.related::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.related::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.official-links::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.official-links::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.references::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.references::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
main > section.route-browser::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-light.webp") center / 100% 100% no-repeat; }
main > section.route-browser::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #1d8f9a; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-light.webp") 0 0 / 96px 96px repeat; }
/* the water days (Water Taxi, snorkel) sit on a pale New River canal-teal wash */
main article.day#day2-water-taxi { background-image: linear-gradient(180deg, rgba(14, 106, 114, .07), rgba(14, 106, 114, .02)); }
main article.day#day3-reef-snorkel { background-image: linear-gradient(180deg, rgba(14, 106, 114, .07), rgba(14, 106, 114, .02)); }
@media (prefers-color-scheme: dark) {
  main > section.overview::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.overview::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.route::before { content: ""; display: block; height: clamp(36px, 5vw, 60px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-boat-wake-dark.webp") center / 100% 100% no-repeat; }
  main > section.route::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.ce-big::before { content: ""; display: block; height: clamp(36px, 5vw, 60px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-boat-wake-dark.webp") center / 100% 100% no-repeat; }
  main > section.ce-big::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.about-cta::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.about-cta::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.planning::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.planning::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.gallery::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.gallery::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.faq::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.faq::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.checks::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.checks::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.related::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.related::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.official-links::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.official-links::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.references::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.references::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main > section.route-browser::before { content: ""; display: block; height: clamp(40px, 6vw, 72px); margin: 0 0 22px; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-wave-wall-dark.webp") center / 100% 100% no-repeat; }
  main > section.route-browser::after { content: ""; display: block; height: 16px; margin: 28px 0 0; border-top: 2px solid #7fd6dd; background: url("/fort-lauderdale-spring-break-friends/assets/pattern-ftl-seagrape-leaf-dark.webp") 0 0 / 96px 96px repeat; }
  main article.day#day2-water-taxi { background-image: linear-gradient(180deg, rgba(127, 214, 221, .06), rgba(127, 214, 221, 0)); }
  main article.day#day3-reef-snorkel { background-image: linear-gradient(180deg, rgba(127, 214, 221, .06), rgba(127, 214, 221, 0)); }
}
.trip-card { position: relative; isolation: isolate; }
article.day { position: relative; isolation: isolate; }
figure.route-map { 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--taxi { right: -26px; bottom: -34px; width: 132px; }
.r4-prop--sfogliatella { left: -72px; top: 4px; width: 66px; }
.r4-prop--mask { right: -40px; top: 46%; width: 96px; }
.r4-prop--parrotfish { left: -74px; bottom: 4px; width: 70px; }
.r4-prop--crabs { right: -26px; top: -36px; width: 104px; }
.r4-prop--lily { left: -72px; top: 4px; width: 66px; }
.r4-prop--pelican { right: -22px; top: -46px; width: 64px; }
.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 #e2a91c; }
.r4-moment figcaption { margin: 10px 2px 0; font-size: 15px; line-height: 1.5; color: #0e6a72; }
/* G6 F2 (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--sfogliatella { left: calc(50% - 22px); top: auto; bottom: -30px; width: 44px; }
  .r4-prop--parrotfish { left: calc(36% - 24px); top: auto; bottom: -30px; width: 48px; }
  .r4-prop--lily { left: calc(64% - 22px); top: -34px; width: 44px; }
}
@media (max-width: 640px) {
  .r4-prop--taxi { right: -10px; bottom: -26px; width: 84px; }
  .r4-prop--sfogliatella { left: calc(50% - 20px); top: -32px; width: 40px; }
  .r4-prop--mask { right: -12px; top: 46%; width: 60px; }
  .r4-prop--parrotfish { left: calc(30% - 22px); bottom: -28px; width: 44px; }
  .r4-prop--crabs { right: -10px; top: -28px; width: 66px; }
  .r4-prop--lily { left: calc(66% - 20px); top: -32px; width: 40px; }
  .r4-prop--pelican { right: -6px; top: -40px; width: 44px; }
  .r4-moment { margin: 26px 0 22px; }
}
@media (prefers-color-scheme: dark) { .r4-moment figcaption { color: #7fd6dd; } .r4-prop { filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .45)); } }