.elementor-1255 .elementor-element.elementor-element-5ec3855{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-13600fc{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-5511f4e{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-184cb3d{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-d2ad6db{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-44bbaa0{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-9028f0e{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-a666e70{width:100%;max-width:100%;}.elementor-1255 .elementor-element.elementor-element-1bcc457{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-5ec3855 *//* ============================
   ENTHRAL HERO — SECTIONED CSS
   Paste into Additional CSS or inside <style> in Elementor HTML widget
   ============================ */

/* ----------: Container / Base :---------- */
.ea-hero-block {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 560px;
  overflow: hidden;
  background: #0a0b0c; /* charcoal */
  color: #f8f6f4;      /* ivory */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ----------: Media (image / video) :---------- */
.ea-hero-block .ea-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.ea-hero-block .ea-media img,
.ea-hero-block .ea-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ----------: Dark-teal Overlay (bottom-left heavy) :---------- */
.ea-hero-block .ea-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(145deg,
    rgba(6,54,56,0.85) 0%,
    rgba(6,54,56,0.45) 40%,
    rgba(6,54,56,0.08) 100%);
  mix-blend-mode: multiply;
}

/* ----------: Vignette / Cinematic Depth :---------- */
.ea-hero-block .ea-vignette {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image: radial-gradient(1200px 700px at 50% 60%,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.25) 100%);
}

/* ----------: Bottom-left Content Block :---------- */
.ea-hero-block .ea-content {
  position: absolute;
  left: clamp(18px, 4.2vw, 60px);
  bottom: clamp(18px, 6vh, 70px);
  z-index: 3;
  max-width: 820px;
  pointer-events: auto;
}

/* ----------: Kicker / Small Uppercase :---------- */
.ea-hero-block .ea-kicker {
  font-size: 13px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.92);
  font-weight: 700;
  margin: 0 0 10px;
}

/* ----------: TITLE — balanced cinematic size (reduced) :---------- */
/* Desktop: 80px, Laptop: 64px, Tablet: 48px, Mobile: 32px */
.ea-hero-block .ea-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  font-size: 80px !important;
  line-height: 1.04 !important;
  margin: 0 0 10px !important;
  color: transparent !important;
  background: linear-gradient(90deg, #d4b68a, #b88a52 70%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: block;
  white-space: normal;
  word-break: break-word;
}

/* Subtitle under title */
.ea-hero-block .ea-title small {
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255,255,255,0.92);
  margin-top: 8px;
}

/* ----------: Description / Supporting copy :---------- */
.ea-hero-block .ea-desc {
  font-size: 16px;
  color: rgba(255,255,255,0.93);
  margin: 12px 0 18px;
  max-width: 560px;
}

/* ----------: Buttons — gold elevated (kept earlier look) :---------- */
.ea-hero-block .ea-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 999px; /* pill */
  font-weight: 700;
  font-size: 14px;
  background: linear-gradient(135deg, #d4b68a, #b88a52);
  color: #0a0b0c;
  text-decoration: none;
  box-shadow: 0 8px 26px rgba(0,0,0,0.56);
  transition: transform 220ms ease, box-shadow 220ms ease;
}
.ea-hero-block .ea-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.6);
}

/* Secondary outline button */
.ea-hero-block .ea-btn--outline {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: none;
}
.ea-hero-block .ea-btn--outline:hover {
  background: rgba(255,255,255,0.12);
}

/* ----------: Micro / footer line under CTAs :---------- */
.ea-hero-block .ea-micro {
  font-size: 12px;
  opacity: 0.95;
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ea-hero-block .ea-micro .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4b68a;
}

/* ----------: Reduced motion respect :---------- */
@media (prefers-reduced-motion: reduce) {
  .ea-hero-block * { transition: none !important; animation: none !important; }
}

/* ----------: Responsive breakpoints (explicit fixed sizes) :---------- */
@media (max-width: 1200px) {
  .ea-hero-block .ea-title { font-size: 64px !important; }
  .ea-hero-block .ea-title small { font-size: 18px !important; }
  .ea-hero-block .ea-desc { font-size: 15px; }
}

@media (max-width: 900px) {
  .ea-hero-block .ea-content { left: 40px; bottom: 56px; }
  .ea-hero-block .ea-title { font-size: 48px !important; }
  .ea-hero-block .ea-title small { font-size: 16px !important; }
  .ea-hero-block .ea-desc { font-size: 14px; }
  .ea-hero-block .ea-btn { padding: 10px 18px; font-size: 13px; }
}

@media (max-width: 600px) {
  .ea-hero-block .ea-content { left: 18px; bottom: 28px; max-width: 92vw; }
  .ea-hero-block .ea-title { font-size: 32px !important; line-height: 1.12 !important; }
  .ea-hero-block .ea-title small { font-size: 14px !important; }
  .ea-hero-block .ea-desc { font-size: 13px; }
  .ea-hero-block .ea-btn { padding: 10px 14px; font-size: 13px; }
}

/* ----------: High-specificity safety override (last resort) :---------- */
/* If Elementor/theme still shrinks H1, paste this into Additional CSS to outrank other rules */
.ea-hero-block .ea-title, #ea-title {
  font-size: 80px !important;
  line-height: 1.04 !important;
  transform: none !important;
  -webkit-text-fill-color: transparent !important;
}
@media (max-width:1200px){ .ea-hero-block .ea-title, #ea-title{ font-size:64px !important } }
@media (max-width:900px){ .ea-hero-block .ea-title, #ea-title{ font-size:48px !important } }
@media (max-width:600px){ .ea-hero-block .ea-title, #ea-title{ font-size:32px !important } }/* End custom CSS */