.hero h1{
  color:#fff;font-style:italic;
  font-size:clamp(48px,6vw,92px);line-height:1.02;
  text-shadow:0 2px 16px rgba(0,0,0,.25);
}
.hero h1 em{
  font-style:normal;color:var(--gold);
  background:linear-gradient(180deg,transparent 60%,rgba(201,162,74,.35) 60%);
  padding:0 .1em;
}
.hero .eyebrow{color:#fff;opacity:.85;letter-spacing:.22em}
.hero-sub{
  color:rgba(255,255,255,.88);font-size:18px;max-width:54ch;
  margin-top:18px;text-shadow:0 1px 6px rgba(0,0,0,.25);
}
.hero-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero-stats{display:flex;flex-direction:column;gap:18px;align-items:flex-end;text-align:right}
@media(max-width:900px){.hero-stats{flex-direction:row;text-align:left;align-items:flex-start;flex-wrap:wrap}}
.hero-stats div b{font-family:var(--serif);font-size:44px;color:#fff;display:block;line-height:1;font-style:italic}
.hero-stats div span{
  font-size:11px;color:rgba(255,255,255,.7);
  letter-spacing:.22em;text-transform:uppercase;margin-top:4px;display:block;
}
.hero-tag{
  position:absolute;left:32px;top:32px;
  background:rgba(255,255,255,.16);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;
  display:flex;align-items:center;gap:8px;color:#fff;z-index:2;
}
.hero-tag i{width:8px;height:8px;border-radius:50%;background:#3DD68C;box-shadow:0 0 0 4px rgba(61,214,140,.25)}
.hero-dots{position:absolute;right:32px;top:32px;display:flex;gap:6px;z-index:2}
.hero-dots button{width:28px;height:3px;border-radius:2px;background:rgba(255,255,255,.35);transition:.25s;border:0}
.hero-dots button.on{background:#fff;width:44px}
.hero .btn-ghost{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.3);color:#fff}
.hero .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.hero .btn-primary{background:#fff;color:var(--ink)}
.hero .btn-primary:hover{background:var(--gold);color:#1B2128}