/* One set of demo identities for every N + Z preview surface. */
.world-preview:has(.mini-site),.content-preview:has(.mini-site),.concept-art:has(.mini-site),.luw-preview:has(.mini-site){display:block;padding:0;background:transparent;aspect-ratio:3/2;overflow:hidden}
.mini-site{position:relative;isolation:isolate;container-type:inline-size;width:100%;height:100%;aspect-ratio:3/2;overflow:hidden;font-family:Manrope,Arial,sans-serif;font-weight:400;line-height:1.1;text-align:left}
.mini-site *{box-sizing:border-box}.mini-site p{margin:0}.mini-site .mini-photo{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.mini-brand,.mini-nav,.mini-headline,.mini-caption,.mini-action{position:absolute;z-index:2}
.mini-site .mini-brand{top:5%;left:6%;line-height:1;font-size:5.3cqw;font-weight:800;letter-spacing:-.07em}
.mini-site .mini-nav{right:6%;top:6.5%;font-size:1.35cqw;letter-spacing:0;line-height:1.3}
.mini-site .mini-headline{font-family:Manrope,Arial,sans-serif;font-size:8cqw;font-weight:700;line-height:.98;letter-spacing:-.065em;color:inherit}
.mini-action{left:6%;bottom:11%;padding:2.1% 3%;font-size:1.5cqw;line-height:1.3}.mini-caption{font-size:1.45cqw;line-height:1.5;left:6%;bottom:4%}
.mini-window{position:absolute;overflow:hidden}
.mini-site-luw{background:#e6ede9;color:#183b3a}
.mini-site-luw .mini-brand{font-family:'Bodoni Moda',Georgia,serif;font-size:6.5cqw;font-weight:500}
.mini-site-luw .mini-window{inset:17% 5% 15%}
.mini-site-luw .mini-photo{object-position:50% 42%}
.mini-site-luw .mini-headline{left:5%;top:7%;font-size:6.1cqw;font-weight:400;line-height:1.08;letter-spacing:-.055em}
.mini-site-luw .mini-action{left:auto;right:5%;bottom:3.5%;padding:1.8% 2.6%;background:#294c4b;color:#fafbf8}
.mini-site-kern{background:#1d4fed;color:#fff}
.mini-site-kern .mini-brand{font-style:italic}.mini-site-kern .mini-headline{left:6%;top:29%;font-size:9.3cqw;font-weight:800;line-height:.91;letter-spacing:-.072em}
.mini-gear{position:absolute;z-index:1;top:4%;right:-1%;height:81%;width:55%;max-width:none;object-fit:contain}
.mini-movement{position:absolute;top:40%;right:8%;font-size:11cqw;font-weight:800;letter-spacing:-.065em;line-height:1;color:transparent;-webkit-text-stroke:1px #dce6ff77}
.mini-site-kern .mini-action{bottom:19%;background:#fff;color:#14243e;font-weight:700}
.mini-rail{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;background:#14243e;padding:4% 6%;font-size:2.8cqw;font-weight:650}.mini-rail>span:first-child{color:#ffb68f}
.mini-site-kader{background:#f8f9f7;color:#141719}
.mini-site-kader .mini-nav{top:6%;left:6%;right:auto}
.mini-site-kader .mini-headline{left:6%;top:21%;font-size:4.8cqw;font-weight:400;line-height:1.1;letter-spacing:-.055em;max-width:40%}
.mini-site-kader .mini-window{inset:5% 5% 20% 51%}
.mini-site-kader .mini-photo{object-position:50% 50%}
.mini-site-kader .mini-brand{top:auto;bottom:9%;left:5%;font-size:23cqw;font-weight:650;letter-spacing:-.085em;background:#f8f9f7;padding-top:1%;padding-right:2%}
.mini-site-kader .mini-caption{bottom:4%;font-size:1.6cqw}
.mini-site-vonk{background:#eee5f3;color:#40233e}
.mini-site-vonk .mini-brand{font-size:6cqw}.mini-site-vonk .mini-headline{top:26%;left:6%;font-size:9cqw;font-weight:760;z-index:3}
.mini-person{position:absolute;right:-6%;top:17%;width:55%;height:79%;display:grid;place-items:center;border-radius:50%;background:#f5ed9b;font-size:23cqw;font-weight:800;letter-spacing:-.09em;transform:rotate(-9deg)}
.mini-ticket{position:absolute;z-index:4;padding:2.4% 3%;font-size:2.8cqw;line-height:1.15;font-weight:650;letter-spacing:-.04em}
.mini-grow{top:18%;right:6%;background:#40233e;color:#fbf8fc;transform:rotate(-9deg)}
.mini-team{right:2%;top:61%;background:#d6c1df;transform:rotate(7deg)}
.mini-joy{right:23%;bottom:6%;background:#fbf8fc;transform:rotate(-4deg);font-size:2.2cqw}
.mini-site-vonk .mini-action{background:#40233e;color:#fbf8fc;bottom:15%;font-weight:650}
