/* Melaaura Home — cinematic hero slider */
.mh-hero{ position:relative; height:100vh; min-height:560px; margin-top:-80px; overflow:hidden; background:#0A0A09; }
.mh-hero__slide{ position:absolute; inset:0; overflow:hidden; opacity:0; visibility:hidden; z-index:1; transition:opacity 1.1s ease, visibility 1.1s ease; }
.mh-hero__slide[data-active]{ opacity:1; visibility:visible; z-index:2; }
.mh-hero__img{ position:absolute; top:-3%; left:-3%; width:106%; height:106%; object-fit:cover; transform:scale(1.03); }
.mh-hero__slide[data-active] .mh-hero__img{ transform:scale(1.12); transition:transform 9.5s linear; }
.mh-hero__veil{ position:absolute; inset:0; z-index:4; pointer-events:none; }
.mh-hero__tint{ position:absolute; inset:0; z-index:2; pointer-events:none; }
.mh-hero__btmgrad{ position:absolute; left:0; right:0; bottom:0; height:44%; z-index:3; pointer-events:none; background:linear-gradient(0deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.46) 42%, rgba(0,0,0,0) 100%); }
.mh-hero__overlays{ position:absolute; inset:0; z-index:5; }
.mh-hero__content{ position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(28px); transition:opacity .7s ease, transform .9s cubic-bezier(.2,.7,.1,1), visibility .7s ease; }
.mh-hero__content[data-active]{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.mh-hero__inner{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:0 clamp(20px,5vw,80px) 56px; }
.mh-hero__h1{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:300; font-size:clamp(52px,8vw,144px); line-height:0.98; letter-spacing:-0.02em; color:#FFFFFF !important; margin:0; text-shadow:0 1px 1px rgba(0,0,0,0.55), 1px 3px 7px rgba(0,0,0,0.42); }
.mh-hero__word{ display:inline-block; vertical-align:bottom; white-space:nowrap; padding:0 .12em .12em 0; overflow:hidden; }
.mh-hero__word > span{ display:inline-block; transform:translateY(112%); transition:transform 1s cubic-bezier(.2,.7,.1,1); }
.mh-hero__content[data-active] .mh-hero__word > span{ transform:translateY(0); }
.mh-hero__meta{ margin-top:30px; display:flex; flex-direction:column; align-items:center; gap:26px; }
.mh-hero__rise{ opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .9s cubic-bezier(.2,.7,.1,1); }
.mh-hero__content[data-active] .mh-hero__rise{ opacity:1; transform:none; }
.mh-hero__eyebrow{ color:rgba(255,255,255,0.96); font-size:12px; letter-spacing:0.24em; text-transform:uppercase; text-shadow:0 1px 2px rgba(0,0,0,0.72), 0 2px 12px rgba(0,0,0,0.6); }
.mh-hero__cta{ display:inline-flex; align-items:center; gap:12px; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; font-weight:500; color:#FFFFFF !important; background:rgba(10,8,6,0.2); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); border:1px solid rgba(255,255,255,0.65); padding:15px 28px; border-radius:999px; text-decoration:none; transition:background .35s ease, color .35s ease, border-color .35s ease; }
.mh-hero__cta:hover{ background:rgba(10,8,6,0.42); color:#FFFFFF !important; border-color:rgba(255,255,255,0.9); }
.mh-hero__rail{ position:absolute; left:clamp(20px,5vw,100px); right:clamp(20px,5vw,100px); bottom:clamp(24px,4vh,46px); display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,2vw,30px); z-index:6; }
.mh-hero__railbtn{ display:flex; flex-direction:column; gap:13px; padding:0; background:none; border:none; text-align:left; color:#FFFFFF; cursor:pointer; font-family:inherit; opacity:0.7; transition:opacity .4s ease; }
.mh-hero__railbtn[data-active]{ opacity:1; }
.mh-hero__railtrack{ position:relative; height:2px; background:rgba(255,255,255,0.42); overflow:hidden; display:block; border-radius:2px; box-shadow:0 1px 4px rgba(0,0,0,0.4); }
.mh-hero__railfill{ position:absolute; inset:0; background:#FFFFFF; display:block; border-radius:2px; transform:scaleX(0); transform-origin:left; }
.mh-hero__railbtn[data-active] .mh-hero__railfill{ transform:scaleX(1); transition:transform var(--mh-hero-dur,6.4s) linear; }
.mh-hero__railmeta{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.mh-hero__railname{ font-size:12px; letter-spacing:0.18em; text-transform:uppercase; font-weight:600; color:#FFFFFF; text-shadow:0 1px 7px rgba(0,0,0,0.6), 0 0 2px rgba(0,0,0,0.5); }
.mh-hero__railnum{ font-size:11px; letter-spacing:0.18em; opacity:0.85; color:#FFFFFF; text-shadow:0 1px 6px rgba(0,0,0,0.55); }
.mh-hero__cursor{ position:absolute; left:0; top:0; z-index:7; pointer-events:none; opacity:0; transition:opacity .25s ease; will-change:transform; }
.mh-hero__cursorInner{ transform:translate(-50%,-50%); width:64px; height:64px; border-radius:50%; border:1px solid rgba(255,255,255,0.7); background:rgba(10,8,6,0.18); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; color:#FFFFFF; }
.mh-hero__cur{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; transition:opacity .18s ease; }
.mh-hero__cur--left{ opacity:0; }
.mh-hero__cursor.is-left .mh-hero__cur--left{ opacity:1; }
.mh-hero__cursor.is-left .mh-hero__cur--right{ opacity:0; }
@media (hover:none){ .mh-hero__cursor{ display:none; } }
@media (max-width:960px){ .mh-hero__rail{ gap:10px; } .mh-hero__railname{ font-size:10px; } }
@media (max-width:560px){ .mh-hero__h1{ font-size:44px; } .mh-hero__rail{ grid-template-columns:repeat(2,1fr); gap:14px 10px; } }
@media (prefers-reduced-motion:reduce){ .mh-hero__img, .mh-hero__slide[data-active] .mh-hero__img{ transition:none; transform:none; } .mh-hero__word > span{ transition:none; transform:none; } }

/* Mobile: show only the active hero rail item (current slide), not all four. */
@media (max-width:560px){
  .mh-hero__rail{ grid-template-columns:1fr !important; gap:0 !important; }
  .mh-hero__railbtn:not([data-active]){ display:none !important; }
}