/* Sistema visual Exposición, tomado de base.css del paquete (31-oct-2026).
 * Tokens en .vm-exp, no en :root: no pisan --line del tema anterior.
 * Sin regla global de documento, sin alto de lienzo.
 * Equivalencias:
 *   vm-btn del prototipo -> vmx-btn
 *   vm-nav del prototipo -> vmx-nav
 *   vmx-wrap corresponde al envoltorio del prototipo
 *   IBM Plex Mono del prototipo -> VM Mono (la OFL reserva el nombre Plex)
 * El tema ya usa vm-card; este archivo no lo define.
 * Cortes: container queries 1180, 980 y 981. El contenedor es .vm-exp.
 * Escala de espacios entre secciones (diseño 6-nov-2026): 64 / 96 / 128 en escritorio, 48 / 64 / 96 en celular.
 */
.vm-exp{--bg:#0B0A09;--bg1:#141210;--bg2:#1C1916;--line:#2A2622;--line2:#4A433B;--cream:#ECE1CF;--gray:#A39787;--meta:#8C8275;--red:#C02C46;--redt:#DD2843;--paper:#E9E3D8;--card:#F3EEE6;--ink:#14110E;--inkg:#5A5148;--rule:#CFC6B8;--carmin:#AC0927;container-type:inline-size;position:relative;display:flex;flex-direction:column;font-family:'Archivo','Archivo Fallback',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-stretch:100%;font-weight:400;font-size:16px;line-height:1.55;color:var(--cream);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.vm-exp *{box-sizing:border-box}
:where(.vm-exp) img{display:block;max-width:100%}
:where(.vm-exp) a{color:inherit;text-decoration:none}
:where(.vm-exp) :is(h1,h2,h3,h4,p,ul,ol,dl,dd,figure){margin:0}
.vm-exp :is(h1,h2,h3,h4,h5,h6), .vm-exp .vm-display{font-family:inherit}
:where(.vm-exp) :is(ul,ol){padding:0;list-style:none}
.vm-exp a:focus-visible, .vm-exp button:focus-visible, .vm-exp input:focus-visible, .vm-exp select:focus-visible, .vm-exp summary:focus-visible, .vm-exp label:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.vm-exp .vm-paper a:focus-visible, .vm-exp .vm-paper button:focus-visible, .vm-exp .vm-paper input:focus-visible{outline-color:var(--ink)}
.vm-exp .vmx-wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:40px}
.vm-exp .vm-sec{padding-block:96px}
.vm-exp .vm-sec-sm{padding-block:64px}
.vm-exp .vm-display{font-stretch:62%;font-weight:800;text-transform:uppercase;line-height:.96;letter-spacing:-.005em;text-wrap:balance}
.vm-exp .vm-h1{font-size:clamp(48px,6.6cqi,100px)}
.vm-exp .vm-h2{font-size:clamp(40px,5.4cqi,78px)}
.vm-exp .vm-h3{font-size:clamp(28px,2.5cqi,36px);line-height:1}
.vm-exp .vm-label{font-stretch:125%;font-weight:600;font-size:12px;line-height:1.25;letter-spacing:.18em;text-transform:uppercase}
.vm-exp .vm-mono{font-family:'VM Mono','VM Mono Fallback',ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;font-size:12px;line-height:1.45;letter-spacing:.06em;text-transform:uppercase}
.vm-exp .vm-lead{font-size:clamp(17px,1.4cqi,20px);line-height:1.55;max-width:56ch}
.vm-exp .vm-body{color:var(--gray);max-width:62ch}
.vm-exp .vm-paper .vm-body{color:var(--inkg)}
.vm-exp .vm-paper .vm-dim{color:var(--inkg)}
.vm-exp .vm-pcard .vm-body{color:var(--inkg)}
.vm-exp .vm-dim{color:var(--meta)}
.vm-exp .vm-redt{color:var(--redt)}
.vm-exp .vm-kicker{display:flex;align-items:center;gap:12px;color:var(--gray)}
.vm-exp .vm-kicker::before{content:"";width:18px;height:2px;background:var(--gray)}
.vm-exp .vm-paper .vm-kicker{color:var(--inkg)}
.vm-exp .vm-paper .vm-kicker::before{background:var(--ink)}
.vm-exp .vm-sechead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:56px}
.vm-exp .vm-sechead>div{display:flex;flex-direction:column;gap:22px;min-width:0}
.vm-exp .vm-hdr{position:relative;z-index:4;background:var(--bg);border-bottom:1px solid var(--line)}
.vm-exp .vm-hdr.vm-over{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(11,10,9,.78) 0%,rgba(11,10,9,0) 100%);border-bottom:0}
.vm-exp .vm-hdr .vmx-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;height:88px}
.vm-exp .vm-logo{width:148px;height:auto}
.vm-exp .vmx-nav{display:flex;align-items:center;gap:34px}
.vm-exp .vmx-nav a{position:relative;padding-block:15px;white-space:nowrap}
.vm-exp .vmx-nav a::after{content:"";position:absolute;left:0;right:.18em;bottom:8px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.vm-exp .vmx-nav a:hover::after, .vm-exp .vmx-nav a[aria-current]::after{transform:scaleX(1)}
.vm-exp .vm-hdr-r{display:flex;align-items:center;gap:22px}
.vm-exp .vm-hdr-r>a.vm-label{display:inline-flex;align-items:center;min-height:44px;color:var(--gray);transition:color .16s}
.vm-exp .vm-hdr-r>a.vm-label:hover{color:var(--cream)}
.vm-exp .vm-menu{display:none}
.vm-exp .vm-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;color:var(--meta);padding-block:10px}
.vm-exp .vm-crumbs a{display:inline-flex;align-items:center;min-height:44px}
.vm-exp .vm-crumbs a:hover{color:var(--cream)}
.vm-exp .vm-crumbs span[aria-hidden]{color:var(--line2)}
.vm-exp .vmx-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:2px;font-family:inherit;font-stretch:125%;font-weight:650;font-size:13px;line-height:1;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.vm-exp .vmx-btn-sm{min-height:44px;padding:0 18px;font-size:12px}
.vm-exp .vmx-btn-block{width:100%}
.vm-exp .vmx-btn-primary{background:var(--cream);color:var(--ink)}
.vm-exp .vmx-btn-primary:hover{background:#FFFFFF;color:var(--ink)}
.vm-exp .vmx-btn-red{background:var(--red);color:#FFFFFF}
.vm-exp .vmx-btn-red:hover{background:var(--redt);color:#FFFFFF}
.vm-exp .vmx-btn-ghost{background:transparent;border-color:rgba(236,225,207,.4);color:var(--cream)}
.vm-exp .vmx-btn-ghost:hover{border-color:var(--cream);color:#FFFFFF}
.vm-exp .vmx-btn-ink{background:var(--ink);color:var(--card)}
.vm-exp .vmx-btn-ink:hover{background:#000000;color:#FFFFFF}
.vm-exp .vm-go{display:inline-block;transition:transform .18s cubic-bezier(.2,.7,.2,1)}
.vm-exp a:hover .vm-go, .vm-exp button:hover .vm-go{transform:translateX(4px)}
.vm-exp .vm-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:rgba(236,225,207,.4);transition:text-decoration-color .16s,color .16s}
.vm-exp .vm-link:hover{text-decoration-color:var(--cream);color:#FFFFFF}
.vm-exp .vm-paper .vm-link{text-decoration-color:rgba(20,17,14,.4)}
.vm-exp .vm-paper .vm-link:hover{text-decoration-color:var(--ink);color:var(--ink)}
.vm-exp .vm-ctas{display:flex;flex-wrap:wrap;gap:12px}
.vm-exp .vm-chip{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;background:rgba(11,10,9,.84);color:var(--cream);font-family:'VM Mono','VM Mono Fallback',ui-monospace,monospace;font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.vm-exp .vm-vf, .vm-exp .vm-af{position:absolute;pointer-events:none}
.vm-exp .vm-vf{color:rgba(236,225,207,.86)}
.vm-exp .vm-vf span, .vm-exp .vm-af span{position:absolute;width:28px;height:28px;border:0 solid currentColor}
.vm-exp .vm-af span{width:14px;height:14px}
.vm-exp .vm-vf.vm-sm span{width:14px;height:14px}
.vm-exp .vm-vf span:nth-child(1), .vm-exp .vm-af span:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px}
.vm-exp .vm-vf span:nth-child(2), .vm-exp .vm-af span:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px}
.vm-exp .vm-vf span:nth-child(3), .vm-exp .vm-af span:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}
.vm-exp .vm-vf span:nth-child(4), .vm-exp .vm-af span:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}
.vm-exp .vm-meter{position:relative;width:241px;height:40px;flex:none}
.vm-exp .vm-meter-ticks{position:absolute;left:0;right:0;top:15px;height:6px;background:repeating-linear-gradient(90deg,#5E564C 0 1px,transparent 1px 20px)}
.vm-exp .vm-meter-major{position:absolute;top:12px;width:1px;height:12px;background:var(--gray)}
.vm-exp .vm-meter-num{position:absolute;top:27px;transform:translateX(-50%);font-family:'VM Mono','VM Mono Fallback',ui-monospace,monospace;font-weight:500;font-size:11px;line-height:1;color:var(--meta)}
.vm-exp .vm-meter-index{position:absolute;top:0;left:120px;width:11px;height:10px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);transform:translateX(-50%)}
.vm-exp .vm-rec{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--redt);flex:none}
.vm-exp .vm-frame{position:relative;overflow:hidden;background:#000;margin:0}
.vm-exp .vm-frame>img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .2s}
.vm-exp .vm-cap{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--meta)}
.vm-exp .vm-tc{position:absolute;right:10px;bottom:10px;padding:3px 7px;background:rgba(11,10,9,.86);color:var(--cream);font-family:'VM Mono','VM Mono Fallback',ui-monospace,monospace;font-weight:500;font-size:12px;letter-spacing:.04em}
.vm-exp .vm-playbtn{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;color:var(--cream)}
.vm-exp .vm-playbtn i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(11,10,9,.78);border:1px solid rgba(236,225,207,.55);transition:background-color .18s,border-color .18s}
.vm-exp .vm-playbtn i::before{content:"";width:0;height:0;margin-left:4px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--cream)}
.vm-exp .vm-playbtn .vm-label{padding:7px 10px 6px;background:rgba(11,10,9,.84)}
.vm-exp a:hover .vm-playbtn i{background:var(--cream);border-color:var(--cream)}
.vm-exp a:hover .vm-playbtn i::before{border-left-color:var(--ink)}
.vm-exp .vm-hero{position:relative;background:#000}
.vm-exp .vm-hero-img{position:relative;aspect-ratio:1440/470;overflow:hidden}
.vm-exp .vm-hero-img>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.vm-exp .vm-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,10,9,.55) 0%,rgba(11,10,9,0) 30%)}
.vm-exp .vm-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:end;padding-block:40px 96px}
.vm-exp .vm-intro>div{display:flex;flex-direction:column;gap:28px;min-width:0}
.vm-exp .vm-meterline{display:flex;align-items:center;gap:22px;padding-block:22px;border-bottom:1px solid var(--line)}
.vm-exp .vm-sesl{border-bottom:1px solid var(--line)}
.vm-exp .vm-ses{position:relative;display:grid;grid-template-columns:64px 232px 300px minmax(0,1fr) 216px;gap:28px;align-items:start;padding-block:36px;border-top:1px solid var(--line);transition:background-color .16s}
.vm-exp .vm-ses:hover{background:var(--bg1)}
.vm-exp .vm-ses-n{display:flex;flex-direction:column;gap:12px;font-stretch:62%;font-weight:800;font-size:46px;line-height:.86;color:var(--meta)}
.vm-exp .vm-ses-n::after{content:"";width:12px;height:14px;background:var(--red);clip-path:polygon(0 0,60% 0,100% 50%,60% 100%,0 100%);opacity:0;transform:translateX(-10px);transition:opacity .16s,transform .16s cubic-bezier(.2,.7,.2,1)}
.vm-exp .vm-ses:hover .vm-ses-n{color:var(--cream)}
.vm-exp .vm-ses:hover .vm-ses-n::after{opacity:1;transform:none}
.vm-exp .vm-ses-res .vm-frame{aspect-ratio:4/5}
.vm-exp .vm-ses-set .vm-frame{aspect-ratio:3/2}
.vm-exp .vm-ses-res .vm-vf{inset:-10px;opacity:0;transition:inset .22s cubic-bezier(.2,.7,.2,1),opacity .22s}
.vm-exp .vm-ses:hover .vm-ses-res .vm-vf{inset:8px;opacity:1}
.vm-exp .vm-ses:hover .vm-frame>img{transform:scale(1.025)}
.vm-exp .vm-ses-info{display:flex;flex-direction:column;gap:18px;min-width:0}
.vm-exp .vm-learn{display:flex;flex-direction:column;gap:8px}
.vm-exp .vm-learn li{position:relative;padding-left:22px;color:var(--gray)}
.vm-exp .vm-learn li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:1px;background:var(--gray)}
.vm-exp .vm-paper .vm-learn li{color:var(--inkg)}
.vm-exp .vm-paper .vm-learn li::before{background:var(--inkg)}
.vm-exp .vm-tags{display:flex;flex-wrap:wrap;gap:6px;color:var(--gray)}
.vm-exp .vm-tags>span{padding:5px 8px 4px;border:1px solid var(--line2);border-radius:2px;line-height:1.2}
.vm-exp .vm-pair{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.vm-exp .vm-ses-buy{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.vm-exp .vm-price{display:flex;align-items:baseline;gap:8px}
.vm-exp .vm-price b{font-stretch:62%;font-weight:800;font-size:52px;line-height:.86;letter-spacing:-.01em}
.vm-exp .vm-price span{color:var(--gray)}
.vm-exp .vm-free{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--gray);transition:color .16s}
.vm-exp .vm-free::before{content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}
.vm-exp .vm-free:hover{color:var(--cream)}
.vm-exp .vm-member{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:32px;padding:22px 26px;background:var(--bg1);border-left:3px solid var(--cream)}
.vm-exp .vm-inc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2)}
.vm-exp .vm-inc li{display:flex;flex-direction:column;gap:12px;padding:28px 32px 0 0;min-width:0}
.vm-exp .vm-inc li+li{padding-left:28px;border-left:1px solid var(--line)}
.vm-exp .vm-inc h3{font-stretch:62%;font-weight:800;font-size:30px;line-height:1;text-transform:uppercase}
.vm-exp .vm-paper{background:var(--paper);color:var(--ink)}
.vm-exp .vm-ethic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--ink)}
.vm-exp .vm-ethic li{display:flex;flex-direction:column;gap:12px;padding:26px 28px 0 0;min-width:0}
.vm-exp .vm-ethic li+li{padding-left:24px;border-left:1px solid var(--rule)}
.vm-exp .vm-ethic b{font-stretch:62%;font-weight:800;font-size:28px;line-height:1;text-transform:uppercase}
.vm-exp .vm-ethic p{color:var(--inkg)}
.vm-exp .vm-ethic .vm-mono{color:var(--inkg)}
.vm-exp .vm-fine{display:flex;align-items:center;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--rule);color:var(--inkg)}
.vm-exp .vm-age{display:inline-grid;place-items:center;min-width:38px;height:24px;padding:0 6px;border:1.5px solid currentColor;font-family:'VM Mono','VM Mono Fallback',ui-monospace,monospace;font-weight:500;font-size:11px;letter-spacing:.04em}
.vm-exp .vm-vfeat{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:44px;align-items:start}
.vm-exp .vm-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.vm-exp .vm-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .2s}
.vm-exp a:hover .vm-thumb>img{transform:scale(1.02)}
.vm-exp .vm-vside{display:flex;flex-direction:column;gap:22px;min-width:0}
.vm-exp .vm-vt{font-weight:650;font-size:22px;line-height:1.25;text-wrap:balance}
.vm-exp .vm-path{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.vm-exp .vm-path li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding-block:14px;border-bottom:1px solid var(--line)}
.vm-exp .vm-path li>span:first-child{color:var(--meta)}
.vm-exp .vm-vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:56px}
.vm-exp .vm-vcard{display:flex;flex-direction:column;gap:14px;min-width:0}
.vm-exp .vm-vcard h3{font-weight:600;font-size:17px;line-height:1.3;text-wrap:balance}
.vm-exp .vm-vcard:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.vm-exp .vm-rel{display:flex;align-items:center;gap:8px;color:var(--meta)}
.vm-exp .vm-rel b{color:var(--gray);font-weight:500}
.vm-exp .vm-cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vm-exp .vm-course{display:flex;flex-direction:column;background:var(--bg1);border-top:3px solid var(--cream);min-width:0;transition:background-color .16s}
.vm-exp .vm-course:hover{background:var(--bg2)}
.vm-exp .vm-course .vm-frame{aspect-ratio:3/2}
.vm-exp .vm-course:hover .vm-frame>img{transform:scale(1.025)}
.vm-exp .vm-course-b{display:flex;flex:1;flex-direction:column;gap:14px;padding:26px 26px 28px}
.vm-exp .vm-course-b .vm-body{flex:1}
.vm-exp .vm-status{display:inline-flex;align-items:center;gap:10px;color:var(--cream)}
.vm-exp .vm-status::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid var(--gray)}
.vm-exp .vm-status.vm-open::before{background:var(--redt);border-color:var(--redt)}
.vm-exp .vm-enrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.vm-exp .vm-glist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:3px solid var(--ink)}
.vm-exp .vm-glist a{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 26px;min-width:0;transition:background-color .16s}
.vm-exp .vm-glist a+a{border-left:1px solid var(--rule)}
.vm-exp .vm-glist a:first-child{padding-left:0}
.vm-exp .vm-glist a:hover{background:var(--card)}
.vm-exp .vm-glist b{font-stretch:62%;font-weight:800;font-size:26px;line-height:1;text-transform:uppercase}
.vm-exp .vm-glist p{color:var(--inkg);font-size:14px;line-height:1.45}
.vm-exp .vm-glist a>.vm-mono:last-child{margin-top:auto;padding-top:8px;color:var(--ink)}
.vm-exp .vm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2)}
.vm-exp .vm-stats div{display:flex;flex-direction:column;gap:8px;padding:26px 24px 0 0;min-width:0}
.vm-exp .vm-stats div+div{padding-left:24px;border-left:1px solid var(--line)}
.vm-exp .vm-stats b{font-stretch:62%;font-weight:800;font-size:clamp(44px,4.4cqi,64px);line-height:.9;text-transform:uppercase}
.vm-exp .vm-prod{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start;padding-bottom:96px}
.vm-exp .vm-gal{display:flex;flex-direction:column;gap:8px;min-width:0}
.vm-exp .vm-gal-main{aspect-ratio:3/2}
.vm-exp .vm-gal-th{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vm-exp .vm-gal-th .vm-frame{aspect-ratio:1/1}
.vm-exp .vm-gal-th .vm-chip{position:absolute;left:6px;top:6px;height:22px;font-size:11px;padding:0 7px}
.vm-exp .vm-buy{position:sticky;top:24px;display:flex;flex-direction:column;gap:24px;min-width:0}
.vm-exp .vm-facts{display:grid;grid-template-columns:auto minmax(0,1fr);border-top:1px solid var(--line)}
.vm-exp .vm-facts dt, .vm-exp .vm-facts dd{padding-block:11px;border-bottom:1px solid var(--line)}
.vm-exp .vm-facts dt{padding-right:24px;color:var(--meta)}
.vm-exp .vm-facts dd{color:var(--cream)}
.vm-exp .vm-buybox{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--bg1);border-top:3px solid var(--cream)}
.vm-exp .vm-note{display:flex;align-items:flex-start;gap:12px;color:var(--gray);font-size:14px;line-height:1.45}
.vm-exp .vm-note .vm-age{flex:none;color:var(--cream)}
.vm-exp .vm-split2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:start}
.vm-exp .vm-chaps{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.vm-exp .vm-chaps li{border-bottom:1px solid var(--line)}
.vm-exp .vm-chaps li>a, .vm-exp .vm-chaps li>button{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:baseline;width:100%;min-height:48px;padding:13px 0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .16s}
.vm-exp .vm-chaps li>a:hover, .vm-exp .vm-chaps li>button:hover{background:var(--bg1)}
.vm-exp .vm-chaps time{color:var(--cream)}
.vm-exp .vm-mods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line2)}
.vm-exp .vm-mods li{display:flex;flex-direction:column;gap:14px;padding:26px 24px 0 0;min-width:0}
.vm-exp .vm-mods li+li{padding-left:22px;border-left:1px solid var(--line)}
.vm-exp .vm-mods b{font-weight:650;font-size:18px;line-height:1.3}
.vm-exp .vm-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vm-exp .vm-layer{display:flex;flex-direction:column;gap:16px;padding:26px;background:var(--bg1);min-width:0}
.vm-exp .vm-pips{display:flex;gap:6px}
.vm-exp .vm-pips i{width:30px;height:6px;background:var(--line2)}
.vm-exp .vm-pips i.on{background:var(--cream)}
.vm-exp .vm-layer b{font-stretch:62%;font-weight:800;font-size:30px;line-height:1;text-transform:uppercase}
.vm-exp .vm-just{display:flex;gap:8px}
.vm-exp .vm-just .vm-frame{flex-shrink:1;min-width:0}
.vm-exp .vm-cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.vm-exp .vm-pcard{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:22px;background:var(--card);color:var(--ink);border-top:3px solid var(--ink);transition:background-color .16s}
.vm-exp .vm-pcard:hover{background:#FBF8F3}
.vm-exp .vm-dcard{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:22px;background:var(--bg1);border-top:3px solid var(--cream);transition:background-color .16s}
.vm-exp .vm-dcard:hover{background:var(--bg2)}
.vm-exp .vm-pcard>div, .vm-exp .vm-dcard>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.vm-exp .vm-minis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vm-exp .vm-mini{display:flex;flex-direction:column;gap:12px;min-width:0}
.vm-exp .vm-mini .vm-frame{aspect-ratio:4/5}
.vm-exp .vm-mini:hover .vm-frame>img{transform:scale(1.025)}
.vm-exp .vm-mini h3{font-stretch:62%;font-weight:800;font-size:26px;line-height:1;text-transform:uppercase;text-wrap:balance}
.vm-exp .vm-faq{border-top:1px solid var(--line2)}
.vm-exp .vm-faq details{border-bottom:1px solid var(--line)}
.vm-exp .vm-faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:20px;font-weight:600;font-size:18px;cursor:pointer;list-style:none}
.vm-exp .vm-faq summary::-webkit-details-marker{display:none}
.vm-exp .vm-faq summary::after{content:"+";font-family:'VM Mono','VM Mono Fallback',ui-monospace,monospace;font-size:22px;line-height:1;color:var(--gray);transition:transform .18s}
.vm-exp .vm-faq details[open] summary::after{transform:rotate(45deg)}
.vm-exp .vm-faq details p{padding-bottom:22px;color:var(--gray);max-width:70ch}
.vm-exp .vm-trailer{aspect-ratio:16/9}
.vm-exp .vm-gal-th .vm-frame.is-on{outline:2px solid var(--cream);outline-offset:-2px}
.vm-exp .vm-unlock{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center}
.vm-exp .vm-lockwrap{position:relative;overflow:hidden;background:#000}
.vm-exp .vm-lockgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.vm-exp .vm-lockgrid span{display:block;aspect-ratio:1/1;overflow:hidden}
.vm-exp .vm-lockgrid img{width:100%;height:100%;object-fit:cover;filter:blur(14px);opacity:.5;transform:scale(1.15)}
.vm-exp .vm-lockbox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;width:min(380px,86%);padding:32px 28px;text-align:center;background:rgba(11,10,9,.9);border:1px solid var(--line2);color:var(--cream)}
.vm-exp .vm-lockbox-t{font-stretch:62%;font-weight:800;font-size:30px;line-height:1;text-transform:uppercase;text-wrap:balance}
.vm-exp .vm-unl-list{display:flex;flex-direction:column;border-top:1px solid var(--line2)}
.vm-exp .vm-unl-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding-block:16px;border-bottom:1px solid var(--line)}
.vm-exp .vm-unl-list b{font-weight:650;font-size:18px;line-height:1.3}
.vm-exp .vm-proof{color:var(--gray)}
.vm-exp .vm-proof b{font-stretch:62%;font-weight:800;font-size:34px;line-height:1;color:var(--cream)}
@container (min-width: 981px){
.vm-exp .vm-trailer{aspect-ratio:3/2}
.vm-exp .vm-buy .vm-facts{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}
.vm-exp .vm-buy .vm-facts dd{padding-right:16px}
}
.vm-exp .vm-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}
.vm-exp .vm-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.vm-exp .vm-field label{font-family:'VM Mono','VM Mono Fallback',ui-monospace,monospace;font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}
.vm-exp .vm-input{width:100%;height:52px;padding:0 16px;background:var(--bg);border:1px solid var(--meta);border-radius:2px;color:var(--cream);font-family:inherit;font-size:16px}
.vm-exp .vm-input::placeholder{color:var(--meta)}
.vm-exp .vm-input:focus{border-color:var(--cream)}
.vm-exp .vm-paper .vm-field label{color:var(--inkg)}
.vm-exp .vm-paper .vm-input{background:var(--card);border-color:var(--inkg);color:var(--ink)}
.vm-exp .vm-paper .vm-input::placeholder{color:#6E655B}
.vm-exp .vm-paper .vm-input:focus{border-color:var(--ink)}
.vm-exp .vm-foot{flex:1 0 auto;padding-block:72px 40px;background:var(--bg);border-top:1px solid var(--line)}
.vm-exp .vm-footgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:40px;padding-bottom:56px}
.vm-exp .vm-footgrid>div{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
.vm-exp .vm-footgrid>div>p.vm-label{margin-bottom:6px}
.vm-exp .vm-footgrid>div>p.vm-mono{margin-top:16px}
.vm-exp .vm-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--gray);transition:color .16s}
.vm-exp .vm-legal a{min-height:44px}
.vm-exp .vm-foot a:hover{color:var(--cream)}
.vm-exp .vm-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--line);color:var(--meta)}
.vm-exp .vm-legal div{display:flex;gap:24px}
@keyframes vmExpose{0%{filter:brightness(.25)}16.66%{filter:brightness(.315)}33.33%{filter:brightness(.397)}50%{filter:brightness(.5)}66.66%{filter:brightness(.63)}83.33%{filter:brightness(.794)}100%{filter:brightness(1)}}
@keyframes vmNeedle{0%{transform:translateX(calc(-50% - 120px))}100%{transform:translateX(-50%)}}
@keyframes vmAF{0%{opacity:0;transform:scale(1.8);color:#ECE1CF}55%{opacity:1;transform:scale(.94);color:#ECE1CF}75%{opacity:1;transform:scale(1);color:#ECE1CF}100%{opacity:1;transform:scale(1);color:#C02C46}}
@keyframes vmRec{0%,100%{opacity:1}50%{opacity:.18}}
.vm-exp .vm-expose{animation:vmExpose 1.2s step-end .3s both}
.vm-exp .vm-meter-index.vm-live{animation:vmNeedle 1.2s steps(6,end) .3s both}
.vm-exp .vm-af{animation:vmAF .6s cubic-bezier(.2,.8,.2,1) 1.6s both}
.vm-exp .vm-rec{animation:vmRec 2.4s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){
.vm-exp .vm-expose, .vm-exp .vm-meter-index, .vm-exp .vm-af, .vm-exp .vm-rec{animation:none!important}
.vm-exp *{transition:none!important}
}
@container (max-width: 1180px){
.vm-exp .vm-ses{grid-template-columns:52px 200px 240px minmax(0,1fr);row-gap:24px}
.vm-exp .vm-ses-buy{grid-column:4;flex-direction:row;flex-wrap:wrap;align-items:center}
.vm-exp .vm-mods{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
.vm-exp .vm-mods li:nth-child(4){padding-left:0;border-left:0}
.vm-exp .vm-glist{grid-template-columns:repeat(3,minmax(0,1fr))}
.vm-exp .vm-glist a:nth-child(4){border-left:0}
.vm-exp .vm-glist a:nth-child(n+4){border-top:1px solid var(--rule)}
}
@container (max-width: 980px){
.vm-exp .vmx-wrap{padding-inline:20px}
.vm-exp .vm-sec{padding-block:64px}
.vm-exp .vm-sec-sm{padding-block:48px}
.vm-exp .vm-hdr .vmx-wrap{height:68px;gap:12px}
.vm-exp .vm-hdr-r{gap:10px}
.vm-exp .vm-logo{width:112px}
.vm-exp .vmx-nav, .vm-exp .vm-hide-sm{display:none!important}
.vm-exp .vm-menu{display:inline-flex!important}
.vm-exp .vm-sechead, .vm-exp .vm-intro, .vm-exp .vm-vfeat, .vm-exp .vm-prod, .vm-exp .vm-split2, .vm-exp .vm-cards2{grid-template-columns:minmax(0,1fr)!important}
.vm-exp .vm-sechead{gap:20px;margin-bottom:36px}
.vm-exp .vm-intro{gap:28px;padding-block:32px 64px}
.vm-exp .vm-hero-img{aspect-ratio:1/1}
.vm-exp .vm-hero-img>img{object-position:var(--vm-mpos,50% 50%)}
.vm-exp .vm-af{display:none!important}
.vm-exp .vm-meterline{gap:16px;flex-wrap:wrap}
.vm-exp .vm-ses{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-block:28px 32px}
.vm-exp .vm-ses-n{grid-column:1 / -1;flex-direction:row;align-items:center;font-size:34px}
.vm-exp .vm-ses-set .vm-frame{aspect-ratio:4/5}
.vm-exp .vm-ses-info, .vm-exp .vm-ses-buy{grid-column:1 / -1}
.vm-exp .vm-ses-info{margin-top:10px}
.vm-exp .vm-ses-buy{flex-direction:column;align-items:stretch}
.vm-exp .vm-ses:hover{background:transparent}
.vm-exp .vm-inc, .vm-exp .vm-ethic, .vm-exp .vm-stats{grid-template-columns:minmax(0,1fr)!important}
.vm-exp .vm-inc li, .vm-exp .vm-ethic li, .vm-exp .vm-stats div{padding:22px 0 24px!important;border-left:0!important;border-bottom:1px solid var(--line)}
.vm-exp .vm-ethic li{border-bottom-color:var(--rule)}
.vm-exp .vm-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.vm-exp .vm-stats div{padding:20px 12px 20px 0!important}
.vm-exp .vm-vgrid{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:40px}
.vm-exp .vm-cgrid, .vm-exp .vm-layers{grid-template-columns:minmax(0,1fr)}
.vm-exp .vm-glist{grid-template-columns:minmax(0,1fr)!important}
.vm-exp .vm-glist a{border-left:0!important;border-top:1px solid var(--rule);padding-inline:0}
.vm-exp .vm-glist a:first-child{border-top:0}
.vm-exp .vm-mods{grid-template-columns:minmax(0,1fr)!important}
.vm-exp .vm-mods li{padding:20px 0!important;border-left:0!important;border-bottom:1px solid var(--line)}
.vm-exp .vm-pcard, .vm-exp .vm-dcard{grid-template-columns:minmax(0,1fr)!important;gap:16px;padding:16px}
.vm-exp .vm-minis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
.vm-exp .vm-mini h3{font-size:22px}
.vm-exp .vm-form{grid-template-columns:minmax(0,1fr)}
.vm-exp .vm-footgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vm-exp .vm-footgrid>div:first-child{grid-column:1 / -1}
.vm-exp .vm-buy{position:static}
.vm-exp .vm-gal-th{grid-template-columns:repeat(4,minmax(0,1fr))}
.vm-exp .vm-just{flex-wrap:wrap}
.vm-exp .vm-just .vm-frame{flex:1 1 calc(50% - 4px)!important;aspect-ratio:4/5!important}
.vm-exp .vm-member, .vm-exp .vm-enrow{flex-direction:column;align-items:flex-start}
.vm-exp .vm-price b{font-size:46px}
.vm-exp .vm-unlock{grid-template-columns:minmax(0,1fr)!important;gap:28px}
.vm-exp .vm-lockbox{padding:22px 16px;gap:10px}
.vm-exp .vm-lockbox-t{font-size:22px}
}
