/* Keep the hero layout; pink92-full-site reveals the saved page sections. */
body.pink92-header-only {
  background: #eaf1f7;
}

body.pink92-header-only:not(.pink92-full-site) #allrecords > .r:not(#rec684358380) {
  display: none !important;
}

body.pink92-header-only #rec684358380 {
  min-height: 100svh;
  overflow: hidden;
}

body.pink92-header-only #rec684358380 .t396__artboard {
  min-height: 100svh;
}

.p92-header-seated-portrait {
  position: absolute;
  z-index: 2;
  left: calc(50% - 530px);
  bottom: 48px;
  width: 370px;
  height: auto;
  pointer-events: none;
}

/* Keep the portrait grounded as the scene expands to fill taller screens. */
body.pink92-header-only #rec684358380 .tn-elem[data-elem-id="1693493140876"] {
  top: auto !important;
  bottom: 48px !important;
}

@media (min-width: 960px) and (max-width: 1199px) {
  .p92-header-seated-portrait {
    left: calc(50% - 430px);
    width: 330px;
    bottom: 39px;
  }
  body.pink92-header-only #rec684358380 .tn-elem[data-elem-id="1693493140876"] {
    bottom: 39px !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .p92-header-seated-portrait {
    left: calc(50% - 300px);
    width: 280px;
    bottom: 69px;
  }
  body.pink92-header-only #rec684358380 .tn-elem[data-elem-id="1693493140876"] {
    left: calc(50% + 10px) !important;
    width: 280px !important;
    bottom: 69px !important;
  }
}

@media (min-width: 414px) and (max-width: 639px) {
  .p92-header-seated-portrait {
    left: calc(50% - 200px);
    width: 195px;
    bottom: 108px;
  }
  body.pink92-header-only #rec684358380 .tn-elem[data-elem-id="1693493140876"] {
    left: calc(50% + 2px) !important;
    width: 200px !important;
    bottom: 108px !important;
  }
}

@media (max-width: 413px) {
  .p92-header-seated-portrait {
    left: calc(50% - 156px);
    width: 153px;
    bottom: 88px;
  }
  body.pink92-header-only #rec684358380 .tn-elem[data-elem-id="1693493140876"] {
    left: calc(50% - 1px) !important;
    width: 155px !important;
    bottom: 88px !important;
  }
}

/* Hide both the bee and its animation wrapper on phone layouts only. */
@media (max-width: 639px) {
  body.pink92-header-only #rec684358380 .tn-elem[data-elem-id="1693731089619"] {
    display: none !important;
  }
}