.ml-vault{border:2px solid var(--color-border);background:radial-gradient(ellipse 50% 70% at 22% 50%, #e8102f1a, #0000 70%), repeating-linear-gradient(135deg, #f5f2ec05 0 2px, transparent 2px 14px), var(--color-surface);align-items:center;gap:2rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.ml-vault.is-ready{border-color:var(--color-accent);box-shadow:0 0 0 1px #e8102f40,0 24px 60px #e8102f14}@media (min-width:768px){.ml-vault{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:3rem;padding:2.25rem 2.5rem}}.ml-vault__body{min-width:0}.ml-dossier{aspect-ratio:4/5;width:min(60vw,15rem);margin-inline:auto;display:block;position:relative}.ml-dossier__sheet{background:#1b1719;border:1px solid #f5f2ec1a;position:absolute;inset:0;box-shadow:0 12px 30px #00000080}.ml-dossier__sheet:first-child{transform:rotate(-6deg)translate(-6%,2%)}.ml-dossier__sheet:nth-child(2){transform:rotate(4deg)translate(5%,-1%)}.ml-dossier__front{background:linear-gradient(160deg,#2a2326,#141012);border:1px solid #f5f2ec29;border-top:6px solid #e8102f;flex-direction:column;padding:12% 10%;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0;transform:rotate(-1.5deg);box-shadow:0 30px 60px #0009}.ml-vault:hover .ml-dossier__front{transform:rotate(0)translateY(-4px)}.ml-dossier__k{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;color:#ff4059;font-size:.5rem}.ml-dossier__file{font-family:var(--font-display,inherit);letter-spacing:.06em;color:#f5f2ec;margin-top:.5rem;font-size:1.15rem;font-weight:700}.ml-dossier__tape{background:linear-gradient(#ff3a52,#c4102a 60%,#8f0a1e);height:14%;position:absolute;top:52%;left:-8%;right:-8%;transform:rotate(-4deg);box-shadow:0 6px 14px #00000080}.ml-dossier__wax{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#c21a33,#7a0918 62%,#4d0410);border-radius:46% 54% 50% 50%/52% 48%;justify-content:center;align-items:center;width:34%;display:flex;position:absolute;top:59%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 8px 18px #0009,inset 0 2px 3px #ffa0aa59}.ml-dossier__wax>span{background:url(/mad_lads_logo.svg) 50%/contain no-repeat;border-radius:50%;width:74%;height:74%}.ml-vault.is-ready .ml-dossier__wax{animation:2.4s ease-in-out .8s 2 both ml-wax}@keyframes ml-wax{50%{box-shadow:0 8px 18px #0009,0 0 0 8px #e8102f2e,inset 0 2px 3px #ffa0aa59}}.ml-dossier.is-cut .ml-dossier__tape{-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 45% 55%,#000 55%);mask-image:linear-gradient(90deg,#000 45%,#0000 45% 55%,#000 55%)}.ml-dossier.is-cut .ml-dossier__wax{opacity:.35;transform:translate(-50%,-30%)rotate(24deg)scale(.9)}.ml-folder{transform:rotate(var(--tilt,0deg));transition:transform .3s cubic-bezier(.2,.8,.2,1)}.ml-folder:hover,.ml-folder:focus-within{transform:rotate(0)translateY(-4px)}.ml-folder__in{grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:1rem;padding:1rem;display:grid;position:relative}.ml-folder__in:before{content:"";clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:#e8102f;width:5.5rem;height:.95rem;position:absolute;top:-1.15rem;left:1rem}.ml-folder__in:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.ml-folder__art{aspect-ratio:1;border:2px solid #f5f2ec24;display:block;overflow:hidden}@media (max-width:380px){.ml-folder__in{grid-template-columns:5rem minmax(0,1fr);gap:.75rem}}@media (prefers-reduced-motion:reduce){.ml-folder,.ml-dossier__front{transition:none}.ml-vault.is-ready .ml-dossier__wax{animation:none}}