/* ═══════════ Viral Style Library — slides ═══════════ */
.vs{position:relative;display:block;width:100%;aspect-ratio:4/5;container-type:inline-size;overflow:hidden;border-radius:12px;isolation:isolate;font-family:"Inter Tight","Helvetica Neue",Arial,sans-serif;line-height:1.15;color:#fff;background:#111;text-align:left;-webkit-font-smoothing:antialiased;user-select:none}
.vs *{box-sizing:border-box}
/* isolate slides from page typography (.sr p etc.) */
.vs p,.vs li,.vs small,.vs h3{color:inherit;font-size:inherit;line-height:inherit;max-width:none;letter-spacing:inherit;text-transform:none}
.vs p b,.vs p i,.vs p em{color:inherit}
.vs p,.vs ul,.vs ol,.vs pre{margin:0;padding:0}
.vs ul,.vs ol{list-style:none}
.vs .ph{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-1}
.vs .sh{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.55))}
.vs .pad{position:absolute;inset:7cqw;display:flex;flex-direction:column}
.vs .pad.c{justify-content:center;align-items:center;text-align:center}
.vs .pad.end{justify-content:flex-end}
.vs .pad.mid{justify-content:center}
.vs .hd{position:absolute;left:0;right:0;bottom:4.5cqw;text-align:center;font-size:2.4cqw;opacity:.75}
.vs .hd.t{top:4.5cqw;bottom:auto}
.vs .cn{position:absolute;font:500 2.6cqw/1 "JetBrains Mono",monospace;z-index:2}
.vs .cn.tl{left:5cqw;top:5cqw}.vs .cn.tr{right:5cqw;top:5cqw}.vs .cn.bl{left:5cqw;bottom:5cqw}.vs .cn.br{right:5cqw;bottom:5cqw}
/* 1 photo quote */
.vs-photoquote .q{font:500 4.8cqw/1.25 "Inter Tight",sans-serif;color:#F6EEDF;text-shadow:0 .3cqw 2cqw rgba(0,0,0,.45)}
.vs-photoquote .br{margin-top:5cqw;font:400 3.7cqw/1.3 "Inter Tight",sans-serif;color:#F6EEDF;text-shadow:0 .3cqw 2cqw rgba(0,0,0,.45)}
.vs-photoquote .sh{background:rgba(0,0,0,.22)}
/* 2 paper note */
.vs-papernote .paper{position:absolute;left:22%;right:22%;top:30%;background:#F7F3EA;color:#222;padding:7cqw 5cqw;font:500 3.8cqw/1.35 "Inter Tight",sans-serif;text-align:center;box-shadow:0 2cqw 5cqw rgba(0,0,0,.35);transform:rotate(-1.5deg)}
.vs-papernote .paper .k{font:500 2.2cqw "JetBrains Mono",monospace;letter-spacing:.2em;color:#8a8a8a;margin-bottom:3cqw}
.vs-papernote .tape:before{content:"";position:absolute;left:50%;top:-2.6cqw;width:18cqw;height:5.2cqw;margin-left:-9cqw;background:rgba(232,227,212,.88);transform:rotate(2deg);box-shadow:0 .3cqw .8cqw rgba(0,0,0,.1)}
.vs-papernote .paper.r{transform:rotate(2deg);top:36%}
.vs-papernote .slip{position:absolute;left:14%;right:14%;top:58%;background:#fff;color:#111;padding:4.5cqw 5cqw;font:500 3.4cqw/1.35 "Inter Tight",sans-serif;text-align:center;transform:rotate(-4deg);box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.3);border-right:2cqw solid #2447D8}
.vs-papernote .hd{color:#fff}
/* 3 blueprint black */
.vs-blueprint{background:#0A0A0A;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:8cqw 8cqw}
.vs-blueprint .chip{background:linear-gradient(#2b2b2b,#101010);border:1px solid rgba(255,255,255,.16);border-radius:1.6cqw;padding:3cqw 5cqw;font:800 9.4cqw/.95 "Inter Tight",sans-serif;letter-spacing:-.04em;text-align:left;box-shadow:inset 0 .3cqw 0 rgba(255,255,255,.08),0 2cqw 4cqw rgba(0,0,0,.5)}
.vs-blueprint .chip i{font-style:normal;color:rgba(255,255,255,.45)}
.vs-blueprint .vso{display:flex;align-items:center;justify-content:center;width:7cqw;height:7cqw;margin:4cqw 0;border:1px solid rgba(255,255,255,.5);border-radius:50%;font:600 2.6cqw "Inter Tight",sans-serif}
.vs-blueprint .arr{position:absolute;right:6cqw;bottom:5cqw;font-size:5cqw}
.vs-blueprint .h{font:500 5.4cqw/1.18 "Inter Tight",sans-serif;margin-top:10cqw}
.vs-blueprint .h b,.vs-blueprint .h2 b,.vs-blueprint .s b{font-weight:800}
.vs-blueprint .row{display:flex;align-items:center;gap:3cqw;margin-top:7cqw}
.vs-blueprint .row .chip{font-size:3.8cqw;padding:1.8cqw 2.8cqw}
.vs-blueprint .row span{opacity:.5;font-size:4cqw}
.vs-blueprint .row p{font-size:3.3cqw;line-height:1.3;flex:1}
.vs-blueprint .h2{font:500 6.2cqw/1.15 "Inter Tight",sans-serif}
.vs-blueprint .s{margin-top:6cqw;font:400 4.2cqw/1.3 "Inter Tight",sans-serif;opacity:.9}
.vs-blueprint .btn{margin-top:9cqw;background:#1f1f1f;border:1px solid rgba(255,255,255,.2);border-radius:1.2cqw;padding:2.4cqw 4cqw;font-size:3.4cqw}
/* 4 sticker pop */
.vs-stickerpop{background:#F9D3E0;color:#5E6B14}
.vs-stickerpop.vs-s2{background:#8A9A2B}
.vs-stickerpop .tp{position:absolute;z-index:2;background:#7E8B25;color:#fff;font:400 3cqw/1 "Archivo Black",sans-serif;padding:1.6cqw 2.6cqw;transform:rotate(-4deg);letter-spacing:.02em}
.vs-stickerpop .tp.pk{background:#F7B6CF;color:#6E7A1F}
.vs-stickerpop .t1{left:6cqw;top:54%}.vs-stickerpop .t2{right:6cqw;top:62%;transform:rotate(5deg)}
.vs-stickerpop .tp.cx{left:50%;top:22cqw;transform:translateX(-50%) rotate(-2deg);white-space:nowrap}
.vs-stickerpop .big{position:absolute;left:6cqw;bottom:8cqw;font:400 10.4cqw/.92 "Archivo Black",sans-serif;color:#fff;-webkit-text-stroke:.45cqw #6E7A1F;text-shadow:.9cqw .9cqw 0 #6E7A1F}
.vs-stickerpop .st{position:absolute;font-style:normal;color:#fff;font-size:6cqw;text-shadow:0 0 2cqw rgba(255,255,255,.8)}
.vs-stickerpop .s1{left:8cqw;top:9cqw}.vs-stickerpop .s2{right:9cqw;top:30cqw;font-size:4cqw}.vs-stickerpop .s3{right:14cqw;bottom:34cqw}.vs-stickerpop .s4{left:12cqw;bottom:10cqw;font-size:4cqw}
.vs-stickerpop .stp{position:absolute;left:0;right:0;top:7cqw;text-align:center;font:400 11cqw/1 "Archivo Black",sans-serif;color:#fff;-webkit-text-stroke:.45cqw #6E7A1F;text-shadow:.8cqw .8cqw 0 #6E7A1F}
.vs-stickerpop.vs-s2 .stp{-webkit-text-stroke-color:#C24F7E;text-shadow:.8cqw .8cqw 0 #C24F7E}
.vs-stickerpop .wcard{position:absolute;left:9cqw;right:9cqw;top:32cqw;background:#fff;border-radius:2cqw;padding:5cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.12)}
.vs-stickerpop .wcard li{font:500 3.3cqw/1.4 "Inter Tight",sans-serif;color:#6E7A1F;padding:1cqw 0}
.vs-stickerpop .wcard li:before{content:"• "}
.vs-stickerpop .shelf b{display:block;font:400 6cqw/1 "Archivo Black",sans-serif;color:#8A9A2B;margin-top:3cqw}
.vs-stickerpop .shelf b:first-child{margin-top:0}
.vs-stickerpop .shelf p{font:500 3.2cqw/1.35 "Inter Tight",sans-serif;color:#444;margin-top:1cqw}
/* 5 graph paper */
.vs-graphpaper{background:#FBFCFF;color:#1B2340;background-image:linear-gradient(rgba(40,80,220,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(40,80,220,.1) 1px,transparent 1px);background-size:4cqw 4cqw}
.vs-graphpaper .logo{position:absolute;left:0;right:0;top:5cqw;text-align:center;font:700 2.6cqw "Inter Tight",sans-serif;color:#1E3FD8;letter-spacing:.04em}
.vs-graphpaper .n{margin-top:12cqw;text-align:center;font:800 30cqw/.8 "Inter Tight",sans-serif;color:#1E3FD8;letter-spacing:-.06em}
.vs-graphpaper .t{margin-top:3cqw;text-align:center;font:700 8.4cqw/1.08 "Inter Tight",sans-serif;color:#1E3FD8;letter-spacing:-.03em}
.vs-graphpaper u{text-decoration-thickness:.5cqw;text-underline-offset:1cqw}
.vs-graphpaper .fun{margin:5cqw auto 0;display:flex;flex-direction:column;align-items:center;gap:1.2cqw}
.vs-graphpaper .fun span{display:block;background:#1E3FD8;color:#fff;font:700 2.8cqw "Inter Tight",sans-serif;padding:1.6cqw 0;text-align:center;border-radius:.8cqw;letter-spacing:.08em}
.vs-graphpaper .fun span:nth-child(1){width:52cqw}.vs-graphpaper .fun span:nth-child(2){width:42cqw;background:#3558F0}.vs-graphpaper .fun span:nth-child(3){width:32cqw;background:#5A78FF}.vs-graphpaper .fun span:nth-child(4){width:22cqw;background:#E6337A}
.vs-graphpaper .sig{position:absolute;left:7cqw;bottom:6cqw;font:500 2.2cqw/1.3 "Inter Tight",sans-serif;color:#555}
.vs-graphpaper .sig b{display:block;font-size:3.2cqw;color:#111;border-bottom:.3cqw solid #111;padding-bottom:.6cqw;margin-bottom:.6cqw;width:max-content}
.vs-graphpaper .hx{position:absolute;left:7cqw;top:14cqw;display:flex;align-items:center;gap:2.4cqw;font:700 6cqw/1 "Inter Tight",sans-serif;color:#1E3FD8}
.vs-graphpaper .num{display:inline-flex;align-items:center;justify-content:center;width:6cqw;height:6cqw;border-radius:50%;background:#E6337A;color:#fff;font-size:3.4cqw}
.vs-graphpaper .flow{position:absolute;left:7cqw;right:7cqw;top:32cqw;display:flex;align-items:center;justify-content:space-between;padding:6cqw 4cqw;background:#fff;border:1px solid rgba(30,63,216,.2);border-radius:2cqw}
.vs-graphpaper .flow span{font:700 3.6cqw "Inter Tight",sans-serif;padding:3cqw 3.2cqw;border-radius:1.4cqw;background:#E8EDFF;color:#1E3FD8}
.vs-graphpaper .flow span.o{background:#1E3FD8;color:#fff}
.vs-graphpaper .flow i{font-style:normal;color:#E6337A;font-size:4cqw}
.vs-graphpaper .body{position:absolute;left:7cqw;right:7cqw;top:70cqw;font:400 3.3cqw/1.5 "Inter Tight",sans-serif;color:#222}
.vs-graphpaper .body em{font-style:normal;color:#E6337A;text-decoration:underline;text-underline-offset:.6cqw}
.vs-graphpaper .blocks{position:absolute;left:7cqw;right:7cqw;top:34cqw;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}
.vs-graphpaper .blocks span{background:var(--c);color:#fff;font:800 3.2cqw "Inter Tight",sans-serif;height:22cqw;display:flex;align-items:center;justify-content:center;border-radius:1.2cqw;box-shadow:inset 0 -1.6cqw 0 rgba(0,0,0,.12)}
/* 6 mono poster */
.vs-monoposter{background:#F6EDB4;color:#161616}
.vs-monoposter.vs-s0 .cn{color:#fff}
.vs-monoposter .an{font:400 12cqw/.92 "Anton",sans-serif;text-transform:uppercase;letter-spacing:-.005em}
.vs-monoposter .an.ye{color:#F6E27A;font-size:11cqw}
.vs-monoposter .an.sm{font-size:6.6cqw;margin-top:5cqw}
.vs-monoposter .m{font:400 2.9cqw/1.55 "JetBrains Mono",monospace;margin-top:4.5cqw;max-width:92%}
.vs-monoposter .m.w{color:#fff}
.vs-monoposter .ui{margin-top:5cqw;display:flex;align-items:center;gap:3cqw;background:#fff;border-radius:99px;padding:2cqw 4cqw 2cqw 2cqw;box-shadow:0 1cqw 3cqw rgba(0,0,0,.08);width:max-content}
.vs-monoposter .ui .av{width:8cqw;height:8cqw;border-radius:50%;background:#161616;color:#F6EDB4;display:flex;align-items:center;justify-content:center;font:700 2.6cqw "Inter Tight",sans-serif}
.vs-monoposter .ui b{display:block;font:700 3cqw "Inter Tight",sans-serif}
.vs-monoposter .ui small{font:400 2.2cqw "Inter Tight",sans-serif;opacity:.6}
/* 7 stage poster */
.vs-photoposter{color:#fff}
.vs-photoposter .sh{background:linear-gradient(180deg,rgba(10,5,10,.15),rgba(10,5,10,.25) 40%,rgba(10,5,10,.82))}
.vs-photoposter .cn{color:rgba(255,255,255,.85)}
.vs-photoposter .pad{bottom:12cqw}
.vs-photoposter .big{font:800 9.4cqw/1 "Inter Tight",sans-serif;letter-spacing:-.045em}
.vs-photoposter .big em{font-style:normal;color:#F6A9D5}
.vs-photoposter .big.s{font-size:7.2cqw}
.vs-photoposter .num{font:800 22cqw/.8 "Inter Tight",sans-serif;color:#F6A9D5;letter-spacing:-.06em;margin-bottom:2cqw}
.vs-photoposter .m{margin-top:3cqw;font:500 3.1cqw/1.35 "Inter Tight",sans-serif;opacity:.85}
/* 8 glow offer */
.vs-glowoffer{background:#050505}
.vs-glowoffer.vs-s1,.vs-glowoffer.vs-s2{background:#FAF8F5;color:#111}
.vs-glowoffer .glow{position:absolute;z-index:-1;width:95cqw;height:60cqw;left:2cqw;border-radius:50%;background:radial-gradient(closest-side,#FF7A2F,rgba(255,110,40,.55) 45%,transparent);filter:blur(5cqw)}
.vs-glowoffer .gt{top:-18cqw}.vs-glowoffer .gb{bottom:-26cqw}
.vs-glowoffer .top{position:absolute;left:6cqw;right:6cqw;top:5cqw;display:flex;justify-content:space-between;padding-bottom:2cqw;border-bottom:1px solid rgba(255,255,255,.25);font-size:2.2cqw}
.vs-glowoffer .top.dk{border-color:rgba(0,0,0,.15)}
.vs-glowoffer .top b{display:block;font-size:2.4cqw}.vs-glowoffer .top small{opacity:.6}
.vs-glowoffer .h{position:absolute;left:7cqw;right:7cqw;top:52%;font:500 10cqw/1.02 "Inter Tight",sans-serif;letter-spacing:-.045em}
.vs-glowoffer .h.dk{top:28%;font-size:7cqw;line-height:1.1}
.vs-glowoffer .h em{font-style:normal;color:#FF7A2F}
.vs-glowoffer .h.dk em{color:#E85D14}
.vs-glowoffer .pill{position:absolute;left:7cqw;bottom:12cqw;display:flex;align-items:center;gap:2.4cqw;background:#FF6A1F;color:#fff;border-radius:99px;padding:2.4cqw 2.4cqw 2.4cqw 4.4cqw;font:600 3.6cqw "Inter Tight",sans-serif}
.vs-glowoffer .pill i{display:flex;align-items:center;justify-content:center;width:6cqw;height:6cqw;border-radius:50%;background:#fff;color:#FF6A1F;font-style:normal}
.vs-glowoffer .dm{font:600 3.6cqw "Inter Tight",sans-serif}
.vs-glowoffer .offer{font:400 17cqw/1 "Archivo Black",sans-serif;letter-spacing:-.02em}
.vs-glowoffer .s{margin-top:2cqw;font:400 3.4cqw/1.35 "Inter Tight",sans-serif}
/* 9 quiet dark */
.vs-quietdark{background:#050505;color:#EDEDED}
.vs-quietdark .ph.dim{inset:20cqw 16cqw 20cqw;opacity:.7;z-index:0;border-radius:.5cqw}
.vs-quietdark .ph.dim2{opacity:.55}
.vs-quietdark .qt{position:absolute;left:6cqw;top:6cqw;max-width:70%;font:400 3cqw/1.35 "Inter Tight",sans-serif;z-index:1}
.vs-quietdark .dot{position:absolute;left:6cqw;bottom:7cqw;width:2cqw;height:2cqw;border-radius:50%;background:#FF6A2B;box-shadow:0 0 3cqw #FF6A2B}
.vs-quietdark .lb{position:absolute;right:6cqw;bottom:6cqw;font:400 2.4cqw "Inter Tight",sans-serif;opacity:.5}
.vs-quietdark .cap{position:absolute;left:0;right:0;top:14cqw;text-align:center;font:400 2.6cqw "Inter Tight",sans-serif;opacity:.6}
.vs-quietdark .wheel{position:absolute;left:18cqw;top:28cqw;width:64cqw;height:64cqw;border:1px solid rgba(255,255,255,.35);border-radius:50%}
.vs-quietdark .wheel span{position:absolute;left:50%;top:50%;font:400 2.5cqw "Inter Tight",sans-serif;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-32cqw) rotate(calc(var(--a)*-1));background:#050505;padding:.4cqw 1cqw}
.vs-quietdark .wheel i{position:absolute;left:50%;top:50%;width:2cqw;height:2cqw;margin:-1cqw;border-radius:50%;background:#FF6A2B;box-shadow:0 0 3cqw #FF6A2B}
.vs-quietdark .mid{position:absolute;left:0;right:0;top:12cqw;text-align:center;font:400 3cqw/1.35 "Inter Tight",sans-serif}
/* 10 clay diagram */
.vs-claydiagram{background:#7A2E1C;color:#FBE9DF}
.vs-claydiagram .band{position:absolute;inset:0;z-index:-1;background:linear-gradient(118deg,transparent 30%,rgba(255,165,120,.22) 30%,rgba(255,165,120,.22) 58%,transparent 58%)}
.vs-claydiagram .venn{position:absolute;inset:0}
.vs-claydiagram .venn i{position:absolute;width:44cqw;height:44cqw;border:1px solid rgba(255,240,230,.75);border-radius:50%}
.vs-claydiagram .v1{left:28cqw;top:18cqw}.vs-claydiagram .v2{left:10cqw;top:39cqw}.vs-claydiagram .v3{left:46cqw;top:39cqw}.vs-claydiagram .v4{left:28cqw;top:60cqw}
.vs-claydiagram .venn span{position:absolute;font:400 2.8cqw/1.2 "Inter Tight",sans-serif;text-align:center}
.vs-claydiagram .venn b{font-weight:700;letter-spacing:.02em}
.vs-claydiagram .l1{left:0;right:0;top:24cqw}.vs-claydiagram .l2{left:4cqw;top:58cqw;text-align:left!important}.vs-claydiagram .l3{right:4cqw;top:58cqw;text-align:right!important}.vs-claydiagram .l4{left:0;right:0;top:96cqw}
.vs-claydiagram .ctr{left:0;right:0;top:59cqw;font-size:4.2cqw!important;letter-spacing:.14em;font-weight:600}
.vs-claydiagram .k{font:500 2.4cqw "Inter Tight",sans-serif;letter-spacing:.3em}
.vs-claydiagram .k.top{position:absolute;left:0;right:0;top:12cqw;text-align:center}
.vs-claydiagram .h{margin-top:4cqw;font:400 6.4cqw/1.15 "Inter Tight",sans-serif;letter-spacing:-.02em}
.vs-claydiagram .rule{display:block;width:12cqw;height:1px;background:rgba(255,240,230,.6);margin:6cqw auto}
.vs-claydiagram .b{font:400 3.3cqw/1.5 "Inter Tight",sans-serif;max-width:90%}
.vs-claydiagram .rings i{position:absolute;left:50%;top:58%;border:1px solid rgba(255,240,230,.7);border-radius:50%;transform:translate(-50%,-50%)}
.vs-claydiagram .r1{width:78cqw;height:78cqw}.vs-claydiagram .r2{width:52cqw;height:52cqw}.vs-claydiagram .r3{width:26cqw;height:26cqw;background:rgba(255,240,230,.12)}
.vs-claydiagram .rings span{position:absolute;left:0;right:0;text-align:center;font:500 3cqw "Inter Tight",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.vs-claydiagram .rings .a{top:24cqw}.vs-claydiagram .rings .b2{top:37cqw}.vs-claydiagram .rings .c2{top:56cqw}
/* 11 noise expert */
.vs-noiseexpert{background:#0B0B0B url("data:image/svg+xml;utf8,")}
.vs-noiseexpert .t{display:flex;align-items:center;gap:2.4cqw;font:700 5.6cqw/1 "Inter Tight",sans-serif;letter-spacing:-.03em}
.vs-noiseexpert .bd{display:inline-flex;align-items:center;justify-content:center;width:6.4cqw;height:6.4cqw;border-radius:1.4cqw;background:#FF6B3D;color:#fff;font-size:3.6cqw}
.vs-noiseexpert .grid{margin-top:5cqw;display:grid;grid-template-columns:1fr 1fr;gap:1.8cqw}
.vs-noiseexpert .grid div{background:#1A1A1A;border:1px solid #262626;border-radius:1.4cqw;padding:2.4cqw}
.vs-noiseexpert .grid b{display:block;font:600 2.8cqw "Inter Tight",sans-serif}
.vs-noiseexpert .grid small{font:400 2.1cqw "Inter Tight",sans-serif;opacity:.55}
.vs-noiseexpert ul{margin-top:5cqw}
.vs-noiseexpert li{font:400 3cqw/1.55 "Inter Tight",sans-serif;opacity:.9}
.vs-noiseexpert li:before{content:"• "}
.vs-noiseexpert .h{margin-top:auto;font:700 6cqw/1.08 "Inter Tight",sans-serif;letter-spacing:-.035em}
.vs-noiseexpert .h em{font-style:normal;color:#FF6B3D}
.vs-noiseexpert.vs-s1 .h{margin-top:4cqw;font-size:6.6cqw}
.vs-noiseexpert .way{display:flex;gap:4cqw;align-items:flex-start;margin-top:8cqw}
.vs-noiseexpert .ic{flex:none;width:18cqw;height:18cqw;border-radius:2cqw;background:#1B1B1B;border:1px solid #2A2A2A;display:flex;align-items:center;justify-content:center;font:700 3cqw "JetBrains Mono",monospace;opacity:.8}
.vs-noiseexpert .way p{font:400 3.2cqw/1.5 "Inter Tight",sans-serif}
.vs-noiseexpert .red{color:#FF4545!important}.vs-noiseexpert .grn{color:#3DDC6A!important}
.vs-noiseexpert .way .red,.vs-noiseexpert .way .grn{font-weight:700;font-size:3.8cqw;margin-bottom:1cqw}
.vs-noiseexpert .pad.c.l{align-items:flex-start;text-align:left}
.vs-noiseexpert .sm{font:400 3.2cqw "Inter Tight",sans-serif;opacity:.6}
.vs-noiseexpert .sm.b{opacity:.85;font-weight:600}
.vs-noiseexpert .sm.gap{margin-top:10cqw}
.vs-noiseexpert .big{font:700 7.6cqw/1.05 "Inter Tight",sans-serif;letter-spacing:-.035em;margin-top:1cqw}
/* 12 ui card */
.vs-uicard{background:#3C3C3C}
.vs-uicard .soft{position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.18)}
.vs-uicard .prof{position:absolute;left:12cqw;right:12cqw;top:22cqw;background:#fff;color:#111;border-radius:2.4cqw;padding:4cqw;box-shadow:0 3cqw 6cqw rgba(0,0,0,.3)}
.vs-uicard .pr{display:flex;align-items:center;gap:3cqw}
.vs-uicard .pr i{width:12cqw;height:12cqw;border-radius:50%;background-size:cover;background-position:center 30%;border:.5cqw solid #E1306C}
.vs-uicard .pr b{display:block;font:700 3.4cqw "Inter Tight",sans-serif}
.vs-uicard .pr small{font:400 2.4cqw "Inter Tight",sans-serif;opacity:.6}
.vs-uicard .stats{display:flex;justify-content:space-between;margin:4cqw 0 3cqw}
.vs-uicard .stats span{font:400 2.2cqw "Inter Tight",sans-serif;opacity:.7;text-align:center}
.vs-uicard .stats b{display:block;font:700 3.6cqw "Inter Tight",sans-serif;opacity:1;color:#111}
.vs-uicard .prof p{font:400 2.7cqw/1.4 "Inter Tight",sans-serif}
.vs-uicard .cap{position:absolute;left:8cqw;right:8cqw;top:68cqw;text-align:center;font:600 4.2cqw/1.25 "Inter Tight",sans-serif;text-shadow:0 .4cqw 2cqw rgba(0,0,0,.5)}
.vs-uicard .cap2{position:absolute;left:10cqw;right:10cqw;top:80cqw;text-align:center;font:400 3.2cqw/1.4 "Inter Tight",sans-serif;text-shadow:0 .4cqw 2cqw rgba(0,0,0,.5)}
.vs-uicard.vs-s1 .cap{top:16cqw}.vs-uicard.vs-s1 .cap2{top:92cqw}
.vs-uicard .player{position:absolute;left:9cqw;right:9cqw;top:40cqw;background:#fff;color:#111;border-radius:2.4cqw;padding:5cqw;box-shadow:0 3cqw 6cqw rgba(0,0,0,.3)}
.vs-uicard .player p{font:500 3.3cqw/1.4 "Inter Tight",sans-serif}
.vs-uicard .bar{display:flex;align-items:center;gap:2cqw;margin-top:5cqw;background:#F1F1F1;border-radius:99px;padding:2cqw 3cqw;font:400 2.2cqw "Inter Tight",sans-serif}
.vs-uicard .bar i{font-style:normal}.vs-uicard .bar em{flex:1;height:.6cqw;border-radius:9px;background:linear-gradient(90deg,#111 18%,#ccc 18%)}
.vs-uicard .cap.top{top:12cqw}
.vs-uicard .tg,.vs-uicard .pin{position:absolute;left:9cqw;right:9cqw;display:flex;align-items:center;gap:3cqw;background:rgba(255,255,255,.95);color:#111;border-radius:99px;padding:2.2cqw 3cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.25)}
.vs-uicard .tg{top:58cqw}
.vs-uicard .pin{top:74cqw;border-radius:2.4cqw}
.vs-uicard .tg .n{background:#111;color:#fff;border-radius:99px;padding:1cqw 2.2cqw;font:700 2.4cqw "Inter Tight",sans-serif}
.vs-uicard .tg b,.vs-uicard .pin b{display:block;font:700 3cqw "Inter Tight",sans-serif}
.vs-uicard .tg small,.vs-uicard .pin small{font:400 2.2cqw "Inter Tight",sans-serif;opacity:.6}
.vs-uicard .tg>i{margin-left:auto;width:7cqw;height:7cqw;border-radius:50%;background:#111}
.vs-uicard .pin>i{width:7cqw;height:7cqw;border-radius:1.4cqw;background:#111;flex:none}
.vs-uicard .pin span{margin-left:auto;opacity:.5}
/* 13 chrome */
.vs-chrome{background:#07123A}
.vs-chrome .sh{background:radial-gradient(ellipse at 50% 60%,transparent 30%,rgba(3,8,30,.55))}
.vs-chrome .cr{background:linear-gradient(180deg,#ffffff 0%,#dfe4ea 30%,#7b8494 48%,#f3f5f8 58%,#aab1bd 80%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1cqw 1.4cqw rgba(0,0,30,.55))}
.vs-chrome .big{position:absolute;left:0;right:0;top:12cqw;text-align:center;font:400 27cqw/.84 "Archivo Black",sans-serif;letter-spacing:-.05em}
.vs-chrome .big.sm2{font-size:24cqw}
.vs-chrome .n{position:absolute;left:0;right:0;top:24cqw;text-align:center;font:400 40cqw/.9 "Archivo Black",sans-serif;letter-spacing:-.06em}
.vs-chrome .sub{position:absolute;left:0;right:0;bottom:9cqw;text-align:center;font:600 3.8cqw/1.3 "Inter Tight",sans-serif;color:#E8EEF8}
.vs-chrome .sub.mid{bottom:auto;top:78cqw}
.vs-chrome .orb{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 45%,#2B4BFF 0,#0B1A6A 35%,#040A2A 70%)}
.vs-chrome .sp{position:absolute;width:6cqw;height:6cqw;background:#fff;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 1.4cqw #fff)}
.vs-chrome .s1{left:14cqw;top:10cqw}.vs-chrome .s2{right:12cqw;top:48cqw;width:4.5cqw;height:4.5cqw}.vs-chrome .s3{left:20cqw;bottom:24cqw;width:3.6cqw;height:3.6cqw}
/* 14 tabloid */
.vs-tabloid{background:#EDE8DC;color:#111}
.vs-tabloid .mast{position:absolute;left:5cqw;right:5cqw;top:4cqw;display:flex;justify-content:space-between;align-items:center;border-top:1.2cqw solid #111;border-bottom:.4cqw solid #111;padding:1.6cqw 0;font:500 2.2cqw "JetBrains Mono",monospace}
.vs-tabloid .mast b{font:900 4cqw/1 "Playfair Display",serif;letter-spacing:-.01em}
.vs-tabloid .head{position:absolute;left:5cqw;right:5cqw;top:17cqw;font:400 19cqw/.86 "Anton",sans-serif;letter-spacing:-.01em}
.vs-tabloid .pic{position:absolute;left:5cqw;right:5cqw;top:56cqw;height:42cqw;overflow:hidden}
.vs-tabloid .pic .ph{z-index:0}
.vs-tabloid .ph.bw{filter:grayscale(1) contrast(1.35)}
.vs-tabloid .dots{position:absolute;inset:0;background:radial-gradient(rgba(0,0,0,.28) 28%,transparent 30%) 0 0/1.3cqw 1.3cqw;mix-blend-mode:multiply}
.vs-tabloid .stamp{position:absolute;right:3cqw;top:3cqw;background:#D7261E;color:#fff;font:400 4.4cqw/1 "Anton",sans-serif;padding:1.6cqw 3cqw;transform:rotate(6deg)}
.vs-tabloid .deck{position:absolute;left:5cqw;right:5cqw;bottom:5cqw;font:700 3.5cqw/1.25 "Playfair Display",serif}
.vs-tabloid .head2{position:absolute;left:5cqw;right:5cqw;top:18cqw;font:400 12cqw/.9 "Anton",sans-serif}
.vs-tabloid .cols{position:absolute;left:5cqw;right:5cqw;top:34cqw;display:grid;grid-template-columns:1fr 1fr;gap:4cqw;font:400 3.2cqw/1.45 "Playfair Display",serif;border-top:.4cqw solid #111;padding-top:4cqw}
.vs-tabloid .drop{float:left;font:400 12cqw/.8 "Anton",sans-serif;margin:.6cqw 1.6cqw 0 0}
.vs-tabloid .kick{position:absolute;left:5cqw;top:22cqw;background:#D7261E;color:#fff;font:400 4cqw/1 "Anton",sans-serif;padding:1.6cqw 3cqw}
.vs-tabloid .head.n{top:32cqw;font-size:42cqw;color:#D7261E}
.vs-tabloid .deck.big{font-size:4.6cqw;bottom:8cqw}
/* 15 swiss red */
.vs-swissred{background:#E63323;color:#fff}
.vs-swissred.vs-s1{background:#F4F1EA;color:#111}
.vs-swissred .gridl{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px) 0 0/25% 100%}
.vs-swissred .k{position:absolute;left:6cqw;top:6cqw;font:500 2.6cqw "Inter Tight",sans-serif}
.vs-swissred .n{position:absolute;left:3cqw;top:8cqw;font:400 86cqw/.8 "Archivo Black",sans-serif;letter-spacing:-.08em}
.vs-swissred .u{position:absolute;left:6cqw;bottom:16cqw;font:400 8.4cqw/.95 "Archivo Black",sans-serif;letter-spacing:-.04em}
.vs-swissred .f{position:absolute;left:6cqw;bottom:6cqw;font:500 3cqw "Inter Tight",sans-serif}
.vs-swissred .t{position:absolute;left:6cqw;top:8cqw;font:400 8cqw/.95 "Archivo Black",sans-serif;letter-spacing:-.04em}
.vs-swissred ol{position:absolute;left:6cqw;right:6cqw;top:36cqw}
.vs-monoposter.vs-s0 .pad{bottom:12cqw}
.vs-swissred li{display:flex;gap:4cqw;align-items:baseline;border-top:.5cqw solid #111;padding:3cqw 0;font:600 4.6cqw "Inter Tight",sans-serif;letter-spacing:-.02em}
.vs-swissred li b{color:#E63323;font:400 4cqw "Archivo Black",sans-serif}
.vs-swissred .st{position:absolute;left:6cqw;top:12cqw;font:400 19cqw/.9 "Archivo Black",sans-serif;letter-spacing:-.06em}
/* 16 lime brutal */
.vs-brutalist{background:#D6FF3D;color:#0A0A0A}
.vs-brutalist.vs-s1{background:#0A0A0A;color:#D6FF3D}
.vs-brutalist .w{position:absolute;left:5cqw;top:8cqw;font:400 15.4cqw/.86 "Archivo Black",sans-serif;letter-spacing:-.06em}
.vs-brutalist .lbl{position:absolute;right:6cqw;top:52cqw;background:#0A0A0A;color:#D6FF3D;font:400 3.6cqw "Archivo Black",sans-serif;padding:1.6cqw 3cqw;transform:rotate(-9deg)}
.vs-brutalist .ar{position:absolute;right:5cqw;bottom:2cqw;font:400 22cqw/1 "Archivo Black",sans-serif}
.vs-brutalist .k{position:absolute;left:6cqw;top:7cqw;border:.6cqw solid currentColor;padding:1.4cqw 3cqw;font:400 3.4cqw "Archivo Black",sans-serif}
.vs-brutalist .w2{position:absolute;left:5cqw;top:24cqw;font:400 13cqw/.88 "Archivo Black",sans-serif;letter-spacing:-.055em}
.vs-brutalist .box{position:absolute;left:6cqw;right:6cqw;bottom:6cqw;border:.6cqw solid #D6FF3D;padding:4cqw;font:600 4.2cqw/1.3 "Inter Tight",sans-serif}
.vs-brutalist .bars{position:absolute;left:6cqw;top:7cqw;display:flex;gap:2cqw}
.vs-brutalist .bars i{width:12cqw;height:3cqw;background:#0A0A0A}
.vs-brutalist.vs-s2 .w2{top:22cqw}
/* 17 film still */
.vs-cinematic{background:#000;color:#fff}
.vs-cinematic .ph.lbx{inset:15cqw 0;z-index:0}
.vs-cinematic .ttl{position:absolute;z-index:1;font:500 8.4cqw/1 "Cormorant Garamond",Georgia,serif;color:#F3E6CF;letter-spacing:-.01em;text-shadow:0 .6cqw 3cqw rgba(0,0,0,.75)}
.vs-cinematic .ttl i{font-style:italic;font-weight:500;color:#fff}
.vs-cinematic .ttl.tl{left:7cqw;top:9cqw;max-width:80%}
.vs-cinematic .ttl.br{right:7cqw;bottom:9cqw;text-align:right;font-size:7.6cqw}
.vs-cinematic .ttl.rc{right:8cqw;top:44cqw;text-align:right;font-size:11cqw;line-height:.95}
.vs-cinematic .chap{display:block;margin-bottom:3cqw;font:500 2.6cqw "Cormorant Garamond",serif;letter-spacing:.3em;text-transform:uppercase;color:rgba(243,230,207,.75)}
.vs-cinematic .cred{position:absolute;left:0;right:0;bottom:5.4cqw;text-align:center;font:500 2.4cqw "Cormorant Garamond",serif;letter-spacing:.42em;text-transform:uppercase;color:rgba(243,230,207,.6)}
.vs-cinematic.vs-s1 .cred{bottom:auto;top:5.4cqw}
/* 18 notes app */
.vs-notesapp{background:#FFFDF6;color:#1C1C1E;font-family:-apple-system,"Inter Tight",sans-serif}
.vs-notesapp.vs-s1{background:#1C1C1E;color:#F2F2F7}
.vs-notesapp .bar{position:absolute;left:5cqw;right:5cqw;top:5cqw;display:flex;justify-content:space-between;font:500 3.6cqw "Inter Tight",sans-serif;color:#E0A800}
.vs-notesapp .date{position:absolute;left:0;right:0;top:16cqw;text-align:center;font:400 2.4cqw "Inter Tight",sans-serif;opacity:.45}
.vs-notesapp .tt{position:absolute;left:7cqw;right:7cqw;top:24cqw;font:800 7.4cqw/1.05 "Inter Tight",sans-serif;letter-spacing:-.03em}
.vs-notesapp .chk{position:absolute;left:7cqw;right:7cqw;top:44cqw}
.vs-notesapp .chk li{display:flex;align-items:center;gap:3.4cqw;font:400 4.4cqw/1 "Inter Tight",sans-serif;padding:3cqw 0;border-bottom:1px solid rgba(0,0,0,.07)}
.vs-notesapp .chk li:before{content:"";flex:none;width:5cqw;height:5cqw;border-radius:50%;border:.45cqw solid #C7C7CC}
.vs-notesapp .chk li.d{color:#9A9AA0;text-decoration:line-through}
.vs-notesapp .chk li.d:before{background:#E0A800 url("data:image/svg+xml;utf8,") center/80% no-repeat;border-color:#E0A800}
.vs-notesapp .pr{position:absolute;left:7cqw;right:7cqw;top:44cqw;font:400 5cqw/1.45 "Inter Tight",sans-serif}
.vs-notesapp mark{background:#FFD60A;color:#1C1C1E;padding:0 .8cqw;border-radius:.6cqw}
.vs-notesapp .nl{position:absolute;left:7cqw;right:7cqw;top:42cqw;counter-reset:n}
.vs-notesapp .nl li{counter-increment:n;font:400 4.6cqw/1 "Inter Tight",sans-serif;padding:3.2cqw 0}
.vs-notesapp .nl li:before{content:counter(n) ". ";font-weight:700}
/* 19 magazine */
.vs-magazine{background:#141414;color:#fff}
.vs-magazine .sh{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 60%,rgba(0,0,0,.55))}
.vs-magazine .mast{position:absolute;left:0;right:0;top:2cqw;text-align:center;font:900 25cqw/1 "Playfair Display",serif;letter-spacing:-.03em}
.vs-magazine .mast.sm{font-size:14cqw;top:4cqw}
.vs-magazine .iss{position:absolute;left:0;right:0;top:29cqw;text-align:center;font:500 2.2cqw "JetBrains Mono",monospace;letter-spacing:.3em}
.vs-magazine .lines{position:absolute;font:400 2.8cqw/1.25 "Inter Tight",sans-serif;text-shadow:0 .3cqw 1.6cqw rgba(0,0,0,.5)}
.vs-magazine .lines b{display:block;font:700 italic 5cqw/1 "Playfair Display",serif}
.vs-magazine .lines.l{left:6cqw;top:48cqw;max-width:32cqw}
.vs-magazine .lines.l p+p{margin-top:5cqw}
.vs-magazine .lines.r{right:6cqw;bottom:16cqw;text-align:right}
.vs-magazine .bc{position:absolute;left:6cqw;bottom:6cqw;width:14cqw;height:7cqw;background:repeating-linear-gradient(90deg,#fff 0 .5cqw,transparent .5cqw 1cqw,#fff 1cqw 1.2cqw,transparent 1.2cqw 2cqw)}
.vs-magazine.vs-s1{background:#F2EEE7;color:#141414}
.vs-magazine .k{position:absolute;left:7cqw;top:7cqw;font:500 2.4cqw "JetBrains Mono",monospace;letter-spacing:.3em;color:#B3261E}
.vs-magazine .h{position:absolute;left:7cqw;right:7cqw;top:14cqw;font:900 9.6cqw/.98 "Playfair Display",serif;letter-spacing:-.03em}
.vs-magazine .h i{font-weight:400}
.vs-magazine .ph.box{inset:auto;left:7cqw;top:42cqw;width:38cqw;height:48cqw;z-index:0}
.vs-magazine .dc{position:absolute;left:50cqw;right:7cqw;top:42cqw;font:400 3.2cqw/1.5 "Playfair Display",serif}
.vs-magazine .dc:first-letter{float:left;font:900 11cqw/.8 "Playfair Display",serif;margin:.8cqw 1.4cqw 0 0;color:#B3261E}
.vs-magazine .bq{position:absolute;left:7cqw;right:7cqw;bottom:10cqw;font:700 6.4cqw/1.1 "Playfair Display",serif;text-shadow:0 .4cqw 2cqw rgba(0,0,0,.5)}
.vs-magazine .bq i{font-weight:400}
/* 20 soft mesh */
.vs-pastelmesh{color:#2B2140;background-color:#F6EFFA;background-image:radial-gradient(circle at 18% 22%,#E3C8FF 0,transparent 48%),radial-gradient(circle at 85% 30%,#FFD2BE 0,transparent 45%),radial-gradient(circle at 60% 88%,#BFF0DB 0,transparent 48%)}
.vs-pastelmesh .pl{position:absolute;left:7cqw;top:7cqw;border:1px solid rgba(43,33,64,.25);border-radius:99px;padding:1.6cqw 3.4cqw;font:500 2.6cqw "Inter Tight",sans-serif;background:rgba(255,255,255,.45)}
.vs-pastelmesh .pl.b{top:auto;bottom:8cqw}
.vs-pastelmesh .h{position:absolute;left:7cqw;right:7cqw;top:30cqw;font:400 13cqw/.95 "Instrument Serif",serif;letter-spacing:-.02em}
.vs-pastelmesh .h.sm{top:12cqw;font-size:11cqw}
.vs-pastelmesh .h.big{top:34cqw;font-size:16cqw}
.vs-pastelmesh .s{position:absolute;left:7cqw;right:20cqw;top:80cqw;font:400 3.6cqw/1.4 "Inter Tight",sans-serif}
.vs-pastelmesh .sw{position:absolute;right:7cqw;bottom:7cqw;font:500 3cqw "Inter Tight",sans-serif}
.vs-pastelmesh .gl{margin:0 7cqw 3cqw;display:flex;gap:4cqw;align-items:center;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);border-radius:3cqw;padding:4cqw;backdrop-filter:blur(2cqw);-webkit-backdrop-filter:blur(2cqw);font:400 3.8cqw "Inter Tight",sans-serif;position:relative;top:48cqw}
.vs-pastelmesh .gl b{font:400 5cqw "Instrument Serif",serif}
/* 21 receipt */
.vs-receipt{background:#D9D6CF;color:#1A1A1A}
.vs-receipt .rc{position:absolute;left:16cqw;right:16cqw;top:6cqw;background:#FCFCF8;padding:6cqw 5cqw 8cqw;font:400 4.6cqw/1.15 "VT323",monospace;box-shadow:0 2cqw 5cqw rgba(0,0,0,.15);-webkit-mask:radial-gradient(1.8cqw at 50% 100%,transparent 98%,#000) 0 0/3.6cqw 100% repeat-x;mask:linear-gradient(#000,#000) 0 0/100% calc(100% - 1.8cqw) no-repeat,radial-gradient(1.8cqw at 50% 100%,transparent 98%,#000) 0 100%/3.6cqw 3.6cqw repeat-x}
.vs-receipt .c{text-align:center;font-size:5.4cqw}
.vs-receipt .c.s{font-size:3.6cqw;opacity:.6;margin-top:1cqw}
.vs-receipt hr{border:0;border-top:.5cqw dashed #1A1A1A;margin:3cqw 0;opacity:.5}
.vs-receipt .ln{display:flex;justify-content:space-between;padding:.8cqw 0}
.vs-receipt .ln.x span:last-child{text-decoration:line-through;color:#B3261E}
.vs-receipt .tot{font-size:6cqw}
.vs-receipt .barc{margin:4cqw auto 0;width:80%;height:10cqw;background:repeating-linear-gradient(90deg,#1A1A1A 0 .5cqw,transparent .5cqw 1.2cqw,#1A1A1A 1.2cqw 2.2cqw,transparent 2.2cqw 2.7cqw)}
/* 22 terminal */
.vs-terminal{background:#0C100D;color:#7CFF8A;font-family:"JetBrains Mono",monospace}
.vs-terminal .tb{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:1.6cqw;height:9cqw;padding:0 4cqw;background:#161B17;font-size:2.4cqw;color:rgba(255,255,255,.5)}
.vs-terminal .tb i{width:2.4cqw;height:2.4cqw;border-radius:50%;background:#FF5F57}.vs-terminal .tb i:nth-child(2){background:#FEBC2E}.vs-terminal .tb i:nth-child(3){background:#28C840}
.vs-terminal .tb span{margin-left:auto;margin-right:auto}
.vs-terminal pre{position:absolute;left:6cqw;right:6cqw;top:16cqw;font:400 3.8cqw/1.5 "JetBrains Mono",monospace;white-space:pre-wrap;text-shadow:0 0 1.4cqw rgba(124,255,138,.4)}
.vs-terminal pre b{color:#E8FFE9}
.vs-terminal .cur{display:inline-block;width:2.4cqw;height:4.4cqw;background:#7CFF8A;vertical-align:-.6cqw;margin-left:1cqw;animation:vs-blink 1s steps(1) infinite}
.vs-terminal .big{position:absolute;left:6cqw;right:6cqw;bottom:9cqw;font:700 8.4cqw/1.05 "JetBrains Mono",monospace;color:#E8FFE9;letter-spacing:-.03em}
.vs-terminal .big.fl{bottom:auto;top:34cqw;color:#7CFF8A}
.vs-terminal .dim{position:absolute;left:6cqw;bottom:9cqw;font-size:3.4cqw;opacity:.5}
@keyframes vs-blink{50%{opacity:0}}
/* 23 notebook */
.vs-notebook{background:#FBF8EF;color:#1E2A5A;background-image:linear-gradient(90deg,transparent 12cqw,rgba(220,60,60,.45) 12cqw,rgba(220,60,60,.45) calc(12cqw + 1px),transparent calc(12cqw + 1px)),repeating-linear-gradient(transparent 0 8.4cqw,rgba(40,80,200,.16) 8.4cqw calc(8.4cqw + 1px))}
.vs-notebook .h{position:absolute;left:16cqw;right:6cqw;top:8cqw;font:700 11cqw/1 "Caveat",cursive}
.vs-notebook .li{position:absolute;left:16cqw;right:6cqw;font:600 6.6cqw/1 "Caveat",cursive}
.vs-notebook.vs-s0 .li:nth-of-type(2){top:42cqw}.vs-notebook.vs-s0 .li:nth-of-type(3){top:58cqw}.vs-notebook.vs-s0 .li:nth-of-type(4){top:74cqw}
.vs-notebook .li b{color:#D0342C}
.vs-notebook mark{background:linear-gradient(transparent 45%,#FFE45C 45%,#FFE45C 90%,transparent 90%);color:inherit}
.vs-notebook .doodle{position:absolute;right:6cqw;bottom:4cqw;width:32cqw;fill:none;stroke:#D0342C;stroke-width:2.4;stroke-linecap:round}
.vs-notebook .sk{position:absolute;left:14cqw;right:4cqw;top:26cqw;height:64cqw}
.vs-notebook .sk svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#1E2A5A;stroke-width:1.4;stroke-linecap:round}
.vs-notebook .sk span{position:absolute;font:700 6.6cqw "Caveat",cursive;border:.5cqw solid #1E2A5A;border-radius:50%;padding:2cqw 4cqw;background:#FBF8EF}
.vs-notebook .n1{left:0;top:8cqw}.vs-notebook .n2{right:0;top:22cqw;color:#D0342C;border-color:#D0342C!important}.vs-notebook .n3{left:4cqw;bottom:2cqw}
.vs-notebook.vs-s1 .li.c{bottom:7cqw;top:auto;font-size:5.4cqw}
.vs-notebook.vs-s2 .li{top:26cqw}
.vs-notebook .stick{position:absolute;right:10cqw;bottom:14cqw;width:46cqw;height:46cqw;background:#FFE45C;transform:rotate(4deg);box-shadow:0 2cqw 4cqw rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;text-align:center;font:700 7cqw/1 "Caveat",cursive}
/* 24 scrapbook */
.vs-scrapbook{background:#C9A57A;color:#2A1C10;background-image:radial-gradient(rgba(90,55,20,.25) 12%,transparent 14%),radial-gradient(rgba(255,240,210,.18) 10%,transparent 12%);background-size:2.4cqw 2.4cqw,3.4cqw 3.4cqw;background-position:0 0,1cqw 1.6cqw}
.vs-scrapbook .pol{position:absolute;background:#FDFBF5;padding:2.4cqw 2.4cqw 0;box-shadow:0 2cqw 4cqw rgba(0,0,0,.25)}
.vs-scrapbook .pol .ph{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1}
.vs-scrapbook .pol p{font:700 5cqw/1 "Caveat",cursive;text-align:center;padding:2.4cqw 0 3cqw}
.vs-scrapbook .p1{left:6cqw;top:14cqw;width:44cqw;transform:rotate(-7deg)}
.vs-scrapbook .p2{right:5cqw;top:30cqw;width:42cqw;transform:rotate(6deg)}
.vs-scrapbook .p3{left:16cqw;top:66cqw;width:42cqw;transform:rotate(-2deg)}
.vs-scrapbook .tape2{position:absolute;left:50%;top:5cqw;transform:translateX(-50%) rotate(-2deg);background:rgba(255,248,225,.85);padding:1.6cqw 3cqw;font:600 2.6cqw "JetBrains Mono",monospace;white-space:nowrap}
.vs-scrapbook .tape2.lo{top:auto;bottom:6cqw}
.vs-scrapbook .big1{left:12cqw;right:12cqw;top:12cqw;transform:rotate(-3deg)}
.vs-scrapbook .p4{left:6cqw;top:10cqw;width:50cqw;transform:rotate(-5deg)}
.vs-scrapbook .p5{right:6cqw;top:40cqw;width:46cqw;transform:rotate(7deg)}
.vs-scrapbook .note2{position:absolute;left:10cqw;bottom:8cqw;width:40cqw;background:#FFE45C;padding:4cqw;transform:rotate(-4deg);font:700 6cqw/1 "Caveat",cursive;box-shadow:0 1.6cqw 3cqw rgba(0,0,0,.2)}
/* 25 hook photo */
.vs-tiktokhook{color:#fff}
.vs-tiktokhook .hk{position:absolute;left:5cqw;right:5cqw;top:36%;text-align:center;font:800 8cqw/1.08 "Inter Tight",sans-serif;letter-spacing:-.03em;text-shadow:0 0 .5cqw #000,0 .4cqw 2.4cqw rgba(0,0,0,.6)}
.vs-tiktokhook .hl{position:absolute;left:50%;top:70%;transform:translateX(-50%) rotate(-2deg);background:#FFE14D;color:#111;font:800 5cqw/1 "Inter Tight",sans-serif;padding:1.6cqw 3cqw;text-shadow:none}
.vs-tiktokhook .hl.in{position:static;display:inline-block;transform:rotate(-2deg);margin-top:2cqw}
.vs-tiktokhook .dots3{position:absolute;left:0;right:0;bottom:4cqw;display:flex;justify-content:center;gap:1.4cqw}
.vs-tiktokhook .dots3 i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:rgba(255,255,255,.45)}
.vs-tiktokhook.vs-s0 .dots3 i:first-child,.vs-tiktokhook .dots3 i.o{background:#fff}
/* motion infographic card · T01 Rings (from Anjela's "Thoughts, drawn" system, 540×675 grid → cqw) */
.vs-inforings{background:#0C0C10;color:#EDEAE3;border:1px solid #1E1E22;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.vs-inforings .rg,.vs-inforings .core{position:absolute;border-radius:50%}
.vs-inforings .r1{left:19.44cqw;top:34.26cqw;width:53.7cqw;height:53.7cqw;background:rgba(220,48,143,.08);animation:ir-breathe 9s ease-in-out infinite}
.vs-inforings .r2{left:26.3cqw;top:41.11cqw;width:40cqw;height:40cqw;background:rgba(220,48,143,.13);animation:ir-breathe 9s ease-in-out 1s infinite}
.vs-inforings .r3{left:32.96cqw;top:47.78cqw;width:26.67cqw;height:26.67cqw;background:rgba(220,48,143,.22);animation:ir-breathe 9s ease-in-out 2s infinite}
.vs-inforings .r4{left:39.26cqw;top:54.07cqw;width:14.07cqw;height:14.07cqw;background:rgba(220,48,143,.36);animation:ir-breathe 9s ease-in-out 3s infinite}
.vs-inforings .core{left:42.96cqw;top:57.78cqw;width:6.67cqw;height:6.67cqw;background:#DC308F;box-shadow:0 0 6.3cqw rgba(220,48,143,.8)}
.vs-inforings svg{position:absolute;inset:0;width:100%;height:100%}
.vs-inforings .dl{stroke:#EDEAE3;stroke-width:1.5;stroke-dasharray:1;animation:ir-draw 9s ease-in-out infinite}
.vs-inforings circle.fd{fill:#EDEAE3}
.vs-inforings .fd{animation:ir-fade 9s ease-in-out infinite}
.vs-inforings .lead{position:absolute;left:4.81cqw;top:54.81cqw;width:24.44cqw;text-align:right;font-size:3.15cqw;line-height:1.3}
.vs-inforings .lb{position:absolute;left:77.04cqw;font-size:3.52cqw;font-weight:500}
.vs-inforings .wm{position:absolute;left:0;right:0;bottom:4.44cqw;display:flex;align-items:center;justify-content:center;gap:1.85cqw;font-size:2.78cqw;font-weight:500;color:#8B8B86}
.vs-inforings .wm span{display:flex;gap:.93cqw}
.vs-inforings .wm i{width:.93cqw;height:.93cqw;border-radius:50%;background:#DC308F;animation:ir-blink 3s ease-in-out infinite}
.vs-inforings .wm i:nth-child(2){background:#457BF1;animation-delay:1s}.vs-inforings .wm i:nth-child(3){background:#E7FE55;animation-delay:2s}
.vs-inforings .wm em{font-style:normal}.vs-inforings .wm b{color:#E7FE55;font-weight:500}
@keyframes ir-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes ir-draw{0%{stroke-dashoffset:1}28%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes ir-fade{0%{opacity:0}28%,88%{opacity:1}100%{opacity:0}}
@keyframes ir-blink{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.vs-inforings *{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}}
/* shared shell for the other motion cards */
.vs-infofork,.vs-infomultiplier,.vs-inforatio{background:#0C0C10;color:#EDEAE3;border:1px solid #1E1E22;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.vs-infofork .wm,.vs-infomultiplier .wm,.vs-inforatio .wm{position:absolute;left:0;right:0;bottom:4.44cqw;display:flex;align-items:center;justify-content:center;gap:1.85cqw;font-size:2.78cqw;font-weight:500;color:#8B8B86}
.vs-infofork .wm span,.vs-infomultiplier .wm span,.vs-inforatio .wm span{display:flex;gap:.93cqw}
.vs-infofork .wm i,.vs-infomultiplier .wm i,.vs-inforatio .wm i{width:.93cqw;height:.93cqw;border-radius:50%;background:#DC308F;animation:ir-blink 3s ease-in-out infinite}
.vs-infofork .wm i:nth-child(2),.vs-infomultiplier .wm i:nth-child(2),.vs-inforatio .wm i:nth-child(2){background:#457BF1;animation-delay:1s}
.vs-infofork .wm i:nth-child(3),.vs-infomultiplier .wm i:nth-child(3),.vs-inforatio .wm i:nth-child(3){background:#E7FE55;animation-delay:2s}
.vs-infofork .wm em,.vs-infomultiplier .wm em,.vs-inforatio .wm em{font-style:normal}
.vs-infofork .wm b,.vs-infomultiplier .wm b,.vs-inforatio .wm b{color:#E7FE55;font-weight:500}
/* T02 fork */
.vs-infofork .fk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2.96cqw;font:400 2.41cqw "JetBrains Mono","IBM Plex Mono",monospace;letter-spacing:.14em;white-space:nowrap}
.vs-infofork .dash{width:3.7cqw;height:.37cqw;background:#EDEAE3;flex:none}
.vs-infofork .br{width:2.59cqw;height:24.44cqw;border:.37cqw solid #EDEAE3;flex:none}
.vs-infofork .br.l{border-right:0}.vs-infofork .br.r{border-left:0}
.vs-infofork .sw{display:flex;flex-direction:column;justify-content:space-between;height:24.44cqw;padding:.37cqw 0;text-align:center;min-width:22.2cqw}
.vs-infofork .sw b{font-weight:500}
.vs-infofork .sw .a{animation:ir-swap-a 8s ease-in-out infinite}.vs-infofork .sw .b{animation:ir-swap-b 8s ease-in-out infinite}
/* T08 multiplier */
.vs-infomultiplier .mu{position:absolute;left:0;right:0;bottom:36cqw;display:flex;align-items:flex-end;justify-content:center;gap:15.56cqw}
.vs-infomultiplier .col{display:flex;flex-direction:column;align-items:center;gap:2.6cqw}
.vs-infomultiplier .x{font:900 5.56cqw/1 "Doto","JetBrains Mono",monospace;color:#8B8B86}
.vs-infomultiplier .x.big{font-size:10.37cqw;color:#E7FE55;animation:ir-fade 9s ease-in-out .6s infinite}
.vs-infomultiplier .bar{display:block;width:17cqw;border-radius:1.85cqw;position:relative;overflow:hidden}
.vs-infomultiplier .you{height:9.63cqw;background:#26262B}
.vs-infomultiplier .ai{height:28.9cqw;background:#457BF1;transform-origin:bottom;animation:ir-grow 9s cubic-bezier(.3,1.2,.4,1) infinite}
.vs-infomultiplier .ai i{position:absolute;left:0;right:0;top:0;height:.74cqw;background:#E7FE55}
.vs-infomultiplier .lb{font:400 2.22cqw "JetBrains Mono","IBM Plex Mono",monospace;letter-spacing:.18em;color:#8B8B86}
.vs-infomultiplier .lb.hi{color:#EDEAE3}
.vs-infomultiplier .cap{position:absolute;left:0;right:0;bottom:22cqw;text-align:center;font-size:3.89cqw;font-weight:500}
/* T10 big ratio */
.vs-inforatio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5.56cqw}
.vs-inforatio .aura{position:absolute;left:18%;top:22%;width:64%;height:48%;border-radius:50%;background:radial-gradient(circle,rgba(220,48,143,.45) 0%,rgba(220,48,143,.14) 45%,rgba(12,12,16,0) 70%);filter:blur(9.6cqw);animation:ir-aura 9s ease-in-out infinite}
.vs-inforatio .k{position:relative;font:400 2.22cqw "JetBrains Mono","IBM Plex Mono",monospace;letter-spacing:.24em;color:#8B8B86}
.vs-inforatio .num{position:relative;font:900 25.9cqw/1 "Doto","JetBrains Mono",monospace;color:#EDEAE3}
.vs-inforatio .num span{color:#E7FE55;animation:ir-blink 2s ease-in-out infinite}
.vs-inforatio .sub{position:relative;max-width:57.4cqw;text-align:center;font-size:3.52cqw;line-height:1.45;color:#8B8B86}
.vs-inforatio .sub b{color:#EDEAE3;font-weight:400}
@keyframes ir-swap-a{0%,42%{color:#E7FE55}50%,92%{color:#55554F}100%{color:#E7FE55}}
@keyframes ir-swap-b{0%,42%{color:#55554F}50%,92%{color:#E7FE55}100%{color:#55554F}}
@keyframes ir-aura{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}
@keyframes ir-grow{0%{transform:scaleY(.33)}18%,90%{transform:scaleY(1)}100%{transform:scaleY(.33)}}
@media (prefers-reduced-motion:reduce){.vs-infofork *,.vs-infomultiplier *,.vs-inforatio *{animation:none!important}}
/* ═══ visitor's brand (lead magnet): html.brand-live + --u-acc / --u-bg / --u-ink, --b-on (text on accent), --b-acc-text (accent readable on light) ═══ */
html.brand-live .vs-brutalist.vs-s0,html.brand-live .vs-brutalist.vs-s2{background:var(--u-acc);color:var(--b-on)}
html.brand-live .vs-brutalist .lbl{background:var(--b-on);color:var(--u-acc)}
html.brand-live .vs-brutalist.vs-s1{color:var(--u-acc)}
html.brand-live .vs-brutalist.vs-s1 .box{border-color:var(--u-acc)}
html.brand-live .vs-swissred.vs-s0,html.brand-live .vs-swissred.vs-s2{background:var(--u-acc);color:var(--b-on)}
html.brand-live .vs-swissred li b{color:var(--b-acc-text)}
html.brand-live .vs-graphpaper .n,html.brand-live .vs-graphpaper .t,html.brand-live .vs-graphpaper .logo,html.brand-live .vs-graphpaper .hx{color:var(--b-acc-text)}
html.brand-live .vs-graphpaper .fun span,html.brand-live .vs-graphpaper .num,html.brand-live .vs-graphpaper .flow span.o{background:var(--b-acc-text);color:#fff}
html.brand-live .vs-graphpaper .flow span{color:var(--b-acc-text)}
html.brand-live .vs-noiseexpert .bd{background:var(--u-acc);color:var(--b-on)}
html.brand-live .vs-noiseexpert .h em{color:var(--u-acc)}
html.brand-live .vs-monoposter:not(.vs-s0){background:var(--u-bg,#F6EDB4);color:var(--u-ink,#161616)}
html.brand-live .vs-inforings .r1{background:color-mix(in srgb,var(--u-acc) 9%,transparent)}
html.brand-live .vs-inforings .r2{background:color-mix(in srgb,var(--u-acc) 15%,transparent)}
html.brand-live .vs-inforings .r3{background:color-mix(in srgb,var(--u-acc) 24%,transparent)}
html.brand-live .vs-inforings .r4{background:color-mix(in srgb,var(--u-acc) 38%,transparent)}
html.brand-live .vs-inforings .core{background:var(--u-acc);box-shadow:0 0 6.3cqw color-mix(in srgb,var(--u-acc) 80%,transparent)}
html.brand-live .vs-inforings .wm b,html.brand-live .vs-inforatio .num span,html.brand-live .vs-inforatio .wm b{color:var(--u-acc)}
html.brand-live .vs-inforatio .aura{background:radial-gradient(circle,color-mix(in srgb,var(--u-acc) 45%,transparent) 0%,color-mix(in srgb,var(--u-acc) 14%,transparent) 45%,transparent 70%)}
html.brand-live .vs-infomultiplier .ai{background:var(--u-acc)}
html.brand-live .vs-infomultiplier .x.big{color:var(--u-acc)}
/* colourways: the same style dressed in another brand (demo of customisation) */
.vs-brutalist.cw-pink{background:#FF9BD2;color:#1A0A14}
.vs-brutalist.cw-pink .lbl{background:#1A0A14;color:#FF9BD2}
.vs-brutalist.cw-cobalt{background:#2B4BFF;color:#fff}
.vs-brutalist.cw-cobalt .lbl{background:#fff;color:#2B4BFF}
.vs-monoposter.cw-mint{background:#CFF5E0;color:#0E3B2A}
.vs-monoposter.cw-lilac{background:#E4D9FF;color:#2A1A5E}
.vs-monoposter.cw-lilac .an{font-family:"Archivo Black",sans-serif;font-size:10cqw;letter-spacing:-.04em}
.vs-noiseexpert.cw-green .bd{background:#3DDC6A}.vs-noiseexpert.cw-green .h em{color:#3DDC6A}
.vs-noiseexpert.cw-blue{background-color:#0A1030}.vs-noiseexpert.cw-blue .bd{background:#5B8CFF}.vs-noiseexpert.cw-blue .h em{color:#8FB0FF}
.vs-noiseexpert.cw-blue .grid div{background:#141C44;border-color:#22306A}
/* ═══════════ Page · wow layer ═══════════ */
.vx-hero{position:relative;height:210vh}
.vx-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;perspective:1500px;cursor:grab;touch-action:pan-y}
.vx-stick.drag{cursor:grabbing}
.vx-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.vx-item{position:absolute;width:var(--cw,210px);left:calc(var(--cw,210px) / -2);top:calc(var(--cw,210px) * -.625);transform-style:preserve-3d;will-change:transform,opacity}
.vx-item .vs{box-shadow:0 40px 70px -30px rgba(0,0,0,.8)}
.vx-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 46% 40% at 50% 50%,rgba(7,7,10,.86),rgba(7,7,10,.5) 55%,transparent 78%)}
.vx-copy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;pointer-events:none}
.vx-copy a{pointer-events:auto}
.vx-kick{font:500 12px "JetBrains Mono",monospace;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.7);margin:0 0 22px}
.vx-kick b{color:#fff}
.vx-h1{font-size:clamp(46px,8.6vw,132px);line-height:.9;letter-spacing:-.055em;font-weight:700;margin:0;max-width:11.5em;text-wrap:balance;color:#fff}
.vx-h1 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em;color:#E7FE55}
.vx-h1 .wm{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .1em;margin-bottom:-.1em}
.vx-h1 .w{display:inline-block;will-change:transform}
.vx-sub{margin:26px 0 0;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:rgba(255,255,255,.78);max-width:30em}
.vx-copy .sr-cta{margin-top:30px}
.vx-copy2{opacity:0}
.vx-copy2 h2{font-size:clamp(40px,6.4vw,96px);line-height:.95;letter-spacing:-.05em;margin:0;color:#fff;text-wrap:balance;max-width:12em}
.vx-copy2 h2 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:#E7FE55;letter-spacing:-.02em}
.vx-hint{position:absolute;left:50%;bottom:26px;z-index:3;transform:translateX(-50%);font:500 11px "JetBrains Mono",monospace;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.vx-hint i{width:1px;height:40px;background:linear-gradient(#fff,transparent);animation:vx-drip 1.8s ease-in-out infinite;transform-origin:top}
@keyframes vx-drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
/* chapters: pinned horizontal style tour */
.vx-ch{position:relative;background:#0A0A0A;color:#fff;overflow:hidden;border-top:0!important}
.vx-ch-in{position:relative;height:100vh;height:100svh;display:flex;align-items:center}
.vx-track{display:flex;align-items:center;height:100%;padding:0 5vw;will-change:transform}
.vx-panel{flex:none;width:min(56vw,860px);height:80%;display:grid;grid-template-rows:auto 1fr;padding:0 2.6vw;border-left:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.vx-intro{width:min(50vw,720px);align-content:center;border:0;grid-template-rows:auto}
.vx-intro .vx-kick{color:inherit;opacity:.7}
.vx-intro h2{font-size:clamp(56px,7.4vw,118px);line-height:.88;letter-spacing:-.055em;margin:0;color:inherit}
.vx-intro h2 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em}
.vx-intro p{font-size:20px;line-height:1.5;margin:26px 0 0;max-width:24em;opacity:.8;color:inherit}
.vx-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px}
.vx-idx{font:500 13px "JetBrains Mono",monospace;opacity:.6}
.vx-ex{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;border-radius:99px;border:1px dashed color-mix(in srgb,currentColor 45%,transparent);font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.85;white-space:nowrap}
.vx-intro h2{font-size:clamp(44px,4.8vw,80px)!important}
.vx-meta h3{margin:0;font-size:clamp(36px,3.6vw,60px);line-height:1;letter-spacing:-.02em;font-weight:400;color:inherit}
.vx-meta p{flex-basis:100%;margin:6px 0 0;font:500 13px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.7;color:inherit}
.vx-fan{position:relative}
.vx-f{position:absolute;left:50%;top:50%;width:min(19vw,300px);margin-left:calc(min(19vw,300px) / -2);margin-top:calc(min(19vw,300px) * -.625)}
.vx-f.f1{z-index:2}
.vx-f.f0{transform:translateX(-60%) rotate(-9deg)}
.vx-f.f2{transform:translateX(60%) rotate(9deg)}
.vx-f .vs{box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.vx-panel:hover .vx-f.f0 .vs{transform:translateX(-14%) rotate(-3deg)}
.vx-panel:hover .vx-f.f2 .vs{transform:translateX(14%) rotate(3deg)}
.vx-panel:hover .vx-f.f1 .vs{transform:translateY(-4%) scale(1.04)}
.vx-hud{position:absolute;left:5vw;right:5vw;bottom:4.5vh;z-index:3;display:flex;align-items:center;gap:18px;font:500 13px "JetBrains Mono",monospace;letter-spacing:.08em;pointer-events:none}
.vx-hud b{font-size:26px;font-weight:500}
.vx-hud .vx-hname{text-transform:uppercase}
.vx-prog{flex:1;height:2px;background:color-mix(in srgb,currentColor 18%,transparent);position:relative}
.vx-prog i{position:absolute;left:0;top:0;bottom:0;width:100%;background:currentColor;transform-origin:left;transform:scaleX(0)}
/* phones: same pinned tour, sized for a narrow screen */
@media (max-width:899px){
.vx-ch:not(.static) .vx-track{padding:0 7vw}
.vx-ch:not(.static) .vx-panel{width:90vw;height:74%;padding:0 5vw;grid-template-rows:auto 1fr}
.vx-ch:not(.static) .vx-intro{width:84vw;align-content:center}
.vx-ch:not(.static) .vx-intro h2{font-size:clamp(40px,11vw,56px)!important}
.vx-ch:not(.static) .vx-intro p{font-size:17px}
.vx-ch:not(.static) .vx-meta h3{font-size:clamp(30px,8.5vw,40px)}
.vx-ch:not(.static) .vx-meta p{font-size:11px}
.vx-ch:not(.static) .vx-f{width:33vw;margin-left:-16.5vw;margin-top:-20.6vw}
.vx-ch:not(.static) .vx-hud{left:7vw;right:7vw;bottom:3.5svh;font-size:11px;gap:10px}
.vx-ch:not(.static) .vx-hud b{font-size:20px}
}
.vx-ch.static .vx-ch-in{height:auto;padding:70px 0}
.vx-ch.static .vx-track{overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 20px 10px;height:auto;align-items:stretch;-webkit-overflow-scrolling:touch}
.vx-ch.static .vx-panel{width:min(86vw,560px);height:auto;padding:24px;border:0;border-radius:26px;background:var(--pbg);color:var(--pfg);scroll-snap-align:center;gap:22px}
.vx-ch.static .vx-intro{background:transparent;color:#fff}
.vx-ch.static .vx-fan{display:flex;gap:8px}
.vx-ch.static .vx-f{position:relative;left:auto;top:auto;margin:0;width:33.3%;transform:none}
.vx-ch.static .vx-hud{display:none}
.vx-ch.static .vx-intro:after{content:"Swipe to see all styles →";display:inline-block;margin-top:22px;padding:11px 18px;border-radius:99px;background:#E7FE55;color:#0A0A0A;font:700 14px "Inter Tight",sans-serif}
/* stacked style cards */
.vx-stack{max-width:1200px;margin:34px auto 0;padding:0 24px}
.vx-card{position:sticky;display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:30px;align-items:center;margin-bottom:46px;padding:32px;border-radius:32px;background:var(--pbg);color:var(--pfg);transform-origin:50% 0;box-shadow:0 -24px 60px -24px rgba(0,0,0,.55)}
.vx-card>div>h3{margin:0;font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.02em;font-weight:400;color:inherit}
.vx-card>div>small{display:block;margin-top:14px;font:500 13px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.72}
/* selling buttons */
.sr .sr-cta,.sr .sr-cta.solid{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:22px 44px;border:0;border-radius:999px;background:#E7FE55;color:#0A0A0A;font:700 clamp(17px,1.5vw,20px)/1.1 "Inter Tight",sans-serif;letter-spacing:-.01em;text-transform:none;text-decoration:none;box-shadow:0 0 0 0 rgba(231,254,85,.55),0 18px 50px -12px rgba(231,254,85,.55);animation:vx-pulse 2.6s ease-out infinite;transition:transform .2s,background .2s}
.sr .sr-cta:after{content:"→";display:none}
.sr .sr-cta:hover{background:#fff;color:#0A0A0A;transform:translateY(-3px) scale(1.02)}
.sr .sr-cta small{font:500 12px/1.2 "JetBrains Mono",monospace;letter-spacing:.02em;opacity:.7;margin:0;color:#0A0A0A}
.sr-bar .b-cta{background:#E7FE55;color:#0A0A0A;font-weight:700}
.sr-bar .b-cta:hover{background:#fff;color:#0A0A0A}
@keyframes vx-pulse{0%{box-shadow:0 0 0 0 rgba(231,254,85,.5),0 18px 50px -12px rgba(231,254,85,.55)}70%{box-shadow:0 0 0 18px rgba(231,254,85,0),0 18px 50px -12px rgba(231,254,85,.55)}100%{box-shadow:0 0 0 0 rgba(231,254,85,0),0 18px 50px -12px rgba(231,254,85,.55)}}
@media (max-width:700px){.vx-veil{background:linear-gradient(180deg,rgba(7,7,10,.2),rgba(7,7,10,.88) 30%,rgba(7,7,10,.88) 75%,rgba(7,7,10,.3))}.vx-hint{display:none}}
.vx-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vx-row .vs{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.vx-row .vs:hover{transform:translateY(-6px) rotate(-1.2deg)}
@media (max-width:760px){.vx-card{grid-template-columns:1fr;padding:20px;gap:16px}.vx-row{gap:8px}}
/* marquee wall */
.vx-mq{overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vx-mq-row{display:flex;gap:16px;width:max-content;margin:16px 0;animation:vx-mq 110s linear infinite}
.vx-mq-row.rev{animation-direction:reverse;animation-duration:130s}
.vx-mq-row .vs{width:clamp(140px,14vw,200px);flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.vx-mq-row .vs:hover{transform:scale(1.1) rotate(-2deg);z-index:2}
.vx-mq:hover .vx-mq-row{animation-play-state:paused}
@keyframes vx-mq{to{transform:translateX(-50%)}}
/* cursor */
.vx-cur{position:fixed;left:0;top:0;z-index:200;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#E7FE55;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:width .3s cubic-bezier(.2,.7,.2,1),height .3s cubic-bezier(.2,.7,.2,1),margin .3s cubic-bezier(.2,.7,.2,1)}
.vx-cur span{font:600 10px "JetBrains Mono",monospace;letter-spacing:.1em;color:#0A0A0A;opacity:0;transition:opacity .2s}
.vx-cur.big{width:78px;height:78px;margin:-39px 0 0 -39px}
.vx-cur.big span{opacity:1}
@media (hover:none){.vx-cur{display:none}}
@media (prefers-reduced-motion:reduce){
.vx-hero{height:auto}.vx-stick{height:100vh;cursor:default}
.vx-mq-row{animation:none}.vs-terminal .cur,.vx-hint i{animation:none}
}
/* brand-live: the rest of the 14 styles follow the visitor's accent too */
html.brand-live .vs-photoquote .br{color:var(--b-acc-dark)}
html.brand-live .vs-blueprint .btn{background:var(--u-acc);color:var(--b-on);border-color:var(--u-acc)}
html.brand-live .vs-stickerpop{background:color-mix(in srgb,var(--u-acc) 22%,#fff);color:var(--b-acc-text)}
html.brand-live .vs-stickerpop.vs-s2{background:var(--u-acc)}
html.brand-live .vs-stickerpop .tp{background:var(--u-acc);color:var(--b-on)}
html.brand-live .vs-stickerpop .tp.pk{background:#fff;color:var(--b-acc-text)}
html.brand-live .vs-stickerpop .big,html.brand-live .vs-stickerpop .stp,html.brand-live .vs-stickerpop.vs-s2 .stp{-webkit-text-stroke-color:var(--b-acc-text);text-shadow:.8cqw .8cqw 0 var(--b-acc-text)}
html.brand-live .vs-stickerpop .wcard li,html.brand-live .vs-stickerpop .shelf b{color:var(--b-acc-text)}
html.brand-live .vs-notesapp .bar{color:var(--b-acc-text)}
html.brand-live .vs-notesapp mark{background:color-mix(in srgb,var(--u-acc) 45%,#fff)}
html.brand-live .vs-notesapp .chk li.d:before{background-color:var(--u-acc);border-color:var(--u-acc)}
html.brand-live .vs-notebook .li b,html.brand-live .vs-notebook .n2{color:var(--b-acc-text);border-color:var(--b-acc-text)!important}
html.brand-live .vs-notebook .doodle{stroke:var(--b-acc-text)}
html.brand-live .vs-notebook mark{background:linear-gradient(transparent 45%,color-mix(in srgb,var(--u-acc) 55%,#fff) 45%,color-mix(in srgb,var(--u-acc) 55%,#fff) 90%,transparent 90%)}
html.brand-live .vs-notebook .stick{background:color-mix(in srgb,var(--u-acc) 60%,#fff)}
html.brand-live .vs-claydiagram{background:color-mix(in srgb,var(--u-acc) 55%,#1a1a1a)}
html.brand-live .vs-uicard{background:color-mix(in srgb,var(--u-acc) 35%,#2a2a2a)}
html.brand-live .vs-uicard .pr i{border-color:var(--u-acc)}
html.brand-live .vs-uicard .tg .n,html.brand-live .vs-uicard .tg>i,html.brand-live .vs-uicard .pin>i{background:var(--u-acc);color:var(--b-on)}
html.brand-live .vs-cinematic .ttl{color:var(--b-acc-dark)}
html.brand-live .vs-terminal{color:var(--b-acc-dark)}
html.brand-live .vs-terminal .cur{background:var(--b-acc-dark)}
html.brand-live .vs-terminal .big.fl{color:var(--b-acc-dark)}
html.brand-live .vs-terminal pre{text-shadow:0 0 1.4cqw color-mix(in srgb,var(--b-acc-dark) 40%,transparent)}
html.brand-live .vs-photoposter .big em,html.brand-live .vs-photoposter .num{color:var(--b-acc-dark)}
/* brand-live must not repaint slides that show a fixed colourway ("one style in three brands") */
html.brand-live .vs.vs-brutalist.cw-pink{background:#FF9BD2;color:#1A0A14}
html.brand-live .vs.vs-brutalist.cw-pink .lbl{background:#1A0A14;color:#FF9BD2}
html.brand-live .vs.vs-brutalist.cw-cobalt{background:#2B4BFF;color:#fff}
html.brand-live .vs.vs-brutalist.cw-cobalt .lbl{background:#fff;color:#2B4BFF}
html.brand-live .vs.vs-monoposter.cw-mint{background:#CFF5E0;color:#0E3B2A}
html.brand-live .vs.vs-monoposter.cw-lilac{background:#E4D9FF;color:#2A1A5E}
html.brand-live .vs.vs-noiseexpert.cw-green .bd{background:#3DDC6A}
html.brand-live .vs.vs-noiseexpert.cw-green .h em{color:#3DDC6A}
html.brand-live .vs.vs-noiseexpert.cw-blue .bd{background:#5B8CFF}
html.brand-live .vs.vs-noiseexpert.cw-blue .h em{color:#8FB0FF}