/* ============================================================
   CASA LEÃO — Mídia Kit (tema Palco Escuro v2)
   depende de styles.css (tokens + base). Bodoni + Inter.
   ============================================================ */

.mk-nav{ position:fixed; top:clamp(14px,2.4vh,26px); left:50%; transform:translateX(-50%);
  z-index:90; width:calc(100% - 2rem); max-width:1120px; display:flex; align-items:center; justify-content:space-between;
  padding:.5rem .55rem .5rem 1.1rem; background:rgba(16,12,9,.55); backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid var(--line); border-radius:100px; transition:transform .6s var(--ease), opacity .5s var(--ease), background .5s var(--ease); }
.mk-nav.solid{ background:rgba(10,7,5,.85); }
.mk-nav.hidden{ transform:translateX(-50%) translateY(-160%); opacity:0; }
.mk-nav .back{ display:inline-flex; align-items:center; gap:.55em; font-size:.86rem; font-weight:500; color:var(--cream-70); transition:color .35s var(--ease), gap .35s var(--ease); }
.mk-nav .back svg{ width:15px; height:15px; transition:transform .35s var(--ease); }
.mk-nav .back:hover{ color:var(--gold-bright); } .mk-nav .back:hover svg{ transform:translateX(-4px); }
.mk-nav .mk-logo img{ height:30px; }
.mk-nav .btn{ height:2.7rem; padding:0 1.2rem; font-size:.82rem; }

/* HERO — mais denso, sem vazio */
.mk-hero{ position:relative; min-height:94svh; display:flex; align-items:center; overflow:hidden; padding-top:8rem; padding-bottom:4rem; }
.mk-hero-canvas{ position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.mk-hero::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(120% 90% at 30% 40%, transparent 42%, rgba(10,7,5,.55) 100%); }
.mk-hero .wrap{ position:relative; z-index:3; }
.mk-hero-grid{ display:grid; grid-template-columns:1fr 1.02fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }

/* moldura da foto: P&B→cor, borda inferior esfumada (sem "quadrado" seco) */
.mk-hero-figure{ position:relative; }
.mk-hero-figure .frame{ position:relative; aspect-ratio:4/5; overflow:hidden; border-radius:4px;
  border:1px solid var(--line); box-shadow:0 50px 100px -40px rgba(0,0,0,.85);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%); }
.mk-hero-figure img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.mk-hero-figure .cap{ position:absolute; left:1rem; bottom:1.2rem; z-index:2; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-bright); }

/* lockup "representado por" — evidencia a logo */
.mk-represented{ display:flex; align-items:center; gap:.9rem; margin-bottom:1.7rem; }
.mk-represented span{ font-size:.66rem; letter-spacing:.24em; text-transform:uppercase; color:var(--cream-45); }
.mk-represented img{ height:34px; width:auto; }

.mk-hero-copy .role{ font-size:.8rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:.7rem; }
.mk-hero-copy h1{ font-size:clamp(3rem,2rem + 5vw,6rem); line-height:.95; letter-spacing:-.02em; font-weight:500; }
.mk-hero-copy h1 .sline{ display:block; }
.mk-hero-copy .tagline{ font-family:var(--display); font-weight:400; font-size:clamp(1.35rem,1rem + 1.3vw,2rem); color:var(--cream); line-height:1.24; margin-top:1.6rem; max-width:26ch; }
.mk-quickfacts{ display:flex; gap:2.4rem; margin-top:2.1rem; flex-wrap:wrap; }
.mk-quickfacts .qf .n{ font-family:var(--display); font-weight:500; font-size:2.3rem; color:var(--gold-bright); line-height:1; }
.mk-quickfacts .qf .l{ font-size:.74rem; letter-spacing:.05em; color:var(--cream-70); margin-top:.4rem; text-transform:uppercase; max-width:16ch; }
.mk-hero-actions{ margin-top:2.3rem; display:flex; gap:1.1rem; flex-wrap:wrap; align-items:center; }

/* faixa assinatura / depoimento */
.mk-strip{ background:linear-gradient(180deg,var(--void),var(--coal) 30%,var(--coal) 70%,var(--void)); }
.mk-strip .serif-quote{ max-width:28ch; }
.mk-strip .cite{ margin-top:1.4rem; font-size:.9rem; letter-spacing:.05em; color:var(--gold); }
.mk-strip .cite b{ color:var(--cream); }

/* sobre */
.mk-about-grid{ display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(2rem,6vw,5rem); align-items:start; }
.mk-about-grid h2{ font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem); margin-top:1.1rem; }
.mk-about-grid .body p{ color:var(--cream-70); }
.mk-about-grid .body p + p{ margin-top:1.15rem; }
.mk-specs{ margin-top:2.4rem; display:grid; grid-template-columns:1fr 1fr; gap:clamp(.9rem,1.6vw,1.3rem); }
.mk-specs .sp{ background:linear-gradient(180deg,rgba(255,247,232,.022),rgba(255,247,232,.004)); border-radius:8px; padding:1.5rem 1.6rem; }
.mk-specs .sp .t{ font-family:var(--display); font-size:1.28rem; color:var(--cream); font-weight:500; }
.mk-specs .sp .d{ font-size:.9rem; color:var(--cream-70); margin-top:.4rem; }

/* galeria (retângulos em grade, P&B→cor no hover) */
.mk-gallery{ background:linear-gradient(180deg,var(--void),var(--coal) 22%,var(--coal) 78%,var(--void)); }
.mk-gallery .head{ margin-bottom:2.6rem; }
.mk-grid-photos{ display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; }
.mk-grid-photos figure{ flex:0 1 calc(33.333% - .7rem); border-radius:4px; overflow:hidden; aspect-ratio:3/4; border:1px solid var(--line-soft); position:relative; }
.mk-grid-photos figure.wide{ flex-basis:calc(66.666% - .35rem); aspect-ratio:3/2; }
.mk-grid-photos img{ width:100%; height:100%; object-fit:cover; object-position:center 12%; transition:transform 1.1s var(--ease), filter 1s var(--ease); }
.mk-grid-photos figure.wide img{ object-position:center 30%; }
.mk-grid-photos figure:hover img{ transform:scale(1.04); }
@media (max-width:1024px){ .mk-grid-photos figure{ flex-basis:calc(50% - .5rem); } .mk-grid-photos figure.wide{ flex-basis:100%; } }
@media (max-width:560px){ .mk-grid-photos figure, .mk-grid-photos figure.wide{ flex-basis:100%; } }

/* marcas */
.mk-brands .head{ text-align:center; margin-bottom:2.8rem; }
.mk-brand-list{ display:flex; flex-wrap:wrap; justify-content:center; gap:.8rem .9rem; max-width:820px; margin:0 auto; }
.mk-brand-list .chip{ border:1px solid var(--line); border-radius:100px; padding:.65rem 1.4rem; font-family:var(--display); font-size:1.1rem; color:var(--cream); transition:all .5s var(--ease); }
.mk-brand-list .chip:hover{ border-color:var(--gold); color:var(--gold-bright); background:var(--panel); }
.mk-formats{ display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; max-width:720px; margin:2.4rem auto 0; }
.mk-formats .fmt{ font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gold); border:1px solid var(--line-soft); border-radius:4px; padding:.5rem .9rem; }

/* contato */
.mk-contact{ position:relative; text-align:center; overflow:hidden; }
.mk-contact-canvas{ position:absolute; inset:0; z-index:0; width:100%; height:100%; }
.mk-contact .wrap{ position:relative; z-index:2; }
.mk-contact h2{ font-size:clamp(2rem,1.4rem + 2.6vw,3.3rem); max-width:20ch; margin:1.3rem auto 0; }
.mk-contact p{ color:var(--cream-70); margin:1.3rem auto 2.4rem; max-width:48ch; }
.mk-contact .actions{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

@media (max-width:1024px){
  .mk-nav .btn{ display:none; }
  .mk-hero{ min-height:auto; }
  .mk-hero-grid{ grid-template-columns:1fr; gap:2.4rem; }
  .mk-hero-figure{ max-width:400px; order:2; }
  .mk-about-grid{ grid-template-columns:1fr; gap:1.6rem; }
  .mk-specs{ grid-template-columns:1fr; }
}
@media (max-width:560px){ .mk-brand-list .chip{ font-size:1rem; padding:.55rem 1.1rem; } .mk-quickfacts{ gap:1.6rem; } }
@media print{ .mk-nav,.mk-contact .actions,.mobile-cta{ display:none !important; } body{ background:#fff; color:#111; } }