body>header .brand{display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;background:#fff}
body>header .brand img{width:100%;height:100%;object-fit:contain;border-radius:50%}
/* Trasladar 32 px del hueco de Halloween al encabezado rosa. */
body>header{padding-top:22px;padding-bottom:22px}
#halloween{padding-top:43px}
@media(max-width:620px){
  body>header{padding-top:14px;padding-bottom:14px}
  body>header .brand{width:86px;height:86px}
  body>header .brand img{width:100%;height:100%}
  #halloween{padding-top:32px}
}

/* La franja bajo la bienvenida comparte el rosa del encabezado y del pie. */
.method{background:#fcf0f2;border-color:#efd9dd}