/* xl - DESKTOP STYLES */ 
/* HERO */
.hero {
  position: relative; height: 100vh; min-height: 680px;
  display: flex; align-items: flex-end; overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center 30%;
  animation: slowKen 18s ease-in-out infinite alternate;
}
@keyframes slowKen {
  from { transform: scale(1.05); }
  to   { transform: scale(1.12) translateX(-2%); }
}
.hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(
    to top,
    rgba(58,35,18,0.93) 0%,
    rgba(58,35,18,0.55) 38%,
    rgba(58,35,18,0.15) 70%,
    transparent 100%
  );
}
.hero-content {
  position: relative; z-index: 2;
  padding: 0 80px 80px; max-width: 700px;
}
.hero-eyebrow {
  font-size: 10px; letter-spacing: 4px; text-transform: uppercase;
  color: var(--brown-pale); margin-bottom: 20px;
  display: flex; align-items: center; gap: 14px;
}
.hero-eyebrow::before {
  content: ''; display: block; width: 36px; height: 1px;
  background: var(--brown-pale);
}
.hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(54px, 6vw, 80px);
  font-weight: 300; line-height: 1.05;
  color: var(--cream); margin-bottom: 24px;
}
.hero-title em { font-style: italic; color: var(--sand); }
.hero-desc {
  font-size: 15px; line-height: 1.7;
  color: rgba(196,168,130,0.75);
  margin-bottom: 40px; max-width: 440px;
}
.hero-actions { display: flex; gap: 16px; }
.btn-hero-primary {
  padding: 14px 32px; background: var(--sand); color: var(--brown-dark);
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  text-decoration: none; font-weight: 500; transition: all 0.2s;
}
.btn-hero-primary:hover { background: var(--parchment); }
.btn-hero-ghost {
  padding: 13px 32px; background: transparent;
  border: 1px solid rgba(196,168,130,0.35); color: var(--sand);
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  text-decoration: none; transition: all 0.2s;
}
.btn-hero-ghost:hover { border-color: var(--sand); }

/* STRIP */
.strip {
  background: var(--brown-dark);
  padding: 20px 80px;
  display: flex; align-items: center; gap: 48px;
  border-bottom: 1px solid rgba(196,168,130,0.12);
}
.strip-item {
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  color: rgba(196,168,130,0.55);
  display: flex; align-items: center; gap: 12px;
}
.strip-item::before {
  content: ''; width: 4px; height: 4px; border-radius: 50%;
  background: var(--brown-pale);
}
.strip-sep { flex: 1; height: 1px; background: rgba(196,168,130,0.1); }

/* TABLET */
@media (max-width: 1024px) {
  .hero-content {
    padding: 0 48px 64px;
  }
  .strip {
    display:none;
  }
}

/* MÒBIL */
@media (max-width: 768px) {
  
  .hero-bg {
    background-position: 65% 100px;;
  }
	
  .hero-content {
    padding: 0 24px 56px;
    max-width: 100%;
  }
  .hero-title {
    font-size: clamp(40px, 10vw, 54px);
  }
  .hero-desc {
    font-size: 14px;
    max-width: 100%;
  }
  .hero-actions {
    flex-direction: column;
    gap: 12px;
  }
  .btn-hero-primary,
  .btn-hero-ghost {
    text-align: center;
    padding: 15px 24px;
  }
  .strip {
    display:none;
  }
  
}