/* Homepage welcome: always visible, no timers or dismiss controls. */
#home.hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(24px,4vw,70px); align-items:center; }
#home .hero-content { grid-column:1; grid-row:1; min-width:0; max-width:100%; }
#home h1 { font-size:clamp(3.4rem,6.2vw,6.7rem); }
#home .hero-logo { width:min(100%,480px); }
.home-welcome { grid-column:2; grid-row:1; position:relative; z-index:2; width:100%; max-width:560px; justify-self:center; align-self:center; }
.home-welcome-bubble { position:relative; z-index:1; width:92%; box-sizing:border-box; margin:0 auto 28px; padding:24px 18px; text-align:center; font-family:"Fredoka","Nunito",system-ui,sans-serif; font-size:clamp(1.7rem,3vw,3rem); line-height:1.1; font-weight:600; color:#264b29; background:#fff8df; border:4px solid #d4b657; border-radius:36px; box-shadow:0 9px 0 #75582e,0 20px 38px #0005; }
.home-welcome-bubble strong { color:#38691f; font-size:1.25em; }
.home-welcome-bubble::after { content:""; position:absolute; right:29%; bottom:-19px; width:29px; height:29px; background:#fff8df; border-right:4px solid #d4b657; border-bottom:4px solid #d4b657; transform:rotate(45deg); border-radius:0 0 6px 0; }
/* Frame the mascot region of the supplied transparent sprite sheet. */
.home-welcome-portrait { position:relative; overflow:hidden; width:100%; aspect-ratio:548 / 450; filter:drop-shadow(0 16px 18px #0005); }
.home-welcome-portrait img { position:absolute; display:block; width:268.0657%; max-width:none; height:auto; left:-79.0146%; top:-135.7778%; }
@media(max-width:900px) {
  #home.hero { grid-template-columns:minmax(0,1fr); gap:30px; padding-top:125px; padding-bottom:64px; }
  #home .home-welcome { grid-column:1; grid-row:1; width:min(100%,400px); }
  #home .hero-content { grid-column:1; grid-row:2; }
  .home-welcome-bubble { font-size:clamp(1.7rem,6vw,2.5rem); padding:18px 14px; margin-bottom:24px; }
  #home h1 { font-size:clamp(3rem,12vw,5rem); }
  #home .hero-scroll { display:none; }
}