.mascot-page__content{gap:1rem}.mascot-page__hero{position:relative;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(18rem,21rem);gap:.95rem;overflow:hidden;padding:1.2rem}.mascot-page__hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 20%,rgba(105,211,255,.12),transparent 24%),radial-gradient(circle at 86% 18%,rgba(255,174,0,.12),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.028),transparent 42%);pointer-events:none}.mascot-page__hero-copy,.mascot-page__hero-side,.mascot-page__principles article,.mascot-stage,.mascot-stage__footer-note,.mascot-stage__hero-note,.mascot-stage__presence,.mascot-stage__story-card,.mascot-stage__voice-card{position:relative;z-index:1}.mascot-page__hero-copy{display:grid;gap:.75rem;align-content:start;justify-items:start;max-width:42rem;padding:.45rem .35rem .2rem .2rem}.mascot-page__hero-copy .info-title{max-width:10.8ch;margin:0;font-size:clamp(2.2rem,3.7vw,3.35rem);line-height:1;letter-spacing:-.04em;text-wrap:pretty}.mascot-page__hero-copy .info-copy{max-width:32rem;margin:0;font-size:.95rem;line-height:1.58;text-wrap:pretty}.mascot-page__hero-rules,.mascot-stage__presence-grid,.mascot-stage__tone{display:flex;flex-wrap:wrap;gap:.65rem}.mascot-page__hero-rules span,.mascot-stage__presence-grid span,.mascot-stage__tone span{display:inline-flex;align-items:center;min-height:2.15rem;padding:.38rem .82rem;border-radius:.92rem;border:1px solid rgba(163,193,222,.14);background:rgba(255,255,255,.045);color:var(--ink-soft);font-size:.79rem;font-weight:700;line-height:1.24}.mascot-page__hero-side{display:grid;gap:.7rem;align-content:center;align-self:stretch}.mascot-page__hero-select{display:grid;gap:.35rem;padding:.88rem .95rem;border-radius:1.2rem;border:1px solid rgba(163,193,222,.14);background:linear-gradient(180deg,rgba(9,20,35,.9),rgba(6,14,26,.76)),rgba(255,255,255,.03);color:var(--ink-soft);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;align-content:start}.mascot-page__hero-select--adrija{background:radial-gradient(circle at top right,rgba(105,211,255,.15),transparent 34%),linear-gradient(180deg,rgba(9,20,35,.9),rgba(6,14,26,.76)),rgba(255,255,255,.03)}.mascot-page__hero-select--margu{background:radial-gradient(circle at top right,rgba(255,174,0,.15),transparent 34%),linear-gradient(180deg,rgba(9,20,35,.9),rgba(6,14,26,.76)),rgba(255,255,255,.03)}.mascot-page__hero-select.is-active,.mascot-page__hero-select:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(5,15,28,.18)}.mascot-page__hero-select.is-active{border-color:rgba(255,209,102,.24)}.mascot-page__hero-select span{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.82rem;border:1px solid rgba(105,211,255,.2);background:rgba(105,211,255,.08);color:var(--brand-cyan);font-size:.82rem;font-weight:800}.mascot-page__hero-select--margu span{border-color:rgba(255,174,0,.22);background:rgba(255,174,0,.09);color:var(--brand-gold)}.mascot-page__hero-select strong,.mascot-page__principles strong,.mascot-stage__footer-note strong,.mascot-stage__hero-note strong,.mascot-stage__voice-card strong{color:var(--ink-strong)}.mascot-page__hero-select strong{font-size:.98rem;line-height:1.18}.mascot-page__hero-select p,.mascot-page__principles p,.mascot-stage__footer-note p,.mascot-stage__hero-copy p,.mascot-stage__hero-note p,.mascot-stage__story-card p,.mascot-stage__voice-card p{margin:0;color:var(--ink-soft);line-height:1.56;text-wrap:pretty}.mascot-page__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.mascot-page__principles article{display:grid;gap:.42rem;padding:.88rem .95rem;border-radius:1.15rem;border:1px solid rgba(163,193,222,.14);background:linear-gradient(180deg,rgba(8,18,31,.8),rgba(6,13,23,.72)),rgba(255,255,255,.03);align-content:start}.mascot-page__principles span,.mascot-stage__eyebrow,.mascot-stage__hero-note span,.mascot-stage__presence span:first-child,.mascot-stage__spark,.mascot-stage__speech span,.mascot-stage__story-card span,.mascot-stage__voice-card span{color:var(--brand-cyan);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mascot-stage{display:grid;gap:.95rem;padding:1.1rem;border-radius:var(--radius-lg);border:1px solid rgba(163,193,222,.16);box-shadow:inset 0 0 0 1px rgba(161,205,255,.08),0 26px 48px rgba(3,11,21,.24)}.mascot-stage--adrija{background:radial-gradient(circle at top right,rgba(105,211,255,.16),transparent 30%),linear-gradient(180deg,rgba(8,18,31,.95),rgba(6,13,23,.88)),rgba(255,255,255,.03)}.mascot-stage--margu{background:radial-gradient(circle at top right,rgba(255,174,0,.16),transparent 30%),linear-gradient(180deg,rgba(8,18,31,.95),rgba(6,13,23,.88)),rgba(255,255,255,.03)}.mascot-stage__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,21rem);gap:.85rem;align-items:end}.mascot-stage__hero-copy{display:grid;gap:.45rem;justify-items:start}.mascot-stage__hero-copy h2{margin:0;font-size:clamp(2.55rem,4.2vw,3.9rem);line-height:.9;letter-spacing:-.05em;text-wrap:balance}.mascot-stage__hero-copy p{max-width:56ch}.mascot-stage__hero-note{display:grid;gap:.38rem;align-content:start;padding:.9rem;border-radius:1.15rem;border:1px solid rgba(163,193,222,.14);background:rgba(255,255,255,.035)}.mascot-stage__hero-note strong{font-size:1.02rem;line-height:1.3}.mascot-stage__body{display:grid;grid-template-columns:minmax(19rem,.92fr) minmax(18rem,.88fr);gap:.9rem;align-items:start}.mascot-stage__info-column,.mascot-stage__visual-column{display:grid;gap:.72rem}.mascot-stage__info-column{align-content:start}.mascot-stage__topline{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.mascot-stage__tone span{border-color:rgba(105,211,255,.18);background:rgba(105,211,255,.08);color:var(--brand-cyan)}.mascot-stage--margu .mascot-stage__presence span:first-child,.mascot-stage--margu .mascot-stage__spark,.mascot-stage--margu .mascot-stage__speech span,.mascot-stage--margu .mascot-stage__story-card span,.mascot-stage--margu .mascot-stage__voice-card span{color:var(--brand-gold)}.mascot-stage__crest{display:flex;gap:.46rem}.mascot-stage__crest span{width:2.35rem;height:.28rem;border-radius:999px;background:linear-gradient(90deg,rgba(105,211,255,.26),rgba(255,255,255,.72),rgba(47,224,165,.3))}.mascot-stage--margu .mascot-stage__crest span{background:linear-gradient(90deg,rgba(255,174,0,.24),rgba(255,255,255,.72),rgba(105,211,255,.28))}.mascot-stage__canvas{position:relative;overflow:hidden;min-height:27rem;border-radius:1.7rem;border:1px solid rgba(163,193,222,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 12%),radial-gradient(circle at 50% 18%,rgba(255,255,255,.06),transparent 26%),linear-gradient(180deg,rgba(9,20,35,.9),rgba(5,13,25,.82))}.mascot-stage__canvas:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 18%,transparent 82%,rgba(255,255,255,.02)),radial-gradient(circle at 20% 18%,rgba(105,211,255,.08),transparent 22%),radial-gradient(circle at 82% 82%,rgba(255,174,0,.08),transparent 18%);pointer-events:none}.mascot-stage__canvas--adrija{box-shadow:inset 0 0 0 1px rgba(109,215,255,.05)}.mascot-stage__canvas--margu{box-shadow:inset 0 0 0 1px rgba(255,183,89,.05)}.mascot-stage__svg{position:relative;z-index:1;display:block;width:min(100%,25.5rem);height:auto;margin:1.7rem auto .4rem}.mascot-stage__speech{position:absolute;z-index:3;top:.95rem;left:.95rem;max-width:min(23rem,calc(100% - 1.9rem));display:grid;gap:.34rem;padding:.82rem .9rem;border-radius:1.1rem;border:1px solid rgba(163,193,222,.14);background:rgba(8,18,31,.76);backdrop-filter:blur(10px);text-align:left}.mascot-stage__speech strong{color:var(--ink-strong);font-size:.9rem;line-height:1.46}.mascot-stage__hotspot{position:absolute;z-index:4;border:none;border-radius:1rem;background:transparent;cursor:pointer}.mascot-stage__hotspot:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .16s ease,background .16s ease}.mascot-stage__hotspot.is-active:after,.mascot-stage__hotspot:focus-visible:after,.mascot-stage__hotspot:hover:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.mascot-stage__hotspot span{position:absolute;left:50%;bottom:calc(100% + .3rem);transform:translateX(-50%);padding:.3rem .54rem;border-radius:.78rem;border:1px solid rgba(163,193,222,.18);background:rgba(6,14,26,.88);color:var(--ink-soft);font-size:.72rem;opacity:0;pointer-events:none;transition:opacity .16s ease;white-space:nowrap}.mascot-stage__hotspot:focus-visible span,.mascot-stage__hotspot:hover span{opacity:1}.mascot-stage__hotspot:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}.mascot-stage__controls,.mascot-stage__footer-note,.mascot-stage__presence,.mascot-stage__story-card,.mascot-stage__voice-card{display:grid;gap:.42rem;align-content:start;padding:.88rem .95rem;border-radius:1.1rem;border:1px solid rgba(163,193,222,.14);background:rgba(255,255,255,.04)}.mascot-stage__controls span,.mascot-stage__presence span:first-child,.mascot-stage__story-card span,.mascot-stage__voice-card span{color:var(--brand-cyan);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mascot-stage--margu .mascot-stage__controls span,.mascot-stage--margu .mascot-stage__presence span:first-child,.mascot-stage--margu .mascot-stage__story-card span,.mascot-stage--margu .mascot-stage__voice-card span{color:var(--brand-gold)}.mascot-stage__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.mascot-stage__legend button{min-height:2.55rem;padding:.52rem .76rem;border-radius:.98rem;border:1px solid rgba(163,193,222,.14);background:rgba(255,255,255,.04);color:var(--ink-soft);font-size:.76rem;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease}.mascot-stage__legend button.is-active,.mascot-stage__legend button:hover{color:var(--ink-strong);border-color:rgba(105,211,255,.24);background:rgba(105,211,255,.1);box-shadow:0 10px 18px rgba(5,15,28,.16);transform:translateY(-1px)}.mascot-stage--margu .mascot-stage__legend button.is-active,.mascot-stage--margu .mascot-stage__legend button:hover{border-color:rgba(255,174,0,.22);background:rgba(255,174,0,.1)}.mascot-stage__voice-card strong{font-size:.98rem;line-height:1.34}.mascot-stage__footer-note strong{font-size:1rem}.mascot-page__cta{display:grid;gap:.72rem}@media (max-width:1180px){.mascot-page__hero,.mascot-stage__body,.mascot-stage__hero{grid-template-columns:1fr}.mascot-page__hero-copy .info-title{max-width:15ch}.mascot-page__principles{grid-template-columns:1fr}}@media (max-width:860px){.mascot-stage__topline{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.mascot-page__hero,.mascot-stage{padding:.92rem}.mascot-page__hero-copy .info-title{font-size:clamp(2.35rem,10vw,3.35rem)}.mascot-stage__canvas{min-height:24.5rem}.mascot-stage__speech{max-width:none;right:1rem}}@media (max-width:640px){.mascot-page__hero-select,.mascot-page__principles article,.mascot-stage__footer-note,.mascot-stage__hero-note,.mascot-stage__presence,.mascot-stage__story-card,.mascot-stage__voice-card{padding:.82rem .88rem}.mascot-page__hero-rules span,.mascot-stage__presence-grid span,.mascot-stage__tone span{min-height:2rem;padding:.34rem .7rem}.mascot-stage__canvas{min-height:22rem}.mascot-stage__speech{left:.9rem;right:.9rem;top:.9rem;padding:.88rem}.mascot-stage__legend{grid-template-columns:1fr}}