/* ================================================================
   THEME: Cinematic
   ================================================================ */

[data-theme="cinematic"] {
  --bg: #0C0B09; --bg2: #161310; --bg3: #1F1A14;
  --text: #FFFFFF; --text2: rgba(255,255,255,0.55); --text3: rgba(201,168,76,0.95);
  --accent: #C9A84C; --accent2: rgba(201,168,76,0.4);
  --border: rgba(201,168,76,0.18); --border2: rgba(255,255,255,0.05);
  --card-bg: rgba(201,168,76,0.05); --card-border: rgba(201,168,76,0.2);
  --nav-bg: rgba(12,11,9,0.97); --btn-bg: #C9A84C; --btn-text: #0C0B09;
  --font-d: 'Playfair Display', serif; --font-b: 'Jost', sans-serif; --fw-d: 900;
  --t-overlay: #C9A84C;
}

[data-theme="cinematic"] .bymg-logo .lp { fill: var(--accent); }
[data-theme="cinematic"] .snake-icon-img path,
[data-theme="cinematic"] .snake-icon-img polygon { fill: var(--accent); }

/* — Overlay transition — */
#overlay.t-cinematic {
  background: linear-gradient(0deg,#000 0%,#000 10%,transparent 10%,transparent 90%,#000 90%,#000 100%),
    linear-gradient(90deg,#1A0500,#C9A84C 30%,#F5E8A0 50%,#C9A84C 70%,#1A0500);
  animation: tCinematic 1.5s cubic-bezier(0.76,0,0.24,1) forwards;
}
@keyframes tCinematic {
  0%{clip-path:inset(0 100% 0 0);opacity:1}18%{clip-path:inset(0 0% 0 0);opacity:1}72%{clip-path:inset(0 0% 0 0);opacity:1}100%{clip-path:inset(0 0% 0 100%);opacity:1}
}

/* — Personality — */
[data-theme="cinematic"] .ob-headline span { color: var(--btn-text); }
[data-theme="cinematic"] .hero-right-img img { filter: grayscale(0%); }
[data-theme="cinematic"] .sobre-headline { letter-spacing: 6px; text-transform: uppercase; font-size: clamp(22px,2.5vw,36px); }
[data-theme="cinematic"] .contact-headline { letter-spacing: 8px; font-size: clamp(32px,4.5vw,56px); }
[data-theme="cinematic"] .section-headline { letter-spacing: 10px; font-size: clamp(36px,4.5vw,60px); }