.brand-logo {
  display: block;
  width: clamp(220px, 20vw, 286px);
  height: auto;
}

.brand-copy,
.brand-mark {
  display: none;
}

.hero-visual .hero-beaver {
  position: absolute;
  z-index: 4;
  right: 8px;
  top: -42px;
  width: clamp(82px, 8vw, 112px);
  height: auto;
  object-fit: contain;
  transform: scaleX(-1);
  transform-origin: center;
  filter: drop-shadow(0 12px 20px rgba(57, 43, 31, .13));
  pointer-events: none;
}

.beaver-note {
  min-width: 238px;
  padding: 10px 16px 10px 10px;
}

.beaver-note img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex: 0 0 auto;
}

.launch-panel {
  position: relative;
  overflow: hidden;
}

.launch-beaver {
  width: 116px;
  height: auto;
  display: block;
  margin: -10px auto 20px;
  object-fit: contain;
}

@media (max-width: 900px) {
  .brand-logo { width: 220px; }
  .hero-visual .hero-beaver {
    right: 2px;
    top: -34px;
    width: 88px;
  }
}

@media (max-width: 620px) {
  .brand-logo { width: 188px; }
  .hero-visual .hero-beaver {
    right: 0;
    top: -26px;
    width: 72px;
  }
  .beaver-note {
    min-width: 0;
    max-width: 220px;
  }
  .launch-beaver { width: 96px; }
}