@import url("https://cdn.jsdelivr.net/gh/Jahntella/jahntella@2945b428132ae8c3592954f9a65773e108201ecb/styles.css");

/* =========================================================
   JAHNTELLA V5.1 RECOVERY HERO
   Uses the exact last-known-good site stylesheet above.
   ========================================================= */

.hero-v5{
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - 72px);
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:clamp(5.5rem,11vh,8rem) clamp(1.2rem,6vw,6rem) clamp(5.5rem,10vh,7rem);
  background:#100012;
}

.hero-v5-video{
  position:absolute;
  inset:0;
  z-index:-4;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.hero-v5-overlay{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(180deg,rgba(16,0,18,.48),rgba(16,0,18,.12) 38%,rgba(16,0,18,.74) 100%),
    radial-gradient(circle at center,transparent 12%,rgba(16,0,18,.48) 100%);
}

.hero-v5::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:-2;
  height:25%;
  background:linear-gradient(to bottom,transparent,#100012);
  pointer-events:none;
}

.hero-v5-content{
  width:min(100%,920px);
  text-align:center;
  text-shadow:0 4px 30px rgba(0,0,0,.72);
  animation:hero-v5-enter 1s .12s both;
}

.hero-v5-logo{
  margin:0;
  font-family:"Sacramento",cursive;
  font-size:clamp(5rem,15vw,11rem);
  font-weight:400;
  line-height:.82;
  letter-spacing:-.03em;
  color:#fff;
  filter:drop-shadow(0 0 28px rgba(255,79,183,.5));
}

.hero-v5-logo span{
  color:var(--pink);
  font-size:.42em;
  vertical-align:.42em;
  margin-left:.08em;
}

.hero-v5-tagline{
  max-width:720px;
  margin:1.2rem auto .7rem;
  font-family:"Playfair Display",serif;
  font-size:clamp(1.4rem,3.4vw,2.55rem);
  line-height:1.15;
  color:#fff8fc;
}

.hero-v5 .artist-line{
  margin:0 auto 1.8rem;
  color:#ffd1ea;
}

.hero-v5 .hero-actions{
  justify-content:center;
}

.hero-v5-scroll{
  position:absolute;
  left:50%;
  bottom:1rem;
  display:grid;
  justify-items:center;
  gap:.35rem;
  transform:translateX(-50%);
  color:rgba(255,255,255,.72);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.2em;
}

.hero-v5-scroll i{
  display:block;
  width:1px;
  height:28px;
  background:linear-gradient(to bottom,rgba(255,255,255,.9),transparent);
  animation:hero-v5-scroll 1.7s ease-in-out infinite;
}

@keyframes hero-v5-enter{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:none}
}

@keyframes hero-v5-scroll{
  50%{opacity:.3;transform:translateY(7px)}
}

@media(max-width:680px){
  .hero-v5{
    min-height:calc(100svh - 66px);
    padding:5.5rem 1.1rem 5.5rem;
  }

  .hero-v5-logo{
    font-size:clamp(4.5rem,24vw,7.2rem);
  }

  .hero-v5-tagline{
    max-width:20rem;
    font-size:clamp(1.2rem,6vw,1.7rem);
  }

  .hero-v5 .artist-line{
    max-width:20rem;
    font-size:.9rem;
  }

  .hero-v5 .hero-actions{
    width:100%;
  }

  .hero-v5 .primary-button,
  .hero-v5 .secondary-button{
    width:min(100%,260px);
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-v5-content,
  .hero-v5-scroll i{
    animation:none;
  }
}

/* ===== EXPERIENCE RECOVERY — MAGAZINE + SWEETVILLE LINKS ===== */
.sweetville-entry-button{display:inline-grid;gap:.12rem;text-align:left}.sweetville-entry-button small{font-size:.62rem;letter-spacing:.12em;opacity:.76}.magazine-home-section{width:min(1180px,calc(100% - 2rem));margin:4rem auto;padding:clamp(1.4rem,4vw,3rem);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,5vw,4rem);align-items:center;border:1px solid rgba(255,101,184,.45);border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(255,44,151,.2),transparent 35%),rgba(20,0,21,.82);box-shadow:0 28px 70px rgba(0,0,0,.4)}.magazine-home-copy h2{margin:.35rem 0 1rem;font-family:"Playfair Display",serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98}.magazine-home-copy h2 em{font-family:"Sacramento",cursive;color:#ff72bd;font-weight:400}.magazine-home-copy p:not(.eyebrow){max-width:650px;color:#efd9e7;line-height:1.75}.magazine-home-cover{position:relative;display:block;max-width:430px;margin:auto;transform:rotate(2deg);transition:.25s}.magazine-home-cover:hover{transform:rotate(0) translateY(-8px)}.magazine-home-cover img{display:block;width:100%;border-radius:18px;box-shadow:0 28px 60px rgba(0,0,0,.55),0 0 35px rgba(255,45,151,.2)}.magazine-home-cover span{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);width:max-content;max-width:90%;padding:.7rem 1rem;border-radius:999px;background:rgba(10,0,11,.88);border:1px solid rgba(255,118,194,.7);font-size:.68rem;font-weight:800;letter-spacing:.14em}@media(max-width:780px){.magazine-home-section{grid-template-columns:1fr;text-align:center}.magazine-home-copy p:not(.eyebrow){margin-left:auto;margin-right:auto}.magazine-home-cover{max-width:320px}}