.brand-intro{display:none;position:fixed;inset:0;z-index:180;overflow:hidden;background:#fff;color:#243a43;isolation:isolate}
.intro-pending .brand-intro,.brand-intro.is-active{display:grid;place-items:center}
html.intro-pending,html.intro-running{overflow:hidden}
.intro-eyebrow{position:absolute;top:36px;left:44px;margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#526a73}
.intro-skip{position:absolute;z-index:4;right:34px;top:24px;padding:13px 12px;display:flex;gap:26px;align-items:center;border:0;background:transparent;border-bottom:1px solid #d7e9eb;color:#243a43;font-size:13px;min-height:44px}
.intro-skip:hover{border-color:#ff6a00}.intro-skip span{font-size:21px}
.intro-stage{width:min(1050px,82vw);display:grid;grid-template-columns:1.85fr 1fr;gap:35px;align-items:center;position:relative;transform:translateY(-12px)}
.intro-word{position:relative;z-index:2;min-width:0}.intro-word>svg{width:100%;display:block;overflow:visible;mix-blend-mode:multiply}.intro-letter{opacity:0}
.intro-tagline{font-size:15px;letter-spacing:.025em;margin:25px 0 0 6px;color:#526a73;opacity:0}
.intro-cat-position{position:relative;will-change:transform;transform-origin:50% 38%;z-index:3}
.intro-cat{padding:0;border:0;background:none;width:100%;display:block;cursor:pointer;transform-origin:50% 90%;-webkit-tap-highlight-color:transparent}
.intro-cat svg{display:block;overflow:visible;width:100%;height:auto}.intro-paw{transform-origin:860px 805px}.intro-wink{transform-origin:707px 430px}
.intro-foot{position:absolute;bottom:34px;left:44px;right:44px;display:flex;align-items:center;gap:35px;font-size:11px;letter-spacing:.04em;color:#526a73}
.intro-hint{margin-left:auto}.intro-progress{display:block;width:110px;height:2px;background:#e8f2f3;overflow:hidden}.intro-progress i{display:block;width:100%;height:100%;background:#ff6a00;transform:scaleX(0);transform-origin:left}
.intro-replay{font:inherit;font-size:11px;border:0;background:transparent;padding:0;color:inherit;cursor:pointer}.intro-replay:hover{text-decoration:underline}
.brand-intro.is-exiting .intro-cat{pointer-events:none}
@media(max-width:700px){.intro-stage{width:min(540px,86vw);grid-template-columns:1fr;gap:20px;justify-items:center;transform:translateY(8px)}.intro-cat-position{grid-row:1;width:min(230px,49vw)}.intro-word{width:100%;text-align:center}.intro-tagline{font-size:12px;letter-spacing:0;margin:20px 0 0}.intro-eyebrow{left:22px;top:27px;max-width:145px;font-size:9px}.intro-skip{right:14px;top:17px;font-size:11px;gap:12px}.intro-foot{left:23px;right:23px;bottom:25px;gap:20px;font-size:10px}.intro-hint{display:none}.intro-progress{margin-left:auto;width:75px}}
@media(max-height:560px) and (min-width:701px){.intro-stage{width:min(760px,74vw)}.intro-tagline{margin-top:8px}.intro-foot{bottom:18px}.intro-eyebrow{top:23px}.intro-skip{top:10px}}
@media(prefers-reduced-motion:reduce){.intro-pending .brand-intro{display:none}.intro-letter,.intro-tagline{opacity:1}.intro-cat-position{will-change:auto}}

.intro-skip:focus-visible{outline:2px solid #479DC2;outline-offset:3px;border-radius:4px}

.intro-lid{opacity:0}
