/* Original Kim reels. Each card keeps the full source frame. */

.kim-collage{position:relative;isolation:isolate;width:min(1360px,100%);height:1200px;margin:64px auto 0;overflow:clip;opacity:var(--scene-opacity,1);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 87%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 87%,transparent)}
.kim-collage::before{display:none;content:"";position:absolute;inset:12% 8%;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#d9f3ac0a,transparent 65%);pointer-events:none}
.collage-card{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:9/16;margin:0;border-radius:22px;overflow:hidden;background:#080d0c;border:1px solid #ffffff22;box-shadow:0 22px 52px #0006,0 2px 10px #0004;z-index:var(--z);opacity:calc(var(--alpha,1)*var(--fade,1));filter:brightness(calc(.62 + var(--layer,3)*.12)) blur(calc((1 - var(--fade,1))*6px + (3 - var(--layer,3))*.22px));transform:translate3d(0,var(--drift,0px),0) rotate(var(--rotate));transform-origin:center}
.collage-card.is-playing{will-change:transform}
.collage-card video{display:block;width:100%;height:100%;object-fit:contain;background:#080d0c;pointer-events:none}
.collage-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0c;background:linear-gradient(165deg,#ffffff0a,transparent 25%,transparent 80%,#0002);pointer-events:none}
.collage-card[data-plane="back"]{box-shadow:0 10px 28px #0004}
.collage-card[data-plane="front"]{border-color:#ffffff38;box-shadow:0 34px 80px #0008,0 4px 16px #0005}
html.cosmos .kim-collage{background:transparent}
html.cosmos .collage-card{border-color:#ffffff25}
@media(max-width:1000px) and (min-width:761px){.kim-collage{height:1030px;margin-top:44px}.collage-card{border-radius:18px}}
@media(max-width:760px){
 .kim-collage{height:1120px;width:100%;margin-top:28px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 91%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 91%,transparent)}
 .collage-card{left:var(--mx);top:var(--my);width:var(--mw);border-radius:14px;transform:translate3d(0,var(--drift,0px),0) rotate(var(--mrotate));box-shadow:0 12px 28px #0006}
 .collage-card[data-plane="front"]{box-shadow:0 18px 42px #0007}
}
@media(max-width:380px){.kim-collage{height:1050px}}
@media(prefers-reduced-motion:reduce){.kim-collage{opacity:1!important}.collage-card{--drift:0px!important}}
.motion-paused .collage-card{--drift:0px!important}

/* Desktop story: the same reel leads beside the message, then joins the collage. */
.model-composition{display:contents}
@media(min-width:981px){
 .model-composition{display:grid;grid-template-columns:52% 48%;width:min(1120px,100%);margin-inline:auto;position:relative}
 #modelo .model-composition>.business-layers.single{grid-column:1;grid-row:1;align-self:start;position:relative;z-index:10;width:100%;max-width:600px;margin:88px 0 0}
 #modelo .model-composition .relation-card{padding:28px}
 #modelo .model-composition .relation-card p{font-size:18px;line-height:1.6;max-width:none}
 #modelo .model-composition>.kim-collage{grid-column:1/-1;grid-row:1;width:100vw;max-width:none;height:130vw;margin:0 0 0 calc(50% - 50vw);overflow:clip;-webkit-mask-image:linear-gradient(to bottom,#000,#000 87%,transparent);mask-image:linear-gradient(to bottom,#000,#000 87%,transparent)}
 .model-composition .collage-hero{left:56%;top:1.46vw;width:17%;z-index:9;opacity:1;transform:translate3d(0,var(--drift,0px),0) rotate(-2deg);border-color:#ffffff42;box-shadow:0 32px 80px #0007,0 3px 14px #0004;--layer:3}
 /* Collage centrado: reels de tres tamaños (profundidad), x entre 12 % y 88 %, sin apilarse; crece al añadir más reels */
 .model-composition .collage-card:nth-child(1){--layer:1;left:78%;top:14.59vw;width:8%;z-index:4}
 .model-composition .collage-card:nth-child(2){--layer:2;left:14%;top:18.96vw;width:10%;z-index:6}
 .model-composition .collage-card:nth-child(4){--layer:1;left:30%;top:29.16vw;width:8%;z-index:4}
 .model-composition .collage-card:nth-child(5){--layer:3;left:50%;top:35.00vw;width:11%;z-index:8}
 .model-composition .collage-card:nth-child(6){--layer:1;left:66%;top:42.29vw;width:8.5%;z-index:4}
 .model-composition .collage-card:nth-child(7){--layer:3;left:20%;top:45.21vw;width:11%;z-index:8}
 .model-composition .collage-card:nth-child(8){--layer:2;left:38%;top:55.41vw;width:9%;z-index:6}
 .model-composition .collage-card:nth-child(9){--layer:2;left:60%;top:58.34vw;width:10%;z-index:6}
 .model-composition .collage-card:nth-child(10){--layer:1;left:76%;top:65.62vw;width:8%;z-index:4}
 .model-composition .collage-card:nth-child(11){--layer:2;left:14%;top:68.54vw;width:9%;z-index:6}
 .model-composition .collage-card:nth-child(12){--layer:3;left:30%;top:77.29vw;width:11%;z-index:8}
 .model-composition .collage-card:nth-child(13){--layer:1;left:50%;top:80.21vw;width:8%;z-index:4}
 .model-composition .collage-card:nth-child(14){--layer:3;left:68%;top:84.59vw;width:10.5%;z-index:8}
 .model-composition .collage-card:nth-child(15){--layer:1;left:21%;top:105.00vw;width:8.5%;z-index:4}
 .model-composition .collage-card:nth-child(16){--layer:2;left:42%;top:100.62vw;width:10%;z-index:6}
 .model-composition .collage-card:nth-child(17){--layer:1;left:60%;top:105.00vw;width:8.5%;z-index:4}
 .model-composition .collage-card:nth-child(18){--layer:2;left:74%;top:112.29vw;width:9.5%;z-index:6}
 .model-composition .collage-card:nth-child(19){--layer:2;left:32%;top:119.59vw;width:9%;z-index:6}
}
/* Degradado de luz al pie del collage, que acompaña el desvanecimiento al bajar */
.kim-collage::after{display:none;content:"";position:absolute;inset:auto 0 0 0;height:38%;z-index:20;pointer-events:none;background:linear-gradient(to top,#d9f3ac16,#d9f3ac08 40%,transparent)}




@media(max-width:760px){.kim-collage{height:1640px!important}}