/* Box mockup: same markup is used for PNG rendering (headless Chrome) and the live preview on the site. Stage is 1200x800. */
@font-face{font-family:"MkCinzel";src:url("fonts/Cinzel.ttf") format("truetype");font-weight:400 900}
@font-face{font-family:"MkPlayfair";src:url("fonts/Playfair.ttf") format("truetype");font-weight:400 900}
@font-face{font-family:"MkBodoni";src:url("fonts/Bodoni.ttf") format("truetype");font-weight:400 900}
@font-face{font-family:"MkMarcellus";src:url("fonts/Marcellus.ttf") format("truetype")}
@font-face{font-family:"MkMontserrat";src:url("fonts/Montserrat.ttf") format("truetype");font-weight:100 900}
@font-face{font-family:"MkBebas";src:url("fonts/Bebas.ttf") format("truetype")}
@font-face{font-family:"MkJosefin";src:url("fonts/Josefin.ttf") format("truetype");font-weight:100 700}
@font-face{font-family:"MkArchivo";src:url("fonts/ArchivoBlack.ttf") format("truetype")}
@font-face{font-family:"MkVibes";src:url("fonts/GreatVibes.ttf") format("truetype")}
.mk{--bg1:#2a2a2e;--bg2:#0d0d10;--tbl1:#26262a;--tbl2:#121214;--box:#151517;--box2:#0b0b0c;--edge:#2b2b2f;--seam:rgba(0,0,0,.55);--hl:rgba(255,255,255,.07);--pull1:#1c1c1e;--pull2:#000;--bok:255,196,120;
  position:relative;width:1200px;height:800px;overflow:hidden;background:radial-gradient(900px 600px at 30% 25%,var(--bg1),var(--bg2));font-family:"MkMontserrat",sans-serif}
.mk.f-green{--bg1:#3a4232;--bg2:#12160f;--tbl1:#4a2f1d;--tbl2:#1d120a;--box:#1f3326;--box2:#13221a;--edge:#2c4535;--pull1:#c9a35a;--pull2:#7c5c23;--bok:255,190,110}
.mk.f-ivory{--bg1:#f1ebe2;--bg2:#cfc6b8;--tbl1:#e6ddd0;--tbl2:#bfb3a2;--box:#efe8dc;--box2:#d9d0c1;--edge:#f7f2ea;--seam:rgba(80,64,40,.28);--hl:rgba(255,255,255,.5);--pull1:#3a3a3c;--pull2:#151516;--bok:255,236,200}
.mk.f-navy{--bg1:#27344f;--bg2:#0b1020;--tbl1:#2c2f36;--tbl2:#111317;--box:#1b2742;--box2:#111a2e;--edge:#2a3858;--pull1:#c9ccd3;--pull2:#7b808b;--bok:190,210,255}
.mk.f-burgundy{--bg1:#3d1b22;--bg2:#12070a;--tbl1:#262224;--tbl2:#0e0c0d;--box:#4a1a24;--box2:#2e0f16;--edge:#5c2430;--pull1:#3a1017;--pull2:#16050a;--bok:255,190,130}
.mk .bok{position:absolute;inset:0;filter:blur(18px);opacity:.55}
.mk .bok i{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(var(--bok),.9),rgba(var(--bok),0) 70%)}
.mk.f-ivory .bok{opacity:.35}
.mk .tbl{position:absolute;left:0;right:0;bottom:0;height:250px;background:linear-gradient(180deg,var(--tbl1),var(--tbl2));box-shadow:inset 0 2px 0 rgba(255,255,255,.06)}
.mk .tbl:after,.mk .paper:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>");mix-blend-mode:overlay;opacity:.55;pointer-events:none}
.mk .shadow{position:absolute;left:300px;top:628px;width:680px;height:70px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(26px)}
.mk .shadow:after{content:"";position:absolute;left:40px;right:60px;top:22px;height:18px;border-radius:50%;background:rgba(0,0,0,.85);filter:blur(7px)}
.mk.f-ivory .shadow{background:rgba(60,45,25,.45)}
.mk .scene{position:absolute;left:0;top:0;width:1200px;height:800px;perspective:2200px;perspective-origin:600px 300px}
.mk .box{position:absolute;left:330px;top:92px;width:560px;height:560px;transform-style:preserve-3d;transform:rotateY(-17deg) rotateX(3deg)}
.mk .front{position:absolute;inset:0;background:linear-gradient(180deg,var(--box),var(--box2));border-radius:3px;padding:16px;box-shadow:inset 0 0 0 2px var(--edge),inset 0 1px 0 var(--hl)}
.mk .side{position:absolute;top:0;left:560px;width:100px;height:560px;transform-origin:0 0;transform:rotateY(90deg);background:linear-gradient(90deg,var(--box2),rgba(0,0,0,.9));filter:brightness(.55)}
.mk .top{position:absolute;left:0;top:0;width:560px;height:100px;transform-origin:0 0;transform:rotateX(90deg) translateY(-100px);background:var(--box);filter:brightness(1.25)}
.mk .light{position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.10) 0,rgba(255,255,255,0) 40%,rgba(0,0,0,.28) 100%),radial-gradient(500px 300px at 20% 10%,rgba(255,255,255,.08),transparent 70%);pointer-events:none;border-radius:3px}
.mk.f-ivory .light{background:linear-gradient(100deg,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 45%,rgba(60,40,10,.16) 100%)}
.mk .paper{position:absolute;inset:0;border-radius:3px;overflow:hidden;pointer-events:none}
.mk .panel{position:relative;height:178px;border-radius:2px;box-shadow:inset 0 0 0 1.5px var(--seam),inset 0 2px 6px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 26px;gap:6px;overflow:hidden}
.mk .tag{font:600 11px/1 "MkMontserrat";letter-spacing:.42em;text-transform:uppercase;padding-left:.42em}
.mk .word{font-size:64px;line-height:1.02;max-width:500px;word-break:normal;overflow-wrap:anywhere}
.mk .sub{font:500 12px/1 "MkMontserrat";letter-spacing:.32em;text-transform:uppercase;padding-left:.32em;opacity:.9}
.mk .rule{width:120px;height:1px;opacity:.6}
.mk .logo{max-width:420px;max-height:120px;object-fit:contain;display:none}
.mk.has-logo .logo{display:block}.mk.has-logo .word{display:none}
.mk .grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(4,1fr);gap:9px;height:318px;margin-top:9px}
.mk .dr{position:relative;border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.08));box-shadow:inset 0 0 0 1.5px var(--seam),inset 0 1px 0 var(--hl),0 1px 0 rgba(255,255,255,.04)}
.mk .dr b{position:absolute;left:10px;top:7px;font:500 19px/1 "MkCinzel"}
.mk .dr i{position:absolute;left:50%;bottom:12px;width:16px;height:30px;margin-left:-8px;background:linear-gradient(90deg,var(--pull2),var(--pull1) 45%,var(--pull2));clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:0 2px 2px rgba(0,0,0,.4)}
.mk .dr i:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:rgba(0,0,0,.35)}
.mk .foot{position:absolute;left:0;right:0;bottom:5px;text-align:center;font:600 8px/1 "MkMontserrat";letter-spacing:.3em;opacity:.55}
/* foils */
.mk .fx{background-image:linear-gradient(175deg,#7a5a1f 0,#f6e2a2 28%,#b88a35 50%,#fff1c1 66%,#8a6424 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 -1px 0 rgba(255,255,255,.08))}
.mk .rule.fx,.mk .rule{background-image:linear-gradient(90deg,transparent,#d8b86a,transparent)}
.mk.o-silver .fx{background-image:linear-gradient(175deg,#6f747c 0,#f4f6f8 28%,#9aa0a8 50%,#ffffff 64%,#70757d 100%)}
.mk.o-silver .rule{background-image:linear-gradient(90deg,transparent,#d6d9de,transparent)}
.mk.o-copper .fx{background-image:linear-gradient(175deg,#6b3418 0,#f2b78f 28%,#a85a32 50%,#ffd2b0 66%,#7a3c1c 100%)}
.mk.o-copper .rule{background-image:linear-gradient(90deg,transparent,#d99a70,transparent)}
.mk.o-rose .fx{background-image:linear-gradient(175deg,#8a4d4a 0,#ffd6cc 28%,#c98479 50%,#ffe8e1 66%,#93524c 100%)}
.mk.o-rose .rule{background-image:linear-gradient(90deg,transparent,#efb0a3,transparent)}
.mk.o-red .fx{background-image:linear-gradient(175deg,#6e0d12 0,#ff6a6f 30%,#b5161f 52%,#ff8d90 66%,#7a1016 100%)}
.mk.o-red .rule{background-image:linear-gradient(90deg,transparent,#e0454c,transparent)}
.mk.o-ink .fx{background:none;color:#1d1d1f;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.mk.o-ink .rule{background-image:linear-gradient(90deg,transparent,#2a2a2a,transparent)}
.mk.o-inkgreen .fx{background:none;color:#1f3a2a;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.mk.o-inkgreen .rule{background-image:linear-gradient(90deg,transparent,#1f3a2a,transparent)}
/* fonts */
.mk.t-cinzel .word{font-family:"MkCinzel";font-weight:600;letter-spacing:.04em}
.mk.t-playfair .word{font-family:"MkPlayfair";font-weight:600}
.mk.t-playitalic .word{font-family:"MkPlayfair";font-style:italic;font-weight:500}
.mk.t-bodoni .word{font-family:"MkBodoni";font-weight:500;letter-spacing:.02em}
.mk.t-marcellus .word{font-family:"MkMarcellus";letter-spacing:.06em}
.mk.t-montserrat .word{font-family:"MkMontserrat";font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mk.t-bebas .word{font-family:"MkBebas";letter-spacing:.06em}
.mk.t-josefin .word{font-family:"MkJosefin";font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.mk.t-archivo .word{font-family:"MkArchivo";letter-spacing:.03em;text-transform:uppercase}
.mk.t-vibes .word{font-family:"MkVibes";font-size:80px}
.mk .orn{position:absolute;border-radius:50%;filter:blur(1.5px);box-shadow:0 10px 18px rgba(0,0,0,.5)}
.mk .orn.a{left:150px;top:560px;width:74px;height:74px}.mk .orn.b{left:228px;top:592px;width:46px;height:46px;filter:blur(2.5px)}.mk .orn.c{left:1000px;top:575px;width:58px;height:58px;filter:blur(3px)}
.mk .orn{background:radial-gradient(circle at 35% 30%,#fff6d8 0,#d9b56a 18%,#8a6424 55%,#3a2a0e 100%)}
.mk.o-silver .orn,.mk.f-navy .orn{background:radial-gradient(circle at 35% 30%,#fff 0,#c9ccd3 18%,#6d727b 55%,#25282d 100%)}
.mk.o-copper .orn,.mk.o-rose .orn{background:radial-gradient(circle at 35% 30%,#fff0e6 0,#e4a07a 18%,#9a4f2c 55%,#3d1a0a 100%)}
.mk.o-red .orn{background:radial-gradient(circle at 35% 30%,#ffd9da 0,#d23a42 20%,#7a1016 60%,#2a0406 100%)}
.mk.f-ivory .orn{background:radial-gradient(circle at 35% 30%,#fff 0,#e8dccb 20%,#b8a68c 60%,#6d5d45 100%);box-shadow:0 10px 18px rgba(60,40,20,.25)}
.mk.f-green .tbl{background:repeating-linear-gradient(178deg,rgba(255,255,255,.025) 0 3px,rgba(0,0,0,.04) 3px 9px),linear-gradient(180deg,var(--tbl1),var(--tbl2))}
.mk .tbl:before{content:"";position:absolute;left:0;right:0;top:0;height:60px;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent)}
.mk .front .panel,.mk .dr{background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.06))}
/* darker foils on light ivory so names stay legible */
.mk.f-ivory.o-rose .fx{background-image:linear-gradient(175deg,#6e3530 0,#c98479 30%,#8a4d4a 52%,#d9998d 66%,#6e3530 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.mk.f-ivory.o-copper .fx{background-image:linear-gradient(175deg,#5a2a12 0,#c27a4e 30%,#7a3c1c 52%,#d08b5d 66%,#5a2a12 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.mk.f-ivory.o-gold .fx{background-image:linear-gradient(175deg,#5e4512 0,#c49a45 30%,#7d5d1c 52%,#d4ad5a 66%,#5e4512 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.mk.t-vibes .word{letter-spacing:.01em}

/* v7: 28-door paperboard layout (no ribbon pulls) */
.mk .dr i{display:none}.mk .dr b{font-size:.8em}
.mk .orn{display:none}