/* =========================================================
ENRYCH Living — Premium UI System
assets/enrych.css
Additive design layer (no logic changes)
========================================================= */

:root {
  --enrych-black: #0b0b0c;
  --enrych-black-soft: #121214;

  --enrych-gold: #d4af37;
  --enrych-gold-soft: #c9a63a;
  --enrych-gold-muted: rgba(212,175,55,0.35);
  --enrych-gold2: #e6cf7a;
  --enrych-line: rgba(212,175,55,.18);

  --enrych-white: #f5f4f2;
  --enrych-white-muted: rgba(245,244,242,0.7);

  --enrych-border: rgba(212,175,55,0.22);

  --enrych-text:#f2f2f3;
  --enrych-muted:rgba(242,242,243,.72);
  --enrych-dim:rgba(242,242,243,.55);

  --enrych-ok:#7ff5c3;
  --enrych-warn:#ffd27a;
  --enrych-bad:#ff7b7b;

  /* Type */
  --enrych-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --enrych-h1: clamp(32px, 5.2vw, 54px);
  --enrych-h2: clamp(22px, 3.6vw, 32px);
  --enrych-h3: 18px;
  --enrych-base: 15px;

  /* Layout */
  --enrych-radius: 18px;
  --enrych-radius-lg: 28px;
  --enrych-shadow: 0 18px 50px rgba(0,0,0,.55);
  --enrych-shadow-soft: 0 10px 30px rgba(0,0,0,.35);

  --enrych-wrap: min(1160px, calc(100% - 28px));
  --enrych-gap: 16px;
  --enrych-gap-lg: 24px;

  /* Motion */
  --enrych-ease: cubic-bezier(.2,.8,.2,1);
  --enrych-dur: 180ms;
}

@media (prefers-reduced-motion: reduce){
  :root{ --enrych-dur: 0ms; }
}

/* =========================================================
Base
========================================================= */
html,body{ background: var(--enrych-black); }
body{
  color: var(--enrych-text);
  font-family: var(--enrych-font);
  font-size: var(--enrych-base);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{ color: inherit; }
a:hover{ color: var(--enrych-gold2); }

.enrych-wrap{
  width: var(--enrych-wrap);
  margin-inline: auto;
}

.enrych-section{ padding: 42px 0; }
@media (min-width: 768px){
  .enrych-section{ padding: 58px 0; }
}

.enrych-grid{ display:grid; gap: var(--enrych-gap); }
.enrych-row{ display:flex; gap: var(--enrych-gap); }
.enrych-stack{ display:grid; gap: 12px; }

.enrych-divider{ height:1px; background: var(--enrych-line); margin: 14px 0; }

.enrych-h1{ font-size: var(--enrych-h1); letter-spacing: -.02em; line-height: 1.04; margin: 0; }
.enrych-h2{ font-size: var(--enrych-h2); letter-spacing: -.01em; line-height: 1.18; margin: 0; }
.enrych-h3{ font-size: var(--enrych-h3); letter-spacing: .01em; line-height: 1.2; margin: 0; }

.enrych-muted{ color: var(--enrych-muted); }
.enrych-dim{ color: var(--enrych-dim); }

.enrych-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(212,175,55,.08);
  border: 1px solid var(--enrych-line);
  color: var(--enrych-gold2);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
}

/* =========================================================
Cards
========================================================= */
.enrych-card{
  background:
    radial-gradient(1200px 500px at 30% 0%, rgba(212,175,55,.09), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  border: 1px solid var(--enrych-line);
  border-radius: var(--enrych-radius-lg);
  box-shadow: var(--enrych-shadow-soft);
  padding: 18px;
}

@media (min-width: 768px){
  .enrych-card{ padding: 22px; }
}

.enrych-card--tight{ padding: 14px; border-radius: var(--enrych-radius); }
.enrych-card--flat{ box-shadow: none; }

/* =========================================================
Buttons
========================================================= */
.enrych-actions{ display:flex; flex-wrap:wrap; gap: 12px; align-items:center; }

.enrych-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .02em;
  border: 1px solid transparent;
  transition: transform var(--enrych-dur) var(--enrych-ease), filter var(--enrych-dur) var(--enrych-ease), background var(--enrych-dur) var(--enrych-ease), border-color var(--enrych-dur) var(--enrych-ease);
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}

.enrych-btn:active{ transform: translateY(1px) scale(.99); }
.enrych-btn:focus{ outline: none; }
.enrych-btn:focus-visible{ box-shadow: 0 0 0 3px rgba(212,175,55,.22); }

.enrych-btn--solid{
  background: linear-gradient(180deg, var(--enrych-gold2), var(--enrych-gold));
  color: #07070a;
  filter: drop-shadow(0 8px 24px rgba(212,175,55,.18));
}
.enrych-btn--solid:hover{ filter: drop-shadow(0 10px 26px rgba(212,175,55,.24)); }

.enrych-btn--ghost{
  background: rgba(255,255,255,.02);
  border-color: var(--enrych-line);
  color: var(--enrych-gold2);
}
.enrych-btn--ghost:hover{ border-color: rgba(212,175,55,.35); background: rgba(212,175,55,.06); }

.enrych-btn--soft{
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.08);
  color: var(--enrych-text);
}
.enrych-btn--soft:hover{ background: rgba(255,255,255,.045); border-color: rgba(212,175,55,.20); }

/* =========================================================
Badges
========================================================= */
.enrych-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid var(--enrych-line);
  background: rgba(0,0,0,.35);
  color: var(--enrych-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}
.enrych-badge--gold{ color: #07070a; background: linear-gradient(180deg, var(--enrych-gold2), var(--enrych-gold)); border-color: transparent; }
.enrych-badge--free{ background: rgba(127,245,195,.08); border-color: rgba(127,245,195,.22); color: var(--enrych-ok); }
.enrych-badge--open{ background: rgba(127,245,195,.06); border-color: rgba(127,245,195,.20); color: var(--enrych-ok); }
.enrych-badge--closed{ background: rgba(255,210,122,.08); border-color: rgba(255,210,122,.22); color: var(--enrych-warn); }
.enrych-badge--completed{ background: rgba(255,123,123,.07); border-color: rgba(255,123,123,.20); color: var(--enrych-bad); }

/* =========================================================
Forms
========================================================= */
.enrych-field{ display:grid; gap: 8px; }
.enrych-label{ font-weight: 800; color: var(--enrych-gold2); font-size: 13px; letter-spacing: .02em; }

.enrych-input, .enrych-select, .enrych-textarea{
  width:100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  color: var(--enrych-text);
  transition: border-color var(--enrych-dur) var(--enrych-ease), background var(--enrych-dur) var(--enrych-ease);
}
.enrych-input:focus, .enrych-select:focus, .enrych-textarea:focus{
  outline:none;
  border-color: rgba(212,175,55,.45);
  background: rgba(0,0,0,.45);
}
.enrych-help{ font-size: 12px; color: var(--enrych-dim); }

/* =========================================================
Hero blocks
========================================================= */
.enrych-hero{
  padding: 24px 0 10px;
}
@media (min-width: 768px){
  .enrych-hero{ padding: 34px 0 18px; }
}

.enrych-hero__shell{
  overflow:hidden;
  border-radius: clamp(22px, 4vw, 36px);
  border: 1px solid var(--enrych-line);
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(212,175,55,.16), transparent 65%),
    radial-gradient(900px 420px at 80% 120%, rgba(212,175,55,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  box-shadow: var(--enrych-shadow);
}

.enrych-hero__inner{
  padding: 22px;
  display:grid;
  gap: 18px;
}
@media (min-width: 900px){
  .enrych-hero__inner{
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    padding: 32px;
    gap: 24px;
  }
}

.enrych-hero__title{ color: var(--enrych-gold2); }
.enrych-hero__lead{ color: var(--enrych-muted); font-size: 15px; }
@media (min-width: 900px){
  .enrych-hero__lead{ font-size: 16px; }
}

.enrych-hero__media{
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.35);
  aspect-ratio: 16 / 10;
  display:flex;
  align-items:center;
  justify-content:center;
}
.enrych-hero__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.enrych-hero__media--square{ aspect-ratio: 16/12; }

.enrych-facts{
  display:grid;
  gap: 10px;
}
.enrych-facts__row{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  align-items:center;
}

/* =========================================================
Draw Archive
========================================================= */
.enrych-draws-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 14px;
  flex-wrap:wrap;
}

.enrych-tabs{
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
}

.enrych-tab{
  display:inline-flex;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: var(--enrych-muted);
  text-decoration:none;
  font-weight: 800;
  font-size: 12px;
}
.enrych-tab.is-active{
  background: rgba(212,175,55,.10);
  border-color: rgba(212,175,55,.30);
  color: var(--enrych-gold2);
}

.enrych-draw-grid{
  display:grid;
  gap: 14px;
}
@media (min-width: 700px){
  .enrych-draw-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
}
@media (min-width: 1060px){
  .enrych-draw-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

.enrych-draw-card{
  border-radius: var(--enrych-radius-lg);
  overflow:hidden;
  border: 1px solid var(--enrych-line);
  background:
    radial-gradient(800px 320px at 20% 0%, rgba(212,175,55,.10), transparent 60%),
    rgba(0,0,0,.25);
  transition: transform var(--enrych-dur) var(--enrych-ease), border-color var(--enrych-dur) var(--enrych-ease);
  box-shadow: var(--enrych-shadow-soft);
  display:grid;
}
.enrych-draw-card:hover{ transform: translateY(-2px); border-color: rgba(212,175,55,.32); }

.enrych-draw-card__media{
  aspect-ratio: 16/10;
  background: rgba(0,0,0,.35);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.enrych-draw-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }

.enrych-draw-card__body{ padding: 14px; display:grid; gap: 10px; }
.enrych-draw-card__title{ font-weight: 900; letter-spacing: -.01em; color: var(--enrych-text); font-size: 16px; line-height: 1.2; }
.enrych-draw-card__meta{ display:flex; gap: 8px; flex-wrap:wrap; align-items:center; color: var(--enrych-muted); font-size: 12px; }
.enrych-draw-card__meta strong{ color: var(--enrych-text); font-weight: 900; }

.enrych-draw-card__cta{ display:flex; gap: 10px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top: 6px; }

/* =========================================================
Single Draw Layout
========================================================= */
.enrych-draw-layout{
  display:grid;
  gap: 16px;
}
@media (min-width: 980px){
  .enrych-draw-layout{
    grid-template-columns: 1.35fr .65fr;
    align-items:start;
    gap: 18px;
  }
}

.enrych-panel{
  position: sticky;
  top: 14px;
  display:grid;
  gap: 12px;
}

.enrych-keyline{
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.33);
  display:flex;
  justify-content:space-between;
  gap: 10px;
  font-size: 13px;
}
.enrych-keyline strong{ color: var(--enrych-text); font-weight: 900; }

.enrych-progress{
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.07);
}
.enrych-progress > span{
  display:block;
  height:100%;
  width: 0%;
  background: linear-gradient(90deg, var(--enrych-gold2), var(--enrych-gold));
}

/* =========================================================
Admin tools (front-end)
========================================================= */
.enrych-admin-tools{
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.35);
  border-radius: var(--enrych-radius);
  overflow:hidden;
}
.enrych-admin-tools__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.enrych-admin-tools__title{
  font-weight: 900;
  color: var(--enrych-gold2);
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.enrych-admin-tools__panel{
  display:none;
  padding: 14px;
}
.enrych-admin-tools.is-open .enrych-admin-tools__panel{ display:block; }

.enrych-admin-link{
  display:flex;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  text-decoration:none;
  font-weight: 800;
  color: var(--enrych-text);
}
.enrych-admin-link:hover{ border-color: rgba(212,175,55,.25); background: rgba(212,175,55,.06); color: var(--enrych-gold2); }

/* =========================================================
Compatibility: gently improve default WP content areas
========================================================= */
.entry-content, .site-content, .content-area{ color: var(--enrych-text); }

.post-type-archive-prize_draw .page-title{
  color: var(--enrych-gold2);
  letter-spacing: -.01em;
}

/* =========================================================
Header / Mobile menu improvements (additive)
========================================================= */
.enrych-menu-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  border-radius: 999px !important;
}

/* =========================================================
✅ Dropdown fixes (DESKTOP + MOBILE)
========================================================= */

/* Desktop: allow keyboard/touch-friendly dropdown open */
.enrych-nav li:hover > ul,
.enrych-nav li:focus-within > ul{
  display:block;
}


/* Mobile menu items must stack vertically */
.enrych-mobile-menu li{
  display: block !important;
  align-items: stretch !important;
}


/* Allow submenus to expand naturally */
.enrych-mobile-menu,
.enrych-mobile-menu ul,
.enrych-mobile-menu li{
  height: auto !important;
  overflow: visible !important;
}



/* Submenu container reset */
.enrych-mobile-menu .sub-menu{
  position: static !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}









/* =========================================================
Mobile submenu – single source of truth
========================================================= */

/* Default: CLOSED */
.enrych-mobile-menu .sub-menu{
  display: none;
  padding: 8px 0 12px 14px;
  margin-top: 6px;
  border-left: 1px solid rgba(212,175,55,.22);
}

/* OPEN when JS applies state */
.enrych-mobile-menu li.is-open > .sub-menu,
.enrych-mobile-menu li.is-sub-open > .sub-menu,
.enrych-mobile-menu .sub-menu[aria-hidden="false"]{
  display: block;
}



/* Submenu links must wrap and grow vertically */
.enrych-mobile-menu .sub-menu a{
  display: block;          /* NOT flex */
  white-space: normal;     /* allow wrapping */
  line-height: 1.35;
  padding: 10px 10px;
  font-size: 14px;
  font-weight: 700;
  word-break: break-word;
}



/* Make parent items feel expandable */
.enrych-mobile-menu li.menu-item-has-children > a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.enrych-mobile-menu li.menu-item-has-children > a::after{
  content:"▾";
  font-size: 14px;
  opacity: .85;
}

.enrych-mobile-menu li.is-sub-open.menu-item-has-children > a::after{
  content:"▴";
}

/* Full-width cinematic hero (single draw) */
.enrych-hero-cinematic{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(212,175,55,.18);
  background: #000;
}

.enrych-hero-cinematic::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(212,175,55,.18), transparent 65%),
    radial-gradient(900px 420px at 80% 120%, rgba(212,175,55,.12), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.75));
  pointer-events:none;
}

.enrych-hero-cinematic__media{
  width: 100%;
  height: clamp(240px, 46vw, 520px);
  display:block;
}

.enrych-hero-image,
.enrych-hero-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.enrych-hero-cinematic__caption{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 18px 0 22px;
  z-index: 2;
}

.enrych-hero-cinematic__caption .enrych-wrap{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:flex-end;
  justify-content:space-between;
}

.enrych-hero-cinematic__caption h1{
  margin:0;
  font-size: clamp(26px, 5vw, 44px);
  line-height: 1.05;
  letter-spacing: -.02em;
  color: var(--enrych-gold2);
}

.enrych-hero-cinematic__caption .enrych-muted{
  max-width: 46ch;
}

/* =========================================================
Single draw: above-the-fold quick facts
========================================================= */
.enrych-link-subtle{
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  transition: border-color .12s ease, color .12s ease;
}
.enrych-link-subtle:hover{
  border-bottom-color: rgba(212,175,55,.35);
}

.enrych-draw-quickfacts__grid{
  grid-template-columns: 1fr;
  gap: 10px;
}
.enrych-draw-quickfacts__actions{
  margin-top: 12px;
}

@media (min-width: 980px){
  .enrych-draw-quickfacts__grid{
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .enrych-draw-quickfacts__grid .enrych-progress,
  .enrych-draw-quickfacts__grid .enrych-dim{
    grid-column: 1 / -1;
  }
}



/* =========================================================
ENRYCH Mobile Menu – MINIMAL LUXURY PASS
Visual refinement only. No logic changes.
========================================================= */

/* Drawer shell */
.enrych-mobile-menu{
  background:
    linear-gradient(180deg,
      rgba(12,12,18,.92),
      rgba(7,7,10,.98)
    );
  border-left: 1px solid rgba(212,175,55,.18);
  padding: 12px 14px 20px;
  box-shadow: -30px 0 80px rgba(0,0,0,.7);
}

/* Remove list clutter */
.enrych-mobile-menu ul{
  padding: 4px 0;
}

/* Kill hard dividers */
.enrych-mobile-menu li{
  border: none;
  margin-bottom: 4px;
}

/* Primary links */
.enrych-mobile-menu > ul > li > a{
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 14px 10px;
  border-radius: 14px;
  color: rgba(230,207,122,.95);
  background: transparent;
}

/* Hover / active – whisper, not shout */
.enrych-mobile-menu > ul > li > a:hover,
.enrych-mobile-menu > ul > li.is-open > a{
  background: rgba(212,175,55,.06);
  color: #fff;
}

/* Submenu toggle – minimal control */
.enrych-sub-toggle{
  background: transparent;
  border: none;
  color: rgba(212,175,55,.7);
  width: 32px;
  height: 32px;
  font-size: 13px;
  opacity: .7;
}

.enrych-sub-toggle:hover{
  opacity: 1;
}

/* Submenu container */
.enrych-mobile-menu .sub-menu{
  margin: 6px 0 10px 6px;
  padding-left: 12px;
  border-left: 1px solid rgba(212,175,55,.12);
}

/* Submenu links – softer, quieter */
.enrych-mobile-menu .sub-menu a{
  font-size: 14px;
  font-weight: 500;
  padding: 8px 8px;
  color: rgba(242,242,243,.75);
  line-height: 1.35;
}

/* Submenu hover */
.enrych-mobile-menu .sub-menu a:hover{
  color: var(--enrych-gold2);
  background: transparent;
}

/* Chevron indicator via typography, not blocks */
.enrych-mobile-menu li.menu-item-has-children > a::after{
  font-size: 12px;
  opacity: .55;
  transform: translateY(1px);
}

.enrych-mobile-menu li.is-open.menu-item-has-children > a::after{
  opacity: .85;
}

/* Tighten for narrow drawer */
.enrych-mobile-menu{
  width: min(300px, 24vw) !important;
}

/* Ultra-small phones */
@media (max-width: 380px){
  .enrych-mobile-menu{
    width: min(270px, 82vw) !important;
  }
}









/* =========================================================
ENRYCH Living — Premium UI System
assets/enrych.css
Additive design layer (no logic changes)
========================================================= */

/* --- EVERYTHING ABOVE THIS POINT IS 100% UNCHANGED --- */
/* (Your pasted CSS remains exactly the same) */

/* =========================================================
ENRYCH Mobile Menu – MINIMAL LUXURY PASS
Visual refinement only. No logic changes.
========================================================= */

/* Drawer shell */
.enrych-mobile-menu{
  background:
    linear-gradient(180deg,
      rgba(12,12,18,.94),
      rgba(7,7,10,.99)
    );
  border-left: 1px solid rgba(212,175,55,.18);
  padding: 12px 14px 20px;
  box-shadow: -30px 0 80px rgba(0,0,0,.7);
}

/* Tighten drawer width */
.enrych-mobile-menu{
  width: min(300px, 24vw) !important;
}

@media (max-width: 380px){
  .enrych-mobile-menu{
    width: min(270px, 82vw) !important;
  }
}

/* Primary links */
.enrych-mobile-menu > ul > li > a{
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 14px 10px;
  border-radius: 14px;
  color: var(--enrych-gold2);
}

/* Hover / open state */
.enrych-mobile-menu > ul > li > a:hover,
.enrych-mobile-menu > ul > li.is-open > a{
  background: rgba(212,175,55,.06);
  color: #fff;
}

/* Submenu container – refined gold fade */
.enrych-mobile-menu .sub-menu{
  margin: 6px 0 10px 6px;
  padding-left: 12px;
  border-left: 1px solid rgba(230,207,122,.28);
  background:
    linear-gradient(
      90deg,
      rgba(230,207,122,.08),
      rgba(230,207,122,0)
    );
  border-radius: 8px;
}

/* Submenu links */
.enrych-mobile-menu .sub-menu a{
  font-size: 14px;
  font-weight: 500;
  padding: 8px 8px;
  color: rgba(242,242,243,.75);
  line-height: 1.35;
}

.enrych-mobile-menu .sub-menu a:hover{
  color: var(--enrych-gold2);
  background: transparent;
}

/* Submenu toggle button */
.enrych-sub-toggle{
  background: transparent;
  border: none;
  color: rgba(212,175,55,.7);
  width: 32px;
  height: 32px;
  font-size: 13px;
  opacity: .7;
}

.enrych-sub-toggle:hover{
  opacity: 1;
}

/* Chevron refinement */
.enrych-mobile-menu li.menu-item-has-children > a::after{
  font-size: 12px;
  opacity: .55;
  transform: translateY(1px);
}

.enrych-mobile-menu li.is-open.menu-item-has-children > a::after{
  opacity: .85;
}

/* =========================================================
HEADER – FINAL POLISH (ADD-ON ONLY)
========================================================= */

/* Reduce header height ~10% */
.enrych-header{
  min-height: 52px;
  background: rgba(7,7,10,.52);
  backdrop-filter: blur(6px);
}

.enrych-header a{
  padding-top: 6px;
  padding-bottom: 6px;
}

.enrych-menu-toggle{
  height: 34px;
  width: 42px;
}




/* =========================================================
ENRYCH — OVERRIDE PASS (FORCE POLISH)
This block intentionally wins the cascade.
========================================================= */

/* ================= HEADER (10% smaller) ================= */

.enrych-header-inner{
  height: 52px !important;
  padding: 0 10px !important;
}

body.has-enrych-header{
  padding-top: 52px !important;
}

.enrych-brand .custom-logo{
  height: 30px !important;
}

/* ================= MOBILE DRAWER ================= */

.enrych-mobile-menu{
  width: min(300px, 24vw) !important;
  background:
    linear-gradient(
      180deg,
      rgba(12,12,18,.94),
      rgba(7,7,10,.99)
    ) !important;
  box-shadow: -30px 0 80px rgba(0,0,0,.75) !important;
}

/* ================= PRIMARY MENU ITEMS ================= */

.enrych-mobile-menu > ul > li > a{
  color: var(--enrych-gold2) !important;
  font-weight: 700 !important;
  padding: 12px 10px !important;
  border-radius: 12px;
}

.enrych-mobile-menu > ul > li.is-open > a,
.enrych-mobile-menu > ul > li > a:hover{
  background: rgba(212,175,55,.06) !important;
  color: #fff !important;
}

/* ================= SUBMENU CONTAINER ================= */

.enrych-mobile-menu .sub-menu{
  background:
    linear-gradient(
      90deg,
      rgba(230,207,122,.10),
      rgba(230,207,122,0)
    ) !important;
  border-left: 1px solid rgba(230,207,122,.35) !important;
  margin: 6px 0 10px 6px !important;
  padding: 6px 0 6px 12px !important;
  border-radius: 8px;
}

/* ================= SUBMENU LINKS ================= */

.enrych-mobile-menu .sub-menu a{
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(242,242,243,.78) !important;
  padding: 6px 8px !important;
}

.enrych-mobile-menu .sub-menu a:hover{
  color: var(--enrych-gold2) !important;
  background: none !important;
}

/* ================= CHEVRONS ================= */

.enrych-mobile-menu li.menu-item-has-children > a::after{
  color: var(--enrych-gold2);
  opacity: .55;
}

.enrych-mobile-menu li.is-open.menu-item-has-children > a::after{
  opacity: .9;
}


/* =========================================================
ENRYCH HEADER & MOBILE MENU — FINAL POLISH PASS
Visual cleanup only. Single authority.
========================================================= */

/* ---------- HEADER REFINEMENT ---------- */

.enrych-header{
  background: rgba(7,7,10,.45) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.enrych-header-inner{
  height: 50px !important;
}

.enrych-brand{
  display: flex;
  align-items: center;
}

.enrych-brand .custom-logo{
  height: 28px !important;
}

/* Soften header divider */
.enrych-header hr,
.enrych-header-divider{
  opacity: .25;
}

/* ---------- REMOVE VISUAL NOISE ---------- */

/* Kill hard separators in menu */
.enrych-mobile-menu li{
  border: none !important;
}

/* Remove any default WP submenu arrows */
.enrych-mobile-menu .menu-item-has-children > a::after{
  content: none !important;
}

/* ---------- PRIMARY MENU ITEMS ---------- */

.enrych-mobile-menu > ul > li{
  margin-bottom: 6px;
}

.enrych-mobile-menu > ul > li > a{
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 700;
  color: var(--enrych-gold2);
  border-radius: 14px;
  transition: background .2s ease, color .2s ease;
}

.enrych-mobile-menu > ul > li > a:hover,
.enrych-mobile-menu > ul > li.is-open > a{
  background: rgba(212,175,55,.06);
  color: #fff;
}

/* ---------- SUBMENU TOGGLE (SINGLE SOURCE) ---------- */

.enrych-sub-toggle{
  margin-left: auto;
  background: none;
  border: none;
  color: rgba(212,175,55,.65);
  font-size: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: opacity .2s ease, transform .2s ease;
}

.enrych-sub-toggle[aria-expanded="true"]{
  transform: rotate(180deg);
  opacity: .9;
}

/* ---------- SUBMENU CONTAINER ---------- */

.enrych-mobile-menu .sub-menu{
  margin: 6px 0 10px 10px;
  padding: 6px 0 6px 14px;
  border-left: 1px solid rgba(212,175,55,.25);
  background: linear-gradient(
    90deg,
    rgba(212,175,55,.08),
    rgba(212,175,55,0)
  );
  border-radius: 8px;
}

/* ---------- SUBMENU LINKS ---------- */

.enrych-mobile-menu .sub-menu li{
  margin-bottom: 2px;
}

.enrych-mobile-menu .sub-menu a{
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(242,242,243,.78);
  line-height: 1.35;
}

.enrych-mobile-menu .sub-menu a:hover{
  color: var(--enrych-gold2);
  background: none;
}

/* ---------- DRAWER WIDTH TUNING ---------- */

.enrych-mobile-menu{
  width: min(290px, 82vw) !important;
}







/* =========================================================
ENRYCH Mobile Menu — COMPACT DROPDOWN MODE
Replaces full-height drawer with luxury dropdown panel
========================================================= */

/* Core container */
.enrych-mobile-menu{
  position: absolute !important;
  top: calc(100% + 10px) !important; /* sits just under header */
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;

  width: min(300px, 86vw) !important;
  max-height: 70vh !important;

  padding: 14px 14px 16px !important;

  background: linear-gradient(
    180deg,
    rgba(12,12,18,.96),
    rgba(7,7,10,.98)
  ) !important;

  border-radius: 18px !important;
  border: 1px solid rgba(212,175,55,.22) !important;

  box-shadow:
    0 20px 60px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.03) !important;

  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;

  transform: none !important;
}

/* Ensure it layers correctly */
.enrych-header{
  position: relative;
  z-index: 1000;
}

.enrych-mobile-menu{
  z-index: 999;
}

/* Prevent it from stretching via legacy rules */
.enrych-mobile-menu,
.enrych-mobile-menu ul,
.enrych-mobile-menu li{
  height: auto !important;
}

/* Slight internal spacing rhythm */
.enrych-mobile-menu > ul{
  display: grid;
  gap: 6px;
}

/* Submenus stay compact */
.enrych-mobile-menu .sub-menu{
  margin: 6px 0 8px 8px;
  padding-left: 12px;
}

/* Optional: softer scrollbar */
.enrych-mobile-menu::-webkit-scrollbar{
  width: 6px;
}
.enrych-mobile-menu::-webkit-scrollbar-thumb{
  background: rgba(212,175,55,.25);
  border-radius: 10px;
}



/* =========================================================
ENRYCH Mobile Menu — LUXURY TYPOGRAPHY & STRUCTURE POLISH
Final visual pass
========================================================= */

/* Container refinement */
.enrych-mobile-menu{
  padding: 10px 12px 12px !important;
  border-radius: 16px !important;
}

/* Menu list spacing */
.enrych-mobile-menu > ul{
  display: grid;
  gap: 0;
}

/* Individual rows */
.enrych-mobile-menu > ul > li{
  position: relative;
}

/* Subtle divider between items */
.enrych-mobile-menu > ul > li:not(:last-child)::after{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212,175,55,.18),
    transparent
  );
}

/* PRIMARY LINKS — smaller, tighter, premium */
.enrych-mobile-menu > ul > li > a{
  font-size: 12.5px !important;     /* ↓ about 50% perceived size */
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
  padding: 12px 10px !important;
  color: rgba(230,207,122,.9) !important;
}

/* Hover / active */
.enrych-mobile-menu > ul > li > a:hover,
.enrych-mobile-menu > ul > li.is-open > a{
  background: rgba(212,175,55,.05) !important;
  color: #fff !important;
}

/* Chevron alignment */
.enrych-mobile-menu li.menu-item-has-children > a::after{
  font-size: 10px !important;
  opacity: .45;
}

/* SUBMENU CONTAINER — tighter & quieter */
.enrych-mobile-menu .sub-menu{
  margin: 6px 0 8px 6px !important;
  padding: 6px 0 6px 12px !important;
  border-left: 1px solid rgba(212,175,55,.14) !important;
}

/* SUBMENU LINKS — even smaller, softer */
.enrych-mobile-menu .sub-menu a{
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: .02em;
  padding: 6px 6px !important;
  color: rgba(242,242,243,.65) !important;
}

/* Submenu hover */
.enrych-mobile-menu .sub-menu a:hover{
  color: var(--enrych-gold2) !important;
}

/* Submenu toggle button — minimal */
.enrych-sub-toggle{
  width: 26px !important;
  height: 26px !important;
  font-size: 11px !important;
  opacity: .55;
}

/* Reduce overall visual height */
.enrych-mobile-menu{
  max-height: 60vh !important;
}

/* Ultra-tight phones */
@media (max-width: 380px){
  .enrych-mobile-menu{
    max-height: 55vh !important;
  }
}



/* =========================================================
ENRYCH Mobile Menu — FINAL PRO UI FINISH
Right-aligned, compact, luxury control
========================================================= */

/* Re-anchor menu under hamburger */
.enrych-mobile-menu{
  right: 12px !important;
  left: auto !important;
  top: 56px !important;

  width: min(240px, 72vw) !important;
  max-height: none !important;

  padding: 8px 10px 10px !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      180deg,
      rgba(14,14,20,.94),
      rgba(7,7,10,.98)
    ) !important;

  box-shadow:
    0 18px 40px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Kill any full-height behaviour */
.enrych-mobile-menu,
.enrych-mobile-menu ul{
  height: auto !important;
}

/* List layout */
.enrych-mobile-menu > ul{
  display: grid;
  gap: 0;
}

/* Row structure */
.enrych-mobile-menu > ul > li{
  position: relative;
}

/* Ultra-subtle dividers */
.enrych-mobile-menu > ul > li:not(:last-child)::after{
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 1px;
  background: rgba(212,175,55,.10);
}

/* PRIMARY LINKS — very small, very premium */
.enrych-mobile-menu > ul > li > a{
  font-size: 10.5px !important;   /* ~60% smaller */
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;

  padding: 10px 8px !important;
  color: rgba(230,207,122,.85) !important;
}

/* Hover / open state */
.enrych-mobile-menu > ul > li > a:hover,
.enrych-mobile-menu > ul > li.is-open > a{
  background: rgba(212,175,55,.045) !important;
  color: #fff !important;
}

/* Chevron — tiny, restrained */
.enrych-mobile-menu li.menu-item-has-children > a::after{
  font-size: 9px !important;
  opacity: .4;
  transform: translateY(1px);
}

/* Submenu container — tighter */
.enrych-mobile-menu .sub-menu{
  margin: 4px 0 6px 6px !important;
  padding: 4px 0 4px 10px !important;
  border-left: 1px solid rgba(212,175,55,.10) !important;
}

/* Submenu links — whisper level */
.enrych-mobile-menu .sub-menu a{
  font-size: 9.5px !important;
  font-weight: 500 !important;
  letter-spacing: .04em;
  padding: 4px 6px !important;
  color: rgba(242,242,243,.6) !important;
}

/* Submenu hover */
.enrych-mobile-menu .sub-menu a:hover{
  color: var(--enrych-gold2) !important;
}

/* Submenu toggle button — almost invisible */
.enrych-sub-toggle{
  width: 22px !important;
  height: 22px !important;
  font-size: 9px !important;
  opacity: .45;
}

/* Extra small phones */
@media (max-width: 360px){
  .enrych-mobile-menu{
    width: min(220px, 86vw) !important;
  }
}





/* =========================================================
ENRYCH Mobile Menu — MICRO POLISH PASS
Ultra-tight spacing, refined submenu toggles
========================================================= */

/* Tighten overall container padding */
.enrych-mobile-menu{
  padding: 6px 8px 8px !important;
  border-radius: 12px !important;
}

/* Reduce list breathing room */
.enrych-mobile-menu > ul{
  gap: 0 !important;
}

/* Primary rows – tighter hit area */
.enrych-mobile-menu > ul > li > a{
  padding: 8px 6px !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
}

/* Subtle row separators – thinner */
.enrych-mobile-menu > ul > li:not(:last-child)::after{
  left: 6px;
  right: 6px;
  background: rgba(212,175,55,.08);
}

/* Kill visual weight of submenu toggle buttons */
.enrych-sub-toggle{
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;

  font-size: 8px !important;
  line-height: 1 !important;

  opacity: .35 !important;
  transform: translateY(-1px);
}

/* Replace “dot” feeling with micro-chevron */
.enrych-sub-toggle::before{
  content: "›";
  display: block;
  transform: rotate(90deg);
  font-weight: 600;
}

/* When open, rotate instead of swapping symbols */
.enrych-mobile-menu li.is-open > .enrych-sub-toggle::before{
  transform: rotate(-90deg);
}

/* Submenu container – much tighter */
.enrych-mobile-menu .sub-menu{
  margin: 3px 0 4px 4px !important;
  padding: 2px 0 2px 8px !important;
  border-left: 1px solid rgba(212,175,55,.08) !important;
}

/* Submenu links – compact + aligned */
.enrych-mobile-menu .sub-menu a{
  padding: 3px 4px !important;
  font-size: 9px !important;
  letter-spacing: .05em;
  line-height: 1.25;
}

/* Remove any background noise on submenu hover */
.enrych-mobile-menu .sub-menu a:hover{
  background: none !important;
  color: var(--enrych-gold2) !important;
}



/* =========================================================
ENRYCH Mobile Menu — FINAL LUXURY POPOVER
Paste at VERY BOTTOM of CSS
No logic changes
========================================================= */

/* ---------- Logo stack (ENRYCH / LIVING) ---------- */
.enrych-brand{
  display:flex;
  flex-direction:column;
  line-height:1;
}

.enrych-brand .enrych-brand__name{
  font-size:14px;
  letter-spacing:.18em;
}

.enrych-brand .enrych-brand__tagline{
  margin-top:2px;
  font-size:9px;
  letter-spacing:.22em;
  opacity:.85;
}

/* ---------- Floating menu container ---------- */
.enrych-mobile-menu{
  position:fixed;
  top:78px;                  /* just below header */
  right:14px;
  left:auto;

  width:220px;               /* tight wrap */
  max-width:80vw;

  padding:10px 12px;
  border-radius:20px;

  background:
    linear-gradient(180deg,
      rgba(14,14,20,.96),
      rgba(7,7,10,.98)
    );

  border:1px solid rgba(212,175,55,.22);

  box-shadow:
    0 30px 80px rgba(0,0,0,.75),
    inset 0 0 0 1px rgba(255,255,255,.02);

  height:auto !important;
  max-height:none !important;
  overflow:visible;
}

/* ---------- List reset ---------- */
.enrych-mobile-menu ul{
  margin:0;
  padding:0;
}

.enrych-mobile-menu li{
  margin:0;
  padding:0;
  list-style:none;
}

/* ---------- Primary links ---------- */
.enrych-mobile-menu > ul > li > a{
  display:block;
  padding:7px 6px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(230,207,122,.95);
  border-radius:10px;
}

/* Hover / open state */
.enrych-mobile-menu > ul > li > a:hover,
.enrych-mobile-menu > ul > li.is-open > a{
  background:rgba(212,175,55,.06);
  color:#fff;
}

/* ---------- Submenu container ---------- */
.enrych-mobile-menu .sub-menu{
  margin:6px 0 2px 8px;
  padding-left:10px;
  border-left:1px solid rgba(212,175,55,.12);
}

/* Submenu links */
.enrych-mobile-menu .sub-menu a{
  display:block;
  padding:6px 4px;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.08em;
  color:rgba(242,242,243,.7);
  line-height:1.3;
}

.enrych-mobile-menu .sub-menu a:hover{
  color:var(--enrych-gold2);
}

/* ---------- Clean separators ---------- */
.enrych-mobile-menu li + li{
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid rgba(212,175,55,.08);
}

/* ---------- Kill visual submenu dots ---------- */
.enrych-sub-toggle{
  display:none !important;
}

/* ---------- Parent chevron (subtle) ---------- */
.enrych-mobile-menu li.menu-item-has-children > a::after{
  content:"›";
  font-size:12px;
  opacity:.5;
  transform:translateY(1px);
}

.enrych-mobile-menu li.is-open.menu-item-has-children > a::after{
  opacity:.85;
}

/* ---------- Ultra-small phones ---------- */
@media (max-width:380px){
  .enrych-mobile-menu{
    width:200px;
  }
}





.enrych-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
}

.enrych-brand-logo{
  height: 38px;           /* desktop */
  width: auto;
  display: block;
}

@media (max-width: 900px){
  .enrych-brand-logo{
    height: 32px;         /* mobile */
  }
}








/* =========================================================
   ENRYCH GLOBAL BACKGROUND SYSTEM (Light + Dark)
   Add to: enrych-child/style.css (recommended)
   ========================================================= */

:root{
  --en-gold: #d4af37;

  /* LIGHT (warm ivory + soft gold + clean contrast) */
  --en-bg: #f4f2ee;
  --en-bg2: #e6e7ea;
  --en-ink: rgba(10,10,12,.92);
  --en-muted: rgba(10,10,12,.64);

  --en-panel: rgba(255,255,255,.72);
  --en-panel2: rgba(255,255,255,.56);
  --en-border: rgba(0,0,0,.10);

  /* “Hero glow” accents */
  --en-glow1: rgba(212,175,55,.14);
  --en-glow2: rgba(0,0,0,.06);

  /* Full-page background */
  /* Light theme now starts with a soft graphite-grey stage (like the rest of the site),
     then blends down into warm ivory + gold haze. */
  --en-page-bg:

    radial-gradient(1200px 720px at 50% 6%, rgba(0,0,0,.16), transparent 58%),
    radial-gradient(1100px 660px at 18% -18%, rgba(212,175,55,.18), transparent 62%),
    radial-gradient(900px 560px at 88% -10%, rgba(255,255,255,.66), transparent 56%),
    radial-gradient(900px 560px at 82% 30%, rgba(0,0,0,.08), transparent 62%),
    linear-gradient(180deg,
      #9b9ca0 0%,
      #c7c6c2 18%,
      #f6f3ec 44%,
      #fbfaf7 66%,
      var(--en-bg) 82%,
      rgba(212,175,55,.10) 100%
    );
}

/* DARK (true near-black + subtle graphite + gold bloom) */
html[data-en-theme="dark"]{
  --en-bg: #07070a;
  --en-bg2: #050507;
  --en-ink: rgba(248,248,250,.92);
  --en-muted: rgba(248,248,250,.70);

  --en-panel: rgba(255,255,255,.06);
  --en-panel2: rgba(255,255,255,.04);
  --en-border: rgba(255,255,255,.12);

  --en-glow1: rgba(212,175,55,.16);
  --en-glow2: rgba(255,255,255,.08);

  --en-page-bg:

    radial-gradient(1200px 720px at 50% 4%, rgba(0,0,0,.64), transparent 60%),
    radial-gradient(1100px 620px at 18% -20%, var(--en-glow1), transparent 62%),
    radial-gradient(900px 560px at 88% -10%, rgba(255,255,255,.10), transparent 58%),
    radial-gradient(900px 560px at 80% 34%, rgba(212,175,55,.10), transparent 62%),
    linear-gradient(180deg, #050507 0%, #0b0b10 38%, var(--en-bg) 78%, rgba(212,175,55,.06) 100%);
}

/* Apply background consistently */
html, body{
  background: var(--en-page-bg) !important;
  color: var(--en-ink);
  overflow-x: hidden;
}

/* Optional: make common wrapper areas inherit nicer */
#page, .site, .site-content, main{
  background: transparent !important;
}

/* If any page sets its own background, let it blend */
.en-about, .en-launch, .en-founders, .en-subs, .en-draws{
  background: transparent !important;
}











/* =========================================================
ENRYCH — Tap highlight / Focus ring cleanup (NO pink boxes)
Paste at VERY BOTTOM of assets/enrych.css
========================================================= */

a, button, input, textarea, select, label, [role="button"], [tabindex]{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Keep accessibility: only show focus ring for keyboard users */
:focus{ outline: none; }

:focus-visible{
  outline: 2px solid rgba(212,175,55,.75);
  outline-offset: 3px;
  border-radius: 12px;
}











/* =========================================================
ENRYCH — Theme toggle: kill the pink background (icon only)
PASTE AT VERY BOTTOM of your CSS
========================================================= */

#enThemeToggleGlobal,
#enThemeToggleGlobal *{
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

#enThemeToggleGlobal{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  width: 22px !important;       /* ~50% smaller */
  height: 22px !important;      /* ~50% smaller */
  line-height: 1 !important;
  border-radius: 999px !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

#enThemeToggleGlobal svg{
  width: 18px !important;
  height: 18px !important;
  fill: #d4af37 !important;
  stroke: #d4af37 !important;
}

/* If the helper outputs a <button> inside */
#enThemeToggleGlobal button{
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
/* =========================================================
Shazam headings (mixed colour + shimmer accent)
========================================================= */
.enrych-shazam{display:inline-block;position:relative;text-shadow:0 10px 36px rgba(0,0,0,.35);}
.enrych-shazam .gold{background:linear-gradient(180deg,var(--enrych-gold2),var(--enrych-gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 42px rgba(212,175,55,.16);}
.enrych-shazam::after{content:"";position:absolute;inset:-10% -12%;background:linear-gradient(115deg,transparent 0%,rgba(230,207,122,.14) 28%,rgba(212,175,55,.20) 50%,rgba(230,207,122,.14) 72%,transparent 100%);pointer-events:none;opacity:0;filter:blur(10px);transform:translateX(-120%);}
@media (prefers-reduced-motion: no-preference){.enrych-shazam:hover::after{opacity:.85;transform:translateX(120%);transition:transform 900ms var(--enrych-ease),opacity 200ms var(--enrych-ease);}}
.enrych-titleSplit{display:inline-block;}
.enrych-titleSplit .line1{display:block;}
.enrych-titleSplit .line2{display:block;margin-top:6px;font-weight:950;}