/* How It's Made page (scoped .mk-) */
.mk-hero video.bg{opacity:.78}
.mk-hero::after{background:linear-gradient(180deg,rgba(10,10,11,.45),rgba(10,10,11,.1) 45%,#0a0a0b 100%)}

/* five-step journey: reuses .cine styling from site.css */
.mk-tabs{grid-template-columns:repeat(5,1fr)}
.mk-real{position:absolute;right:20px;top:18px;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 11px;border-radius:999px;background:rgba(10,8,14,.5);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;opacity:0;transform:translateY(-6px);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}
.mk-real .rec{width:8px;height:8px;border-radius:50%;background:#ff3b47;box-shadow:0 0 10px #ff3b47;animation:mkPulse 1.6s ease-in-out infinite}
.mk-cine.is-real .mk-real{opacity:1;transform:none}
@keyframes mkPulse{50%{opacity:.35}}
@media(max-width:900px){.mk-tabs{grid-template-columns:repeat(5,1fr)}.mk-real{right:12px;top:12px;font-size:11px;padding:6px 11px 6px 9px}}

/* stats */
.mk-stats{margin-top:56px}
.mk-stats b{background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-stats div{text-align:center}

/* proof */
.mk-canbox{background:radial-gradient(70% 60% at 50% 45%,#2a1a06,#050505);aspect-ratio:4/5}
.mk-canbox video{object-fit:contain!important;background:transparent}
.mk-list{list-style:none;display:grid;gap:12px;padding:0;margin:0}
.mk-list li{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:16px;align-items:center;padding:16px 20px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.7));border:1px solid rgba(10,10,11,.07);box-shadow:0 18px 40px -30px rgba(10,10,11,.35)}
.mk-list li i{grid-row:span 2;width:40px;height:40px;border-radius:13px;display:grid;place-items:center}
.mk-list li.in i{background:var(--grad-hot);box-shadow:0 8px 18px -8px rgba(255,138,31,.7)}
.mk-list li.out i{background:linear-gradient(135deg,#5cc8ff,#29a8ef);box-shadow:0 8px 18px -8px rgba(41,168,239,.7)}
.mk-list li.in i::before{content:"";width:14px;height:8px;border:solid #0a0a0b;border-width:0 0 2.6px 2.6px;transform:translateY(-2px) rotate(-45deg)}
.mk-list li.out i::before,.mk-list li.out i::after{content:"";position:absolute;width:16px;height:2.6px;border-radius:2px;background:#fff}
.mk-list li.out i{position:relative}
.mk-list li.out i::before{transform:rotate(45deg)}.mk-list li.out i::after{transform:rotate(-45deg)}
.mk-list b{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.2}
.mk-list span{font-size:14px;color:#5c5f66;line-height:1.35}