/* Awad & Khoury, LLP - interior pages (about, practice areas, contact).
   Loaded after site.css, never instead of it. The homepage ships a full-bleed
   slider and the donor's interior components assumed photography plus a
   licensed icon font this build does not carry, so every component below is
   rebuilt from motifs already on the homepage: the 5px accent rule, the
   Poppins uppercase 48px section heading, the Playfair italic numeral, and
   the .button fill. */

/* the header can never be transparent here: there is no hero image under it */
.interior .header:not(.is-fixed){background:#000}
.interior .header:not(.is-fixed):before{content:none}

/* --- page banner: the donor's .hero heading rule on the hero gradient --- */
.page-banner{background:linear-gradient(115deg,var(--ak-accent) 0%,var(--ak-ink) 85%);color:#fff;padding-top:190px;padding-bottom:90px;position:relative}
.page-banner .banner-inner{position:relative;padding-left:48px}
.page-banner .banner-inner:before{width:5px;content:"";height:100%;display:block;background:#d32e57;position:absolute;top:0;left:0}
.page-banner .banner-kicker{display:block;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-family:"Poppins",sans-serif;font-size:14px;color:#f0b7c5;margin-bottom:20px}
.page-banner h1{font-weight:600;line-height:1;text-transform:uppercase;font-family:"Poppins",sans-serif;font-size:60px;margin-bottom:28px}
.page-banner p{max-width:760px;font-size:17px;line-height:1.75;color:#e8dcd9;margin-bottom:0}

/* --- interior section, matching the homepage rhythm --- */
.section{padding-top:110px;padding-bottom:110px}
.section-pale{background:linear-gradient(160deg,#faf5f2 0%,#f3e6ea 100%)}
.section-heading{display:block;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-family:"Poppins",sans-serif;font-size:16px;color:#d32e57;margin-bottom:22px}
.section h2{font-weight:600;line-height:1;text-transform:uppercase;font-family:"Poppins",sans-serif;font-size:48px;margin-bottom:40px}
.section h3{margin-bottom:30px}
.section p{font-size:15px;margin-bottom:28px}
.section .button{margin-top:10px}
.measure{max-width:820px}

/* --- two-column intro: copy plus a call panel --- */
.intro-split{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:60px}
.intro-split .intro-copy{flex:1 1 560px;position:relative;padding-left:34px}
.intro-split .intro-copy:before{width:5px;content:"";height:275px;display:block;background:#d32e57;position:absolute;top:5px;left:0}
.call-panel{flex:0 1 380px;background:linear-gradient(160deg,#faf5f2 0%,#f3e6ea 100%);border:1px solid #ece0e3;padding:44px 38px 40px}
.call-panel h3{font-size:22px;margin-bottom:18px}
.call-panel p{font-size:15px;margin-bottom:26px}
.call-panel .panel-tel{display:block;font-family:"Playfair Display",serif;font-weight:700;font-style:italic;font-size:38px;line-height:1;color:var(--ak-accent);margin-bottom:20px}
.call-panel .panel-tel:hover,.call-panel .panel-tel:focus{color:#000}

/* --- practice-area detail rows, numbered like the attorney cards --- */
.practice-rows{counter-reset:pa}
.practice-row{counter-increment:pa;display:flex;flex-wrap:wrap;gap:50px;padding:48px 0;border-top:1px solid #e6dcd8;scroll-margin-top:120px}
.practice-row:last-child{border-bottom:1px solid #e6dcd8}
.practice-row .row-mark{flex:0 0 200px;display:flex;align-items:flex-start;gap:22px}
.practice-row .row-mark:before{content:"0" counter(pa);font-family:"Playfair Display",serif;font-style:italic;font-weight:700;font-size:44px;line-height:1;color:#d32e57}
.practice-row .row-mark .icon{width:56px;height:56px;color:var(--ak-accent);stroke-width:1.5;margin-top:4px}
.practice-row .row-body{flex:1 1 560px}
.practice-row h3{font-size:26px;margin-bottom:18px}
.practice-row p{font-size:15px;margin-bottom:20px}
.practice-row ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px 12px}
.practice-row ul li{font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#5f5853;background:#faf5f2;border:1px solid #ece0e3;padding:7px 14px;line-height:1.4}
.practice-row .row-link{font-family:"Poppins",sans-serif;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}

/* --- attorney detail rows on the about page --- */
.attorney-row{display:flex;flex-wrap:wrap;gap:56px;padding:52px 0;border-top:1px solid #e6dcd8;align-items:flex-start}
.attorney-row:last-child{border-bottom:1px solid #e6dcd8}
.attorney-row .attorney-photo{flex:0 0 220px}
.attorney-row .attorney-photo img{width:220px;height:220px;border-radius:50%;object-fit:cover;background:linear-gradient(160deg,#faf5f2 0%,#f3e6ea 100%);display:block}
.attorney-row .attorney-body{flex:1 1 560px}
.attorney-row h3{font-family:"Poppins",sans-serif;font-weight:700;font-size:20px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}
.attorney-row .role{display:block;font-family:"Poppins",sans-serif;font-weight:600;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#d32e57;margin-bottom:24px}
.attorney-row p{font-size:15px;margin-bottom:22px}
.attorney-row .focus-line{margin:0;padding-top:18px;border-top:1px solid #e6dcd8;font-size:13px;line-height:1.7;color:#5f5853}

/* --- credential strip, same numeral treatment as the homepage facts --- */
.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.fact-strip .fact-cell{background:#fff;padding:38px 32px;position:relative;z-index:1}
.fact-strip .fact-cell:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:5px;height:100%;background:#d32e57}
.fact-strip .fact-cell strong{display:block;font-family:"Playfair Display",serif;font-style:italic;font-weight:700;font-size:64px;line-height:1;color:var(--ak-accent);margin-bottom:14px}
.fact-strip .fact-cell span{display:block;font-size:15px;line-height:1.6}

/* --- dark call band, reusing the .history treatment --- */
.call-band{background:var(--ak-ink);color:#fff;text-align:center;padding-top:100px;padding-bottom:100px}
.call-band h2{font-weight:600;line-height:1;text-transform:uppercase;font-family:"Poppins",sans-serif;font-size:48px;margin-bottom:26px}
.call-band p{max-width:640px;margin:0 auto 34px;font-size:15px;color:#c9bfbb}
.call-band .section-heading{color:#f0b7c5}

/* --- contact page --- */
.contact-split{display:flex;flex-wrap:wrap;gap:60px;align-items:flex-start}
.contact-split .contact-form-col{flex:1 1 600px}
.contact-split .contact-info-col{flex:0 1 380px}
.field{margin-bottom:22px}
.field label{display:block;font-family:"Poppins",sans-serif;font-weight:600;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#5f5853;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;font-family:"Poppins",sans-serif;font-size:15px;color:#000;background:#fff;border:1px solid #ddd0d3;border-radius:0;padding:13px 16px;line-height:1.5;box-shadow:none;height:auto;margin:0}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border:1px solid var(--ak-accent);box-shadow:0 0 0 3px rgba(211,46,87,.15);background:#fff}
.field-row{display:flex;flex-wrap:wrap;gap:0 22px}
.field-row .field{flex:1 1 240px}
.form-note{font-size:13px;line-height:1.7;color:#5f5853;margin-bottom:24px}
.hp-field{position:absolute;left:-9999px;top:-9999px}
.form-status{padding:16px 18px;margin-bottom:22px;font-size:14px;line-height:1.6;border-left:5px solid}
.form-status.submitting{background:#f5f2f0;border-color:#bbbdc0;color:#5f5853}
.form-status.success{background:#eef5ef;border-color:#3f7d4c;color:#1f5c2e}
.form-status.error{background:#faeef0;border-color:#d32e57;color:#7a1f2c}
.contact-info-col .info-block{border-top:1px solid #e6dcd8;margin-top:26px;padding-top:26px}
.contact-info-col .info-block h4{font-family:"Poppins",sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#5f5853;margin-bottom:12px}
.contact-info-col .info-block p{font-size:15px;margin-bottom:10px}
.contact-info-col .info-block a.map-link{font-family:"Poppins",sans-serif;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}

@media screen and (max-width:1199px){
  .page-banner h1{font-size:45px}
  .section h2,.call-band h2{font-size:45px}
}
@media screen and (max-width:1023px){
  .page-banner{padding-top:170px;padding-bottom:80px}
  .section{padding-top:70px;padding-bottom:70px}
  .call-band{padding-top:70px;padding-bottom:70px}
  .intro-split{gap:44px}
  .fact-strip{grid-template-columns:1fr;gap:20px}
  .practice-row,.attorney-row{gap:32px;padding:44px 0}
  .practice-row .row-mark{flex:0 0 100%;align-items:center}
  .attorney-row .attorney-photo{flex:0 0 100%}
}
@media screen and (max-width:639px){
  .page-banner{padding-top:150px;padding-bottom:60px}
  .page-banner .banner-inner{padding-left:22px}
  .page-banner h1{font-size:32px}
  .page-banner p{font-size:15px}
  .section h2,.call-band h2{font-size:32px}
  .section{padding-top:56px;padding-bottom:56px}
  .intro-split .intro-copy{padding-left:22px}
  .call-panel{padding:34px 26px}
  .attorney-row .attorney-photo img{width:160px;height:160px}
  .fact-strip .fact-cell strong{font-size:52px}
}