/* Entrada para as famílias: os três sites vêm antes dos textos de contexto. */
.family-header{position:relative;background:#fff}
.family-header>p{font-size:12px;color:var(--muted)}
.families-page .hero{padding-top:48px}
.families-page .hero-heading{margin-bottom:36px}
.families-page .hero-intro p{margin-bottom:0}
.families-page .gateway h3{font-size:clamp(27px,2.7vw,39px)}
.families-page .gateway-projects .icon-composition{width:37%;right:-1%;top:74px}
.families-page .process-drawing{font-size:20px;right:18px;top:85px}
.families-page .process-section{padding-block:72px}
.families-page .memory-section{padding-block:75px}
.families-page .memory-figure>img{max-height:340px;aspect-ratio:1.25;object-position:50% 40%}
.families-page .memory-figure blockquote{font-size:30px;margin-top:24px}
.family-footer-links{display:grid;gap:12px}
@media(max-width:1000px){
  .family-header>p{display:none}
  .families-page .gateway{padding:22px;min-height:275px}
  .families-page .gateway h3{font-size:29px}
  .families-page .process-drawing{font-size:18px;right:12px;top:155px;gap:0 9px}
}
@media(max-width:700px){
  .family-header{padding-block:16px}
  .family-header>p{display:block;margin-left:auto;font-size:11px}
  .families-page .hero{padding-top:30px}
  .families-page .hero-heading{gap:22px;margin-bottom:28px}
  .families-page h1{font-size:76px}
  .families-page .hero-intro h2{font-size:27px}
  .families-page .hero-intro p{font-size:14px;line-height:1.6;margin-top:14px}
  .families-page .gateway{min-height:172px;padding:21px}
  .families-page .gateway h3{font-size:29px;max-width:65%;margin-top:14px}
  .families-page .gateway-bottom{padding-top:19px;font-size:11px}
  .families-page .gateway-projects .icon-composition{width:30%;right:6%;top:12px;max-width:110px}
  .families-page .process-drawing{top:37px;right:9%;font-size:21px;gap:3px 12px}
  .families-page .hero-foot{gap:8px}
  .families-page .process-section,.families-page .memory-section{padding-block:52px}
  .families-page .memory-figure>img{max-height:300px}
}
@media(max-width:350px){
  .family-header>p{font-size:10px}
  .families-page h1{font-size:68px}
  .families-page .gateway h3{font-size:26px}
  .families-page .process-drawing{right:6%;font-size:18px}
}