/* FurBrainia: "A friend for the whole day". Every rule is scoped to .fbd so it won't affect the rest of the site. */
.fbd{
  --fbd-night:#0F2E38; --fbd-cream:#FBF3E6; --fbd-soft:rgba(251,243,230,.82);
  padding:clamp(5rem,12vh,8rem) 6vw; text-align:center; color:var(--fbd-cream);
  font-family:"Hanken Grotesk", "Segoe UI", system-ui, sans-serif; line-height:1.55;
  background:linear-gradient(var(--fbd-night), #143a47 60%, var(--fbd-night));
}
.fbd *,.fbd *::before,.fbd *::after{box-sizing:border-box}
.fbd h2{margin:0 auto; max-width:30rem; font-weight:800; letter-spacing:-.015em; line-height:1.12; font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem); text-wrap:balance; color:inherit}
.fbd-windows{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.2rem,3vw,2.5rem); max-width:64rem; margin:3rem auto 0; padding:0; list-style:none}
.fbd-frame{position:relative; aspect-ratio:3/4; border-radius:999px 999px 28px 28px; overflow:hidden; box-shadow:0 0 0 6px rgba(251,243,230,.08)}
.fbd-frame img{position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; display:block}
.fbd-win h3{margin:1.1rem 0 .3rem; font-weight:800; font-size:1.3rem; color:inherit}
.fbd-win p{margin:0 auto; max-width:19rem; color:var(--fbd-soft)}
.fbd-parents{margin:3rem auto 0; max-width:32rem; font-size:clamp(1.1rem,1rem + .4vw,1.3rem); color:var(--fbd-soft)}
@media (max-width:760px){ .fbd-windows{grid-template-columns:1fr; max-width:20rem} }