/* KSCreation — six client worlds, one continuous scene. No device mockups. */
html body #realisations.ks-cinema{width:100%!important;max-width:none!important;margin:0!important;padding:76px 0 64px!important;overflow:clip;scroll-margin-top:110px}
#realisations.ks-cinema .projects-head{max-width:1000px;margin:0 auto 32px!important;padding:0 24px;text-align:center;opacity:1!important;transform:none!important}
#realisations.ks-cinema .projects-head .section-lead{margin:19px auto 0!important}
#realisations .ks-cinema-stage{position:relative;width:calc(100% - 64px);max-width:980px;height:clamp(350px,41vw,420px);margin:0 auto;border-radius:14px;overflow:hidden;isolation:isolate;background:#faf9f5;perspective:1800px;touch-action:pan-y}
#realisations .ks-cinema-scene{position:absolute;inset:0;background:var(--scene-color);opacity:0;visibility:hidden;pointer-events:none;contain:layout style}
#realisations .ks-cinema-scene.is-current{opacity:1;visibility:visible}
#realisations .ks-cinema-art{position:absolute;inset:0;transform-origin:center;will-change:transform,opacity}
#realisations .ks-cinema-art iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;pointer-events:none!important;background:transparent}
#realisations .ks-cinema-navigation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;width:calc(100% - 64px);max-width:980px;padding:0;margin:14px auto 0;border:0;overflow:visible}
#realisations .ks-cinema-choice{position:relative;appearance:none;border:0;border-bottom:1px solid #13204726;background:none;border-radius:0;padding:13px 7px;display:flex;justify-content:center;align-items:center;gap:8px;font:inherit;font-size:12px;line-height:1.4;color:#5f687d;min-height:48px;cursor:pointer;text-align:center;transition:color .2s}
#realisations .ks-cinema-choice[aria-pressed=true]{color:#14204a}
#realisations .ks-cinema-number{font-size:9px;opacity:.65;font-variant-numeric:tabular-nums}
#realisations .ks-cinema-choice i{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#14204a;transform:scaleX(0);transform-origin:left;pointer-events:none}
#realisations .ks-cinema-choice:hover{color:#14204a}
#realisations .ks-cinema-choice:focus-visible{outline:2px solid #14204a;outline-offset:4px}
#realisations .ks-cinema-captions{position:relative;margin:23px auto 0;max-width:780px;display:grid;padding:0 25px;text-align:center;isolation:isolate}
#realisations .ks-cinema-meta{grid-area:1/1;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;align-items:start;margin:0!important;padding:0!important;visibility:hidden;opacity:0;pointer-events:none;min-width:0;transform:none!important;transition:opacity .45s ease,visibility .45s}
#realisations .ks-cinema-meta[aria-hidden=false]{visibility:visible;opacity:1;pointer-events:auto}
#realisations .ks-cinema-meta h3{font-size:clamp(26px,2.8vw,34px);line-height:1.17;font-weight:500;letter-spacing:-.04em;margin:0 0 12px;min-height:0!important;text-wrap:balance;color:#14204a}
#realisations .ks-cinema-meta>p{font-size:15px;line-height:1.6;max-width:690px;margin:0 auto 8px;min-height:0!important;color:#465572;text-wrap:pretty}
#realisations .ks-cinema-meta .ks-case-details{font-size:11px;line-height:1.5;color:#596581;margin:0 0 14px;min-height:0!important;letter-spacing:.04em}
#realisations .ks-cinema-meta .case-link{display:inline-flex;align-items:center;justify-content:center;align-self:start;justify-self:center;box-sizing:border-box;min-width:144px;max-width:100%;min-height:44px;margin:0!important;padding:10px 22px;border:1px solid #14204a66;border-radius:9px;background:transparent;box-shadow:none;color:#14204a;font-family:inherit;font-size:13px;font-weight:550;line-height:1.5;text-align:center;text-decoration:none;position:relative;transition:background-color .18s,color .18s,border-color .18s}
#realisations .ks-cinema-meta .case-link::before,#realisations .ks-cinema-meta .case-link::after{content:none!important;display:none!important}
@media(hover:hover){#realisations .ks-cinema-meta .case-link:hover{background:#14204a;border-color:#14204a;color:#f3eadc}}
#realisations .ks-cinema-meta .case-link:focus-visible{outline:2px solid #14204a;outline-offset:4px}
#realisations .ks-cinema-noscript{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:20px}
@media(max-width:900px){#realisations .ks-cinema-navigation{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:4px 12px}#realisations .ks-cinema-stage{height:440px}#realisations .ks-cinema-choice{min-height:50px;padding:13px 2px;font-size:11px}}
@media(max-width:700px){
 html body #realisations.ks-cinema{padding:55px 0 48px!important;scroll-margin-top:100px}
 #realisations.ks-cinema .projects-head{padding:0 22px;margin-bottom:28px!important}
 #realisations.ks-cinema .projects-head .section-title{font-size:clamp(30px,8vw,44px);line-height:1.15}
 #realisations.ks-cinema .projects-head .section-lead{font-size:14px;line-height:1.6;margin-top:15px!important}
 #realisations .ks-cinema-stage{width:calc(100% - 32px);height:clamp(390px,118vw,440px);border-radius:12px}
 #realisations .ks-cinema-navigation{width:calc(100% - 32px);margin-top:10px;padding:0;gap:0 10px}
 #realisations .ks-cinema-choice{font-size:10px;gap:5px;padding:12px 0;min-height:48px}
 #realisations .ks-cinema-captions{margin-top:20px;padding:0 23px}
 #realisations .ks-cinema-meta>p{font-size:14px;line-height:1.65}
 #realisations .ks-cinema-meta h3{font-size:28px;margin-bottom:12px}
 #realisations .ks-cinema-meta .ks-case-details{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#realisations .ks-cinema-meta{transition:none}#realisations .ks-cinema-art{will-change:auto}}

/* The visual arrives first; project information never precedes its scene. */
#realisations .ks-cinema-stage{opacity:0;transition:opacity .28s ease}
#realisations[data-cinema-ready=true] .ks-cinema-stage{opacity:1}
#realisations .ks-cinema-navigation,#realisations .ks-cinema-captions{opacity:0;visibility:hidden;transition:opacity .25s ease .28s,visibility 0s linear .28s}
#realisations[data-cinema-ready=true] .ks-cinema-navigation,#realisations[data-cinema-ready=true] .ks-cinema-captions[aria-hidden=false]{opacity:1;visibility:visible}
#realisations .ks-cinema-captions[aria-hidden=true]{opacity:0;visibility:hidden;transition:none}
#realisations .ks-cinema-meta{transition:opacity .25s ease}
#realisations .ks-cinema-art{will-change:transform}
@media(prefers-reduced-motion:reduce){#realisations .ks-cinema-stage,#realisations .ks-cinema-navigation,#realisations .ks-cinema-captions,#realisations .ks-cinema-meta{transition:none}}

/* Mobile: a compact landscape presentation, with a single row of project markers. */
@media(max-width:700px){
 #realisations .ks-cinema-stage{width:calc(100% - 40px);height:auto;aspect-ratio:8/5;border-radius:16px;background:transparent}
 #realisations .ks-cinema-art iframe{width:800px!important;height:500px!important;transform:scale(var(--ks-mobile-scene-scale, .44));transform-origin:0 0}
 #realisations .ks-cinema-navigation{width:calc(100% - 48px);grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:4px}
 #realisations .ks-cinema-choice{font-size:0;padding:0;min-height:44px;gap:0;border:0}
 #realisations .ks-cinema-choice .ks-cinema-number{font-size:10px;letter-spacing:.04em;opacity:.65}
 #realisations .ks-cinema-choice[aria-pressed=true] .ks-cinema-number{opacity:1}
 #realisations .ks-cinema-choice::before{content:"";position:absolute;left:8px;right:8px;bottom:5px;height:2px;background:#101c461b}
 #realisations .ks-cinema-choice i{bottom:5px;left:8px;width:calc(100% - 16px);height:2px}
 #realisations .ks-cinema-captions{margin-top:14px;padding:0 24px}
 #realisations .ks-cinema-meta h3{font-size:25px;margin-bottom:9px}
 #realisations .ks-cinema-meta>p{font-size:14px;line-height:1.6;max-width:420px}
}