/* Approved mascot artwork is decorative, in flow, and never covers controls or QR codes. */
.brand-bear{display:block;object-fit:contain;height:auto;flex:none;pointer-events:none;user-select:none}
.hero-welcome{display:flex;align-items:center;gap:16px}
.bear-welcome{width:72px}
.bear-ideas{width:180px;margin:32px 0 0 12px}
.contact-card-heading{display:flex;align-items:center;justify-content:center;gap:16px;text-align:left;padding:22px 18px}
.bear-contact{width:88px}
.contact-card-heading>div{min-width:0}
.contact-card-heading h4{font-size:22px}
.contact-role{margin-bottom:7px}
.contact-brand-en{font-size:10px;letter-spacing:.08em}
.bear-baking{width:136px;margin-top:24px}
.footer-farewell{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.bear-thanks{width:clamp(110px,15vw,220px)}
@media(max-width:1000px){
  .hero-welcome{gap:10px}
  .bear-welcome{width:60px}
  .bear-contact{width:72px}
  .contact-card-heading{gap:12px}
  .contact-card-heading h4{font-size:20px}
}
@media(max-width:680px){
  .hero-bottom{display:grid;grid-template-columns:1fr auto;gap:16px}
  .hero-bottom .explore{position:static;transform:none;align-self:end;gap:15px}
  .hero-welcome{flex-direction:column;align-items:flex-start;gap:8px}
  .bear-welcome{width:52px}
  .bear-ideas{width:112px;margin:22px 0 0 auto}
  .bear-contact{width:82px}
  .contact-card-heading{gap:14px}
  .bear-baking{width:108px;margin-top:20px}
  .footer-farewell{flex-direction:column;align-items:flex-start;gap:20px}
  .bear-thanks{width:112px;align-self:flex-end}
  .footer-bottom{margin-top:28px}
}
@media(max-width:360px){
  .bear-contact{width:64px}
  .contact-card-heading{padding:20px 14px;gap:10px}
  .contact-card-heading h4{font-size:18px}
}