.elementor-kit-1442{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1442 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:60px;}.elementor-element{--widgets-spacing:60px 60px;--widgets-spacing-row:60px;--widgets-spacing-column:60px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:999px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:689px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* ============================================================
   Arun Luthra | Sweet Soul Sound
   Custom Elementor CSS — Warm Cinematic Edition

   Design: Jost throughout · Warm cream palette · Burnt orange
   Cinematic elements: pill nav · stats band · rounded cards
   noise texture · feature card hover reveals · radial glow
   ============================================================ */

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

:root {
  --al-cream:      #FAF7F2;
  --al-ivory:      #F0E8DC;
  --al-white:      #FFFFFF;
  --al-dark:       #D46B18;
  --al-text:       #2A1408;
  --al-charcoal:   #3A3228;
  --al-brown:      #7A6A54;
  --al-orange:     #C4521A;
  --al-orange-lt:  #E07B45;
  --al-orange-dk:  #9E3E10;
  --al-border:     rgba(212,107,24,0.2);
  --al-fontqqq:       'Jost', 'Helvetica Neue', sans-serif;
  --al-ease:       0.28s cubic-bezier(0.25,0.46,0.45,0.94);
  --al-r:          16px;
  --al-r-lg:       28px;
}

body {
  font-familyqqq: var(--al-font);
  background-color: var(--al-cream);
  color: var(--al-text);
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

/* Noise texture — barely perceptible, adds warmth to cream */
body::after {
  content: '';
  position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  opacity: 0.35;
}

/* ─────────────────────────────────────────────────────────────
   FLOATING PILL NAVBAR
   Target with Elementor's header location class
   ───────────────────────────────────────────────────────────── */
.site-header,
header.elementor-location-header .e-con:first-child {
  background: rgba(250,247,242,0.85) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid var(--al-border) !important;
  border-radius: 100px !important;
  box-shadow: 0 2px 24px rgba(212,107,24,0.1) !important;
}

/* ─────────────────────────────────────────────────────────────
   SECTION BACKGROUNDS
   ───────────────────────────────────────────────────────────── */
.e-con.al-section-cream  { background-color: var(--al-cream) !important; }
.e-con.al-section-white  { background-color: var(--al-white) !important; }
.e-con.al-section-dark   { background-color: var(--al-dark)  !important; }

.e-con.al-section-cream,
.e-con.al-section-white,
.e-con.al-section-dark {
  padding-top:    80px !important;
  padding-bottom: 80px !important;
  padding-left:   80px !important;
  padding-right:  80px !important;
}

/* Rounded containers — for cards and footer */
.e-con.al-rounded    { border-radius: var(--al-r)    !important; overflow: hidden !important; }
.e-con.al-rounded-lg { border-radius: var(--al-r-lg) !important; overflow: hidden !important; }

/* ─────────────────────────────────────────────────────────────
   GEOMETRIC PATTERN (dark sections)
   ───────────────────────────────────────────────────────────── */

.e-con.al-geo-pattern { position: relative !important; }
.e-con.al-geo-pattern::before {
  content: ''; position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M36 4L68 36L36 68L4 36Z' fill='none' stroke='%23FAF7F2' stroke-width='0.75' opacity='0.38'/%3E%3Cpath d='M36 18L54 36L36 54L18 36Z' fill='none' stroke='%23FAF7F2' stroke-width='0.75' opacity='0.30'/%3E%3Ccircle cx='36' cy='4'  r='1.4' fill='%23FAF7F2' opacity='0.35'/%3E%3Ccircle cx='68' cy='36' r='1.4' fill='%23FAF7F2' opacity='0.35'/%3E%3Ccircle cx='36' cy='68' r='1.4' fill='%23FAF7F2' opacity='0.35'/%3E%3Ccircle cx='4'  cy='36' r='1.4' fill='%23FAF7F2' opacity='0.35'/%3E%3Ccircle cx='36' cy='36' r='1.8' fill='%23FAF7F2' opacity='0.40'/%3E%3C/svg%3E");
  background-size: 72px 72px; pointer-events: none; z-index: 0;
}
.e-con.al-geo-pattern > * { position: relative; z-index: 1; }



/*.e-con.al-geo-pattern { position: relative !important; }
/*.e-con.al-geo-pattern::before {
  /*content: ''; position: absolute; inset: 0;
 /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 2L58 30L30 58L2 30Z' fill='none' stroke='%23FAF7F2' stroke-width='1.5' opacity='0.25'/%3E%3Ccircle cx='30' cy='30' r='1' fill='%23FAF7F2' opacity='0.25'/%3E%3C/svg%3E");*/
  background-size: 60px 60px; pointer-events: none; z-index: 0;*/
}
/*.e-con.al-geo-pattern > * { position: relative; z-index: 1; }*/

/* Radial orange glow — for CTA and philosophy sections */
.e-con.al-glow { position: relative !important; }
.e-con.al-glow::after {
  content: ''; position: absolute;
  left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(196,82,26,0.08) 0%, transparent 65%);
  pointer-events: none; z-index: 0;
}
.e-con.al-glow > * { position: relative; z-index: 1; }

/* Section border utilities */
.e-con.al-border-top    { border-top: 1px solid var(--al-ivory) !important; }
.e-con.al-border-bottom { border-bottom: 1px solid var(--al-ivory) !important; }

/* ─────────────────────────────────────────────────────────────
   HERO
   ───────────────────────────────────────────────────────────── */
.e-con.al-hero-section {
  min-height: 100vh !important;
  padding: 0 !important;
  align-items: flex-end !important;
}
.e-con.al-hero-section > .elementor-background-overlay {
  background: linear-gradient(
    120deg,
    rgba(16,8,2,0.93) 0%,
    rgba(16,8,2,0.60) 50%,
    rgba(16,8,2,0.15) 100%
  ) !important;
}
.e-con.al-hero-text-col {
  padding: 0 60px 90px 80px !important;
}

/* Eyebrow — line + caps */
.al-eyebrow .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: 0.38em !important; text-transform: uppercase !important;
  color: var(--al-orange) !important;
}

/* Hero name */
.al-hero-name .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: clamp(52px, 8vw, 100px) !important;
  font-weight: 700 !important; line-height: 0.95 !important;
  letter-spacing: -0.03em !important; color: var(--al-white) !important;
}

/* Outlined tagline */
.al-hero-tagline .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: clamp(22px, 3vw, 42px) !important;
  font-weight: 300 !important; line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
  -webkit-text-stroke: 1px rgba(250,247,242,0.7) !important;
  color: transparent !important;
}

/* ─────────────────────────────────────────────────────────────
   PAGE SUB-HERO (inner pages)
   ───────────────────────────────────────────────────────────── */
.e-con.al-page-hero {
  min-height: 420px !important; padding: 80px 80px 56px !important;
  align-items: flex-end !important;
}
.e-con.al-page-hero > .elementor-background-overlay {
  background: rgba(16,8,2,0.68) !important;
}
.al-page-hero-title .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: clamp(36px, 5vw, 68px) !important;
  font-weight: 700 !important; letter-spacing: -0.03em !important;
  color: var(--al-white) !important; line-height: 1 !important;
}

/* ─────────────────────────────────────────────────────────────
   STATS BAND
   ───────────────────────────────────────────────────────────── */
.e-con.al-stats-band {
  background-color: var(--al-dark) !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(28,10,2,0.14) !important;
  flex-wrap: nowrap !important;
}
.e-con.al-stats-band > .e-con {
  flex: 1 1 0% !important; min-width: 0 !important;
  padding: 34px 20px !important;
  border-right: 1px solid rgba(28,10,2,0.14) !important;
  align-items: center !important; text-align: center !important;
}
.e-con.al-stats-band > .e-con:last-child { border-right: none !important; }

.al-stat-num .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 32px !important; font-weight: 700 !important;
  font-style: italic !important; letter-spacing: -0.03em !important;
  color: #1C0A02 !important; line-height: 1 !important;
}
.al-stat-label .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 10px !important; font-weight: 600 !important;
  letter-spacing: 0.22em !important; text-transform: uppercase !important;
  color: rgba(28,10,2,0.70) !important;
}

/* ─────────────────────────────────────────────────────────────
   SECTION LABELS & TITLES
   ───────────────────────────────────────────────────────────── */
.al-label .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: 0.38em !important; text-transform: uppercase !important;
  color: var(--al-orange) !important;
}
.e-con.al-section-dark .al-label .elementor-heading-title,
.e-con.al-cta-section  .al-label .elementor-heading-title {
  color: #1C0A02 !important;
}

.al-section-title .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: clamp(26px, 3vw, 44px) !important;
  font-weight: 700 !important; letter-spacing: -0.025em !important;
  line-height: 1.08 !important; color: var(--al-text) !important;
}
.e-con.al-section-dark .al-section-title .elementor-heading-title,
.e-con.al-cta-section  .al-section-title .elementor-heading-title {
  color: #1C0A02 !important;
}

/* ─────────────────────────────────────────────────────────────
   DIVIDER
   ───────────────────────────────────────────────────────────── */
.al-divider .elementor-divider-separator {
  border-top: 2px solid var(--al-orange) !important;
  width: 40px !important;
}
.al-divider-center .elementor-divider-separator {
  border-top: 1px solid rgba(196,82,26,0.45) !important;
  width: 36px !important; margin: 0 auto !important;
}

/* ─────────────────────────────────────────────────────────────
   BUTTONS — all pill-shaped
   ───────────────────────────────────────────────────────────── */
.al-btn-primary .elementor-button {
  font-family: var(--al-font) !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.2em !important; text-transform: uppercase !important;
  background-color: var(--al-orange) !important;
  color: var(--al-white) !important; border: none !important;
  border-radius: 100px !important; padding: 15px 34px !important;
  transition: all var(--al-ease) !important;
}
.al-btn-primary .elementor-button:hover {
  background-color: var(--al-orange-dk) !important;
  transform: scale(1.03) !important;
}

.al-btn-outline .elementor-button {
  font-family: var(--al-font) !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.2em !important; text-transform: uppercase !important;
  background-color: transparent !important;
  color: var(--al-white) !important;
  border: 1px solid rgba(250,247,242,0.72) !important;
  border-radius: 100px !important; padding: 14px 34px !important;
  transition: all var(--al-ease) !important;
}
.al-btn-outline .elementor-button:hover {
  border-color: rgba(250,247,242,0.65) !important;
}

.al-btn-outline-dark .elementor-button {
  font-family: var(--al-font) !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.2em !important; text-transform: uppercase !important;
  background-color: transparent !important;
  color: var(--al-orange) !important;
  border: 1px solid rgba(196,82,26,0.32) !important;
  border-radius: 100px !important; padding: 14px 34px !important;
  transition: all var(--al-ease) !important;
}
.al-btn-outline-dark .elementor-button:hover {
  border-color: var(--al-orange) !important;
  background-color: rgba(196,82,26,0.06) !important;
}

.al-btn-text-link .elementor-button {
  font-family: var(--al-font) !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.2em !important; text-transform: uppercase !important;
  background-color: transparent !important; color: var(--al-orange) !important;
  border: none !important;
  border-bottom: 1px solid rgba(196,82,26,0.35) !important;
  border-radius: 0 !important; padding: 2px 0 !important;
  box-shadow: none !important; transition: all var(--al-ease) !important;
}
.al-btn-text-link .elementor-button:hover {
  color: var(--al-orange-dk) !important;
}

/* ─────────────────────────────────────────────────────────────
   ABOUT / BIO SPLIT
   ───────────────────────────────────────────────────────────── */
.e-con.al-about-text-col,
.e-con.al-bio-text-col {
  padding: 90px 60px 90px 80px !important;
}
.e-con.al-about-photo-col,
.e-con.al-bio-photo-col {
  padding: 0 !important; overflow: hidden !important;
}
.al-about-photo img,
.al-bio-photo img {
  width: 100% !important; height: 100% !important;
  min-height: 500px; object-fit: cover !important; display: block !important;
}
.al-about-text p,
.al-bio-text p {
  font-family: var(--al-font) !important;
  font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.85 !important; color: var(--al-charcoal) !important;
  margin-bottom: 1.4em;
}
.e-con.al-bio-continued { padding: 60px 160px !important; }

/* ─────────────────────────────────────────────────────────────
   FEATURE CARDS — warm cinematic card system
   ───────────────────────────────────────────────────────────── */
.e-con.al-features-row {
  flex-wrap: nowrap !important; gap: 18px !important;
  padding-left: 80px !important; padding-right: 80px !important;
}
.e-con.al-features-row > .e-con {
  flex: 1 1 0% !important; min-width: 0 !important;
}
.e-con.al-feat-card {
  background-color: var(--al-cream) !important;
  border: 1px solid var(--al-ivory) !important;
  border-radius: var(--al-r) !important;
  padding: 32px 28px !important;
  position: relative !important; overflow: hidden !important;
  transition: border-color var(--al-ease), transform var(--al-ease), box-shadow var(--al-ease) !important;
}
.e-con.al-feat-card:hover {
  border-color: rgba(196,82,26,0.28) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(212,107,24,0.1) !important;
}
/* Orange top-border reveal on hover */
.e-con.al-feat-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--al-orange), transparent);
  opacity: 0; transition: opacity var(--al-ease);
}
.e-con.al-feat-card:hover::before { opacity: 1; }

.al-feat-num .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 10px !important; font-weight: 700 !important;
  letter-spacing: 0.28em !important; text-transform: uppercase !important;
  color: var(--al-orange) !important;
}
.al-feat-title .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 16px !important; font-weight: 700 !important;
  letter-spacing: -0.02em !important; color: var(--al-text) !important;
}
.al-feat-desc p {
  font-family: var(--al-font) !important;
  font-size: 14px !important; line-height: 1.75 !important;
  color: var(--al-brown) !important;
}

/* ─────────────────────────────────────────────────────────────
   VIDEO CARDS
   ───────────────────────────────────────────────────────────── */
.e-con.al-video-grid {
  flex-wrap: nowrap !important; gap: 16px !important;
  padding-top: 0 !important; padding-bottom: 0 !important;
}
.e-con.al-video-grid > .e-con {
  flex: 1 1 0% !important; min-width: 0 !important;
}
.e-con.al-video-card {
  background-color: var(--al-cream) !important;
  border: 1px solid var(--al-ivory) !important;
  border-radius: var(--al-r) !important;
  overflow: hidden !important; padding: 0 !important;
  transition: border-color var(--al-ease), transform var(--al-ease) !important;
}
.e-con.al-video-card:hover {
  border-color: rgba(196,82,26,0.28) !important;
  transform: translateY(-3px) !important;
}
.e-con.al-video-info { padding: 16px 18px !important; }

.al-video-tag .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 10px !important; font-weight: 700 !important;
  letter-spacing: 0.24em !important; text-transform: uppercase !important;
  color: var(--al-orange) !important;
}
.al-video-title .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 14px !important; font-weight: 600 !important;
  letter-spacing: -0.01em !important; line-height: 1.35 !important;
  color: var(--al-text) !important;
}

/* ─────────────────────────────────────────────────────────────
   DISCOGRAPHY
   ───────────────────────────────────────────────────────────── */
.e-con.al-discography-grid {
  flex-wrap: nowrap !important; gap: 20px !important;
}
.e-con.al-discography-grid > .e-con {
  flex: 1 1 0% !important; min-width: 0 !important;
}
.al-album-title .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: 16px !important; font-weight: 600 !important;
  letter-spacing: -0.01em !important; color: var(--al-white) !important;
}
p.al-album-meta {
  font-family: var(--al-font) !important;
  font-size: 11px !important; letter-spacing: 0.18em !important;
  text-transform: uppercase !important; color: var(--al-brown) !important;
}

/* ─────────────────────────────────────────────────────────────
   SHOWS / TOUR DATES
   ───────────────────────────────────────────────────────────── */
.al-show-row {
  display: flex; align-items: center; gap: 24px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(28,10,2,0.15);
  transition: padding-left var(--al-ease); flex-wrap: wrap;
}
.al-show-row:hover { padding-left: 8px; }
.al-show-date {
  font-family: var(--al-font); font-size: 11px; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--al-orange); min-width: 130px;
}
.al-show-event {
  font-family: var(--al-font); font-size: 16px; font-weight: 600;
  letter-spacing: -0.01em; color: var(--al-text); flex: 1;
}
.e-con.al-section-dark .al-show-event { color: #1C0A02 !important; }
.al-show-venue {
  font-family: var(--al-font); font-size: 14px;
  color: var(--al-brown); flex: 1;
}
.e-con.al-section-dark .al-show-venue { color: rgba(28,10,2,0.60) !important; }
.al-show-link {
  font-family: var(--al-font); font-size: 10px; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--al-orange);
  border: 1px solid rgba(196,82,26,0.38);
  border-radius: 100px; padding: 8px 18px;
  text-decoration: none; white-space: nowrap; transition: all var(--al-ease);
}
.al-show-link:hover { background: var(--al-orange); color: var(--al-white); }

/* ─────────────────────────────────────────────────────────────
   PRESS / QUOTES
   ───────────────────────────────────────────────────────────── */
.al-quote {
  border-left: 2px solid var(--al-orange);
  padding-left: 28px; margin: 0;
}
.al-quote p {
  font-family: var(--al-font) !important;
  font-size: clamp(17px, 1.8vw, 22px) !important;
  font-weight: 300 !important; font-style: italic !important;
  line-height: 1.7 !important; letter-spacing: 0.01em !important;
  color: var(--al-charcoal) !important; margin-bottom: 1.2rem;
}
cite.al-quote-cite {
  display: block; font-family: var(--al-font);
  font-size: 11px; font-style: normal; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--al-orange); margin-top: 1rem;
}

/* ─────────────────────────────────────────────────────────────
   ICON BOXES (highlights)
   ───────────────────────────────────────────────────────────── */
.e-con.al-highlights {
  flex-wrap: nowrap !important;
  border-top: 1px solid var(--al-ivory) !important;
  border-bottom: 1px solid var(--al-ivory) !important;
}
.e-con.al-highlights > .e-con {
  flex: 1 1 0% !important; min-width: 0 !important;
}
.al-icon-box .elementor-icon-box-icon i,
.al-contact-icon-box .elementor-icon-box-icon i {
  color: var(--al-orange) !important; font-size: 28px !important;
}
.al-icon-box .elementor-icon-box-title,
.al-contact-icon-box .elementor-icon-box-title {
  font-family: var(--al-font) !important;
  font-size: 16px !important; font-weight: 700 !important;
  letter-spacing: -0.01em !important; color: var(--al-text) !important;
}
.al-icon-box .elementor-icon-box-description,
.al-contact-icon-box .elementor-icon-box-description {
  font-family: var(--al-font) !important;
  font-size: 14px !important; line-height: 1.75 !important;
  color: var(--al-brown) !important;
}

/* ─────────────────────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────────────────────── */
.e-con.al-cta-section {
  padding-top: 120px !important; padding-bottom: 120px !important;
  align-items: center !important;
}
.al-cta-title .elementor-heading-title {
  font-family: var(--al-font) !important;
  font-size: clamp(26px, 3.2vw, 48px) !important;
  font-weight: 700 !important; letter-spacing: -0.025em !important;
  line-height: 1.1 !important; color: #1C0A02 !important;
  text-align: center !important;
}
.al-cta-text p {
  font-family: var(--al-font) !important;
  font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.75 !important; color: rgba(28,10,2,0.72) !important;
  text-align: center !important;
}

/* ─────────────────────────────────────────────────────────────
   CONTACT FORM
   ───────────────────────────────────────────────────────────── */
.e-con.al-contact-form-col { padding: 90px 60px 90px 80px !important; }
.e-con.al-contact-info-col { padding: 90px 80px 90px 60px !important; }
.al-contact-form .elementor-field-group input,
.al-contact-form .elementor-field-group textarea,
.al-contact-form .elementor-field-group select {
  background-color: var(--al-ivory) !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important; padding: 14px 18px !important;
  font-family: var(--al-font) !important; font-size: 15px !important;
  color: var(--al-text) !important; transition: border-color var(--al-ease) !important;
}
.al-contact-form .elementor-field-group input:focus,
.al-contact-form .elementor-field-group textarea:focus {
  border-color: var(--al-orange) !important; outline: none !important;
}
.al-contact-form .elementor-field-label {
  font-family: var(--al-font) !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: 0.22em !important;
  text-transform: uppercase !important; color: var(--al-brown) !important;
}
.al-contact-form .elementor-button {
  font-family: var(--al-font) !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.2em !important; text-transform: uppercase !important;
  background-color: var(--al-orange) !important;
  color: var(--al-white) !important; border-radius: 100px !important;
  padding: 15px 44px !important; border: none !important;
  transition: all var(--al-ease) !important;
}
.al-contact-form .elementor-button:hover {
  background-color: var(--al-orange-dk) !important;
  transform: scale(1.03) !important;
}

/* ─────────────────────────────────────────────────────────────
   SOCIAL ICONS
   ───────────────────────────────────────────────────────────── */
.al-streaming-icons .elementor-social-icon,
.al-contact-social  .elementor-social-icon {
  background-color: transparent !important;
  border: 1px solid var(--al-ivory) !important;
  width: 42px !important; height: 42px !important;
  border-radius: 100px !important;
  transition: all var(--al-ease) !important;
}
.al-streaming-icons .elementor-social-icon:hover,
.al-contact-social  .elementor-social-icon:hover {
  background-color: var(--al-orange) !important;
  border-color: var(--al-orange) !important;
}
.al-streaming-icons .elementor-social-icon i,
.al-contact-social  .elementor-social-icon i {
  color: var(--al-brown) !important; font-size: 15px !important;
}
.al-streaming-icons .elementor-social-icon:hover i,
.al-contact-social  .elementor-social-icon:hover i {
  color: var(--al-white) !important;
}

/* ─────────────────────────────────────────────────────────────
   FOOTER — rounded top, dark
   ───────────────────────────────────────────────────────────── */
.e-con.al-footer {
  background-color: #994510 !important;
  border-radius: 28px 28px 0 0 !important;
  border-top: 1px solid rgba(250,247,242,0.04) !important;
}

/* ─────────────────────────────────────────────────────────────
   EPK / PRESS SECTION
   ───────────────────────────────────────────────────────────── */
.e-con.al-epk-section { padding: 60px 160px !important; }
.al-press-epk-text p {
  font-family: var(--al-font) !important;
  font-size: 16px !important; line-height: 1.85 !important;
  color: var(--al-brown) !important;
}

/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────────────────────── */

/* ─────────────────────────────────────────────────────────────
   SAFFRON SECTION OVERRIDES — buttons & links on orange bg
   ───────────────────────────────────────────────────────────── */
.e-con.al-section-dark .al-btn-primary .elementor-button,
.e-con.al-cta-section  .al-btn-primary .elementor-button {
  background-color: #1C0A02 !important;
  color: var(--al-cream) !important;
}
.e-con.al-section-dark .al-btn-primary .elementor-button:hover,
.e-con.al-cta-section  .al-btn-primary .elementor-button:hover {
  background-color: #2E1208 !important;
  transform: scale(1.03) !important;
}
.e-con.al-section-dark .al-show-link {
  color: #1C0A02 !important;
  border-color: rgba(28,10,2,0.35) !important;
}
.e-con.al-section-dark .al-show-link:hover {
  background: #1C0A02 !important;
  color: var(--al-cream) !important;
}
.e-con.al-section-dark .al-btn-text-link .elementor-button {
  color: #1C0A02 !important;
  border-bottom-color: rgba(28,10,2,0.30) !important;
}

@media (max-width: 1024px) {
  .e-con.al-section-cream,
  .e-con.al-section-white,
  .e-con.al-section-dark {
    padding-left: 40px !important; padding-right: 40px !important;
  }
  .e-con.al-hero-text-col { padding: 0 40px 70px !important; }
  .e-con.al-features-row  { padding-left: 40px !important; padding-right: 40px !important; }
}

@media (max-width: 767px) {
  .e-con.al-hero-text-col { padding: 0 24px 60px !important; }
  .al-hero-name .elementor-heading-title {
    font-size: clamp(42px, 11vw, 64px) !important;
    letter-spacing: -0.02em !important;
  }
  .al-hero-tagline .elementor-heading-title {
    font-size: 20px !important;
    -webkit-text-stroke: 1px rgba(250,247,242,0.6) !important;
  }
  .e-con.al-stats-band { flex-wrap: wrap !important; }
  .e-con.al-stats-band > .e-con { flex: 1 1 50% !important; }
  .e-con.al-section-cream,
  .e-con.al-section-white,
  .e-con.al-section-dark { padding: 60px 24px !important; }
  .e-con.al-features-row { padding: 0 24px !important; }
  .e-con.al-cta-section  { padding: 80px 24px !important; }
  .al-show-row { flex-direction: column; align-items: flex-start; gap: 6px; }
  .e-con.al-contact-form-col,
  .e-con.al-contact-info-col { padding: 40px 24px !important; }
  .e-con.al-bio-continued,
  .e-con.al-epk-section { padding: 50px 24px !important; }
}




 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}/* End custom CSS */