.page-hero--world{background:radial-gradient(circle at 80% 20%,#25201d,#0e0e0d 54%)}
.world-projects{background:var(--paper);color:var(--ink);padding:100px var(--gutter);display:grid;gap:70px}
.world-projects>article{display:grid;grid-template-columns:60px .7fr 1.3fr;gap:28px;align-items:center;padding-top:45px;border-top:1px solid rgba(0,0,0,.18)}
.world-card-copy h2{margin-top:10px;font-family:var(--serif);font-size:clamp(40px,4.8vw,74px);font-weight:400;line-height:.95}
.world-card-copy p:last-child{margin-top:18px;line-height:1.55;opacity:.72}
.world-projects .case-media{min-height:460px}
.exploration-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.supporting-section--world{background:#1a1916;color:#fff}
.supporting-section--world .support-card{color:var(--ink)}

/* Interactive game cards */
.game-preview{display:block;position:relative;overflow:hidden;background:#111;min-height:360px}
.game-preview img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.game-preview:hover img{transform:scale(1.015);filter:brightness(.9)}
.game-start{display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:11px 0 7px;border-bottom:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.14em;width:max-content}
.exploration-pair--games{gap:18px}
.game-version{background:#d9d2c6;min-width:0}
.game-version .game-preview{min-height:280px}
.game-version-copy{padding:20px}
.game-version-copy strong{font-family:var(--serif);font-size:25px;font-weight:400}
.game-version-copy p{margin-top:10px;font-size:12px;line-height:1.55;opacity:.7}

/* VFX / 3D */
.support-media--pinky{height:340px}
.support-media--pinky img{object-fit:cover;object-position:center}



/* V8 — keep La Tigresse videos from colliding at any desktop width. */
.world-projects>article{grid-template-columns:60px minmax(250px,.7fr) minmax(0,1.3fr)}






/* V15 — media stability: no artificial black boxes in game previews. */
.game-preview,
.game-version .game-preview{
  min-height:0;
  height:auto;
  aspect-ratio:16/9;
}
.game-preview img,
.game-version .game-preview img{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}
.world-projects>article,
.exploration-pair,
.exploration-pair>*{
  min-width:0;
}


/* V16 — requested hierarchy/media refinements, preserving the existing visual language. */
.world-project-meta{margin-top:18px;display:grid;gap:8px}
.world-project-meta>span:first-child{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;opacity:.62}
.project-tools{display:block;margin-top:14px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.68}
.world-compositing-media{min-width:0;background:#111;padding:12px;color:#fff;align-self:start}
.world-compositing-media .micro{display:block;margin-bottom:10px;color:rgba(255,255,255,.58)}
.world-compositing-media video{display:block;width:100%;height:auto;object-fit:contain;background:#111}
.case-media--cinema{height:auto;min-height:0}
.case-media--cinema video{width:100%;height:auto;object-fit:contain;background:#111}
.game-preview,.game-version .game-preview{height:auto;min-height:0;aspect-ratio:auto;background:transparent}
.game-preview img,.game-version .game-preview img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}


.support-media--pinky{height:auto;min-height:0}
.support-media--pinky img{display:block;width:100%;height:auto;object-fit:contain}
.support-media--optional{position:relative;height:auto;min-height:220px;display:grid;place-items:center;background:#111;color:#fff}
.support-media--optional video{width:100%;height:auto;object-fit:contain}
.support-media--optional.is-ready{display:block;min-height:0}
.optional-media-placeholder{padding:24px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;opacity:.62}


/* V17 — La Tigresse: deux animations côte à côte quand la largeur le permet, ratios natifs. */
.tigresse-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;align-items:start}
.world-projects .tigresse-media{width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:auto;overflow:visible;background:transparent}
.world-projects .tigresse-media video{display:block;width:100%;height:auto;min-height:0;object-fit:contain;background:#090909}
@media (max-width:760px){.tigresse-pair{grid-template-columns:1fr}}

/* Finalisation — médias Excalibur et Compositing uniquement. */
.excalibur-media-stack{display:grid;gap:16px;min-width:0}.excalibur-walkthrough{min-width:0}.excalibur-walkthrough .micro{display:block;margin-bottom:8px}.excalibur-walkthrough video{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;background:#111}.compositing-original-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px}.compositing-original-grid img{display:block;width:100%;height:auto;object-fit:contain;background:#111}.compositing-final-label{margin-top:6px}@media(max-width:700px){.compositing-original-grid{grid-template-columns:1fr 1fr}.excalibur-walkthrough video{max-height:70svh}}


/* Final media layout — aligned triptychs instead of staggered stacks. */
.world-projects>article#excalibur,.world-projects>article#compositing{grid-template-columns:60px minmax(260px,.78fr) minmax(0,1.55fr);align-items:start}
.world-media-triptych{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.world-media-triptych figure,.world-media-triptych>a{min-width:0;margin:0}
.world-media-triptych .micro{display:block;margin-bottom:8px;min-height:24px}
.world-media-triptych video,.world-media-triptych img{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#111}.world-media-triptych video{object-fit:contain}.world-media-triptych img{object-fit:cover}
.world-media-triptych--compositing img{object-fit:cover}
.world-media-triptych__center{align-self:center}
.support-media--still-animation{height:auto;min-height:0;background:#111}
.support-media--still-animation video{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:980px){.world-projects>article#excalibur,.world-projects>article#compositing{grid-template-columns:52px 1fr}.world-projects>article#excalibur>.world-media-triptych,.world-projects>article#compositing>.world-media-triptych{grid-column:2}.world-media-triptych{grid-template-columns:1fr 1fr}.world-media-triptych__center{grid-column:1/-1;grid-row:1}}
@media(max-width:680px){.world-media-triptych{grid-template-columns:1fr}.world-media-triptych__center{grid-column:auto;grid-row:auto}.world-projects>article#excalibur,.world-projects>article#compositing{grid-template-columns:1fr}.world-projects>article#excalibur>.world-media-triptych,.world-projects>article#compositing>.world-media-triptych{grid-column:auto}}


/* 2026-09-03 — stabiliser les médias VFX pendant leur premier chargement. */
.world-media-triptych figure{background:#111;overflow:hidden}
.world-media-triptych video.media-stabilizing{opacity:0;transition:opacity .18s ease}
.world-media-triptych video.media-stabilizing.is-media-ready{opacity:1}


/* 2026-09-07 — mobile uniquement : Excalibur et Compositing lisibles en pile. */
@media(max-width:680px){
  .world-projects>article#excalibur>.world-media-triptych,
  .world-projects>article#compositing>.world-media-triptych{
    width:100%;
    max-width:100%;
  }
  .world-media-triptych{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
    width:100%;
  }
  .world-media-triptych figure,
  .world-media-triptych>a{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .world-media-triptych video,
  .world-media-triptych img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
  .world-media-triptych figure{
    background:transparent;
  }
  .world-media-triptych .micro{
    min-height:0;
  }
}