/* ================================================================
   PageSections.css — inner-page content blocks (About / Contact)
   Uses the CSS custom properties already defined by Home2.css
   (--red, --ink, --ink-soft, --panel, --pink-50, --pink-100,
   --pink-line, --line, --serif, --sans, --ease) so colors stay in
   sync with the rest of the redesigned site. Loaded on top of
   Home2.css — no :root overrides here to avoid clobbering it.
   ================================================================ */

#homeRedesign .container{max-width:1180px; margin:0 auto; padding:0 28px;}

#homeRedesign .section{padding:88px 0;}
#homeRedesign .section-tight{padding:56px 0;}
@media (max-width:760px){
  #homeRedesign .section{padding:60px 0;}
  #homeRedesign .section-tight{padding:40px 0;}
}
#homeRedesign .bg-blush{background:var(--pink-50);}
#homeRedesign .bg-navy{background:#151929; color:#C9CCD8;}
#homeRedesign .bg-navy h2, #homeRedesign .bg-navy h3, #homeRedesign .bg-navy h4{color:#fff;}
#homeRedesign .center-cta{text-align:center;}

/* --- Credentials strip (About) --- */
#homeRedesign .credentials-strip{
  background:var(--panel); border:1.5px solid var(--line); border-radius:14px;
  padding:22px 26px; font-size:14.5px; color:var(--ink); font-weight:600; line-height:1.7;
  margin-top:-46px; position:relative; z-index:3; box-shadow:0 24px 50px -30px rgba(23,27,44,.35);
}
#homeRedesign .credentials-strip span.role{display:block; color:var(--red); font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; margin-bottom:6px;}

/* --- Profile grid (About) --- */
#homeRedesign .about-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:64px; align-items:center;}
#homeRedesign .about-photo{position:relative;}
#homeRedesign .about-photo .frame{position:absolute; top:-16px; left:-16px; width:100%; height:100%; border:2px solid var(--red); border-radius:12px; z-index:0;}
#homeRedesign .about-photo img{position:relative; z-index:1; border-radius:12px; width:100%; aspect-ratio:3/3.5; object-fit:cover; box-shadow:0 30px 60px -30px rgba(23,27,44,.4);}
#homeRedesign .about-badge{position:absolute; z-index:2; bottom:-20px; right:-20px; background:var(--panel); border-radius:12px; padding:16px 20px; box-shadow:0 20px 45px -20px rgba(23,27,44,.35); text-align:center; min-width:120px;}
#homeRedesign .about-badge strong{display:block; font-family:var(--serif); font-size:1.8rem; color:var(--red); line-height:1;}
#homeRedesign .about-badge span{font-size:12px; color:var(--text-soft);}
#homeRedesign .about-copy h2{margin-bottom:16px;}
#homeRedesign .about-copy p{font-size:15.5px; margin-bottom:20px; max-width:58ch;}
@media (max-width:900px){
  #homeRedesign .about-grid{grid-template-columns:1fr; gap:52px;}
  #homeRedesign .about-photo{max-width:320px; margin:0 auto;}
}

/* --- Timeline (Experience) --- */
#homeRedesign .timeline{position:relative; padding-left:28px; border-left:2px solid var(--pink-line);}
#homeRedesign .timeline-item{position:relative; padding-bottom:28px;}
#homeRedesign .timeline-item:last-child{padding-bottom:0;}
#homeRedesign .timeline-item::before{content:''; position:absolute; left:-34px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--red); border:3px solid var(--pink-100);}
#homeRedesign .timeline-item .tl-date{font-size:12px; font-weight:700; color:var(--red); text-transform:uppercase; letter-spacing:.03em;}
#homeRedesign .timeline-item h3{margin:6px 0 4px;}
#homeRedesign .timeline-item p{font-size:14.5px;}

/* --- Chip grid (Fellowships) --- */
#homeRedesign .chip-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px;}
#homeRedesign .chip-grid .chip{background:var(--panel); border:1.5px solid var(--line); border-radius:10px; padding:14px 16px; font-size:13.5px; color:var(--ink); font-weight:600; display:flex; align-items:flex-start; gap:10px;}
#homeRedesign .chip-grid .chip svg{width:18px; height:18px; color:var(--red); flex-shrink:0; margin-top:2px;}

/* --- Bulleted info list (Memberships / Awards / Research) --- */
#homeRedesign .info-list{display:flex; flex-direction:column; gap:14px;}
#homeRedesign .info-list li{display:flex; gap:12px; align-items:flex-start; font-size:14.5px; line-height:1.6;}
#homeRedesign .info-list li::before{content:''; flex-shrink:0; width:8px; height:8px; border-radius:50%; background:var(--red); margin-top:8px;}
#homeRedesign .bg-navy .info-list li{color:#C9CCD8;}

/* --- Publications list --- */
#homeRedesign .pub-list{display:flex; flex-direction:column; gap:12px;}
#homeRedesign .pub-item{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:16px 18px; font-size:13.5px; color:var(--text-soft); line-height:1.55;}
#homeRedesign .pub-item strong{color:var(--ink);}
#homeRedesign .pub-toggle{margin-top:18px; background:transparent; border:1.5px solid var(--line); border-radius:999px; padding:12px 26px; font-weight:600; font-size:13.5px; color:var(--ink); cursor:pointer; display:inline-block;}
#homeRedesign .pub-toggle:hover{border-color:var(--ink); background:var(--ink); color:#fff;}
#homeRedesign details.pub-more summary{list-style:none; cursor:pointer;}
#homeRedesign details.pub-more summary::-webkit-details-marker{display:none;}
#homeRedesign details.pub-more[open] .pub-toggle-label::after{content:"Show fewer publications \2013";}
#homeRedesign details.pub-more:not([open]) .pub-toggle-label::after{content:"Show all publications +";}
#homeRedesign details.pub-more .pub-list{margin-top:12px;}

/* --- Vision / Mission cards --- */
#homeRedesign .vm-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
#homeRedesign .vm-card{background:rgba(255,255,255,.05); border:1.5px solid rgba(255,255,255,.12); border-radius:14px; padding:30px 28px;}
#homeRedesign .vm-card h3{margin-bottom:12px;}
#homeRedesign .vm-card p{font-size:14.5px; line-height:1.65; color:#C9CCD8;}
#homeRedesign .vm-card ul{list-style:none; display:flex; flex-direction:column; gap:10px; margin-top:10px;}
#homeRedesign .vm-card ul li{font-size:13.5px; color:#C9CCD8; padding-left:18px; position:relative;}
#homeRedesign .vm-card ul li::before{content:'\2013'; position:absolute; left:0; color:#FF7C93; font-weight:700;}
@media (max-width:760px){ #homeRedesign .vm-grid{grid-template-columns:1fr;} }

/* ================================================================
   CONTACT PAGE
   ================================================================ */
#homeRedesign .contact-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:start;}
@media (max-width:900px){ #homeRedesign .contact-grid{grid-template-columns:1fr;} }

#homeRedesign .contact-card{background:var(--panel); border:1.5px solid var(--line); border-radius:14px; padding:26px 28px; margin-bottom:20px;}
#homeRedesign .contact-card:last-child{margin-bottom:0;}
#homeRedesign .contact-card .label{display:block; color:var(--red); font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; margin-bottom:8px;}
#homeRedesign .contact-card h3{font-size:1.08rem; margin-bottom:6px;}
#homeRedesign .contact-card address{font-style:normal; font-size:14.5px; color:var(--text-soft); line-height:1.6; margin-bottom:12px;}
#homeRedesign .contact-card .directions{display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:var(--red);}
#homeRedesign .contact-card .directions svg{width:14px; height:14px;}
#homeRedesign .contact-card .directions:hover{text-decoration:underline;}
#homeRedesign .contact-card .phone-row{display:flex; flex-direction:column; gap:6px;}
#homeRedesign .contact-card .phone-row a{font-size:14.5px; font-weight:600; color:var(--ink);}
#homeRedesign .contact-card .phone-row a:hover{color:var(--red);}

#homeRedesign .form-card{background:var(--pink-50); border-radius:18px; padding:38px 34px;}
#homeRedesign .form-card h2{margin-bottom:8px;}
#homeRedesign .form-card > p{font-size:14px; margin-bottom:26px;}

#homeRedesign .form-group{margin-bottom:20px;}
#homeRedesign .form-group label{display:block; font-size:13.5px; font-weight:600; color:var(--ink); margin-bottom:8px;}
#homeRedesign .form-group label .req{color:var(--red);}
#homeRedesign .form-control{width:100%; padding:13px 16px; border-radius:8px; border:1.5px solid var(--line); font-family:var(--sans); font-size:14.5px; color:var(--ink); background:var(--panel); transition:border-color .2s var(--ease);}
#homeRedesign .form-control:focus{outline:none; border-color:var(--red);}
#homeRedesign textarea.form-control{resize:vertical; min-height:120px;}
#homeRedesign .field-error{display:block; color:var(--red); font-size:12.5px; margin-top:6px; font-weight:600;}

#homeRedesign .consult-type{display:flex; flex-wrap:wrap; gap:10px;}
#homeRedesign .consult-type label{display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:999px; border:1.5px solid var(--line); background:var(--panel); font-size:13.5px; font-weight:600; color:var(--ink); cursor:pointer; transition:all .2s var(--ease);}
#homeRedesign .consult-type input[type="radio"]{accent-color:var(--red); margin:0;}
#homeRedesign .consult-type input[type="radio"]:checked + label,
#homeRedesign .consult-type label:has(input[type="radio"]:checked){border-color:var(--red); background:var(--red); color:#fff;}

#homeRedesign .form-submit{border:0;}

#homeRedesign .success-card{background:var(--panel); border:1.5px solid var(--line); border-radius:14px; padding:40px 34px; text-align:center;}
#homeRedesign .success-card .tick{width:52px; height:52px; border-radius:50%; background:var(--pink-50); color:var(--red); display:flex; align-items:center; justify-content:center; margin:0 auto 18px;}
#homeRedesign .success-card .tick svg{width:26px; height:26px;}
#homeRedesign .success-card h2{margin-bottom:10px;}
#homeRedesign .success-card p{font-size:14.5px;}

#homeRedesign .map-wrap{border-radius:16px; overflow:hidden; border:1.5px solid var(--line); box-shadow:0 24px 50px -30px rgba(23,27,44,.25);}
#homeRedesign .map-wrap iframe{width:100%; height:420px; border:0; display:block;}