/* Course companions: reserved space keeps people, tools and signup controls visible. */
.mascot-image{display:block;flex:none;object-fit:contain!important;aspect-ratio:1!important;width:var(--mascot-size,112px)!important;height:var(--mascot-size,112px)!important;max-width:100%;filter:drop-shadow(0 7px 8px #0002)}
#workshop-hero-visual .mascot-companions,.mascot-companions{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px 13px;border-top:1px solid #4d715c;background:#13251c;position:relative}
.mascot-companions .mascot-image{--mascot-size:128px;min-width:0;flex-shrink:1;width:min(26%,128px)!important;height:auto!important}
.mascot-companions-copy{min-width:0;text-align:center;line-height:1.6;color:#f1f4e9;font-size:13px;flex:1}
.mascot-companions-copy b{display:block;font-size:14px;font-weight:650}.mascot-companions-copy span{display:block;color:#bfcebf;font-size:11px;margin-top:5px}
.industry-engine .mascot-image{--mascot-size:112px;transform-origin:50% 85%}
.mascot-demo-stages{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;font-size:9px;color:#c6d9cd}.mascot-demo-stages span+span:before{content:'→';padding-right:3px;color:#75caa1}
[data-playing] .mascot-demo-stages span{animation:mascot-stage 1.45s ease-in-out 1}.mascot-demo-stages span:nth-child(2){animation-delay:.3s}.mascot-demo-stages span:nth-child(3){animation-delay:.6s}
@keyframes mascot-stage{0%,100%{color:#c6d9cd}35%,60%{color:#8ff3be;text-shadow:0 0 6px #8ff3be55}}
.mascot-method{display:grid;grid-template-columns:112px minmax(0,1fr) 112px;align-items:center;gap:22px;margin:0 0 38px;padding:24px;border:1px solid #8bb9a35c;border-radius:16px;background:#f4f2e9;color:#1b392d;position:relative;clear:both}
.visual-redesign #learn .mascot-method h3,.mascot-method h3{font-size:20px;line-height:1.4;margin:0 0 16px;color:#1b392d;letter-spacing:0}
.mascot-method-copy{min-width:0}.mascot-method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0!important}.mascot-method-steps li{font-size:13px;line-height:1.5;font-weight:650;min-width:0}.mascot-method-steps li span{display:block;font:11px/1.5 monospace;color:#51795e;margin-bottom:5px}.mascot-method-steps li:not(:last-child):after{content:'→';display:inline-block;margin-left:7px;color:#61846d}
.visual-redesign #learn .mascot-method p,.mascot-method p{font-size:12px;line-height:1.75;margin:15px 0 0;max-width:none;color:#506859}
.mascot-disclaimer{font-size:11px!important;line-height:1.7;color:#506859!important;flex-basis:100%;margin:16px 0!important}
.mascot-legacy-visual{min-width:0}.mascot-legacy-visual .hero-photo{margin-bottom:0;border-radius:28px 28px 0 0}.mascot-legacy-visual .mascot-companions{border-radius:0 0 18px 18px}.mascot-legacy-demo{display:flex;align-items:center;gap:24px;background:#173e35;color:#f3f6eb;padding:22px 28px;border-radius:16px;margin:0 0 30px}.mascot-legacy-demo b{display:block;font-size:17px}.mascot-legacy-demo p{font-size:13px;line-height:1.7;margin:9px 0 0;color:#c4d5c9}.mascot-legacy-demo .mascot-demo-stages{justify-content:flex-start;font-size:12px;margin-top:14px}
@media(min-width:980px){.mascot-legacy-visual{grid-column:1;grid-row:1}.mascot-legacy-visual+.hero-copy{grid-column:2;grid-row:1}}
@media(max-width:979px){.mascot-legacy-visual{max-width:400px;margin:0 auto 32px}}
@media(max-width:700px){#workshop-hero-visual .mascot-companions,.mascot-companions{gap:7px;padding:9px 6px}.mascot-companions .mascot-image{--mascot-size:100px;width:min(28%,100px)!important}.mascot-companions-copy b{font-size:12px}.mascot-companions-copy span{font-size:10px}.industry-engine .mascot-image{--mascot-size:96px}.mascot-method{grid-template-columns:72px minmax(0,1fr) 72px;gap:8px;padding:18px 12px;margin-bottom:30px}.mascot-method>.mascot-image{--mascot-size:72px;align-self:start}.mascot-method-copy{display:contents}.visual-redesign #learn .mascot-method h3,.mascot-method h3{grid-column:2;grid-row:1;margin:10px 0 0;font-size:17px;text-align:center}.mascot-method>.mascot-image:first-child{grid-column:1;grid-row:1}.mascot-method>.mascot-image:last-child{grid-column:3;grid-row:1}.mascot-method-steps{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:8px}.mascot-method-steps li{font-size:13px;padding:9px 10px;border-top:1px solid #ced9cb}.mascot-method-steps li span{display:inline;margin-right:6px}.visual-redesign #learn .mascot-method p,.mascot-method p{grid-column:1/-1;margin-top:5px}.mascot-legacy-demo{padding:20px 16px;gap:14px;align-items:flex-start}.mascot-legacy-demo>.mascot-image{--mascot-size:90px}.mascot-legacy-demo b{font-size:15px}}
@media(prefers-reduced-motion:reduce){[data-playing] .mascot-demo-stages span{animation:none!important}}
@media(max-width:700px){.industry-engine{grid-template-columns:96px minmax(0,1fr) 24px;gap:5px 10px}.industry-engine>.mascot-image{grid-column:1;grid-row:1/3;max-width:none}.industry-engine>div:not(.mascot-demo-stages){grid-column:2;grid-row:1}.industry-engine>.mascot-demo-stages{grid-column:2;grid-row:2;justify-content:flex-start;font-size:9px;gap:4px}.industry-engine>svg{grid-column:3;grid-row:1/3;width:24px}.industry-engine>.mascot-demo-stages span{white-space:nowrap}}
.mascot-hero-stack{min-width:0;align-self:center;overflow:visible;border:1px solid #3c6350;border-radius:14px;background:#13251c}.visual-redesign .hero .mascot-hero-stack .hero-visual{margin:0;width:100%;overflow:visible;border:0;border-radius:0;box-shadow:none}.mascot-hero-stack .mascot-companions{border-top:1px solid #4d715c}.mascot-teaching-layout{position:relative}
@media(min-width:701px){.visual-redesign #learn .mascot-teaching-layout .coach-row{top:0}}
@media(max-width:700px){.visual-redesign #learn .mascot-method h3,.mascot-method h3{text-wrap:balance}}

footer:not(.wrap) .mascot-disclaimer{color:#c4d5c9!important}