/* Make Creati workspace case study. Site typography and navigation come from v2. */
.mc-case { --mc-ink:#151c2e; --mc-blue:#2563eb; background:#f9f5f3; color:#1c1819; }
.mc-case * { box-sizing:border-box; }
.mc-case__hero { padding:clamp(120px,12vw,185px) 0 clamp(50px,6vw,90px); background:#151210; color:#f9f5f3; }
.mc-case__inner { width:min(calc(100% - 2 * var(--gutter,24px)),var(--container,1360px)); margin:0 auto; }
.mc-case__eyebrow { margin:0 0 22px; color:#ff9b74; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.mc-case__hero h1 { max-width:13ch; margin:0; font-weight:400; font-size:clamp(48px,7vw,104px); line-height:1.02; letter-spacing:-.045em; }
.mc-case__hero h1 span { color:#c4b8b2; }
.mc-case__lead { max-width:640px; margin:28px 0 0; color:#e0d5d0; font-size:clamp(17px,1.4vw,21px); line-height:1.5; }
.mc-case__facts { display:flex; flex-wrap:wrap; gap:12px 32px; margin:32px 0 0; padding:0; list-style:none; color:#bfb3ac; font-size:14px; }
.mc-case__facts li { border-top:1px solid #6e625d; padding-top:10px; min-width:140px; }
.mc-case__visual { position:relative; overflow:hidden; margin:clamp(42px,6vw,80px) auto 0; padding:clamp(20px,4vw,58px); background:#dfe9fb; border-radius:8px; }
.mc-case__visual::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 20%,#fff 0,transparent 46%),linear-gradient(135deg,#d5e4ff,#eff4ff 65%,#b9d0fa); pointer-events:none; }
.mc-case__visual-grid { position:relative; display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:clamp(14px,2vw,30px); }
.mc-case__editor { margin:0; overflow:hidden; border:1px solid #b6c5dc; border-radius:8px; box-shadow:0 22px 55px #10234f30; background:#fff; }
.mc-case__editor img { display:block; width:100%; height:auto; }
.mc-case__admin { overflow:hidden; border:1px solid #b6c5dc; border-radius:8px; box-shadow:0 22px 55px #10234f2a; background:#f8faff; color:#142039; font:400 clamp(10px,.8vw,13px)/1.4 system-ui,sans-serif; }
.mc-case__admin-top { display:flex; justify-content:space-between; gap:10px; padding:14px 16px; background:#fff; border-bottom:1px solid #e3e9f3; font-weight:700; }
.mc-case__admin-dot { color:#2563eb; }
.mc-case__admin-body { padding:clamp(14px,2vw,28px); }
.mc-case__admin-label { color:#54627b; font-size:.85em; text-transform:uppercase; letter-spacing:.08em; }
.mc-case__admin h3 { margin:6px 0 20px; font-size:clamp(17px,1.8vw,24px); line-height:1.2; color:#142039; }
.mc-case__admin-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.mc-case__admin-card { min-height:65px; padding:12px; border:1px solid #e1e8f3; border-radius:6px; background:#fff; }
.mc-case__admin-card strong { display:block; margin:0 0 8px; font-size:.95em; color:#4b5b76; }
.mc-case__admin-card span { color:#2563eb; font-weight:600; }
.mc-case__admin-list { margin:12px 0 0; padding:0; list-style:none; border:1px solid #e1e8f3; border-radius:6px; background:white; }
.mc-case__admin-list li { display:flex; justify-content:space-between; gap:6px; padding:9px 12px; color:#485a76; }
.mc-case__admin-list li + li { border-top:1px solid #edf1f7; }
.mc-case__admin-list span { color:#2563eb; }
.mc-case__caption { position:relative; margin:20px 0 0; color:#405372; font-size:13px; line-height:1.4; }
.mc-case__section { padding:clamp(70px,8vw,120px) 0; }
.mc-case__split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,8vw,120px); align-items:start; }
.mc-case__section h2 { margin:0; max-width:14ch; font-size:clamp(36px,4.4vw,64px); line-height:1.06; letter-spacing:-.035em; font-weight:400; }
.mc-case__copy { max-width:630px; font-size:clamp(17px,1.4vw,20px); line-height:1.55; color:#514947; }
.mc-case__copy p { margin:0 0 20px; }
.mc-case__band { background:#e8edf6; }
.mc-case__band .mc-case__eyebrow { color:#a4310b; }
.mc-case__panels { display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,3vw,40px); margin-top:clamp(38px,5vw,70px); }
.mc-case__panel { padding:clamp(24px,3vw,40px); border-top:1px solid #8f9ab0; }
.mc-case__panel small { display:block; color:#3158a0; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.mc-case__panel h3 { margin:20px 0 12px; font-size:clamp(23px,2.3vw,34px); line-height:1.1; font-weight:400; letter-spacing:-.025em; }
.mc-case__panel p { margin:0; max-width:48ch; color:#4e5868; font-size:16px; line-height:1.55; }
.mc-case__sample { margin-top:28px; padding:20px; border:1px solid #c8d5ec; border-radius:8px; background:#f8faff; color:#142039; box-shadow:0 12px 30px #10234f18; font:400 12px/1.4 system-ui,sans-serif; }
.mc-case__sample > span:first-child { display:block; color:#64718a; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.mc-case__sample > strong { display:block; margin:8px 0 15px; font-size:19px; }
.mc-case__sample-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.mc-case__sample-fields div { min-width:0; padding:10px; border:1px solid #dce5f2; border-radius:5px; background:white; color:#596a83; }
.mc-case__sample-fields b { display:block; margin-top:9px; color:#253d68; }
.mc-case__sample-action { display:inline-block; margin-top:15px; padding:8px 12px; border-radius:5px; background:#2563eb; color:white; font-weight:600; }
.mc-case__related { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:65px; padding:26px 0; border-top:1px solid #cfc5bf; border-bottom:1px solid #cfc5bf; color:#1c1819; text-decoration:none; }
.mc-case__related strong { display:block; font-weight:500; font-size:clamp(22px,2.5vw,34px); }
.mc-case__related small { display:block; margin-bottom:8px; color:#675c57; font-size:13px; }
.mc-case__related span { font-size:30px; color:#dd3d06; }
.mc-case__related:focus-visible { outline:2px solid #dd3d06; outline-offset:4px; }
@media(max-width:760px) {
  .mc-case__hero { padding-top:112px; }
  .mc-case__hero h1 { font-size:clamp(42px,10vw,64px); }
  .mc-case__visual { padding:18px; }
  .mc-case__visual-grid { grid-template-columns:1fr; }
  .mc-case__admin { margin-left:12%; }
  .mc-case__split,.mc-case__panels { grid-template-columns:1fr; }
  .mc-case__panel { padding:22px 0; }
}