* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  min-height: 100vh;
  background-color: #F3F0E9;
  font-family: system-ui, sans-serif;
  overflow: hidden; /* this page is “one frame” */
}

/* FRAME */
.fav-main {
  position: relative;
  width: min(1440px, 100%);           /* caps at 1440 but shrinks */
  height: calc(100vh - 130px);        /* one screen minus header */
  margin: 0 auto;
  overflow: hidden;
}

/* HERO AREA */
.fav-hero {
  position: relative;
  width: 100%;
  height: 100%;
}

/* LEFT BLOCK */
.fav-left {
  position: absolute;
  top: 0;
  left: clamp(20px, 4vw, 60px);       /* responsive left offset */
}

/* CLICKABLE LETTER */
.fav-letter-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* BIG LETTER — scales with screen */
.fav-letter {
  position: relative;
  top: clamp(120px, 18vh, 300px);
  left: 140px;
  font-family: "NauryzRedkeds", sans-serif;
  font-weight: 700;
  font-size: clamp(520px, 55vw, 900px);
  line-height: 0.7;
  color: #37446F;
  transform-origin: center bottom;
  transition: transform 0.2s ease-out;
}

.fav-letter-link:hover .fav-letter {
  transform: translateY(-8px);
}

/* “CLICK HERE” TAG */
.fav-tag {
  position: absolute;
  top: clamp(80px, 10vh, 120px);
  left: 150px;
  padding: 6px 16px;
  font-family: "NauryzRedkeds", sans-serif;
  font-size: clamp(18px, 2.2vw, 32px);
  font-weight: 500;
  color: #F3F0E9;
}

/* RIGHT TEXT BLOCK */
.fav-right {
  position: absolute;
  left: clamp(400px, 42vw, 620px);    /* responsive column start */
  top: clamp(140px, 24vh, 280px);
  width: clamp(300px, 35vw, 600px);
  font-family: "Poppins", system-ui, sans-serif;
  font-size: clamp(8px, 1.2vw, 20px);
  font-style: italic;
  line-height: 1.5;
  color: #37446F;
}

.fav-right p {
  margin-top: 1rem;
}

/* STAR — scales with screen */
.fav-star {
  position: absolute;
  right: clamp(70px, 12vw, 300px);
  top: clamp(-120px, -8vh, -40px);
  transform: rotate(109deg);
  font-family: "NauryzRedkeds", sans-serif;
  font-weight: 500;
  font-size: clamp(200px, 32vw, 500px); /* 🔥 key change */
  line-height: 0.7;
  color: #37446F;
  pointer-events: none;
}