/* Start custom CSS for html, class: .elementor-element-4d93cd3 *//* Paste this entire file into:
   WordPress Admin → Appearance → Customize → Additional CSS
   (or a plugin like WPCode → Custom CSS)
   This location is never stripped, unlike widget content. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');

:root{
  --vl-ink:#0B0F14;
  --vl-ink-2:#10161F;
  --vl-gold:#C6A567;
  --vl-gold-hi:#E4CD98;
  --vl-paper:#F5F1E8;
  --vl-ash:#8B8578;
  --vl-line: rgba(198,165,103,0.28);
}

.vl-section{background:var(--vl-ink);color:var(--vl-paper);font-family:'Jost',sans-serif;font-weight:300;}
.vl-wrap{max-width:1200px;margin:0 auto;padding:0 48px;}
.vl-section a{color:inherit;text-decoration:none;}

/* corner-bracket signature device */
.vl-bracketed{position:relative;}
.vl-bracketed::before,.vl-bracketed::after{
  content:'';position:absolute;width:14px;height:14px;
  border:1px solid var(--vl-gold);opacity:.7;
}
.vl-bracketed::before{top:-6px;left:-6px;border-right:none;border-bottom:none;}
.vl-bracketed::after{bottom:-6px;right:-6px;border-left:none;border-top:none;}

.vl-hero{padding:80px 0 100px;}
.vl-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;}
.vl-eyebrow{
  font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--vl-gold);
  display:inline-block;padding:6px 0;margin-bottom:28px;
}
.vl-hero h1{
  font-family:'Fraunces',serif;font-weight:500;font-size:clamp(42px,5.2vw,66px);
  line-height:1.02;color:var(--vl-paper);letter-spacing:-0.5px;margin:0;
}
.vl-hero h1 em{
  font-style:italic;font-weight:400;color:var(--vl-gold-hi);
}
.vl-hero p.vl-desc{
  margin:30px 0 40px;font-size:16px;color:var(--vl-ash);max-width:420px;line-height:1.8;
}
.vl-hero p.vl-desc strong{color:var(--vl-paper);font-weight:500;}
.vl-hero-btns{display:flex;gap:18px;flex-wrap:wrap;}
.vl-btn{
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  padding:16px 32px;display:inline-block;transition:all .2s;
}
.vl-btn-solid{background:var(--vl-gold);color:var(--vl-ink);}
.vl-btn-solid:hover{background:var(--vl-gold-hi);}
.vl-btn-outline{border:1px solid var(--vl-line);color:var(--vl-paper);}
.vl-btn-outline:hover{border-color:var(--vl-gold);color:var(--vl-gold-hi);}

/* FILMSTRIP — signature element */
.vl-filmstrip{position:relative;padding:20px 34px;}
.vl-strip-rail{background:#050709;border-radius:2px;padding:16px 0;position:relative;}
.vl-sprockets{display:flex;justify-content:space-between;padding:0 10px;}
.vl-sprockets span{width:8px;height:8px;background:var(--vl-ink);border-radius:1px;display:block;}
.vl-frames{padding:10px 20px;}
.vl-frame{
  aspect-ratio:5/3;background:linear-gradient(150deg,#1a2331,#0d141d);
  border:1px solid rgba(198,165,103,0.18);margin-bottom:14px;position:relative;
  display:flex;align-items:center;justify-content:center;
}
.vl-frame:last-child{margin-bottom:0;}
.vl-frame .vl-fnote{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--vl-ash);text-align:center;}
.vl-frame .vl-fnote b{display:block;color:var(--vl-gold);font-size:12px;margin-bottom:4px;font-weight:400;}
.vl-filmstrip .vl-tag{
  position:absolute;bottom:-14px;right:20px;background:var(--vl-ink);padding:0 10px;
  font-size:11px;letter-spacing:2px;color:var(--vl-gold);text-transform:uppercase;
}

@media (max-width:900px){
  .vl-hero-grid{grid-template-columns:1fr;}
}/* End custom CSS */