/* Heading sizes: 92.5% of the previous scale, 2026-10-24. */
/* A font-independent typographic wordmark, drawn as vector letterforms. */
.header .brand{position:absolute;left:24px!important;top:13px!important;transform:none!important;display:block;width:90px;max-width:calc(100% - 155px);height:auto;line-height:1}
.brand .brand-wordmark{display:block;width:100%;height:auto;overflow:visible}
.footer-wordmark .brand-wordmark{display:block;width:174px;height:auto;overflow:visible}

/* Larger type and a lightly overlapping mascot keep the opening expressive. */
.hero.two26-hero{padding:105px 24px 30px}
.hero .hero-heading{width:100%;max-width:820px;padding-top:17px;margin:0 auto}
.hero #hero-title{font-size:clamp(40.7px,min(7.955vw,9.435svh),101.75px);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:800}
.hero .sticker-one{top:-13px;left:18%;font-size:10px;padding:10px 17px}
.hero .sticker-two{left:2%;top:49%;font-size:10px;padding:10px 17px}
.hero .sticker-three{right:0;bottom:-10px;font-size:10px;padding:10px 17px}
.hero .hero-heading{z-index:1}
.hero .hero-stage{width:560px;max-width:88vw;height:clamp(280px,46svh,395px);margin:-35px auto 0;z-index:2}
.hero .hero-owl{width:100%;height:100%;top:0;left:0}
.hero .owl-bubble{right:-10px;bottom:17px;padding:13px 17px;border-radius:24px}
.hero .owl-bubble>span:last-child{font-size:18px;letter-spacing:-.6px;line-height:1.08}
.hero .owl-bubble .tiny{font-size:7px;margin-bottom:7px}
.hero .owl-caption{left:-20px;bottom:24px;font-size:8px;max-width:145px}
.hero .hero-bottom-copy p{font-size:13px;line-height:1.6;margin:10px auto 16px;max-width:600px}
.hero .hero-bottom-copy .button{min-height:48px;font-size:12px}
.hero .hero-loop{top:140px;height:400px;width:270px}
.hero .loop-left{left:-185px}
.hero .loop-right{right:-175px}

@media(min-width:1200px){.hero .hero-stage{width:640px}.hero .owl-caption{left:-30px}.hero .owl-bubble{right:-12px;bottom:24px}}
@media(max-width:600px){
  .header .brand{left:18px!important;top:12px!important;width:82px;max-width:calc(100% - 140px)}
  .footer-wordmark .brand-wordmark{width:145px}
  .hero.two26-hero{padding:111px 20px 25px}
  .hero .hero-heading{padding-top:18px}
  .hero #hero-title{font-size:clamp(37px,10.6375vw,59.2px);line-height:1.04;letter-spacing:-.04em}
  .hero .sticker-one{top:-15px;left:calc(50% - 80px);font-size:8px;padding:9px 14px}
  .hero .sticker-two{left:-5px;top:calc(100% + 70px);bottom:auto;font-size:8px;padding:9px 13px}
  .hero .sticker-three{right:-5px;top:calc(100% + 70px);bottom:auto;font-size:8px;padding:9px 13px}
  .hero .hero-stage{width:360px;max-width:94vw;height:clamp(270px,39svh,370px);margin:-30px auto 0}
  .hero .owl-bubble{right:-6px;bottom:16px;padding:10px 13px;border-radius:20px}
  .hero .owl-bubble>span:last-child{font-size:14px;line-height:1.08}
  .hero .owl-bubble .tiny{font-size:6px}
  .hero .owl-bubble b{font-size:16px;margin-left:5px}
  .hero .owl-caption{left:-8px;bottom:14px;font-size:6px;max-width:110px}
  .hero .hero-bottom-copy p{font-size:12px;line-height:1.6;max-width:350px;margin:8px auto 15px}
  .hero .hero-bottom-copy p br{display:none}
  .hero .hero-bottom-copy .button{font-size:11px;min-height:47px}
}
@media(max-height:680px) and (min-width:601px){.hero.two26-hero{padding-top:92px}.hero #hero-title{font-size:clamp(38.85px,7.77svh,64.75px)}.hero .hero-stage{height:280px;margin-top:-30px}}