:root {
    --mc-white: #fff;
    --mc-black: #121212;
    --mc-paper: #f3f1ee;
    --mc-yellow: #edcf2f;
    --mc-line: rgba(255,255,255,.22);
    --mc-font: Arial, Helvetica, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--mc-font); color: var(--mc-black); background: var(--mc-paper); }
a { color: inherit; }
img { display:block; max-width:100%; height:auto; }
.mc-header { position: fixed; inset: 0 0 auto 0; z-index: 20; display:flex; align-items:center; justify-content:space-between; padding: clamp(22px,3vw,44px) clamp(22px,4vw,64px); pointer-events:none; }
.mc-header > * { pointer-events:auto; }
.mc-logo img { width: clamp(145px, 14vw, 230px); height:auto; }
.mc-back { text-decoration:none; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.mc-header--inner { background: rgba(243,241,238,.92); backdrop-filter: blur(12px); border-bottom:1px solid rgba(0,0,0,.08); }
.mc-footer { padding:30px clamp(22px,4vw,64px); font-size:12px; text-transform:uppercase; letter-spacing:.08em; border-top:1px solid rgba(0,0,0,.10); }