.mascot-welcome{display:flex;align-items:center;gap:15px;margin-top:25px;max-width:430px;border:1px solid #383840;border-radius:10px;padding:10px 18px 10px 8px;background:#19191c;transition:border-color .25s}.mascot-welcome:hover{border-color:var(--red)}.mascot-welcome img{width:75px;height:85px;object-fit:contain}.mascot-welcome strong{font-size:.85rem;display:block;line-height:1.4}.mascot-welcome small{display:block;margin-top:5px;font-size:.75rem;color:#aeb3bd}.hero-foot{margin-top:25px}.mascot-section{background:#0e0e11;overflow:hidden}.mascot-story{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.mascot-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:570px;isolation:isolate}.mascot-stage>img{height:560px;width:100%;object-fit:contain;z-index:1;animation:mascot-bob 6s ease-in-out infinite}.mascot-halo{position:absolute;width:350px;height:350px;border-radius:50%;background:#e51e3d14;border:1px solid #e51e3d3b}.mascot-halo:after{content:'';position:absolute;inset:-35px;border:1px solid #ffffff0e;border-radius:50%}.mascot-sign{position:absolute;bottom:10px;font-size:.65rem;letter-spacing:.12em;color:#aaaeb7;z-index:2}.mascot-copy h2{font-size:clamp(2.8rem,4.8vw,4.8rem);margin-bottom:20px}.mascot-copy h3{font-size:1.5rem;margin:30px 0 18px}.mascot-copy>p:not(.eyebrow){color:#b3b7c0;font-size:1rem;margin-bottom:18px}.mascot-copy .mascot-proposal{color:#ff8b9e!important;font-size:.75rem!important;border-left:2px solid var(--red);padding-left:12px}.family-intro{margin-top:90px;padding-top:55px;border-top:1px solid #33343c}.family-intro h2{font-size:3.5rem;max-width:800px}.family-intro>p:last-child{max-width:720px;color:#aeb4bf;margin-top:25px}.family-selector{display:flex;gap:9px;flex-wrap:wrap;margin:35px 0}.family-button{background:0 0;border:1px solid #4a4d57;color:#c8cdd5;border-radius:100px;padding:11px 18px;font-size:.9rem;transition:background .25s,color .25s}.family-button:hover{border-color:#ff839b}.family-button.selected{background:var(--red);color:#fff;border-color:var(--red)}.family-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:center;border:1px solid #393c45;border-radius:14px;background:#191a20;padding:35px}.family-character{text-align:center}.family-character img{height:340px;object-fit:contain}.family-character p{color:#949dab;font-size:.75rem;margin-top:15px}.family-detail article{padding:15px}.family-detail .pill{color:#ff8aa2;border-color:#763d4e}.family-detail h3{font-size:3rem;margin:25px 0 20px}.family-detail article>p{color:#b4bdcb;max-width:490px}.personality-traits{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.personality-traits span{color:#f8bbc8;background:#e51e3d12;border:1px solid #e51e3d25;padding:7px 12px;font-size:.8rem;border-radius:5px}.family-voice{border-top:1px solid #3c404b;margin-top:25px;padding-top:20px}.family-voice small{font-size:.65rem;letter-spacing:.12em;color:#929cab}.family-voice p{font-size:1.25rem;margin-top:12px;max-width:490px}.family-detail article>.family-note{font-size:.75rem;color:#929cab;margin-top:25px}.mascot-bottom{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;margin-top:40px;padding-top:30px;border-top:1px solid #33343c}.mascot-bottom strong{font-size:1.2rem;line-height:1.3}.mascot-bottom p{color:#a5adba;font-size:.95rem}.mascot-bottom a{justify-self:start}.nav nav{gap:23px}@keyframes mascot-bob{50%{transform:translateY(-9px) rotate(1deg)}}@media(max-width:1000px){.mascot-story{gap:35px}.mascot-stage{min-height:490px}.mascot-stage>img{height:470px}.nav nav{gap:16px;font-size:.8rem}}@media(max-width:700px){.mascot-story,.family-detail,.mascot-bottom{grid-template-columns:1fr;gap:25px}.mascot-stage{min-height:350px}.mascot-stage>img{height:350px}.mascot-halo{width:240px;height:240px}.mascot-sign{bottom:0;font-size:.58rem}.mascot-copy h2{font-size:3rem}.family-intro{margin-top:50px;padding-top:35px}.family-intro h2{font-size:2.5rem}.family-selector{gap:8px}.family-button{font-size:.8rem;padding:10px 14px}.family-detail{padding:20px;gap:10px}.family-character img{height:250px}.family-detail h3{font-size:2.3rem}.family-detail article{padding:15px 5px}.mascot-bottom{gap:20px}.mascot-welcome{margin-top:25px}.nav nav{gap:22px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){.mascot-stage>img{animation:none}}@media(min-width:701px){.nav nav{gap:18px;font-size:.85rem}.nav .brand-logo{width:185px}}@media(min-width:701px) and (max-width:1000px){.nav nav{gap:12px;font-size:.75rem}.nav .brand-logo{width:150px}.nav .btn.small{padding:10px 14px}}.nav nav a[aria-current=page]{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:5px}