/* Reusable mascot illustrations; logos remain independent official assets. */
.mascot-art{margin:0;min-width:0;pointer-events:none}
.mascot-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.mascot-home{width:100%;max-width:540px;margin:auto}
.hero-art:has(.mascot-home){justify-content:center;gap:0}
.intro-with-mascot{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,290px);align-items:center;gap:48px}
.intro-with-mascot .intro-copy{min-width:0}
.intro-with-mascot h1{max-width:850px}
.mascot-intro{width:100%;max-width:270px;justify-self:end}
.intro-privacy{grid-template-columns:minmax(0,1fr) 190px}
.intro-privacy .mascot-intro{max-width:180px}
.path-visual{display:flex;align-items:flex-start;gap:16px;min-width:0}
.path-visual .path-number{flex:none}
.mascot-path{max-width:170px;width:65%;align-self:center}
.row-title{display:grid;grid-template-columns:minmax(0,1fr) 100px;column-gap:14px;align-items:start}
.row-title>.eyebrow{grid-column:1;grid-row:1}
.row-title>h2{grid-column:1;grid-row:2}
.mascot-project-thumb{grid-column:2;grid-row:1 / span 2;width:100px;height:112px;margin:0}
.mascot-project-thumb img{height:100%}
.mascot-project-hero{width:100%;max-width:290px;height:230px;margin-top:30px}
.mascot-project-hero img{height:100%}
.mascot-aside{width:100%;max-width:225px;margin-top:35px}
.about-with-mascots{grid-template-columns:1.05fr 1.4fr;gap:65px;align-items:start}
.about-with-mascots .about-identity{display:block;position:sticky;top:32px}
.mascot-group{width:100%;margin-top:20px}
@media(max-width:1100px){.intro-with-mascot{gap:30px;grid-template-columns:minmax(0,1fr) 230px}.intro-privacy{grid-template-columns:minmax(0,1fr) 160px}.about-with-mascots{gap:35px}.path-visual{display:block}.mascot-path{width:100%;margin-top:15px;max-width:150px}}
@media(max-width:850px){.intro-with-mascot{grid-template-columns:minmax(0,1fr) 190px;gap:24px}.mascot-project-hero{margin-top:22px}.row-title{grid-template-columns:minmax(0,1fr) 90px}.mascot-project-thumb{width:90px;height:94px}.intro-privacy{grid-template-columns:minmax(0,1fr) 145px}}
@media(max-width:600px){.mascot-home{max-width:380px}.intro-with-mascot{grid-template-columns:1fr;gap:25px}.intro-with-mascot .mascot-intro{width:180px;justify-self:center}.intro-privacy{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.intro-privacy .mascot-intro{width:95px}.intro-privacy h1{font-size:54px}.learning-paths article{grid-template-columns:84px minmax(0,1fr);gap:18px}.path-visual .path-number{font-size:38px}.mascot-path{max-width:84px;margin-top:20px}.row-title{grid-template-columns:minmax(0,1fr) 75px}.mascot-project-thumb{width:75px;height:90px}.project-serial{position:relative;min-height:110px;padding-right:130px;gap:14px}.project-serial .mascot-project-hero{position:absolute;right:0;top:0;bottom:0;width:118px;height:110px;margin:0}.project-serial .mascot-project-hero img{height:100%}.mascot-aside{display:none}.about-with-mascots{grid-template-columns:1fr;gap:25px}.about-with-mascots .about-identity{position:static;order:2}.mascot-group{max-width:480px;margin:0 auto}.about-with-mascots .project-article{order:1}}
@media(max-width:370px){.learning-paths article{grid-template-columns:66px minmax(0,1fr);gap:12px}.mascot-path{max-width:66px}.project-serial{padding-right:110px}.project-serial .mascot-project-hero{width:100px}.intro-privacy{grid-template-columns:1fr}.intro-privacy .mascot-intro{display:none}}