.holdy-bot{object-fit:contain;filter:drop-shadow(0 8px 7px #07176820)}
.holdy-bot.is-visible{animation:none}
.holdy-game .game-smile canvas.holdy-bot{width:90px;height:90px;max-width:90px;flex:0 0 90px;aspect-ratio:auto;background:transparent}
.mascot-categories{position:relative}.mascot-categories .category-grid{position:relative;isolation:isolate}.mascot-categories .category-tile{position:relative;z-index:2}.holdy-bot{display:block;width:90px;height:90px}
.mascot-categories .section-heading{margin-bottom:100px}
.mascot-categories .mascot-peek{position:absolute;right:20px;top:-91px;display:block;width:216px;height:187px;max-width:none;pointer-events:none;z-index:1;clip-path:none;transform:none;transform-origin:bottom center}
.mascot-promenade{position:relative;width:100%;max-width:none;margin-left:0;margin-right:0;overflow:hidden;pointer-events:none;margin-top:-20px;margin-bottom:10px;height:170px}
.wrap.mascot-promenade{width:100vw;margin-left:calc(50% - 50vw)}
.mascot-promenade canvas{display:block;position:static;left:auto;width:100%;max-width:none;height:170px;aspect-ratio:auto}.hub-bot{width:150px!important;height:160px!important}
@media(max-width:700px){.mascot-categories .section-heading{margin-bottom:80px}.mascot-categories .mascot-peek{right:4px;top:-69px;width:164px;height:142px}.mascot-promenade{height:150px;margin-top:0}.mascot-promenade canvas{width:100%;max-width:none;height:150px;left:auto}.hub-bot{width:120px!important;height:130px!important}}
@media(prefers-reduced-motion:reduce){.mascot-peek{transform:none}}
.brand-about .brand-about-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:center}
.brand-about .brand-about-copy{position:relative;z-index:1;min-width:0}
.brand-about h1{font-size:clamp(42px,4.8vw,72px);line-height:1.08;letter-spacing:-.045em;max-width:700px}
.brand-about .brand-about-copy p{font-size:clamp(18px,1.6vw,22px);line-height:1.6;max-width:620px;margin:26px 0 32px}
.brand-greeting{position:relative;isolation:isolate;min-width:0;width:100%;max-width:520px;justify-self:center;display:flex;flex-direction:column;align-items:center}
.brand-greeting::before{content:"";position:absolute;z-index:-1;inset:18% 0 4%;border-radius:50%;background:radial-gradient(ellipse,#334fff60,transparent 68%);pointer-events:none}
.greeting-mascot{display:block;width:100%;height:auto;aspect-ratio:520/500;filter:drop-shadow(0 22px 18px #03083445)}
.greeting-bubble{position:absolute;top:1%;left:15%;z-index:1;padding:16px 28px;border-radius:28px 28px 28px 8px;background:#fff;color:#0c1675;font-size:clamp(24px,2.3vw,34px);font-weight:700;line-height:1.15;box-shadow:0 12px 30px #030b4020;transform:rotate(-6deg)}
.greeting-bubble::after{content:"";position:absolute;left:28px;bottom:-12px;width:22px;height:24px;background:#fff;clip-path:polygon(0 0,100% 0,85% 100%)}
.greeting-name{margin-top:-20px;color:#c0c8ff;font-size:15px;line-height:1.5;text-align:center}
.company-block>.text-link{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1000px){.brand-about h1{font-size:clamp(38px,5vw,54px)}.brand-about .brand-about-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.brand-about .brand-about-copy p{font-size:18px}.greeting-bubble{left:8%;padding:14px 22px}}
@media(max-width:700px){.brand-about{padding:44px 0 30px}.brand-about .brand-about-grid{grid-template-columns:1fr;gap:24px}.brand-about h1{font-size:clamp(32px,8.5vw,48px);letter-spacing:-.04em}.brand-about .brand-about-copy p{margin:22px 0 26px;font-size:17px}.brand-greeting{max-width:350px}.greeting-bubble{top:1%;left:14%;font-size:25px;padding:13px 23px}.greeting-name{margin-top:-14px;font-size:14px}}
