.mk-reveal{max-width:920px;margin:34px auto;padding:clamp(22px,4vw,44px);background:#fffdf9;border:1px solid #e5dacf;border-radius:28px;box-shadow:0 14px 42px rgba(42,34,27,.06);color:#292622}
.mk-reveal-heading{text-align:center;max-width:700px;margin:0 auto 28px}
.mk-reveal-eyebrow{display:inline-block;font-weight:800;font-size:.82rem;color:#9f4215;background:#f2d9c9;border-radius:99px;padding:7px 14px}
.mk-reveal h2{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.12;letter-spacing:-.045em;margin:16px 0 12px}
.mk-reveal-heading p{margin:0;color:#716b64;font-size:1.05rem}
 .mk-reveal-stage{--mk-reveal-position:50%;position:relative;isolation:isolate;width:100%;max-width:740px;aspect-ratio:750/570;margin:0 auto;overflow:hidden;cursor:ns-resize;touch-action:none;border:1px solid #e5dbd1;border-radius:22px;background:radial-gradient(ellipse at 50% 40%,#fbf5ed,#e8ddd2)}
.mk-reveal-cold,.mk-reveal-warm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mk-reveal-warm{clip-path:inset(calc(100% - var(--mk-reveal-position)) 0 0 0);pointer-events:none}
.mk-reveal-stage svg{display:block;width:100%;height:100%}
.mk-reveal-image{display:block;width:100%;height:100%;object-fit:contain}
.mk-reveal-divider{pointer-events:none;position:absolute;z-index:2;left:0;right:0;top:calc(100% - var(--mk-reveal-position));transform:translateY(-50%);height:3px;background:#fff;box-shadow:0 0 0 1px rgba(37,30,25,.12),0 0 14px rgba(0,0,0,.2)}
.mk-reveal-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;display:grid;place-items:center;width:57px;height:57px;background:#fff;border:3px solid #c65a22;border-radius:50%;font-size:17px;font-weight:900;letter-spacing:-.1em;color:#9f4215;box-shadow:0 6px 25px rgba(0,0,0,.15)}
.mk-reveal-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:5;opacity:0;pointer-events:none;appearance:none;-webkit-appearance:none}
.mk-reveal-slider::-webkit-slider-thumb{width:48px;height:48px;appearance:none;-webkit-appearance:none}
.mk-reveal-slider::-moz-range-thumb{width:48px;height:48px;border:0;background:transparent}
.mk-reveal-stage:focus-within{outline:3px solid #c65a22;outline-offset:3px}
.mk-reveal-tag{pointer-events:none;position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;background:rgba(255,253,249,.93);color:#27231f;font-weight:800;font-size:.82rem;border:1px solid rgba(80,65,50,.12);border-radius:99px;padding:7px 13px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.mk-reveal-tag-warm{left:18px;bottom:18px}.mk-reveal-tag-cold{right:18px;top:18px}
.mk-reveal-note{text-align:center;color:#716b64;font-size:.87rem;margin:16px 0 0}
.mk-reveal-safety{text-align:center;color:#716b64;font-size:.82rem;margin:10px 0 0}
@media(max-width:620px){.mk-reveal{padding:20px 12px;border-radius:18px}.mk-reveal-stage{aspect-ratio:750/570;border-radius:16px}.mk-reveal-divider span{width:46px;height:46px;font-size:13px}.mk-reveal-tag{font-size:.75rem;padding:5px 9px}.mk-reveal-tag-warm{left:10px;bottom:10px}.mk-reveal-tag-cold{right:10px;top:10px}}
@media(prefers-reduced-motion:no-preference){.mk-reveal-warm{transition:clip-path .07s linear}.mk-reveal-divider{transition:top .07s linear}}