/* =========================
   6. HERO
========================= */

.hero {
  padding-top: 60px;
  padding-bottom: 90px;
}

.hero-layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 60px;
   flex-wrap:wrap;
}

.hero-text{
max-width:650px;
  width:100%;
  padding-left: 18px;
}

.hero-kicker {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--panea-yellow);
  opacity: .7;
  margin-bottom: 18px;
}

.hero-text h1 {
  font-family: 'Playfair Display', serif;
font-size: clamp(2.4rem, 4vw, 3.8rem);
  line-height: .95;
  letter-spacing: -2px;
  max-width: 420px;
  color: var(--panea-white);
  margin-bottom: 22px;
}

.highlight {
  color: var(--panea-yellow);
}

.hero-sub{

  max-width:520px;

  font-size:clamp(
    1rem,
    2vw,
    1.1rem
  );

  line-height:1.8;

  color:
    rgba(255,255,255,.75);

}

.hero-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width:100%;
   gap: 8px;
  max-width:340px;
  padding-bottom: 30px;
}

.cta-text {
  line-height: 1.7;
   font-size:clamp(1rem,2vw,1.35rem);
  color: var(--panea-white);
}



/* =========================
   HOME CINEMA
========================= */

.home-cinema{
  padding: 40px 0 100px;
}

.home-cta{
position:relative;
  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      #f2c94c 0%,
      #e5b92f 100%
    );

  padding:140px 20px;
  text-align:center;
}


.home-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("img/wall.jpg") center/cover;
  opacity:.06;
  filter:blur(4px);
  transform:scale(1.1);
}

.cta-kicker{
  font-size:.8rem;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#8a6510;
  margin-bottom:20px;
  opacity:.9;
}

.home-cta h2{
  font-family:"Playfair Display", serif;
  line-height:1.05;
  color:#0b1f26;
  margin-bottom:24px;
   font-size:clamp(2.5rem, 8vw, 4rem);
}

.cta-sub{
  font-size:1.05rem;
  line-height:1.8;
  max-width:520px;
  margin:0 auto 40px;
   color:rgba(11,31,38,.75);
}

.cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:18px 42px;
  border-radius:999px;
  background:#f2c94c;
  color:#0b1f26;
  font-weight:700;
  text-decoration:none;
  transition:var(--transition);
}

.cta-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(242,201,76,.25);
}
.home-cta > *{
  position:relative;
  z-index:2;
}

/* =========================
   RUBRICHE HOME
========================= */

.rubriche-home{
margin-top: 8px;
 margin-bottom: 8px;
  padding:
    20px 0;
}

.rubrica-title{

  font-family: 'Playfair Display', serif;

  font-size:clamp(30px,5vw,54px);

  line-height:1.05;

  color:var(--panea-white);

  font-weight: 720;

  margin-bottom:42px;
}


/* KICKER */

.section-kicker{

  font-family:'Inter', sans-serif;

  font-size:.82rem;

  letter-spacing:.24em;

  text-transform:uppercase;

  color:var(--panea-yellow);

  opacity:.9;

  margin-bottom:18px;

  font-weight:600;

}

/* TITLE */

.section-title{

  font-family: 'Playfair Display', serif;

  font-size:clamp(30px,5vw,54px);

  line-height:1.05;

  color:var(--panea-white);

  font-weight: 720;

  margin-bottom:42px;
}

/* GRID */

.rubriche-grid{

  display:grid;

  grid-template-columns:1fr;

  gap:18px;
}

/* CARD */

.rubrica-card{

  display:block;

  padding:36px;

  border-radius:24px;

  background:
    rgba(255,255,255,.03);

  border:
    1px solid rgba(255,255,255,.06);
overflow:hidden;
position:relative;
transition:var(--transition);
}

/* HOVER */

.rubrica-card:hover{

  transform:translateY(-4px);

  border-color:
    rgba(253,193,3,.25);

  background:
  rgba(255,255,255,.05);
}

/* LABEL */

.rubrica-label{

  display:block;

  margin-bottom:18px;

  font-size:.82rem;

  letter-spacing:.18em;

  text-transform:uppercase;

  color:var(--panea-yellow);

  font-weight:600;

}

/* TEXT */

.rubrica-card p{

  font-size:1.18rem;

  line-height:1.8;

  color:var(--panea-white);

  opacity:.92;

}


/* AUTORE (PIÙ IMPORTANTE) */
.author {
  color: var(--panea-text);
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}

/* HASHTAG */
.series {
  color: var(--panea-yellow);
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 14px;
}

/* GENERE */
.genre-bar {
 color: rgba(255,255,255,.55);
  font-size: 13px;
  margin-top: 4px;
}
.meta,
.genre-bar,
.series {
  font-size: 13px;
  opacity: 0.6;
  margin-bottom: 6px;
}

/* =========================
   MANIFESTO HOME
========================= */

.manifesto-home{

  min-height:58vh;

  display:flex;
  align-items:center;

  padding:120px 0 90px;

  position:relative;
  overflow:hidden;
}

/* WRAPPER */

.manifesto-wrapper{
display:flex;
  align-items:center;
  justify-content:center;

  gap:clamp(40px, 6vw, 90px);

  width:100%;
  max-width:1200px;

  margin:0 auto;
}

/* LEFT */

.manifesto-left{

  max-width:520px;
}

.manifesto-right{

  max-width:320px;
}

.manifesto-left h2{

  font-family:"Playfair Display", serif;
  font-size:clamp(2.7rem, 8vw, 4.2rem);
  line-height:.95;

  color:var(--panea-white);

  margin-bottom:24px;
}

.manifesto-left span{

  color:var(--panea-yellow);
}

.manifesto-left p{

  max-width:480px;

  color:rgba(255,255,255,.72);

  font-size:1.05rem;
  line-height:1.8;
}

/* DIVIDER */

.manifesto-divider{

  width:1px;
  height:180px;

  background:
  linear-gradient(
    to bottom,
    transparent,
    rgba(255,255,255,.15),
    transparent
  );
}

/* RIGHT */

.manifesto-kicker{

  font-size:.7rem;
  letter-spacing:.25em;

  color:var(--panea-yellow);

  margin-bottom:16px;

  font-weight:700;
}

.manifesto-right h3{

  font-family:"Playfair Display", serif;

  font-size:2.8rem;
  line-height:1;

  color:var(--panea-white);

  margin-bottom:20px;
}

.manifesto-sub{

  color:rgba(255,255,255,.72);

  line-height:1.8;

  margin-bottom:30px;
}

/* BUTTON */

.manifesto-btn{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:15px 34px;

  border-radius:999px;

  background: var(--panea-yellow);
  color:#0d2e40;

  font-weight:600;

  text-decoration:none;

  transition:var(--transition);
}

.manifesto-btn:hover{

  transform:translateY(-2px);

  filter:brightness(1.05);
}
/* =========================
   OSSESSIONI HOME
========================= */

.ossessioni-home{

  padding: 90px 0 120px;

}

.film-grid{

  display:grid;

  grid-template-columns:1fr;

  gap:28px;

  width:100%;

  max-width:780px;

}

/* CARD */

.film-card{

  position:relative;
  
  overflow:hidden;

  border-radius:32px;

  background:
    rgba(255,255,255,.04);

  border:
    1px solid rgba(255,255,255,.06);

  transition:.35s ease;

}
/* HOVER */

.film-card:hover{

  transform:translateY(-6px);

  border-color:
    rgba(253,193,3,.22);

}

/* IMG */

.film-card img{

  width:100%;

  aspect-ratio:16/7;

  object-fit:cover;

  display:block;
}

/* BULLET TRAIN */

img[alt="Bullet Train"]{

  object-position:center 25%;

}

/* JOJO RABBIT */

img[alt="Jojo Rabbit"]{

  object-position:center 20%;

}

/* CONTENT */

.film-content{

  padding:22px;

}

.film-year{

  display:inline-block;

  margin-bottom:16px;

  font-size:.72rem;

  letter-spacing:.18em;

  text-transform:uppercase;

  color:var(--panea-yellow);

}

.film-card h2{

  font-family:"Playfair Display", serif;

  font-size:2.2rem;

  line-height:.95;

  color:var(--panea-white);

  margin-bottom:18px;

}

.film-card p{

  color:rgba(255,255,255,.78);

  line-height:1.9;

  font-size:1.08rem;

} 

.section-label{

  font-family:'Inter', sans-serif;

  font-size:1rem;

  letter-spacing:.22em;

  text-transform:uppercase;

  color:var(--panea-yellow);

  margin-bottom:18px;

}