/* ================= Studio Newport — EXACT MAGAZINE HEADER (Elementor) ================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap');

:root{ --ink:#0A0A0A; --ivory:#FAFAFA; --gold:#C5A46D; --char:#6B6B6B; }

/* Base */
html, body{ background: var(--ink); color: var(--ivory); }
body{ font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.65; }

/* Headings scale */
h1{ font-family:"Playfair Display", Georgia, serif; font-weight:600; font-size:clamp(40px,6vw,68px); line-height:1.1; margin:0 0 18px; }
h2{ font-family:"Playfair Display", Georgia, serif; font-weight:600; font-size:clamp(28px,3.8vw,44px); line-height:1.14; margin:0 0 14px; }
h3{ font-family:"Playfair Display", Georgia, serif; font-weight:600; font-size:clamp(22px,2.6vw,30px); line-height:1.18; margin:0 0 10px; }

/* Container width */
.sn-wrap{ max-width:1280px; margin:0 auto; padding:0 24px; }

/* Header row (Elementor header container class = sn-header) */
.sn-header{ position:sticky; top:0; z-index:1000; background:var(--ink); border-bottom:1px solid rgba(255,255,255,.08); }
.sn-header .sn-wrap{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 24px; }

/* Brand lockup (use Heading + Text Editor) */
.sn-brand{ display:flex; align-items:baseline; gap:10px; white-space:nowrap; }
.sn-brand .title{ font-family:"Playfair Display", serif; font-weight:600; font-size:20px; letter-spacing:.1px; margin:0; }
.sn-brand .sub{ font-family:"Montserrat", sans-serif; font-size:14px; color:var(--char); margin:0; }

/* Nav + pill (use Nav Menu widget + Button) */
.sn-nav{ display:flex; align-items:center; gap:22px; }
.sn-nav .elementor-nav-menu a{ color:var(--ivory); text-decoration:none; font-weight:500; }
.sn-nav .elementor-nav-menu a:hover{ opacity:.85; }

.sn-nav .elementor-button{ background:transparent; border:2px solid var(--gold); border-radius:9999px; padding:10px 18px; font-weight:600; color:var(--ivory); }
.sn-nav .elementor-button:hover{ background:var(--gold); color:var(--ink); }