.ecosystem-showreel{position:relative;padding:0!important;background:#000!important;overflow:hidden}.isdo-showreel{--foreground:#f7f8fb;--muted:#b8bfca;--border:#303641;--blue:#27a6ff;--green:#17d6b0;--purple:#936dff;--yellow:#ffb84d;--pink:#ff5f8f;width:100%;color:var(--foreground);background:#000}.isdo-stage{position:relative;width:100%;height:clamp(560px,47vw,760px);min-height:560px;overflow:hidden;isolation:isolate;background:#000}.ambient{position:absolute;width:46%;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.16;transition:opacity 1s,transform 4s}.ambient-a{left:-12%;top:-28%;background:var(--blue)}.ambient-b{right:-10%;bottom:-30%;background:var(--purple)}
.opening-mark{position:absolute;z-index:5;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);transition:opacity .8s,transform 1.8s cubic-bezier(.2,.8,.2,1)}.cube{position:absolute;inset:15%;border:3px solid #00e5ff;transform:rotate(45deg);box-shadow:0 0 16px #00e5ff,inset 0 0 14px rgba(0,229,255,.35)}.cube-b{inset:28%;border-color:#ff2bd6;transform:rotate(15deg);box-shadow:0 0 16px #ff2bd6,inset 0 0 14px rgba(255,43,214,.35)}.cube-c{inset:40%;border-color:#ffdc00;transform:rotate(68deg);box-shadow:0 0 16px #ffdc00,inset 0 0 14px rgba(255,220,0,.35)}
.kinetic-copy{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:24px;text-align:center;pointer-events:none}.copy-line{grid-area:1/1;max-width:900px;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .9s;font-size:clamp(.88rem,1.5vw,1.2rem);font-weight:700;letter-spacing:.08em}.copy-lab{align-self:end;margin-bottom:88px}.copy-final{align-self:start;margin-top:20px;padding:10px 18px;background:rgba(0,0,0,.82);font-size:clamp(1rem,1.8vw,1.45rem)}
.influence-core{position:absolute;z-index:8;top:50%;left:50%;display:flex;width:235px;height:160px;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.35);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1)}.influence-core strong{position:relative;z-index:2;font-size:1.2rem}.influence-core small{position:relative;z-index:2;max-width:230px;margin-top:8px;color:var(--muted);font-size:.66rem}.core-dot{position:absolute;width:72px;height:72px;border-radius:50%;background:#136994;box-shadow:0 0 45px rgba(39,166,255,.6);animation:corePulse 2.2s ease-in-out infinite}.core-orbit{position:absolute;border:1px solid rgba(39,166,255,.55);border-radius:50%}.orbit-a{width:170px;height:82px;transform:rotate(18deg)}.orbit-b{width:190px;height:96px;transform:rotate(-24deg)}
.flow-layer{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .8s}.flow{fill:none;stroke:rgba(39,166,255,.55);stroke-width:2;stroke-dasharray:8 12}.flow-life{stroke:rgba(147,109,255,.6)}.flow-culture{stroke:rgba(255,95,143,.6)}.flow-particle{fill:#fff;filter:drop-shadow(0 0 6px #fff)}.universe{position:absolute;z-index:6;opacity:0;transform:scale(.78);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1)}.universe-pro{top:5%;left:max(3%,calc((100% - 1500px)/2));width:min(42%,650px)}.universe-life{top:5%;right:max(3%,calc((100% - 1500px)/2));width:min(42%,650px)}.universe-culture{right:max(22%,calc((100% - 900px)/2));bottom:8%;left:max(22%,calc((100% - 900px)/2))}.universe-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.universe-heading strong{font-size:clamp(.9rem,1.3vw,1.15rem)}.universe-heading span{color:var(--muted);font-size:clamp(.58rem,.75vw,.72rem)}
.micro-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:8px}.micro-screen{position:relative;min-height:92px;overflow:hidden;padding:10px;border:1px solid rgba(48,54,65,.72);background:rgba(9,11,16,.84)}.micro-screen span,.micro-screen em{position:relative;z-index:3;font-size:.7rem;font-style:normal;font-weight:700}.screen-observatoire i,.screen-notes i{display:block;width:88%;height:5px;margin-top:8px;background:rgba(184,191,202,.35);transform-origin:left;animation:lineBuild 2.8s ease-in-out infinite alternate}.screen-observatoire i:nth-child(3),.screen-notes i:nth-child(3){width:72%}.screen-observatoire i:nth-child(4),.screen-notes i:nth-child(4){width:48%}.screen-campus{display:grid;place-items:center;text-align:center}.screen-campus b{display:block;margin-top:10px;color:var(--green)}.screen-geo svg{width:100%;margin-top:14px}.screen-geo polyline{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.screen-photo{background:linear-gradient(155deg,#493a1d,#092d27)}.sun{position:absolute;top:15%;right:15%;width:24px;height:24px;border-radius:50%;background:var(--yellow);box-shadow:0 0 20px var(--yellow)}.mountain{position:absolute;bottom:-25px;width:100px;height:85px;background:#0b4b40;transform:rotate(45deg)}.m1{left:10%}.m2{right:-5%;bottom:-40px}.knowledge-node{position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;background:var(--purple)}.n1{top:28%;left:18%}.n2{top:42%;right:16%}.n3{bottom:18%;left:44%}.knowledge-link{position:absolute;height:1px;background:var(--purple);transform-origin:left}.l1{top:34%;left:21%;width:58%;transform:rotate(12deg)}.l2{top:69%;left:47%;width:38%;transform:rotate(-40deg)}.screen-knowledge em{position:absolute;bottom:8px;left:10px}.culture-strip{position:relative;height:82px;overflow:hidden;border:1px solid rgba(48,54,65,.72);background:linear-gradient(#28101c,#0c312c)}.horizon{position:absolute;right:0;bottom:0;left:0;height:28%;background:#0b5145}.castle{position:absolute;bottom:18%;left:8%;width:80px;height:40px;border-bottom:12px solid rgba(247,248,251,.65)}.castle i{position:absolute;bottom:0;width:18px;height:42px;background:rgba(247,248,251,.65)}.castle i:nth-child(2){left:29px;height:58px}.castle i:nth-child(3){right:0;height:48px}.culture-label{position:absolute;top:48%;right:5%;max-width:60%;transform:translateY(-50%);font-size:.72rem;text-align:right}
.final-mosaic{position:absolute;z-index:7;inset:12% max(5%,calc((100% - 1450px)/2)) 15%;display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:1fr 1.1fr;gap:9px;opacity:0;transform:scale(.82);transition:opacity .9s,transform 1.2s cubic-bezier(.2,.8,.2,1)}.tile{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid rgba(48,54,65,.7);background:rgba(9,11,16,.82);text-align:center}.tile strong{color:#fff;font-size:clamp(.9rem,1.5vw,1.35rem);text-shadow:0 1px 9px #000}.tile small{max-width:30ch;color:#c7cdd6;font-size:clamp(.72rem,.9vw,.9rem);line-height:1.4}.t1{background:#071d2d}.t2{background:#08241f}.t3{background:#2d2313}.t4{background:#0b2d45}.t5{background:#201837}.t6{background:#30131d}
.scene-caption{position:absolute;z-index:20;bottom:18px;left:20px;margin:0;color:var(--muted);font-size:.78rem}.viz-controls{position:absolute;z-index:22;right:20px;bottom:12px;display:flex;align-items:center;gap:8px}.showreel-button{min-height:40px;padding:8px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.8);color:#fff;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.showreel-button:hover,.showreel-button:focus-visible{border-color:#00e1a0;outline:2px solid #00e1a0;outline-offset:2px}.scene-progress{display:inline-flex;gap:5px;align-items:center;margin-left:4px}.scene-progress i{display:block;width:20px;height:3px;background:var(--border);transition:background .3s}.scene-progress i.is-active{background:var(--blue)}.showreel-fallback{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.isdo-showreel[data-scene="0"] .copy-idea,.isdo-showreel[data-scene="1"] .copy-lab,.isdo-showreel[data-scene="4"] .copy-final{opacity:1;transform:translateY(0)}.isdo-showreel[data-scene="0"] .opening-mark{transform:translate(-50%,-50%) rotate(95deg) scale(1.35)}.isdo-showreel[data-scene="1"] .opening-mark{opacity:.26;transform:translate(-50%,-50%) rotate(140deg) scale(2.7)}.isdo-showreel[data-scene="1"] .influence-core,.isdo-showreel[data-scene="2"] .influence-core,.isdo-showreel[data-scene="3"] .influence-core{opacity:1;transform:translate(-50%,-50%) scale(1)}.isdo-showreel[data-scene="2"] .flow-layer,.isdo-showreel[data-scene="3"] .flow-layer{opacity:1}.isdo-showreel[data-scene="2"] .universe-pro,.isdo-showreel[data-scene="2"] .universe-life,.isdo-showreel[data-scene="3"] .universe{opacity:1;transform:scale(1)}.isdo-showreel[data-scene="3"] .universe-pro{transform:translate(-2%,-2%) scale(.9)}.isdo-showreel[data-scene="3"] .universe-life{transform:translate(2%,-2%) scale(.9)}.isdo-showreel[data-scene="3"] .influence-core{transform:translate(-50%,-50%) scale(.74)}.isdo-showreel[data-scene="4"] .opening-mark,.isdo-showreel[data-scene="4"] .influence-core,.isdo-showreel[data-scene="4"] .flow-layer,.isdo-showreel[data-scene="4"] .universe{opacity:0}.isdo-showreel[data-scene="4"] .final-mosaic{opacity:1;transform:scale(1)}.isdo-showreel[data-scene="4"] .ambient{opacity:.3;transform:scale(1.25)}
.isdo-showreel:not([data-scene]) .final-mosaic{opacity:1;transform:scale(1)}.isdo-showreel:not([data-scene]) .copy-final{opacity:1;transform:translateY(0)}
@keyframes corePulse{50%{transform:scale(1.15);opacity:.78}}@keyframes lineBuild{from{transform:scaleX(.55)}to{transform:scaleX(1)}}
@media(max-width:620px){.isdo-stage{height:850px;min-height:850px}.universe-pro,.universe-life{right:5%;left:5%;width:auto}.universe-pro{top:4%}.universe-life{top:30%}.universe-culture{right:5%;bottom:10%;left:5%}.influence-core{top:61%}.flow-layer{display:none}.micro-screen{min-height:92px;padding:8px}.culture-label{right:3%;max-width:54%}.final-mosaic{inset:100px 4% 94px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.tile{gap:6px;padding:10px 8px;overflow-wrap:anywhere}.tile strong{font-size:clamp(.78rem,3.6vw,1rem)}.tile small{max-width:22ch;font-size:clamp(.7rem,3vw,.82rem)}.copy-final{top:15px;align-self:start;margin:0;background:#000;font-size:.92rem}.copy-lab{margin-bottom:110px}.scene-caption{right:12px;bottom:61px;left:12px;text-align:center}.viz-controls{right:10px;bottom:10px;left:10px;justify-content:center}.showreel-button{min-height:44px}.scene-progress i{width:14px}}
@media(max-width:380px){.isdo-stage{height:900px;min-height:900px}.final-mosaic{top:105px;bottom:100px}.micro-grid{grid-template-columns:1.15fr .85fr .85fr;gap:5px}.universe-heading span{display:none}.showreel-button{padding:8px 10px;font-size:.72rem}.scene-progress{display:none}}
@media(prefers-reduced-motion:reduce){.isdo-showreel *,.isdo-showreel *::before,.isdo-showreel *::after{animation:none!important;transition:none!important}.isdo-showreel .flow-particle,.isdo-showreel .viz-controls{display:none}}
@media print{.isdo-showreel{break-inside:avoid}.isdo-stage{height:650px}.viz-controls,.scene-caption{display:none}}