@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

/* ============================================================
   HERO — THEME 5 (Velvet Rose & Obsidian Crystalline)
   Identity: Ultra-Soft Velvet Dark Mode — Muted Crimson Rose, Soft Ruby & Satin Pearl
             (Eye-soothing luxury, Zero Eye-strain, Gentle Satin Ambient Glow)
   Layout:   Smooth Architectural Arch Visual — Curved Arch Visual Frame,
             Soft Satin Ambient Orbs, Translucent Glass Pill Badges,
             Velvet Rose Action Buttons, Quiet Velvet Marquee Strip
   Fonts:    El Messiri
   ============================================================ */

.ebhro13-section {
  --ebhro13-font: 'El Messiri', sans-serif;
  --ebhro13-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ebhro13-bg: #0d0d12;
  --ebhro13-bg-2: #14141a;
  --ebhro13-text: #fdf2f4;
  --ebhro13-text-muted: #9ca3af;
  --ebhro13-accent: #e11d48;
  --ebhro13-accent-2: #fb7185;
  --ebhro13-accent-gold: #f43f5e;
  --ebhro13-accent-gold-2: #9f1239;
  --ebhro13-soft: rgba(225, 29, 72, 0.08);
  --ebhro13-soft-gold: rgba(251, 113, 133, 0.12);
  --ebhro13-bg-wash-a: rgba(185, 28, 28, 0.14);
  --ebhro13-bg-wash-b: rgba(225, 29, 72, 0.1);
  --ebhro13-ghost-stroke: rgba(251, 113, 133, 0.18);
  --ebhro13-hairline-rose: rgba(225, 29, 72, 0.25);
  --ebhro13-hairline-gold: rgba(251, 113, 133, 0.3);
  --ebhro13-dot-ring: rgba(251, 113, 133, 0.2);
  --ebhro13-dot-glow: rgba(225, 29, 72, 0.4);
  --ebhro13-brush-rose: rgba(225, 29, 72, 0.2);
  --ebhro13-btn-call-hover-bg: #be123c;
  --ebhro13-btn-call-hover-shadow: rgba(225, 29, 72, 0.5);
  --ebhro13-offset-rose: rgba(225, 29, 72, 0.25);
  --ebhro13-offset-gold: rgba(251, 113, 133, 0.25);
  --ebhro13-img-wash-rose: rgba(225, 29, 72, 0.06);
  --ebhro13-img-wash-gold: rgba(251, 113, 133, 0.06);
  --ebhro13-img-glow: rgba(225, 29, 72, 0.25);
  --ebhro13-marquee-bg: rgba(20, 20, 26, 0.85);
  --ebhro13-marquee-border: rgba(244, 63, 94, 0.2);
  --ebhro13-marquee-text: #e5e7eb;
  --ebhro13-badge-bg: rgba(244, 63, 94, 0.1);
  --ebhro13-badge-color: #fb7185;
  --ebhro13-badge-border: 1px solid rgba(244, 63, 94, 0.3);
  --ebhro13-heading: #fdf2f4;
  --ebhro13-hl: #fb7185;
  --ebhro13-body: #9ca3af;
  --ebhro13-btn-call-bg: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
  --ebhro13-btn-call-color: #ffffff;
  --ebhro13-btn-call-shadow: 0 12px 30px -8px rgba(225, 29, 72, 0.45);
  --ebhro13-btn-wa-bg: rgba(255, 255, 255, 0.05);
  --ebhro13-btn-wa-color: #fdf2f4;
  --ebhro13-btn-wa-border: 1px solid rgba(244, 63, 94, 0.3);
  --ebhro13-btn-wa-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
  --ebhro13-btn-wa-hover-bg: rgba(225, 29, 72, 0.15);
  --ebhro13-frame-bg: rgba(20, 20, 26, 0.95);
  --ebhro13-frame-border: 1px solid rgba(244, 63, 94, 0.25);
  --ebhro13-frame-shadow: 0 30px 70px -20px rgba(185, 28, 28, 0.25);
  --ebhro13-frame-radius: 36px 36px 20px 20px;
  --ebhro13-max-w: 1280px;
  --ebhro13-pad-y: 6.5rem;
  --ebhro13-pad-x: 1.5rem;
  --ebhro13-gap: 5rem;
  --ebhro13-spot-x: 50%;
  --ebhro13-spot-y: 50%;
  --ebhro13-ghost-stroke-w: 1.5px;
  --ebhro13-particle-opacity: 0.4;
  --ebhro13-badge-radius: 50px;
  --ebhro13-brush-radius: 20px;
  --ebhro13-btn-radius: 50px;
  --ebhro13-visual-perspective: 1200px;
  --ebhro13-frame-pad: 14px;
  --ebhro13-frame-before-inset: 14px -14px -14px 14px;
  --ebhro13-frame-before-border: 1.5px solid var(--ebhro13-offset-rose);
  --ebhro13-frame-after-inset: -14px 14px 14px -14px;
  --ebhro13-frame-after-border: 1px solid var(--ebhro13-offset-gold);
  --ebhro13-frame-glow-inset: -20px;
  --ebhro13-marquee-blur: blur(12px);
  --ebhro13-marquee-border-block: 1px solid var(--ebhro13-marquee-border);

  direction: rtl;
  box-sizing: border-box;
  font-family: var(--ebhro13-font);
  background:
    radial-gradient(ellipse 800px 500px at 70% 20%, var(--ebhro13-bg-wash-a), transparent 70%),
    radial-gradient(ellipse 600px 400px at 15% 85%, var(--ebhro13-bg-wash-b), transparent 65%),
    linear-gradient(180deg, #0d0d12 0%, #14141a 100%);
  color: var(--ebhro13-text);
  position: relative;
  width: 100%;
  padding-block: var(--ebhro13-pad-y);
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.ebhro13-section *,
.ebhro13-section *::before,
.ebhro13-section *::after {
  box-sizing: border-box;
}

/* ---- BACKGROUND LAYER ---- */
.ebhro13-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.ebhro13-bg-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
}

.ebhro13-bg-orb-1 {
  width: 480px;
  height: 480px;
  top: -10%;
  inset-inline-end: -5%;
  background: rgba(185, 28, 28, 0.16);
}

.ebhro13-bg-orb-2 {
  width: 380px;
  height: 380px;
  bottom: -8%;
  inset-inline-start: -6%;
  background: rgba(225, 29, 72, 0.12);
}

.ebhro13-bg-orb-3 {
  width: 280px;
  height: 280px;
  top: 45%;
  inset-inline-start: 40%;
  background: rgba(251, 113, 133, 0.08);
}

.ebhro13-bg-grid {
  display: none;
}

.ebhro13-bg-ghost {
  position: absolute;
  inset-inline-start: 3%;
  top: 4%;
  font-size: 24rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: transparent;
  -webkit-text-stroke: var(--ebhro13-ghost-stroke-w) var(--ebhro13-ghost-stroke);
  z-index: 1;
  animation: ebhro13-ghost-float-5 9s ease-in-out infinite alternate;
  white-space: nowrap;
}

@keyframes ebhro13-ghost-float-5 {
  0% {
    transform: translateY(0) rotate(-1deg);
  }

  100% {
    transform: translateY(-14px) rotate(1deg);
  }
}

.ebhro13-bg-shape {
  position: absolute;
}

.ebhro13-bg-shape-a {
  width: 1px;
  height: 62%;
  top: 12%;
  inset-inline-end: 9%;
  background: linear-gradient(180deg, transparent, var(--ebhro13-hairline-rose) 30%, var(--ebhro13-hairline-gold) 70%, transparent);
}

.ebhro13-bg-shape-b {
  width: 10px;
  height: 10px;
  bottom: 22%;
  inset-inline-end: 6.5%;
  background: var(--ebhro13-accent-gold);
  border-radius: 50%;
  box-shadow: 0 0 0 5px var(--ebhro13-dot-ring), 0 0 14px var(--ebhro13-dot-glow);
  animation: ebhro13-dot-pulse-5 3s ease-in-out infinite;
}

@keyframes ebhro13-dot-pulse-5 {

  0%,
  100% {
    transform: scale(1);
    opacity: 0.9;
  }

  50% {
    transform: scale(0.7);
    opacity: 0.4;
  }
}

.ebhro13-bg-wave {
  display: none;
}

.ebhro13-bg-particles {
  position: absolute;
  inset: 0;
}

.ebhro13-particle {
  position: absolute;
  background: var(--ebhro13-accent-gold);
  border-radius: 50%;
  opacity: var(--ebhro13-particle-opacity);
}

.ebhro13-p1 {
  width: 5px;
  height: 5px;
  top: 18%;
  inset-inline-start: 18%;
  animation: ebhro13-float-p-5 5s infinite alternate;
}

.ebhro13-p2 {
  width: 3px;
  height: 3px;
  top: 34%;
  inset-inline-end: 20%;
  animation: ebhro13-float-p-5 6s 1s infinite alternate;
}

.ebhro13-p3 {
  width: 5px;
  height: 5px;
  bottom: 30%;
  inset-inline-start: 30%;
  animation: ebhro13-float-p-5 7s 0.5s infinite alternate;
}

.ebhro13-p4 {
  width: 3px;
  height: 3px;
  top: 60%;
  inset-inline-end: 32%;
}

.ebhro13-p5 {
  width: 4px;
  height: 4px;
  bottom: 40%;
  inset-inline-start: 55%;
}

@keyframes ebhro13-float-p-5 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

/* ---- CONTAINER ---- */
.ebhro13-container {
  max-width: var(--ebhro13-max-w);
  margin-inline: auto;
  padding-inline: var(--ebhro13-pad-x);
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: var(--ebhro13-gap);
  position: relative;
  z-index: 2;
  width: 100%;
}

/* ---- CONTENT ---- */
.ebhro13-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.7rem;
}

.ebhro13-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.45rem 1.2rem;
  background: var(--ebhro13-badge-bg);
  border: var(--ebhro13-badge-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-inline-start: 3px solid var(--ebhro13-accent-gold);
  border-radius: var(--ebhro13-badge-radius);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--ebhro13-badge-color);
}

.ebhro13-badge-dot {
  width: 7px;
  height: 7px;
  background: var(--ebhro13-accent-gold);
  border-radius: 50%;
  animation: ebhro13-badge-blink-5 2.2s ease infinite;
}

@keyframes ebhro13-badge-blink-5 {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.3;
    transform: scale(0.7);
  }
}

.ebhro13-heading {
  margin: 0;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.22;
  color: var(--ebhro13-heading);
}

.ebhro13-heading-line {
  display: block;
}

.ebhro13-heading-hl {
  color: var(--ebhro13-hl);
  position: relative;
  display: inline-block;
  white-space: nowrap;
}

.ebhro13-heading-hl::after {
  content: '';
  position: absolute;
  bottom: 0.04em;
  inset-inline-start: -0.06em;
  width: 112%;
  height: 0.34em;
  background: linear-gradient(90deg, var(--ebhro13-brush-rose), var(--ebhro13-hairline-gold));
  border-radius: var(--ebhro13-brush-radius);
  z-index: -1;
  opacity: 0.85;
  transform: rotate(-1deg) scaleX(0);
  transform-origin: right;
  animation: ebhro13-brush-5 1.1s var(--ebhro13-ease) 0.9s forwards;
}

@keyframes ebhro13-brush-5 {
  to {
    transform: rotate(-1deg) scaleX(1);
  }
}

.ebhro13-body {
  margin: 0;
  font-size: 1.08rem;
  line-height: 2;
  color: var(--ebhro13-body);
  max-width: 480px;
}

/* ---- ACTIONS ---- */
.ebhro13-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.4rem;
}

.ebhro13-btn {
  text-decoration: none;
  font-family: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  padding: 0.95rem 2.1rem;
  border-radius: var(--ebhro13-btn-radius);
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.02em;
  transition: all 0.35s var(--ebhro13-ease);
}

.ebhro13-btn-call {
  background: var(--ebhro13-btn-call-bg);
  color: var(--ebhro13-btn-call-color);
  box-shadow: var(--ebhro13-btn-call-shadow);
}

.ebhro13-btn-call:hover {
  background: var(--ebhro13-btn-call-hover-bg);
  transform: translateY(-3px);
  box-shadow: 0 16px 36px -8px var(--ebhro13-btn-call-hover-shadow);
}

.ebhro13-btn-wa {
  background: var(--ebhro13-btn-wa-bg);
  color: var(--ebhro13-btn-wa-color);
  border: var(--ebhro13-btn-wa-border);
  box-shadow: var(--ebhro13-btn-wa-shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ebhro13-btn-wa:hover {
  border-color: var(--ebhro13-accent);
  color: var(--ebhro13-accent-2);
  background: var(--ebhro13-btn-wa-hover-bg);
  transform: translateY(-3px);
}

/* ---- VISUAL (Architectural Curved Arch Frame) ---- */
.ebhro13-visual {
  position: relative;
  perspective: var(--ebhro13-visual-perspective);
  padding-inline-start: 1.5rem;
  animation: ebhro13-sway-5 8s ease-in-out infinite alternate;
}

@keyframes ebhro13-sway-5 {
  0% {
    transform: rotate(1deg) translateY(0);
  }

  100% {
    transform: rotate(-1deg) translateY(-10px);
  }
}

.ebhro13-frame {
  position: relative;
  background: var(--ebhro13-frame-bg);
  border: var(--ebhro13-frame-border);
  border-radius: var(--ebhro13-frame-radius);
  padding: var(--ebhro13-frame-pad);
  box-shadow: var(--ebhro13-frame-shadow);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: perspective(var(--ebhro13-visual-perspective)) rotateY(var(--ebhro13-ry, 0deg)) rotateX(var(--ebhro13-rx, 0deg));
  transition: transform 0.5s var(--ebhro13-ease);
}

.ebhro13-frame::before {
  content: '';
  position: absolute;
  inset: var(--ebhro13-frame-before-inset);
  border: var(--ebhro13-frame-before-border);
  border-radius: inherit;
  z-index: -1;
}

.ebhro13-frame::after {
  content: '';
  position: absolute;
  inset: var(--ebhro13-frame-after-inset);
  border: var(--ebhro13-frame-after-border);
  border-radius: inherit;
  z-index: -1;
}

.ebhro13-img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: calc(var(--ebhro13-frame-radius) - 6px);
  display: block;
  filter: saturate(1.05) contrast(1.02);
}

.ebhro13-frame-overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--ebhro13-img-wash-rose), transparent 60%, var(--ebhro13-img-wash-gold));
  pointer-events: none;
}

.ebhro13-frame-glow {
  position: absolute;
  inset: var(--ebhro13-frame-glow-inset);
  border-radius: inherit;
  background: radial-gradient(ellipse at var(--ebhro13-mx, 50%) var(--ebhro13-my, 50%), var(--ebhro13-img-glow), transparent 65%);
  opacity: 0;
  transition: opacity 0.4s;
  pointer-events: none;
  z-index: -2;
}

.ebhro13-visual:hover .ebhro13-frame-glow {
  opacity: 1;
}

.ebhro13-frame-corner {
  display: none;
}

/* ---- REVEAL ---- */
.ebhro13-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.9s var(--ebhro13-ease), transform 0.9s var(--ebhro13-ease);
}

.ebhro13-reveal.ebhro13-in {
  opacity: 1;
  transform: translateY(0);
}

/* ---- MARQUEE ---- */
.ebhro13-marquee {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  z-index: 3;
  overflow: hidden;
  background: var(--ebhro13-marquee-bg);
  backdrop-filter: var(--ebhro13-marquee-blur);
  -webkit-backdrop-filter: var(--ebhro13-marquee-blur);
  border-block: var(--ebhro13-marquee-border-block);
  padding-block: 0.65rem;
  direction: rtl;
}

.ebhro13-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: ebhro13-marquee-scroll-5 26s linear infinite;
}

.ebhro13-marquee-track span {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--ebhro13-marquee-text);
  padding-inline: 1.4rem;
  white-space: nowrap;
}

.ebhro13-marquee-track i {
  font-size: 0.55rem;
  color: var(--ebhro13-accent-gold);
  animation: ebhro13-star-twinkle-5 2s ease infinite;
}

@keyframes ebhro13-marquee-scroll-5 {
  to {
    transform: translateX(50%);
  }
}

@keyframes ebhro13-star-twinkle-5 {

  0%,
  100% {
    opacity: 0.9;
    transform: scale(1);
  }

  50% {
    opacity: 0.3;
    transform: scale(0.65);
  }
}

/* ============ RESPONSIVE (12 Blocks) ============ */
@media (max-width: 320px) {
  .ebhro13-section {
    --ebhro13-pad-y: 3rem;
    --ebhro13-pad-x: 0.75rem;
  }

  .ebhro13-container {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    text-align: center;
  }

  .ebhro13-content {
    align-items: center;
  }

  .ebhro13-heading {
    font-size: 1.9rem;
  }

  .ebhro13-body {
    font-size: 0.92rem;
  }

  .ebhro13-actions {
    flex-direction: column;
    width: 100%;
  }

  .ebhro13-btn {
    width: 100%;
    justify-content: center;
  }

  .ebhro13-visual {
    padding-inline-start: 0;
    width: 230px;
    margin-inline: auto;
    animation: none;
  }

  .ebhro13-bg-ghost {
    font-size: 6.5rem;
    top: 2%;
    opacity: 0.8;
  }

  .ebhro13-bg-shape-a {
    display: none;
  }

  .ebhro13-marquee {
    padding-block: 0.45rem;
  }

  .ebhro13-marquee-track span {
    font-size: 0.78rem;
    padding-inline: 0.9rem;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .ebhro13-section {
    --ebhro13-pad-y: 3.25rem;
    --ebhro13-pad-x: 0.85rem;
  }

  .ebhro13-container {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    text-align: center;
  }

  .ebhro13-content {
    align-items: center;
  }

  .ebhro13-heading {
    font-size: 2.1rem;
  }

  .ebhro13-actions {
    flex-direction: column;
    width: 100%;
  }

  .ebhro13-btn {
    width: 100%;
    justify-content: center;
  }

  .ebhro13-visual {
    padding-inline-start: 0;
    width: 260px;
    margin-inline: auto;
    animation: none;
  }

  .ebhro13-bg-ghost {
    font-size: 7.5rem;
    top: 2%;
  }

  .ebhro13-bg-shape-a {
    display: none;
  }

  .ebhro13-marquee-track span {
    font-size: 0.82rem;
    padding-inline: 1rem;
  }
}

@media (min-width: 376px) and (max-width: 425px) {
  .ebhro13-section {
    --ebhro13-pad-y: 3.5rem;
    --ebhro13-pad-x: 1rem;
  }

  .ebhro13-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    text-align: center;
  }

  .ebhro13-content {
    align-items: center;
  }

  .ebhro13-heading {
    font-size: 2.25rem;
  }

  .ebhro13-actions {
    flex-direction: column;
    width: 100%;
  }

  .ebhro13-btn {
    width: 100%;
    justify-content: center;
  }

  .ebhro13-visual {
    padding-inline-start: 0;
    width: 290px;
    margin-inline: auto;
    animation: none;
  }

  .ebhro13-bg-ghost {
    font-size: 8rem;
    top: 2%;
  }

  .ebhro13-bg-shape-a {
    display: none;
  }
}

@media (min-width: 426px) and (max-width: 480px) {
  .ebhro13-section {
    --ebhro13-pad-y: 3.75rem;
    --ebhro13-pad-x: 1.1rem;
  }

  .ebhro13-container {
    grid-template-columns: 1fr;
    gap: 2.6rem;
    text-align: center;
  }

  .ebhro13-content {
    align-items: center;
  }

  .ebhro13-heading {
    font-size: 2.4rem;
  }

  .ebhro13-actions {
    flex-wrap: wrap;
    justify-content: center;
  }

  .ebhro13-visual {
    padding-inline-start: 0;
    width: 310px;
    margin-inline: auto;
    animation: none;
  }

  .ebhro13-bg-ghost {
    font-size: 8.5rem;
  }
}

@media (min-width: 481px) and (max-width: 600px) {
  .ebhro13-section {
    --ebhro13-pad-y: 4rem;
    --ebhro13-pad-x: 1.2rem;
  }

  .ebhro13-container {
    grid-template-columns: 1fr;
    gap: 2.8rem;
    text-align: center;
  }

  .ebhro13-content {
    align-items: center;
  }

  .ebhro13-heading {
    font-size: 2.6rem;
  }

  .ebhro13-actions {
    justify-content: center;
  }

  .ebhro13-visual {
    padding-inline-start: 0;
    width: 340px;
    margin-inline: auto;
    animation: none;
  }

  .ebhro13-bg-ghost {
    font-size: 9.5rem;
  }
}

@media (min-width: 601px) and (max-width: 768px) {
  .ebhro13-section {
    --ebhro13-pad-y: 4.5rem;
    --ebhro13-pad-x: 1.4rem;
  }

  .ebhro13-container {
    grid-template-columns: 1fr;
    gap: 3rem;
    text-align: center;
  }

  .ebhro13-content {
    align-items: center;
  }

  .ebhro13-heading {
    font-size: 2.8rem;
  }

  .ebhro13-actions {
    justify-content: center;
  }

  .ebhro13-visual {
    padding-inline-start: 0;
    width: 380px;
    margin-inline: auto;
  }

  .ebhro13-bg-ghost {
    font-size: 11rem;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .ebhro13-section {
    --ebhro13-pad-y: 5rem;
  }

  .ebhro13-container {
    grid-template-columns: 1fr 0.92fr;
    gap: 2.6rem;
  }

  .ebhro13-heading {
    font-size: 2.9rem;
  }

  .ebhro13-visual {
    padding-inline-start: 0.8rem;
  }

  .ebhro13-bg-ghost {
    font-size: 15rem;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .ebhro13-section {
    --ebhro13-max-w: 1180px;
  }

  .ebhro13-heading {
    font-size: 3.2rem;
  }

  .ebhro13-bg-ghost {
    font-size: 19rem;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .ebhro13-section {
    --ebhro13-max-w: 1320px;
  }
}

@media (min-width: 1441px) and (max-width: 1920px) {
  .ebhro13-section {
    --ebhro13-max-w: 1600px;
    --ebhro13-pad-y: 7.5rem;
  }

  .ebhro13-heading {
    font-size: 4.2rem;
  }

  .ebhro13-bg-ghost {
    font-size: 28rem;
  }
}

@media (min-width: 1921px) {
  .ebhro13-section {
    --ebhro13-max-w: 1800px;
    --ebhro13-pad-y: 8.5rem;
  }

  .ebhro13-heading {
    font-size: 4.7rem;
  }

  .ebhro13-bg-ghost {
    font-size: 32rem;
  }
}

@media (prefers-reduced-motion: reduce) {

  .ebhro13-reveal,
  .ebhro13-btn,
  .ebhro13-frame,
  .ebhro13-visual,
  .ebhro13-bg-ghost,
  .ebhro13-bg-shape-b,
  .ebhro13-particle,
  .ebhro13-badge-dot,
  .ebhro13-heading-hl::after,
  .ebhro13-marquee-track,
  .ebhro13-marquee-track i {
    animation: none !important;
    transition: none !important;
  }

  .ebhro13-reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .ebhro13-heading-hl::after {
    transform: rotate(-1deg) scaleX(1) !important;
  }
}