/* ACA 0.9 — original illustration revealed as independent torn-paper pieces. */
.brand-hero{min-height:780px;height:calc(100svh - 86px);max-height:980px;padding:75px 5vw 150px;display:grid;place-items:center;background:#6c31dd;perspective:1100px}.brand-hero .hero-art{inset:0;transform:none;transition:none;overflow:hidden;z-index:-2}.collage-stage{position:absolute;left:50%;top:50%;width:max(100%,calc(var(--art-height,780px)*1.77683));height:max(100%,calc(var(--art-width,1440px)*.56280));transform:translate(-50%,-50%);isolation:isolate}.brand-hero .collage-stage img{width:100%;height:100%;object-fit:fill;object-position:center;max-width:none}.collage-base{position:absolute;inset:0;transition:opacity .2s}.collage-stage.assembling>.collage-base{opacity:0}.collage-piece{position:absolute;inset:0;pointer-events:none;transform-origin:var(--origin,50% 50%);will-change:auto}.collage-cut{position:absolute;inset:0;clip-path:var(--tear);background:#7738f0}.collage-piece img{position:absolute;inset:0}.collage-stage.assembling .collage-piece{will-change:transform,opacity;filter:drop-shadow(5px 8px 0 #19052c90)}.brand-hero .art-shade{background:radial-gradient(ellipse at 50% 48%,#17062de6 0%,#251048c9 22%,#33125880 37%,transparent 65%),linear-gradient(0deg,#17092ddb,transparent 28%);z-index:2}.brand-hero .hero-copy{width:100%;max-width:880px;text-align:center;z-index:3}.brand-hero h1.hero-identity{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:-3px;line-height:1;margin:0 auto 28px;max-width:none;font-size:clamp(54px,7.4vw,108px);font-weight:900;text-shadow:0 4px 28px #10031c80}.hero-identity img{width:clamp(110px,11vw,170px);height:auto;object-fit:contain;margin:0 auto 17px}.brand-hero h1.hero-identity>span{display:block}.brand-hero .intro{font-size:17px;line-height:1.75;margin:0 auto 27px;color:#fff;max-width:620px;text-shadow:0 2px 8px #120520}.brand-hero .hero-actions{justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}.brand-hero .hero-actions .button{font-size:13px;padding:18px 22px;min-height:58px;background:var(--pink);color:#16092d;box-shadow:6px 6px 0 #16092d}.hero-atelier-link{font-size:13px;padding:15px 0;min-height:44px;border-bottom:1px solid #ffffff9c;display:inline-flex;gap:13px;align-items:center}.brand-hero .home-shortcut{margin-top:27px;background:#170a30e6;text-align:left}.hero-tools{position:absolute;right:28px;top:24px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:360px;z-index:4}.hero-tools button{font-size:10px;background:#180a31eb;border:1px solid #e0c5ff88;min-height:44px;padding:11px 14px;display:flex;gap:14px;align-items:center}.hero-tools button span{font-size:19px;color:var(--cyan)}.hero-tools .remix-status{width:100%;text-align:right;font-size:9px;line-height:1.6;margin:0;color:#fff;text-shadow:0 1px 4px #16092d}.brand-hero .hero-footer{bottom:35px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:4;font-size:10px}.brand-hero .tour-hero-link{margin:0;padding:10px 0;font-size:10px}.brand-hero .depth-paper,.brand-hero .depth-grid{display:none}.brand-hero .hero-art.media-missing:before{inset:15% 10%;content:'IMAGINER. ESSAYER. CRÉER.';color:#cda8ff;opacity:.4;font-size:clamp(24px,6vw,80px);text-align:center}.brand-hero .hero-art.media-missing .collage-stage{visibility:hidden}.atelier-intro .section-title em{cursor:pointer;display:inline-block}.atelier-intro .section-title em:focus-visible{outline:3px solid var(--cyan);outline-offset:8px}.atelier-intro .atelier-cta{margin-top:20px;display:inline-flex;font-size:12px}.atelier-intro .kicker{color:var(--cyan)}.paused .collage-piece{transform:none!important;opacity:1!important;filter:none!important}
@media(max-width:1100px){.brand-hero{min-height:760px}.brand-hero .hero-copy{width:100%}.brand-hero h1.hero-identity{font-size:clamp(54px,8vw,90px)}.hero-tools{top:16px;right:20px}.brand-hero .intro{font-size:16px}}
@media(max-width:760px){.brand-hero{height:auto;min-height:960px;max-height:none;padding:130px 6vw 320px;align-items:start}.brand-hero .hero-art{inset:290px -110px 0 -110px;transform:none!important}.brand-hero .art-shade{background:linear-gradient(#6c31dd 0%,#6c31dddb 10%,#2510487a 26%,transparent 51%,#17092de6 95%)}.brand-hero .hero-copy{max-width:500px}.brand-hero h1.hero-identity{font-size:clamp(42px,10.8vw,77px);letter-spacing:-2px;margin-bottom:21px}.hero-identity img{width:105px;margin-bottom:14px}.brand-hero .intro{font-size:13px;line-height:1.8;max-width:360px}.brand-hero .hero-actions{gap:17px;flex-direction:column}.brand-hero .hero-actions .button{font-size:11px;padding:15px 13px;gap:12px;min-height:54px;max-width:100%}.hero-atelier-link{font-size:12px;background:#19092bd9;padding:10px 14px;border:1px solid #ddc4ff88}.brand-hero .home-shortcut{font-size:9px;justify-content:center;gap:6px 12px;margin-top:21px;padding:10px 12px}.hero-tools{top:20px;left:6vw;right:6vw;max-width:none;justify-content:center;gap:7px}.hero-tools button{font-size:9px;gap:8px;padding:9px 11px}.hero-tools .remix-status{text-align:center;font-size:8px;max-width:none}.brand-hero .hero-footer{left:6vw;right:6vw;bottom:26px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.brand-hero .hero-footer a{min-height:44px;display:flex;align-items:center;font-size:9px}.atelier-intro .section-title{font-size:clamp(39px,10.2vw,65px)}.atelier-intro .atelier-cta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.collage-piece{transform:none!important;opacity:1!important;filter:none!important}.collage-stage.assembling>.collage-base{opacity:1}}
.collage-stage:not(.assembling) .collage-piece{visibility:hidden}
/* 0.12: same-brain colored echoes, adapted from maintenance-peau-neuve.html. */
.collage-camera{position:absolute;inset:0;transform:scale(1.015);transform-origin:50% 50%}
.brand-hero{min-height:720px;padding:100px 5vw 120px}
.brand-hero .hero-copy{max-width:740px}
.brand-hero h1.hero-identity{font-size:38px;letter-spacing:-1px;margin-bottom:22px}
.hero-logo-stack{position:relative;width:176px;height:160px;margin:0 auto 45px;isolation:isolate}
.logo-echo{position:absolute;inset:0;mask:url("logo.svg") center/contain no-repeat;-webkit-mask:url("logo.svg") center/contain no-repeat;transform:translate(var(--tx),var(--ty));background:var(--echo-color);pointer-events:none}
.echo-1{--tx:26px;--ty:26px;--echo-color:#526dff}.echo-2{--tx:19px;--ty:19px;--echo-color:#9958ff}.echo-3{--tx:12px;--ty:12px;--echo-color:#dd42ec}.echo-4{--tx:6px;--ty:6px;--echo-color:#ff86d9}
.hero-identity .hero-core{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;filter:none}
.hero-logo-stack.media-missing{display:none}
.brand-hero .intro{font-size:16px;margin:0 auto 29px}
.hero-replay{position:absolute;top:25px;right:28px;width:44px;height:44px;border:1px solid #ffffff66;border-radius:50%;background:#16092d99;color:#fff;font-size:24px;z-index:4}
.hero-replay:hover{background:#452479}.hero-discover{position:absolute;bottom:35px;left:50%;translate:-50% 0;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;font-size:23px;background:#17082c80;z-index:4}
.demo-controls{padding:28px 6vw;background:#190b30;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px}.demo-controls summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.demo-controls summary:before{content:'＋';margin-right:10px}.demo-controls details[open] summary:before{content:'−'}.demo-controls .remix-status{margin:0;width:100%;font-size:10px}.demo-controls .remix-status:empty{display:none}.demo-controls .tour-hero-link{margin-left:auto}
@media(max-width:760px){.brand-hero{min-height:800px;padding:130px 6vw 260px}.hero-logo-stack{width:144px;height:131px;margin-bottom:39px}.brand-hero h1.hero-identity{font-size:30px;letter-spacing:-.7px;margin-bottom:20px}.brand-hero .intro{font-size:14px;line-height:1.6}.hero-replay{top:20px;right:6vw}.brand-hero .hero-art{inset:210px -110px 0}.hero-discover{bottom:40px}.demo-controls{align-items:start;flex-direction:column;gap:5px}.demo-controls .tour-hero-link{margin-left:0}.echo-1{--tx:22px;--ty:22px}.echo-2{--tx:16px;--ty:16px}.echo-3{--tx:10px;--ty:10px}.echo-4{--tx:5px;--ty:5px}}
.paused .collage-camera{transform:scale(1.015)!important}
@media(prefers-reduced-motion:reduce){.collage-camera{transform:scale(1.015)!important}}

/* 0.14 — school context in the first screen, with a short, human introduction. */
.brand-hero{min-height:740px;padding:65px 5vw 100px}
.brand-hero .intro{font-size:clamp(18px,2vw,24px);font-weight:750;line-height:1.3;margin-bottom:18px;text-wrap:balance}
.hero-school{margin:0 auto 25px;display:grid;justify-items:center;gap:14px}
.hero-levels{display:flex;gap:9px;margin:0;font-size:13px;font-weight:800;letter-spacing:.3px}
.hero-levels span{padding:8px 17px;border-radius:7px;background:#9ceaff;color:#17082d;box-shadow:3px 3px 0 #190a30;rotate:-2deg}
.hero-levels span+span{background:#ffc1ef;rotate:2deg}
.hero-teacher{display:flex;align-items:center;gap:12px;text-align:left;margin:0;background:#190b30e8;border:1px solid #bc9bd988;border-radius:14px;padding:12px 18px;color:#fff;font-size:15px;line-height:1.5}
.hero-teacher small{font-size:12px;color:#e4d4f5}.hero-teacher strong{color:#a5eaff}
.teacher-spark{color:#ff62d3;font-size:32px;line-height:1}
.brand-hero h1.hero-identity{margin-bottom:16px}
.hero-logo-stack{width:150px;height:136px;margin-bottom:35px}
.project-portals{scroll-margin-top:24px}
@media(max-width:760px){
 .brand-hero{min-height:720px;height:auto;padding:70px 6vw 115px;align-items:center}
 .hero-logo-stack{width:118px;height:107px;margin-bottom:32px}
 .brand-hero .hero-art{inset:0 -110px}
 .brand-hero .art-shade{background:radial-gradient(ellipse at 50% 45%,#17062df5 0%,#251048d9 30%,#33125888 62%,#17092dc9 100%)}
 .brand-hero .intro{font-size:20px;max-width:310px;margin-bottom:18px}
 .hero-school{gap:13px;margin-bottom:23px}.hero-teacher{padding:10px 12px;gap:9px;font-size:14px}.hero-teacher small{font-size:11px}
 .hero-levels{font-size:12px}.hero-levels span{padding:7px 13px}
}