/* xl - DESKTOP STYLES */ 
/* FULLWIDTH QUOTE */
.fullwidth-image {
  position: relative;
  height: 520px;
  overflow: hidden;
}

.fullwidth-image img {
  width: 100%;
  height: 140%;
  object-fit: cover;
  object-position: center 20%;
  display: block;
  position: absolute;
  top: -20%;
  left: 0;
  will-change: transform;
}

.fullwidth-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(
    to right,
    rgba(58,35,18,0.15) 0%,
    rgba(58,35,18,0.65) 45%,
    rgba(58,35,18,0.75) 100%
  );
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.fullwidth-text {
  padding: 0 0 0 5%;
  max-width: 600px;
  text-align: right;
}

.fullwidth-quote {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 3.5vw, 48px);
  font-weight: 300;
  font-style: italic;
  color: var(--cream);
  line-height: 1.3;
  margin-bottom: 20px;
}

.fullwidth-attr {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--brown-pale);
  margin-top: 20px;
}

/* TABLET */
@media (max-width: 1024px) {
  .fullwidth-image {
    height: 420px;
  }
  .fullwidth-text {
    padding: 0 0 0 48px;
    max-width: 480px;
  }
}

/* MÒBIL */
@media (max-width: 768px) {
  .fullwidth-image {
    height: 320px;
  }
  .fullwidth-overlay {
    justify-content: center;
    padding: 0 24px;
  }
  .fullwidth-text {
    padding: 0;
    max-width: 100%;
    text-align: center;
  }
  .fullwidth-quote {
    font-size: clamp(22px, 6vw, 32px);
  }
}