/* September 30 logo: full transparent badge, without the old circular crop. */
.ptc-site .brand-logo { width: 72px; height: 72px; flex-basis: 72px; overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.ptc-site .brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.ptc-site .site-footer .brand-logo { width: 100px; height: 100px; flex-basis: 100px; }
.ptc-site .shop-logo-card { background: #14111e; padding: 20px; }
.ptc-site .shop-logo-card img { object-fit: contain; }
@media(max-width:700px) { .ptc-site .brand-logo { width: 54px; height: 54px; flex-basis: 54px; } }

/* Text-free purple mascot hero. */
.ptc-site .clubhouse-hero { height: 760px; background: radial-gradient(ellipse at 78% 35%, #4c2173 0, #241039 45%, #140f23 80%); }
.ptc-site .clubhouse-art { background-color: transparent; background-image: url('/assets/img/professor-tero-mascot-v3.webp'); background-size: auto 620px; background-position: calc(50% + 330px) top; box-shadow: none; }
.ptc-site .hero-copy, .ptc-site .hero-copy[data-reveal] { padding-top: 65px; }
.ptc-site .hero-copy h1 { color: #fff; }
.ptc-site .hero-copy .eyebrow { color: #d8b5ff; margin-left: 9px; }
.ptc-site .local-card-shop { color: #b779ee; margin-left: 9px; }
.ptc-site .hero-lede { color: #eee4fa; }
.ptc-site .hero-note { display: none; }
.ptc-site .hero-actions .button-primary { background: #9141d5; border-color: #bd83ef; color: #fff !important; }
.ptc-site .hero-actions .button-secondary, .ptc-site .hero-actions .button-tertiary { background: #f1e6ff; border-color: #c69bea; color: #352047; }
@media (max-width: 900px) {
  .ptc-site .clubhouse-hero { height: auto; }
  .ptc-site .clubhouse-art { height: 420px; background-size: auto 440px; background-position: center top; }
  .ptc-site .hero-copy, .ptc-site .hero-copy[data-reveal] { padding: 1.5rem .4rem 3rem; }
  .ptc-site .hero-copy .eyebrow { margin-inline: auto; white-space: normal; max-width: 100%; }
  .ptc-site .local-card-shop { margin-inline: auto; }
}
@media (max-width: 760px) {
  .ptc-site .clubhouse-art { height: 345px; background-size: auto 370px; }
}