/* Testimonials Page Styles */

/* PAGE HEADER */
.page-header { padding:3.5rem 2.5rem 3rem; border-bottom:0.5px solid var(--warm); }
.page-tag { font-size:0.6rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--smoke); margin-bottom:1rem; }
.page-title { font-family:'Cormorant Garamond',serif; font-size:2.8rem; font-weight:400; line-height:1.1; margin-bottom:1rem; }
.page-lead { font-family:'Cormorant Garamond',serif; font-size:1.1rem; font-style:italic; line-height:1.65; color:var(--smoke); max-width:580px; }

/* FEATURED TESTIMONIAL */
.featured-testimonial { padding:0 2.5rem 3rem; }
.featured-inner { border:0.5px solid var(--warm); }
.featured-quote { padding:3rem 3rem 2rem; border-bottom:0.5px solid var(--warm); }
.featured-quote blockquote { font-family:'Cormorant Garamond',serif; font-size:1.45rem; font-style:italic; font-weight:400; line-height:1.6; color:var(--bark); }
.featured-body { padding:2rem 3rem 2.5rem; background:var(--sand); }
.featured-body p { font-size:0.86rem; line-height:1.85; color:var(--smoke); }
.featured-body p + p { margin-top:1rem; }
.featured-footer { padding:1.5rem 3rem; border-top:0.5px solid var(--warm); display:flex; justify-content:space-between; align-items:center; background:var(--cream); }
.featured-name { font-family:'Cormorant Garamond',serif; font-size:1rem; font-weight:500; }
.featured-title { font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--clay); margin-top:0.2rem; }
.featured-year { font-size:0.7rem; color:var(--smoke); letter-spacing:0.1em; }

/* BAND IMAGE */
.band { position:relative; height:260px; overflow:hidden; }
.band img { width:100%; height:100%; object-fit:cover; object-position:center 35%; display:block; }
.band-overlay { position:absolute; inset:0; background:linear-gradient(to right, rgba(20,10,5,0.6) 0%, rgba(20,10,5,0.05) 55%); }
.band-text { position:absolute; inset:0; display:flex; align-items:center; padding:0 3rem; }
.band-text p { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-style:italic; color:#f5ede0; max-width:400px; line-height:1.6; }

/* MORE TESTIMONIALS */
.more-testimonials { padding:0 2.5rem 3rem; }
.more-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.testimonial-card { border:0.5px solid var(--warm); padding:2rem; background:var(--cream); }
.testimonial-card.placeholder { background:var(--sand); opacity:0.5; }
.t-quote { font-family:'Cormorant Garamond',serif; font-size:1.05rem; font-style:italic; line-height:1.65; color:var(--bark); margin-bottom:1.5rem; }
.t-name { font-family:'Cormorant Garamond',serif; font-size:0.95rem; font-weight:500; margin-bottom:0.2rem; }
.t-title { font-size:0.65rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--clay); }
.t-placeholder-label { font-size:0.62rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--warm); margin-bottom:0.8rem; }
.t-placeholder-line { height:0.5px; background:var(--warm); margin:0.6rem 0; opacity:0.4; }

/* SUBMIT CTA */
.submit-cta { margin:0 2.5rem 3rem; padding:2rem; background:var(--bark); display:grid; grid-template-columns:2fr 1fr; gap:2rem; align-items:center; }
.submit-text { font-family:'Cormorant Garamond',serif; font-size:1.1rem; font-style:italic; color:#f5ede0; line-height:1.5; }
.submit-btn { font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--warm); border:0.5px solid rgba(201,180,138,0.5); padding:0.75rem 1.5rem; background:none; cursor:pointer; transition:background 0.2s; white-space:nowrap; text-align:center; display:block; text-decoration:none; }
.submit-btn:hover { background:rgba(201,180,138,0.1); }

@media (max-width:600px) {
  .page-header { padding:2rem 1.2rem; }
  .page-title { font-size:2rem; }
  .featured-testimonial { padding:0 1.2rem 2rem; }
  .featured-quote { padding:1.5rem 1.5rem 1rem; }
  .featured-quote blockquote { font-size:1.1rem; }
  .featured-body { padding:1.5rem; }
  .featured-footer { padding:1rem 1.5rem; flex-direction:column; align-items:flex-start; gap:0.5rem; }
  .band { height:180px; }
  .band-text { padding:0 1.2rem; }
  .more-testimonials { padding:0 1.2rem 2rem; }
  .more-grid { grid-template-columns:1fr; }
  .submit-cta { margin:0 1.2rem 2rem; grid-template-columns:1fr; gap:1rem; }
}
