/* Family-at-sea illustration, integrated with the Black overview */
.black-page #s1{position:relative;isolation:isolate;overflow:hidden;padding:48px 36px;margin-top:30px;border:1px solid #d0b78430;border-radius:14px;background:#111313;box-shadow:inset 0 1px 0 #fff08}
.black-page #s1:before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/black-family159.webp") center right/cover no-repeat;opacity:.72;filter:saturate(.35)}
.black-page #s1:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0d0ded,#0b0d0dad 55%,#0b0d0d40),linear-gradient(0deg,#0b0d0de6,transparent 65%)}
.black-page #s1 h3{color:#faf6ec;word-break:keep-all;text-wrap:balance}
.black-page #s1 p{color:#e0ded7;word-break:keep-all;line-height:1.9;text-shadow:0 1px 8px #0008}
.black-page #s1 .stat{background:linear-gradient(130deg,#161b1bc9,#171816b8);backdrop-filter:blur(9px);border:1px solid #d8c29d45;box-shadow:inset 0 1px 0 #fff0f;border-radius:8px}
.black-page #s1 .stat b{color:#e5d2ac}.black-page #s1 .stat span{color:#e0ddd5}
@media(max-width:700px){.black-page #s1{padding:32px 20px 28px;margin-top:20px;border-radius:12px}.black-page #s1:before{background-position:68% center;opacity:.65}.black-page #s1:after{background:linear-gradient(180deg,#0b0d0daa,#0b0d0d66 35%,#0b0d0db8 70%,#0b0d0de0),linear-gradient(90deg,#0b0d0d9c,#0b0d0d35)}.black-page #s1 h3{font-size:clamp(25px,7vw,31px);line-height:1.5}.black-page #s1 p{font-size:15px;line-height:1.9}.black-page #s1 .stats{gap:12px}.black-page #s1 .stat{padding:20px 18px}.black-page #s1 .stat b{font-size:25px}.black-page #s1 .stat span{font-size:14px}}