/* Profiles Page Styles */

/* PAGE HEADER */
.page-header { padding:3.5rem 2.5rem 2rem; 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:0.8rem; }
.page-title { font-family:'Cormorant Garamond',serif; font-size:2.8rem; font-weight:400; line-height:1.1; }

/* PROFILE LAYOUT */
.profile-section { padding:0 2.5rem 4rem; }
.profile-hero { display:grid; grid-template-columns:2fr 3fr; gap:2.5rem; align-items:start; margin-bottom:2.5rem; }
.profile-img-wrap { overflow:hidden; }
.profile-img-wrap img { width:100%; aspect-ratio:3/4; object-fit:cover; object-position:center 15%; display:block; }
.profile-intro { padding-top:0.5rem; }
.profile-name { font-family:'Cormorant Garamond',serif; font-size:2.4rem; font-weight:400; line-height:1.1; margin-bottom:0.4rem; }
.profile-role { font-size:0.65rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--clay); margin-bottom:1.5rem; }
.profile-lead { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-style:italic; line-height:1.6; color:var(--bark); border-left:1.5px solid var(--clay); padding-left:1.2rem; margin-bottom:1.5rem; }
.profile-body { font-size:0.85rem; line-height:1.8; color:var(--smoke); }
.profile-body p + p { margin-top:1rem; }

/* TIMELINE / MILESTONES */
.milestones { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; background:var(--warm); border:0.5px solid var(--warm); margin-bottom:2.5rem; }
.milestone { background:var(--cream); padding:1.4rem 1.2rem; }
.milestone.tinted { background:var(--sand); }
.milestone-year { font-family:'Cormorant Garamond',serif; font-size:1.6rem; color:var(--warm); margin-bottom:0.3rem; }
.milestone-label { font-size:0.78rem; line-height:1.6; color:var(--smoke); }

/* SECOND IMAGE */
.profile-second-img { height:320px; overflow:hidden; margin-bottom:2.5rem; }
.profile-second-img img { width:100%; height:100%; object-fit:cover; object-position:center 40%; display:block; }

/* ADAM section */
.adam-section { background:var(--sand); padding:0 2.5rem 4rem; }
.adam-section .milestones { background:var(--warm); }
.adam-section .milestone { background:var(--sand); }
.adam-section .milestone.tinted { background:var(--cream); }

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

.cta-section { padding:3rem 2.5rem; background:var(--bark); display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.cta-text { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-style:italic; color:#f5ede0; max-width:400px; line-height:1.4; }
.cta-btn { font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--warm); border:0.5px solid rgba(201,180,138,0.5); padding:0.85rem 2rem; background:none; cursor:pointer; transition:background 0.2s; white-space:nowrap; text-decoration:none; }
.cta-btn:hover { background:rgba(201,180,138,0.1); }

@media (max-width:600px) {
  .page-header { padding:2rem 1.2rem 1.5rem; }
  .page-title { font-size:2rem; }
  .profile-section { padding:0 1.2rem 3rem; }
  .profile-hero { grid-template-columns:1fr; gap:1.5rem; }
  .profile-name { font-size:1.8rem; }
  .adam-section { padding:0 1.2rem 3rem; }
  .milestones { grid-template-columns:1fr 1fr; }
  .together-band { height:220px; }
  .together-text { padding:0 1.2rem; }
  .cta-section { flex-direction:column; gap:1rem; padding:2rem 1.2rem; text-align:center; }
  .cta-text { max-width:100%; }
}