/*
Theme Name: Dossier Child
Template: generatepress
Version: 1.0.0
Text Domain: dossier-child
*/


  .page-template-page-about-us .car-hero {
    min-height: 85vh !important;
  }
/* Founder section aspect ratio and grid layout */
.founder-section {
  padding: 6rem 0;
 
}
.founder-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1vw;
  align-items: center;
  justify-items: center;
  max-width: 1400px;
  margin: 5rem auto;
  aspect-ratio: 2.6 / 1;
  min-height: 600px;
  box-sizing: border-box;
}
.founder-bio {
  width: 100%;
  max-width: 600px;
  padding: 0 2vw;
}
.founder-image {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  max-width: 700px;
  aspect-ratio: 1 / 1.1;
  /* margin-right: auto; */
  padding-left: 0;
  padding-right: 0;
  /* Move image further left */
  margin-left: 0;
  /* margin-right: 5vw; */
}
.founder-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
}

.divbutton{
  padding: 5rem 0 10rem 0;
}
@media (max-width: 1200px) {
  .founder-grid {
    aspect-ratio: unset;
    grid-template-columns: 1fr;
    min-height: 500px;
    gap: 3vw;

  }
  .founder-image {
    max-width: 40vw;
    margin: 0 auto;
    aspect-ratio: 1 / 1.1;
  }
}
@media (max-width: 900px) {
  .divbutton{
  padding: 4rem 0 3rem !important;
}
  /* Disable fixed backgrounds and reduce hero height on mobile for performance */
  .bg-fixed {
    background-attachment: scroll !important;
  }

  .dossier-hero {
    background-attachment: scroll !important;
    min-height: 85vh;
  }

  .founder-section {
    padding: 2.5rem 0;
  }
  .founder-grid {
       margin: 1.5rem 0!important;
    min-height: 350px;
    gap: 2vw;
  }
  .founder-bio {
    padding: 0 1vw;
  }
  /* About page founder section: show image before bio on mobile */
  .page-template-page-about-us .founder-image {
    order: 1;
  }

  .page-template-page-about-us .founder-bio {
    order: 2;

  }

  .page-template-page-about-us .founder-bio p {
    font-size: 12px !important;
    text-align: center;
    margin: 1rem 3rem 0  !important;
  }
    .page-template-page-about-us .founder-bio h4 {
    font-size: 18px !important;
    text-align: center;
    margin: 4rem 3rem 0 !important;
    padding: 0 !important;
  }

}
/* Footer background color */
.site-footer, footer#colophon {
  background: var(--clr-paper);
}
.about-contact-section {
  border-top: 1px solid #1F1412;
  border-bottom: 1px solid #1F1412;
  margin-top: 8rem;
}

.about-contact-section .about-contact-inner {
  padding: 7rem 0;
}
.smart-pads{
padding:5.5rem 0;
}
/* Employers call-to-action section spacing */
.employers-cta-section {
  margin: 1rem 10rem;
}


  /* Extra-small screens (e.g., iPhone SE): increase top spacing */
  
@media (max-width: 900px) {

  .employers-cta-section {
    margin: 5rem auto 0rem;
  }
.smart-pads{
padding: 3.5rem 0 1rem;

}
.page-template-page-employers .car-hero img[alt="Pocketbook"] {
    width: 3.4rem !important;
    height: auto !important;
    margin: 0rem 0 0rem!important;
  }
  .page-template-page-employers .car-hero .employers-cta-section h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin:  2rem 1rem 2rem!important;
  }
    .page-template-page-employers .car-hero .employers-cta-section h2 br {
 display: none;
  }
  .page-template-page-employers .car-hero .employers-cta-section .button-3 {
    margin-bottom: 4rem !important  ;
  }

  /* Front-page hero: mobile-only adjustments */
 .dossier-hero h1 {
     font-size: 40px;
    line-height: 1.1;
    margin-bottom: 0rem;
  }


 .dossier-hero h2 {
    font-size: 20px !important;
    line-height: 1 !important;
    text-align: center;
    margin: 3rem 0 4rem !important;
    font-weight: 100 !important;
    /* text-transform: none !important; */
  }


 .dossier-hero h2 br {
    display: none;
  }

 .dossier-hero .flex.flex-wrap.justify-center {
    flex-direction: column;
    align-items: center;
    gap: 1.3rem;
  }

  .dossier-hero .flex.flex-wrap.justify-center .button-2 {
    width: 100%;
    max-width: 220px;
    margin: 0;
  }
  .dossier-hero > .relative.z-10 {
    margin-top: 2rem !important;
  }

  .dossier-hero .flex.flex-wrap.justify-center .button-2 {
    /* max-width: 160px !important; */
    min-width: 220px !important;
    min-height: 35px !important;
    /* padding: 0.45rem 0.9rem !important; */
    font-size: 0.75rem !important;
    margin:  auto!important;
  }


  /* Home value proposition: mobile-only image and text sizes */
  .home .section--clr-paper .value-prop-hover-img {
    width: 50% !important;
    max-width: 220px !important;
    /* padding-top: 8rem!important; */
  }

  /* Home value proposition wrapper: reduce height on mobile */
  .home .section--clr-paper .value-prop-hover-wrap {
    min-height: 250px !important;
  }

  .home .section--clr-paper .value-prop-hover-h4 {
    font-size: 26px !important;
     padding-top: 0rem !important;
     margin:10px 2px 0 !important;
    
  }

  .home .section--clr-paper .wrap > div > p {
    margin: 0rem 1.2rem 5rem !important;
    font-size: 16px !important;
  }

  /* Home value proposition section container: remove top padding on mobile */
  .home #main-content > .dossier-hero + .section--clr-paper {
    padding-top: 18rem !important;
     padding-bottom: 10rem!important;
  }



  /* Final DOSSIER section: mobile-only */
  .home #main-content > .section:last-of-type h1 {
    font-size: 48px !important;
    letter-spacing: -0.04em;
  }

  .home #main-content > .section:last-of-type h4 {
    font-size: 20px !important;
  }

    /* "Built by Recruiters" section: mobile-only */
 .section.text-center .wrap > h2 {
    font-size: 28px !important;
    margin-bottom: 2rem !important;
  }

 .section.text-center .wrap > p {
    margin: 2rem 0.3rem 3rem !important;
    padding: 0 !important;
    font-size: 16px !important;
  
  }
   .page-template-page-about-us .section.text-center .wrap > p {
    margin:  0  !important;
    padding: 0 !important;
    font-size: 16px !important;
  
  }

   .difference-card{
     min-height: 50px !important; 
     
   }
  /* About page hero heading: make ABOUT US bigger on mobile */
  .page-template-page-about-us .dossier-hero h1 {
    font-size: clamp(36px, 10vw, 50px) !important;
  }
  /* About page "RECRUITEMENT. Refined" section: mobile-only */
  .page-template-page-about-us .section.text-center .wrap > h1 {
    font-size: clamp(32px, 10vw, 48px) !important;
    margin-top: 14rem !important;
    margin-bottom: 2rem !important;

   
  }

  .page-template-page-about-us .section.text-center .wrap .built-by-section > p {
    margin: 2rem auto 0 auto !important;
    padding: 0 1.5rem;
    font-size: 18px !important;
    text-align: center;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .button-1-wider{
    margin: 0 !important
  }

  /* About page "the dossier difference" section: mobile-only */
  .page-template-page-about-us .section--clr-paper .flex img {
    width: 45% !important;
    height: auto !important;
    margin-bottom: 6rem;
  }

  .page-template-page-about-us .section--clr-paper .flex h1 {
    font-size:  40px !important;
    margin-top: 0rem !important;
  }

  .page-template-page-about-us .section--clr-paper .flex.flex-col.items-center.justify-center {
    min-height: 200px;
  }

  .page-template-page-about-us .section--clr-paper .about-tagline {
    font-size: 24px !important;
    line-height: 1.3;
  }

  .page-template-page-about-us .section--clr-paper .wrap > div > p {
    margin: 2rem 0 0 !important;
    font-size: 16px !important;
    line-height: 1.7;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* About page "HOW WE MATCH" section: mobile-only */
  .page-template-page-about-us .section.text-center > div {
    margin: 0 !important;
  }

  .page-template-page-about-us .section.text-center > div > h1 {
    font-size: 40px !important;
    margin-top: 0 !important;
    margin-bottom: 2rem!important;
   
  }

  .page-template-page-about-us .section.text-center > div > h6 {
    font-size: 24px !important;
    padding-bottom: 0 !important;
    margin:0 0rem 7rem !important;
     white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  /* About page "our smarter staffing technique" heading: mobile-only */
  .page-template-page-about-us .section-npb .section-header h4 {
    font-size: 18px !important;
    margin-bottom: 0 !important;
    
     line-height: 1.3 !important;

  }

  /* About page CONTACT US section: mobile-only */
  .page-template-page-about-us .about-contact-section {
    /* border-top: 5px solid #1F1412; */
    border-bottom: none !important;
    margin: 4rem  0 6rem !important;
  }
  .page-template-page-about-us .about-contact-section > div.about-contact-inner h1 {
    font-size: 40px !important;
    padding: 0!important;
    margin: 1rem !important;
  }

  .page-template-page-about-us .about-contact-section > div.about-contact-inner h6 {
    font-size:18px !important;
    padding: 0!important;
    margin: 3rem 5rem 1rem !important;
  }

  .page-template-page-about-us .about-contact-section > div.about-contact-inner p {
    font-size: 12px !important;
		 margin: 0rem 5rem 2rem !important;
  }
   .page-template-page-about-us .about-contact-section > div.about-contact-inner p br {
    display: none;
  }

	.page-template-page-about-us .about-contact-section .about-contact-inner {
		padding: 0 !important;
		margin: 0 !important ;
  }

  /* CONTACT US buttons: narrower on mobile */
  .page-template-page-about-us .about-contact-section .button-3 {
    min-width: 220px !important;
    max-width: 220px !important;
  }

  /* About page final "the dossier difference is" heading: mobile-only */
  .page-template-page-about-us section.text-center .section-header {
    padding: 7rem 1.5rem !important;
    margin: 0 !important;
  }

  .page-template-page-about-us section.text-center .section-header .h1-title {
    font-size: 40px !important;
    line-height: 1.1;
    padding-top: 0 !important;
    margin: 0 !important;
  }

  /* About page "our founder" heading: mobile-only */
  .page-template-page-about-us .section .text-center .h1-title {
    font-size: 40px !important;
   
    padding-top: 2rem !important;
    padding-bottom: 0rem !important;
    margin: 0  !important;
  }

  /* Founder heading: remove line break and inherit font for span on mobile */
  .page-template-page-about-us .founder-heading br {
    display: none !important;
  }

  .page-template-page-about-us .founder-heading .font-diatype {
    font-family: inherit !important;
  }

  /* About page Pocketbook car-hero: mobile-only */
  .car-hero {
    border-top: 1px solid var(--clr-ink);
    border-bottom: 1px solid var(--clr-ink);
    min-height: 50vh !important;
  }

  /* Talent page car-hero CTA: taller on mobile */
  .page-template-page-talent .car-hero {
    min-height: 68vh !important;
  }

 .car-hero-title {
    font-size: 18px !important;
    padding: 0 1.5rem;
    line-height: 1.5 !important;
    margin: 1rem 0 3rem!important;
  }
   .page-template-page-talent .car-hero-title {
        font-size: 24px !important;
    padding: 0 1.5rem;
    line-height: 1 !important;
    margin: 1rem 0 3rem!important;
   }

  /* About page Pocketbook logo: make bigger on mobile */
 .page-template-page-about-us .car-hero img[alt="Pocketbook"] {
    width: 3.8rem !important;
    height: auto !important;
    margin: 5rem 0 2rem!important;
  }

  /* About page Pocketbook CTA button: narrower on mobile */
  .car-hero .button-3 {
    min-width: 250px !important;
    max-width: 250px !important;
  
  }

  /* Talent page hero: mobile-only */
   .page-template-page-talent .dossier-hero > .relative.z-10 {
      margin-top: 3rem !important;
    }

  .page-template-page-talent .dossier-hero p {
    font-size: 16px !important;
    margin-top: 0rem !important;
     margin-bottom: 0rem !important;
  }

  .page-template-page-talent .dossier-hero .h1-title {
    font-size: 40px !important;
    margin: 1rem 2rem 0 !important;
  }

  .page-template-page-talent .dossier-hero h5 {
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 3rem 1rem !important;
  }
  .page-template-page-talent .dossier-hero h5 br{
    display: none;
  }

  /* About page Pocketbook car-hero: desktop height handled separately */


/* About page Pocketbook car-hero: desktop-only height */

  /* Roles page hero + page background: mobile-only */
  .page-template-page-roles {
    background-color: #5D4233 !important; /* var(--clr-wood) */
  }

  .page-template-page-roles .dossier-hero {
    background: linear-gradient(180deg, var(--clr-paper) 0%,var(--clr-paper) 60%, #2B180E 100%) !important;
  }
    /* Talent page hero divider: mobile-only margin tweak */

    .page-template-page-talent .talent-hero-divider {
      margin: 2rem 2rem  3rem!important;
    }
  

  /* Talent page "Our Process" heading: mobile-only */
  .page-template-page-talent #main-content > section:nth-of-type(2) h3.font-arizona {
    font-size: 18px !important;
    padding: 28px 0 !important;
  }

  /* Talent page FAQ heading: mobile-only */
  .page-template-page-talent #main-content > section:last-of-type .section-header h3.font-arizona {
    font-size: 26px !important;
    margin: 2rem 0 !important;
  }

  /* Talent page FAQ heading: mobile-only, section-specific override */
  .page-template-page-talent #main-content section.talent-faq-section  h3.font-arizona {
    font-size: 18px !important;
    margin: 2rem 0 !important;
  }

  /* Employers page hero: mobile-only */
  .page-template-page-employers .dossier-hero p {
    font-size: 16px !important;
    margin-top: 3.5rem !important;
  }

  .page-template-page-employers .dossier-hero .h1-title {
    font-size: clamp(32px, 9vw, 40px) !important;
    margin-top: 0.5rem !important;
  }

  .page-template-page-employers .employers-hero-divider {
    margin: 1.5rem 2rem !important;
  }

  .page-template-page-employers .dossier-hero h5 {
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 0 !important;

    margin: 0 2rem !important;
  }
    .page-template-page-employers .dossier-hero h5 br {
    display: none;
    }

  /* News page hero: mobile-only */
  .page-template-page-news .section-tighter-hero .h1-title {
    font-size: clamp(32px, 8vw, 40px) !important;
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
    padding: 0 1.5rem !important;
    line-height: 1.1 !important;
  }

  /* FAQ page heading section: mobile-only */
  .page-template-page-faq #main-content > section:first-of-type {
    margin-top:  3rem !important;
    padding: 0 !important;
  }

  .page-template-page-faq #main-content > section:first-of-type .section-header h1.h1-title {
    font-size: 40px !important;
    padding: 2.5rem !important;
  }

  /* Employers page "confidential, curated..." block: mobile-only */
  .page-template-page-employers .section-high-top {
    padding-top: 4rem !important;
    padding-bottom: 7rem !important;
  }

  .page-template-page-employers .section-high-top .wrap > div {
    margin: 0rem auto !important;
  }

  .page-template-page-employers .section-high-top img.rounded-none {
    width: 50% !important;
    max-width: 300px !important;
  }

  .page-template-page-employers .section-high-top h3 {
    font-size: 28px !important;
    padding-top: 1.5rem !important;
    line-height: 1.15 !important;
    
  }
    .page-template-page-employers .section-high-top p {
    font-size: 16px!important;
    padding-top: 1rem !important;
    line-height: 1.15 !important;
    margin: 5rem  0 4rem!important
  }

  /* Employers hero intro button: smaller & centered on mobile */
  .page-template-page-employers .section-high-top .button-1-wider {
    min-width: 220px !important;
    max-width: 260px !important;
    width: auto !important;
    display: inline-block;
    margin: 0 auto !important;
    font-size:12px !important;
  }

  /* Employers page third section (original heading block): mobile-only */
  /* .page-template-page-employers #main-content > section:nth-of-type(3) h1 {
    font-size: clamp(32px, 8vw, 40px) !important;
    padding: 2.5rem 1.5rem 1.25rem !important;
    margin: 0 auto !important;
  }

  .page-template-page-employers #main-content > section:nth-of-type(3) p {
    font-size: 18px !important;
    margin: 0 !important;
  }

  .page-template-page-employers #main-content > section:nth-of-type(3) .section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  } */

  /* Employers page "roles we specialize in" block (new class-based override): mobile-only */
  .page-template-page-employers #main-content > section.roles-section .section.text-center h1 {
    font-size: 40px !important;
    padding: 3.5rem 1.5rem 0.5rem !important;
    margin: 0 auto !important;
    font-weight: 400 !important;
  }

  .page-template-page-employers #main-content > section.roles-section .section.text-center p {
    font-size: 16px !important;
    margin: 2rem 4rem 1rem  !important;

  }

  .page-template-page-employers #main-content > section.roles-section .section.text-center {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .page-template-page-employers #main-content > section.roles-section br {
    display: none !important;
  }

  .page-template-page-employers .section-tp1 h1 {
    font-size: clamp(32px, 8vw, 40px) !important;
    margin: 2.5rem 1.5rem 1.5rem !important;
    padding: 0 !important;
  }

  .page-template-page-employers .section-tp1 p {
    font-size: 18px !important;
    margin: 0 2rem 3rem  !important;
  }

  /* Employers page "industries we specialize in" section: mobile-only override */
  .page-template-page-employers  .industries-section .section-tp1 {
    padding: 3rem 0 !important;
    
  }

  .page-template-page-employers  .industries-section .section-tp1 h1 {
    font-size: 40px !important;
    margin-top: 4rem !important;
  }

  .page-template-page-employers  .industries-section .section-tp1 p {
    margin:3rem 3rem  1rem!important;
    font-size: 16px !important;
  }

  .page-template-page-employers  .industries-section .section-tp1 p br {
    display: none !important;
  }

  /* Employers page mid-body h4 statement: mobile-only */
  .page-template-page-employers .section-tight h4 {
    font-size: 20px !important;
    margin: 3rem auto !important;
    padding: 0 1.5rem !important;
    line-height: 1.4 !important;
  }

  /* Employers page nationwide paragraph under hero-image-block: mobile-only */
  .page-template-page-employers .section-tight p {
    font-size: 16px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    padding-bottom: 2rem!important;
  }

  /* Employers page "nationwide presence" hero block: mobile-only */
  .page-template-page-employers .hero-image-block.hero-image-block--cover {
    min-height: 40vh !important;
  }

  .page-template-page-employers .hero-image-block__title {
    font-size: 40px !important;
    margin: 3rem auto !important;
    padding: 0 1.5rem !important;
    line-height: 1.15 !important;
  }

  .page-template-page-employers .hero-image-block__title br {
    display: none;
  }

  /* Employers page experience grid labels: mobile-only */
  .page-template-page-employers .search-grid-container p {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0.5rem 0.75rem !important;
  }

  /* Employers page "OUR EXPERIENCE SPANS" heading: mobile-only */
  .page-template-page-employers .content-center h3.text-center.mb-0 {
    font-size: 18px !important;
    padding: 43px 0 !important;
  }

  /* Employers page "Our Process" heading: mobile-only */
  .page-template-page-employers .our-process-section .our-process-heading {
    font-size: 40px !important;
    padding: 3.2rem 0 !important;
  }

  /* Employers page "Our Process" step text: mobile-only */
  .page-template-page-employers .our-process-section .difference-card p {
    font-size: 18px !important;
    margin: 6rem 4rem 0 1rem !important;
  }        
  .page-template-page-employers .grid{
    padding-top: 0!important;
    padding-bottom: 0!important;
    
  }
  .page-template-page-employers .our-process-section .difference-card .diff-number {
    font-size: 60px !important;
    margin: 1rem 0 !important;
  }        

  .page-template-page-employers .our-process-section .difference-card p br {
    display: none !important;
  }

  /* Employers page contact form heading + subtext: mobile-only */
  #executive-talent .executive-talent__form-inner h2.font-arizona {
    font-size: 30px !important;
    text-align: center !important;
    margin-top: 0.5rem!important;
  }

  #executive-talent .executive-talent__form-inner > p {
    font-size: 11.25px !important;
    text-align: center !important;
  }

    .executive-talent__form-inner{
    padding-bottom:  1.5rem !important;}

  /* for talent page */

    .page-template-page-talent .grid{
    padding-top: 0!important;
    padding-bottom: 0!important;
    
  }
  /* Talent page mobile overrides */

  .page-template-page-talent .talent-hero-divider {
    margin: 2rem 0rem !important;
  }

  .page-template-page-talent .talent-process-section .difference-card p {
    font-size: 18px !important;
    margin: 2rem 5rem 2rem 0rem!important;
  }
    .page-template-page-talent .talent-process-section .difference-card p br{
    display: none !important;
    }
    .page-template-page-talent .talent-process-section .difference-card .diff-number {
    font-size: 60px !important;
    margin: 1rem 0 !important;
  }        


  /* .page-template-page-talent .our-process-section .difference-card .diff-number {
    font-size: 60px !important;
    margin: 1rem 0 !important;
  }        

  .page-template-page-talent .our-process-section .difference-card p br {
    display: none !important;
  }


  .page-template-page-talent #executive-talent .executive-talent__form-inner h2.font-arizona {
    font-size: 30px !important;
    text-align: center !important;
    margin-top: 0.5rem!important;
  }

  .page-template-page-talent #executive-talent .executive-talent__form-inner > p {
    font-size: 11.25px !important;
    text-align: center !important;
  } */
  /* Employers page contact form fields: mobile-only thinner height */
  .executive-talent__form-inner input[type="text"],
   .executive-talent__form-inner input[type="email"],
   .executive-talent__form-inner input[type="tel"],
  .executive-talent__form-inner input[type="file"]{
    padding: 0.5rem !important;
    font-size: 11.25px;
    text-transform: uppercase !important;
  }
   .executive-talent__form-inner textarea {
    padding: 0.5rem !important;
    font-size: 11.25px;
    text-transform: uppercase !important;
    min-height: 180px !important;
   }

   .executive-talent__form-inner label {
    padding: 0.5rem !important;
    font-size: 11.25px;
  }

  .executive-talent__form-inner button[type="submit"] {
    padding: 0.6rem !important;
    font-size: 11.25px;
  }

  .four-column-card-long{
    padding: 1rem !important;
    min-height: 100px !important;
    border-left: none;

  }

  .four-column-card-long {
    border-top: none;
  }

  /* Home "Dossier Difference" cards: remove big top margin on inner content for mobile */
 .difference-card > div:nth-of-type(2) {
    margin-top: 0 !important;
  }
  /* Home "Dossier Difference" numbers: smaller on mobile */
   .difference-card .diff-number {
    font-size: 60px !important;
    margin-top: 0!important;
    margin-bottom: 1rem !important;
  }

  /* Home "The Dossier Difference" heading: smaller on mobile */
  .home h2.font-arizona.text-center.mb-0 {
    font-size: 18px !important;
    padding: 20px 0 !important;
  }
  /* Home "Private and Executive Level Searches" heading: smaller on mobile */
  .home h3.font-arizona.text-center.mb-0 {
    font-size: 18px !important;
    padding: 20px 0 !important;
  }
  /* Home Private & Executive Searches grid labels: smaller on mobile */
  .search-grid-container p {
    font-size: 14px !important;
    line-height: 1.3 !important;

  }
  /* About page "SMARTER STAFFING TECHNIQUE" section: mobile-only */
  .section.media-feature {
    padding: 0 !important;
    margin:0 0 5rem !important
  }

  .page-template-page-about-us .media-feature .section-header .h1-title {
    font-size:40px!important;
    padding: 0 !important;
    margin: 0rem 5rem 5rem !important;
  }

  /* About page "OUR METHOD" media block: mobile-only */
  .page-template-page-about-us .media-feature .media-grid__title {
    font-size: 18px !important;
    margin: 2rem 1.5rem 1rem 1.5rem !important;
    padding-bottom: 0 !important;
  }

  .page-template-page-about-us .media-feature .media-grid__text {
    font-size: 14px !important;
    margin: 0 1.5rem 2rem 1.5rem !important;
    line-height: 1.6 !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* About page media image height: mobile-only */
  .page-template-page-about-us .media-grid__media {
    height: 55vh !important;
  }

  /* About page hero: mobile-only */
  /* .page-template-page-about-us .dossier-hero h1 {
    font-size: clamp(26px, 7vw, 36px);
    margin-bottom: 0.75rem;
  }

  .page-template-page-about-us .dossier-hero h2 {
    font-size: clamp(18px, 4.2vw, 24px) !important;
    line-height: 1.4;
    margin-bottom: 1.75rem;
  }

  .page-template-page-about-us .dossier-hero h2 br {
    display: none;
  }

  .page-template-page-about-us .dossier-hero .flex.flex-wrap.justify-center {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }

  .page-template-page-about-us .dossier-hero .flex.flex-wrap.justify-center .button-2 {
    width: 100%;
    max-width: 260px;
    margin: 0;
  } */

  /* Contact CTA content grid: mobile-only */
  /* .home .contact-content {
    grid-template-columns: 1fr;
    column-gap: 0.5rem;
  } */

  .contact-content p,
   .contact-content div,
  .contact-content a {
    font-size: 14px !important;
   
    overflow-wrap: anywhere;
  }

  /* Splash screen text: mobile-only size */
  #splash-screen span {
    font-size: 30px !important;
  }
  /* Hide splash entirely on small screens and ensure content is visible */
  #splash-screen {
    display: none !important;
  }
  #main-content {
    opacity: 1 !important;
  }
  .mtop-5{
  margin-top: 3rem !important;
}
}

/* Talent page mobile overrides */
@media (max-width: 900px) {
  .page-template-page-talent {
    overflow-x: hidden;
  }



  .page-template-page-talent .talent-hero-divider {
    margin: 2rem 2rem !important;
  }

  .page-template-page-talent .talent-process-section .difference-card p {
    font-size: 18px !important;
  }

 .talent-expectations__title {
    font-size: 28px !important;
    margin: 0 0 2.5rem !important;
  }

  .page-template-page-talent .talent-expectations__list .fade-text {
    font-size: 16px !important;
    width: 100% !important;
    margin: 0 1rem 1.25rem 0 !important;
  }

  .page-template-page-talent .talent-expectations {
    padding: 3rem 0 4rem !important;
    max-width: 100% !important;
  }

  /* Remove inner wrap padding so text can go full width */
  .page-template-page-talent .talent-expectations .wrap {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  .talent-expectations__inner {
    max-width: 100% !important;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 !important;
    margin: 1rem 4rem 1rem 2rem !important;
    text-align: left;
    justify-content: center;
  }

  /* .talent-expectations__title {
    font-size: clamp(2rem, 8vw, 3rem);
    width: 100%;
    margin: 0 auto;
    padding: 0 ;
    word-break: break-word;
    letter-spacing: 0.02em;
  } */

  .talent-expectations__list {
    margin-right: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    /* align-self: stretch !important; */
  }

  /* .talent-expectations__list p {
    font-size: 0.95rem;
    margin: 0.2rem 0;
  } */
}





.mtop-5{
  margin-top: 5rem ;
}
/* Home contact CTA button alignment */
.home .contact-content > div:last-child {
  grid-column: 1 / -1;
  text-align: center;
}

.home .contact-content > div:last-child .button-1-wider {
  margin-left: 0 !important;
  margin-right: 0;
}

/* Spacing for hero-image-block h4 and button */
.hero-image-block__title {
  margin: 4rem auto;
  font-size: 40px;
}
.hero-image-block .button-2 {
  margin: 1rem auto;
  
}

/* Prevent horizontal overflow on smaller-width screens (desktop & mobile) */
@media (max-width: 1200px) {
  html,
  body {
    overflow-x: hidden;
  }
}

.hero-image-block {
  width: 100%;
  min-height: 78vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}



.hero-image-block--cover {
  background-size: cover;
  background-position: center;
}


.cta-panel {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid var(--clr-ink);
  padding: 4rem 0;

  
}

.cta-panel__title {
  text-transform: uppercase;
  margin: 4rem 8rem;
  font-size: 40px;
}

.faq-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--clr-ink);
  
  width: 100%;
  margin: 0 0;
  background: #ffffff;
}

.faq-toggle__button {
  padding: 4rem 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 30px;
  border: none;
  background: #ffffff;
  color: var(--clr-ink);
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-family: "ABC Diatype", sans-serif;
  color:var(--clr-tan);
}

.faq-toggle__button:hover {
  background: var(--clr-tan);
  color: var(--clr-ink);
}

.faq-toggle__button + .faq-toggle__button {
  border-left: 1px solid var(--clr-ink);
}

.faq-toggle__button.is-active {
  background: var(--clr-ink);
  color: #ffffff;
}

.privacy-policy {
  background: var(--clr-paper);
  padding: 5rem 0 0;
}

.privacy-policy__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2.5rem;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 4.5rem;
  align-items: start;
}

.privacy-policy__nav {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: var(--clr-ink);
}

.privacy-policy__link {
  appearance: none;
  border: none;
  background: #ffffff;
  padding: 0.35rem 0.5rem;
  font-family: inherit;
  color: var(--clr-tan);
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  display: block;
  width: 100%;
  text-align: left;
  align-self: flex-start;
}

/* Centered single post layout (alternative) */
/* Old: centered all text in the article
.single-article--centered {
  text-align: center;
}
*/
.single-article--centered {
}

.single-article__wrap--centered {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.single-article__media--centered {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.single-article__image--centered {
  max-width: 100%;
  height: auto;
}

.single-article__content--centered {
  /* max-width: 720px; */
  margin: 0 0 ;
}

.single-article__title--centered {
  margin-top: 0;
  margin-bottom: 1rem;
}

.single-article__date--centered {
  margin-bottom: 1.5rem;
}

/* Old: forced post body text to center
.single-article__body--centered {
  text-align: center;
}
*/
.single-article__body--centered {
}

/* Center only the heading and date in centered layout */
.single-article__title--centered,
.single-article__date--centered {
  text-align: center;
}

.privacy-policy__link:hover {
  background: var(--clr-tan);
  color: var(--clr-ink);
}

.privacy-policy__link.is-active {
  font-weight: 600;
  background: var(--clr-ink);
  color: #ffffff;
}

.privacy-policy__content {
  max-width: 760px;
}

.privacy-policy__section {
  margin-bottom: 2.5rem;
}

.privacy-policy__title {
  margin: 0 0 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}

.privacy-policy__text {
  margin: 0 0 1rem;
  line-height: 1.6;
  color: var(--clr-ink);
}

.privacy-policy__label {
  margin: 1.2rem 0 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}

.dark-list {
  background: var(--clr-ink) !important;
  color: #ffffff;
  padding: 10rem 0;
}

.dark-list__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: grid;
  gap: 4rem;
}

.dark-list__item {
  display: grid;
  grid-template-columns: 1.2fr 1.6fr 0.9fr;
  gap: 2rem;
  align-items: start;
  padding: 2.5rem 0;
  border-top: 3.5px solid rgba(255, 255, 255, 0.6);
}

.dark-list__item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.dark-list__title {
  margin: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 40px;
  font-family:"ABC Diatype", sans-serif;
  line-height: 1.2;
  font-weight: 300 ;
}

.dark-list__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  font-family:"ABC Diatype", sans-serif;
}

.dark-list__cta {
  justify-self: end;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  min-width: 220px;
  padding: 0.7rem 2.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #ffffff;
  color: var(--clr-ink);
  background: #ffffff;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.dark-list__cta:hover {
  background: transparent;
  color: #ffffff;
}

.talent-expectations {
  background: var(--clr-paper);
  padding: 6rem   0 15rem;
}

.talent-expectations__inner {
  max-width: 65%;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: start;
}

.talent-expectations__title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 106px;
  line-height: 1.05;
  margin: 8rem 0 4rem 0;

}

.talent-expectations__list {
  display: grid;
  gap: 1.5rem;
  color: var(--clr-ink);
  align-self: flex-end;
  max-width: 700px;

  margin-right: 5rem;
}

.talent-expectations__list p {
  margin: 0.3rem 2rem;
  font-size: 1.2rem;
  line-height: 24px;
  color: var(--clr-ink);
   letter-spacing: 0.05em;
}

/*
Theme Name: Dossier Child
Template: generatepress
Version: 1.0.0
*/

/* COLOR PALETTE */
:root{
  --clr-ink:  #1F1412;
  --clr-paper:#FCFBF8;
  --clr-wood: #5D4233;
  --clr-tan:  #B49C8F;
  --clr-cream:#EADDD6;
}

html{ box-sizing:border-box; }
*,*::before,*::after{ box-sizing:inherit; }

body{
  margin:0 !important; background:var(--clr-paper); color:var(--clr-ink);
  font-family:"ABC Diatype", system-ui, -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

}

.font-arizona{
  font-family:"ABC Arizona Flare Variable", serif !important;  
}
.font-diatype{
  font-family:"ABC Diatype", serif !important;
}
/* ONLY affects the grid labels */
.search-label {
  color: white;
  text-transform: uppercase;

  font-size: 1.4rem;      /* make text larger */
  line-height: 1.4;        /* spacing when lines break */
  letter-spacing: .05em;

  margin: 0;               /* remove mb-4 spacing */
}


h2,h3,h4,h5,h6{

  color:var(--clr-ink);
  margin:0 0 0.75rem;
  margin-inline:clamp(12px, 3vw, 24px);
}

h1{
  font-family:"ABC Arizona Flare Variable", serif;
  font-size:clamp(6.0rem, 10.8vw, 4.8rem);
  line-height:0.9 !important;
  color:var(--clr-ink);
  font-weight:400;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-inline:clamp(12px, 3vw, 24px);
  
}
h1 span.diatype-font {
  font-family: "ABC Diatype" !important;
}
h2{
 
  font-size:clamp(1.0rem, 2.9vw, 3.6rem);
  line-height:0.98;
  font-weight:400;
  text-transform:uppercase;
}
.arizona-font-execution {
  font-family: "ABC Arizona Flare Variable", serif !important;
  font-weight: 400; /* adjust if needed */
} 
.built-by-title{
  font-size: 60px;
  line-height: 0.98;
  font-weight: 400;
  text-transform: uppercase;
}

h3{
  font-size:clamp(1.3rem, 3.5vw, 2.4rem);
  line-height:1;
  text-transform:uppercase;
}
.arizona-font-h3 {
  font-family: "ABC Arizona Flare Variable", serif !important;
  font-weight:400;
  display: inline-block;  /* ensures it overrides the parent font */
}
h4{
  font-size:clamp(1.15rem, 3.8vw, 2.4rem);
  line-height:1;
  font-weight:400;
}

h5{
  font-size:clamp(1rem, 2.8vw, 2rem);
  line-height:1.02;
  font-weight:400;
}

h6{
  font-size:clamp(1.95rem, 2.1vw, 1.7rem);
  line-height:1.02;
  font-weight:400;
}

p{
  line-height: 1.2 !important;
  font-size:clamp(1.1rem, 1.4vw, 1.15rem);
  font-weight:380;
  color:var(--clr-ink) ;
  margin:0 0 1rem;
  margin-inline:clamp(12px, 3vw, 24px);
}
.about-tagline{
  line-height:0.9;
}

.about-tagline br{
  display:block;
  content:"";
  margin-top:0.15em;
}

.wrap{ max-width:1240px; margin:0 auto; padding:0 24px; }
.wrap--full{ max-width:100%; }

/* Sections */
.section{ padding:64px 0; background:var(--clr-paper); }
.section-partners{ padding: 80px 0 80px 0; background:var(--clr-paper); } 
.section-tight{ padding:2rem 8rem; background:var(--clr-paper); }
.section-tighter{ padding:2rem 12rem; background:var(--clr-paper); }
.section-tighter-hero{ padding:8rem 12rem; background:var(--clr-paper); }
.section-npb{ padding:74px 0 0 0; background:var(--clr-paper); }
.section-npt{ padding: 0 0 64px 0; background:var(--clr-paper); }
.section-tp{padding:2rem 0 2rem 0; background:var(--clr-paper);}
.section-tp1{padding:3rem 0 7rem 0; background:var(--clr-paper);}
.section-white-space{ padding:2.3rem 0;  background:var(--clr-paper); }
.section-high-top{ padding:8rem 0 8rem 0; background:var(--clr-paper); }
.section--cream{ padding:64px 0; background:var(--clr-cream); }
.section--clr-paper{ padding:64px 0; background:var(--clr-paper); }

/* Employers page "industries we specialize in" section: desktop */
.page-template-page-employers .industries-section .section-tp1 h1 {
  font-size: 60px;
}

.page-template-page-employers .industries-section .section-tp1 p {
  font-size: 24px;
}

.value-prop-hover-img{
  /* transition:margin-bottom 0.3s ease; */
   margin-bottom:10rem;
}

/* .value-prop-hover-img:hover,
.value-prop-hover-wrap:has(.value-prop-hover-h4:hover) .value-prop-hover-img{
  margin-bottom:10rem;
} */

.built-by-divider{
  height:175px;
  transition:height 0.3s ease;
  background-color: #1F1412;
  width: 2px; margin: 0 auto 2rem;
}

.built-by-section:hover .built-by-divider{

 background-color:transparent;
}
.built-by-stay{
  height:175px; width: 2px; background-color: #1F1412; margin: 0 auto;
}

main#main-content section{
  background-color:var(--clr-paper);
}

.roles-select{
  border-top:1px solid var(--clr-ink);
  border-bottom:1px solid var(--clr-ink);
  background:var(--clr-paper);
}

.roles-select__inner{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  min-height:480px;
}

.roles-select__content{
  padding:56px 64px;
}

.roles-select__title{
  margin:0 0 20rem 0;
  font-size: 30px;
  text-transform:uppercase;
}

.roles-select__panel{ display:none; margin: 0 1rem 0 0; }
.roles-select__panel.is-active{ display:block; }

.roles-select__list{
  border-left:1px solid var(--clr-ink);
  display:flex;
  flex-direction:column;
}

.roles-select__button{
  width:100%;
  text-align:left;
  padding:2.5rem 4rem;
  border:none;
  border-bottom:1px solid var(--clr-ink);
  background:transparent;
  color:var(--clr-ink);
  font-family:inherit;
  font-size:30px;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
}

.roles-select__button:last-child{
  border-bottom:none;
}

.roles-select__button:hover{
  background:var(--clr-tan);
}

.roles-select__button.is-active{
  background:var(--clr-ink);
  color:#ffffff;
}


/* Contact CTA hover + mobile behavior */
.contact-image-container:hover .contact-image-overlay{
  transform:translateX(-40%) !important;
}

/* Grids */
.grid{ display:grid; gap:7px; }
.grid--3{ grid-template-columns:repeat(3,1fr); }

/* Hero */
.hero{
  display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; min-height:70vh;
}
.hero__eyebrow{ text-transform:uppercase; letter-spacing:.12em; font-size:.85rem; color:var(--clr-wood); }
.hero__media img{ width:100%; height:auto; display:block; }

/* Buttons */
.btn{ display:inline-block; padding:.8rem 1.3rem; text-decoration:none; border-radius:2px; }
.btn-primary{ background:var(--clr-ink); color:#fff; }
.btn-outline{ border:1px solid var(--clr-ink); color:var(--clr-ink); }

/* News listing rows */
.news-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 56px; }
.news-item{ display:grid; grid-template-columns:200px 1fr; gap:20px; border-top:1px solid #575656; padding:24px 0; align-items:start; }
.news-item img{ width:100%; height:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.news-item time{ display:block; font-size: 20px; font-family: "ABC Diatype", sans-serif; letter-spacing:.08em; text-transform:uppercase; color:var(--clr-tan); margin-bottom:8px; }
.news-item h2{ margin:0 0 8px; font-size:30px; line-height:1.2;  font-family:"ABC Diatype", sans-serif; }
.news-item h2 a{ text-decoration:none; color:inherit; }
.news-item p{ margin:0; color:var(--clr-ink); }

/* Single post layout */
.single-article{ background:var(--clr-cream);  }
.single-article__wrap{
  margin-top: 2.5rem;
  display:grid;
  grid-template-columns:1.2fr .9fr;
  gap:56px;
  align-items:start;
  padding:32px 24px 32px;
}
.single-article__media{
  display:flex;
  position:sticky;
  top:24px;
  align-self:start;
}
.single-article__image{ width:100%; height:auto; display:block; }
.single-article__content{ margin-top:60%; }
.single-article__title{
  margin:0 0 8px;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:40px;
  line-height:1.2;
  font-family: "ABC Diatype", sans-serif;
}
.single-article__date{ margin:0 0 24px; color:var(--clr-wood); font-family: "ABC Diatype", sans-serif; font-size: 24px;}
.single-article__body{ max-width:700px; margin-top:50%; }
.single-article__body p{ margin:0 0 1.5rem; font-family: "ABC Diatype", sans-serif; font-size: 20px ;}

/* Split layout: image smaller on left, title/date on right, content below */
.single-article--split .single-article__wrap{
  display:flex;
  flex-direction:column;
  gap:40px;
}

.single-article__header-row{
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:40px;
  align-items:center;
}

.single-article--split .single-article__media{
  position:static;
  top:auto;
}

.single-article--split .single-article__image{
  width:100%;
  height:auto;
  max-width:520px;
}

.single-article__meta--split{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.single-article--split .single-article__content{
  margin-top:0;
}

.single-article--split .single-article__title,
.single-article--split .single-article__date{
  text-align:left;
}

.single-article--split .single-article__body{
  max-width:none;
  margin-top:1.5rem;
}
/* Centered variant: stack image, title, date, content */
.single-article--centered .single-article__wrap{
  display:flex;
  flex-direction:column;
  /* align-items:center; */
  gap:2rem;
  padding:48px 24px 64px;
}

.single-article--centered .single-article__media{
  position:static;
  top:auto;
  /* justify-content:center; */
}

.single-article--centered .single-article__image{
  max-width:800px;
  width:100%;
  height:auto;
}

.single-article--centered .single-article__content{
  margin-top:0;
 width:100%;
 /* justify-content:center; */
}

.single-article--centered .single-article__title,
.single-article--centered .single-article__date,
.single-article--centered .single-article__body{
  /* text-align:center; */
    /* align-items:center; */
    /* justify-content: center; */
     margin-top:2rem;
 
  /* margin-left:auto;
  margin-right:auto; */
}

.single-article--centered .single-article__body{
  /* justify-content:center; */
  width:100%;
  max-width:none;

}

/* Helpers */
.hr{ height:1px; background:#d9d9d9; margin:32px 0; }

/* Header */
.site-header{ position:relative; z-index:20; border-bottom:1px solid var(--clr-paper); padding: 0; }
.site-header--overlay{ position:fixed; top:0; left:0; right:0; z-index:100; border-bottom:1px solid var(--clr-paper); background:var(--clr-tan); }
.header__inner{ display:flex; align-items:center; justify-content:space-between; padding: 0; }
.site-header .wrap{ max-width:100%; padding-left:2rem; padding-right:4rem; }
.logo{font-size:2.8rem; color:var(--clr-ink); text-decoration:none; margin:6px 0; }
.logo a{ color:inherit; text-decoration:none; }
.nav-toggle{ display:none; background:transparent; border:0; width:44px; height:44px; padding:0; align-items:center; justify-content:center; border-radius:2px; color:var(--clr-ink); font-size:1.2rem; position:relative; z-index:150; }
.nav-toggle__icon{ display:block; width:24px; height:24px; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.nav-toggle__label{ display:none; margin-left:0.4rem; font-size:0.72rem; letter-spacing:0.08em; }
.site-header--light .nav-toggle{ color:#ffffff; }
.page-blogs .site-header,
.page-roles .site-header,
.page-news .site-header,
.page-faq .site-header,
.page-contact .site-header,
.page-privacy-policy .site-header,
.page-blogs .site-header--overlay,
.page-roles .site-header--overlay,
.page-news .site-header--overlay,
.page-faq .site-header--overlay,
.page-contact .site-header--overlay,
.page-privacy-policy .site-header--overlay{
  border-bottom-color:#1F1412;
}
.primary-nav .menu{ list-style:none; margin:0; padding:0; display:flex; gap:3rem; align-items:center; }
.primary-nav a{ text-decoration:none;   color:var(--clr-ink); position:relative; padding-bottom:4px; font-family:"ABC Diatype",sans-serif;  }

.primary-nav a:hover::after{ content:"";   position:absolute; left:0; right:0; bottom:0; height:1px; background:currentColor; }
.site-header--overlay .logo{ color:var(--clr-ink); }
.primary-nav .menu a{
  letter-spacing:0.2em; font-size: 20px; font-family:"ABC Diatype", sans-serif; font-weight: 100!important; text-transform: uppercase; 
}
.primary-nav .menu .menu-arrow{
  display: none;
  margin-left: 0.35rem;
  font-size: 0.9em;
  line-height: 1;
  align-items: center;
}

.primary-nav .menu > li.menu-item-has-children > a .menu-arrow,
.primary-nav .menu > li:has(> .sub-menu) > a .menu-arrow{
  display: inline-flex;
}

.primary-nav .menu .sub-menu{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 240px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid rgba(31, 20, 18, 0.2);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(31, 20, 18, 0.12);
  display: none;
  z-index: 120;

}

.primary-nav .menu .sub-menu::before{
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
}

.primary-nav .menu .sub-menu li{
  margin: 0;
  border-top: 1px solid rgba(31, 20, 18, 0.12);
}

.primary-nav .menu .sub-menu li:first-child{
  border-top: none;
}

.primary-nav .menu .sub-menu a{
  display: block;
  padding: 0.7rem 1.1rem;
  text-transform: none!important;
  letter-spacing: 0.08em;
  font-size: 20px;
  color: var(--clr-ink);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.primary-nav .menu .sub-menu a:hover{
  background: var(--clr-tan);
  color: var(--clr-ink);
}

.primary-nav .menu > li:hover > .sub-menu,
.primary-nav .menu > li:focus-within > .sub-menu{
  display: block;
}

/* Home page styles start */
/* Home hero */
.home-hero{ position:relative; min-height:100vh; display:flex; align-items:flex-start; justify-content:center; background:#000; overflow:hidden; }
.home-hero__bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.02); }
.home-hero__overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,8,6,0.45) 0%, rgba(10,8,6,0.62) 40%, rgba(10,8,6,0.72) 70%, rgba(10,8,6,0.85) 100%); }
.home-hero__inner{ position:relative; width:100%; padding:140px 24px 120px; display:flex; align-items:flex-end; }
.home-hero__content{ max-width:780px; color:#fff; }
.home-hero__eyebrow{ font-size:.9rem; letter-spacing:.18em; text-transform:uppercase; margin-bottom:18px; color:rgba(255,255,255,0.72); }
.home-hero__title{ font-size:4rem; line-height:1.05; margin:0 0 24px; text-transform:uppercase; }
.home-hero__subtitle{ font-size:1.4rem; line-height:1.4; margin:0 0 36px; font-weight:500; }
.home-hero__actions{ display:flex; gap:18px; }
.btn{ border-radius:2px; font-weight:600; letter-spacing:.02em; text-transform:uppercase; }
.btn-light{ background:#f6f6f6; color:#1b1311; padding:0.9rem 1.6rem; border:1px solid transparent; }
.btn-outline-light{ background:transparent; color:#f6f6f6; padding:0.9rem 1.6rem; border:1px solid rgba(255,255,255,0.6); }
.btn-outline-light:hover{ border-color:#fff; }


/* Button hover swap effect */
.btn-hover-swap {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-hover-swap:hover {
  background-color: var(--clr-ink) !important;
  color: white !important;
}

/* Dossier Difference grid cards */
.difference-card {
  border-right: 1px solid var(--clr-ink);
  border-bottom: 1px solid var(--clr-ink);
  padding: 1rem;
  min-height: 680px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease, color 0.3s ease;
}
/* Make card numbers bigger and add left margin */
.difference-card .diff-number {
  font-size: 7rem;       /* bigger numbers */
  font-weight: normal;    /* remove bold if needed */
  margin-left: 1rem;      /* space from the left edge */
  margin-top: 1rem;        /* space from top of card */
}
.difference-card .diff-title.font-bold {
  font-weight: 700; /* full bold */
}
/* Card title (first <p>) */
.difference-card p:first-of-type {
  font-size: 1.3rem;   /* bigger title */
  line-height: 1.5;    /* spacing when text wraps */
  text-transform: uppercase;
}

/* Card description (last <p>) */
.difference-card p:last-of-type {
  font-size: 1.1rem;  /* bigger description */
  line-height: 1.6;    /* spacing for wrapped lines */
}

@media (max-width: 900px) {
.difference-card p.font-bold {
    font-size: 18px !important;
  }

  .difference-card p.leading-relaxed {
    font-size: 16px !important;
    font-weight: 100 !important;
  }
.built-by-divider{
  height:110px;
  transition:height 0.3s ease;
  background-color: #1F1412;
  width: 2px; margin: 0 auto 2rem;
}

.built-by-section:hover .built-by-divider{

 background-color:transparent;
}
.built-by-stay{
  height:110px; width: 2px; background-color: #1F1412; margin: 4rem auto 0;
}
}

.difference-card:hover {
  background-image: var(--bg-img);
  color: white;
}

.difference-card:hover h3,
.difference-card:hover h4,
.difference-card:hover h5,
.difference-card:hover h6,
.difference-card:hover p,
.difference-card:hover .diff-number {
  color: white !important;
}

/* Button Styles */
.button-1 {
  background: white;
  color: var(--clr-ink);
  border: 1px solid var(--clr-ink);
  min-width: 250px;
  text-align: center;
  font-size: 0.75rem; /* text-xs equivalent */
  display: inline-block;
  padding: 0.6rem 1.3rem;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.button-1-wider:hover,
.button-1:hover {
  background-color: var(--clr-ink) !important;
  color: white !important;
}
.button-1-wider{
  background: white;
  color: var(--clr-ink);
  border: 1px solid var(--clr-ink);
  min-width: 360px;
  text-align: center;
  font-size: 15px; 
  display: inline-block;
  padding: 0.6rem 1.3rem;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

@media (max-width: 900px) {
  .home .button-1-wider {
    min-width: 220px !important;
    max-width: none !important;
    min-height: 30px !important;
    font-size: 12px !important;
    padding: 0.3rem 0.9rem !important;
  }

  .home .section--clr-paper:last-of-type .button-1-wider {
    padding: 0 !important;
  }

 
}


.button-2 {
  background: white;
  color: var(--clr-ink);
  font-size: 0.9rem;
  min-width: 270px;
  text-align: center;
  display: inline-block;
  padding: 0.6rem 1.2rem;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.button-2:hover {
  background-color: var(--clr-ink) !important;
  color: white !important;
}

.button-3 {
  background: transparent;
  color: var(--clr-ink);
  border: 1px solid var(--clr-ink);
  min-width: 330px;
  text-align: center;
  display: inline-block;
  padding: 0.7rem 1.3rem;
   font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.button-3:hover {
  background-color: var(--clr-ink) !important;
  color: white !important;
}

.button-3-light {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
   min-width: 300px;
  text-align: center;
  display: inline-block;
 padding: 0.6rem 1.3rem;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.button-3-light:hover {
  background-color: #ffffff !important;
  color: var(--clr-ink) !important;
}

.button-ghost{
  background:transparent !important;
  color:#fff !important;
  border:1px solid #fff !important;
}

.button-ghost:hover{
  background:#fff !important;
  color:var(--clr-ink) !important;
}

/* Private & Executive Searches Section */
.search-grid-cell {
  transition: all 0.3s ease;
}

.search-grid-cell:hover {
  background-color: white !important;
}

.search-grid-cell:hover h1,
.search-grid-cell:hover h2,
.search-grid-cell:hover h3,
.search-grid-cell:hover h4,
.search-grid-cell:hover h5,
.search-grid-cell:hover h6,
.search-grid-cell:hover p {
  color: var(--clr-ink) !important;
}

.search-grid-container {
  display: table;
  width: 100%;
  height: 72vh;
  border-collapse: collapse;
  border: 2px solid rgb(196, 191, 191);
  background-size: cover;
  background-position: center;
}

/* Employers experience grid: cover background without distortion */
.page-template-page-employers .search-grid-container {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.search-grid-row {
  display: table-row;
  height: 50%;
}

.search-grid-cell {
  display: table-cell;
  padding: 40px 20px;
  text-align: center;
  width: 33.333%;
  color: white;
  vertical-align: middle;
}
.search-grid-cell p{
  font-size: 24px;
}

/* Home page styles end */

/* About page styles start */
.comparison-full{
  width:100%;
  max-width:none;
  margin:0;

}

.comparison-tabs{
  display:none;
  width:100%;

}

.comparison-tab{
  flex:1;
  padding:14px 10px;
  text-align:center;
  border:1px solid var(--clr-ink);
  background-color:var(--clr-paper);
  color:var(--clr-ink);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:600;
}

.comparison-tab + .comparison-tab{
  border-left:none;
}

.comparison-tab.is-active{
  background:var(--clr-ink);
  color:#fff;
}

.accordion{
  border-top:1px solid var(--clr-ink);
  border-bottom:1px solid var(--clr-ink);
;
}

.accordion-item{
  border-top:1px solid var(--clr-ink);
}

.accordion-item:first-child{
  border-top:none;
}

.accordion-summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 32px;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size: 24px !important;
  height: 165px;

}


.accordion-summary::-webkit-details-marker{
  display:none;
}

.accordion-icon{
  font-size:1.5rem;
  line-height:1;
  font-weight:500;
  width:24px;
  text-align:center;
  transition:transform 0.2s ease;
}

.accordion-item[open] .accordion-icon{
  transform:rotate(45deg);
}

.accordion-content{
  padding:5rem 32px 24px;
  margin-right: 40rem !important;
 
}
.accordion-content p{
  margin-top: 5rem;
 font-size: 24px !important;
}

/* Reduce accordion right margin on smaller-width screens */
@media (max-width: 1200px) {
  .accordion-content {
    margin-right: 22rem !important;
  }
}


.comparison-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--clr-ink);
  background: var(--clr-paper);
}

.comparison-header{
  text-align:center;
  padding:45px 48px;
  border-bottom:1px solid var(--clr-ink);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight: 400!important;
  font-size:40px;
}

.comparison-header:nth-child(2){
  border-left:1px solid var(--clr-ink);
}

.comparison-cell{
  padding:64px 81px 140px;
  min-height:620px;
}

.comparison-cell:nth-child(3){
  border-right:1px solid var(--clr-ink);
}

.comparison-list{
  list-style:none;
  padding:0;
  margin:3.5rem 0;
  display:flex;
  flex-direction:column;
  gap:40px;
  font-size: 24px;
}

.comparison-list li{
  display:flex;
  gap:16px;
  align-items:flex-start;
  line-height: 1em;
}

.comparison-icon{
  display:inline-block;
  width:20px;
  text-align:center;
  font-weight:600;
}

.car-hero-title{
  font-weight:400;
  letter-spacing:.04em;
}

.four-column-grid{
  margin-top:40px;
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--clr-ink);
  background:var(--clr-paper);
}

.h1-title{
  font-size:106px !important;
}

.four-column-card{
  padding:70px 48px;
  border-left:1px solid var(--clr-ink);
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  transition:background-color 0.25s ease, color 0.25s ease;
}
.four-column-card-long{
  padding:150px 48px;
  border-left:1px solid var(--clr-ink);
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  transition:background-color 0.25s ease, color 0.25s ease;
}
.four-column-card-long:first-child,
.four-column-card:first-child{
  border-left:none;
}
.four-column-card-long.is-highlight,
.four-column-card.is-highlight{
  background:var(--clr-ink);
  color:#fff;


}

.four-column-card-long:hover,
.four-column-card:hover{
  background:var(--clr-ink);
  color:#fff;
}

.four-column-title{
  text-transform:uppercase;
  font-size: 24px;
  margin: 0 ;
}

.four-column-text{
  margin: 1rem 0;
    font-size: 24px;

}
.four-column-text-smaller{
  margin: 1rem 0;
    font-size: 16px;

}

.four-column-card-long.is-highlight .four-column-title,
.four-column-card-long.is-highlight .four-column-text,
.four-column-card-long.is-highlight .four-column-text-smaller,
.four-column-card.is-highlight .four-column-title,
.four-column-card.is-highlight .four-column-text,
.four-column-card.is-highlight .four-column-text-smaller{
  color:#fff;
}

.four-column-card-long:hover .four-column-title,
.four-column-card-long:hover .four-column-text,
.four-column-card-long:hover .four-column-text-smaller,
.four-column-card:hover .four-column-title,
.four-column-card:hover .four-column-text,
.four-column-card:hover .four-column-text-smaller{
  color:#fff;
}

.media-feature{
  padding-top:40px;
}

.section-header{
  text-align:center;
  margin-bottom:32px;
}

.section-header h1{
  margin:0;
}

.media-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:stretch;
  padding:0;
  min-height: 40rem;
}

.media-grid__media{
  height:100%;
}

.media-grid__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.media-grid__content{
  max-width:520px;
 
}

.media-grid__title{
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:400;
  padding-bottom: 4rem;
  margin:10rem 3rem 22px 0rem;
  font-size: 40px;
}

.media-grid__text{
  margin: 1rem 0rem;
  line-height:1.5;
  color:var(--clr-ink);
  font-size: 24px;
}
.grid.grid-blog.grid-3x3{
padding-bottom: 0rem !important;
}

/* About page styles end */


/* Home page mobile styles start */
@media (max-width:900px){
  .dark-list__title{
    font-size: 18px !important;
    margin: 0 2rem 0 0!important;
    line-height: 1.2 !important;
  }
  .dark-list__text{
    font-size: 16px !important;
    margin: 0 2rem 0 0 !important
  }
  .dark-list__cta{
    font-size: 11.25px !important;
    margin: 0 2rem 0 0 !important;
    padding: 0.5rem 2rem !important;
    justify-self: start;
  }
  .dark-list__inner{
    gap:0rem !important;
    margin-bottom: 9rem !important;
  }
  .dark-list__item{
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding:40px 20px 20px!important;
  }

  .dark-list {
  background: #2B180E !important;
  color: #ffffff;
  padding: 7rem 0;
}






.four-column-text-smaller{
  font-size: 12px !important;
  margin: 0 2rem !important
}
  .four-column-title{
    font-size: 18px !important;
    margin: 1px 0 !important;
    padding: 1px !important;
  }
  .four-column-text{
    font-size: 14px !important;
    margin: 0.5rem 3rem !important;
    padding: 1px !important;
  }
  /* Center four-column card content vertically on mobile */
  .four-column-card,
  .four-column-card-long{
    justify-content: center !important;
  }
  .header__inner{ position:relative;  }
  .site-header .nav-toggle{
    display:inline-flex !important;
    position:absolute;
    right:0.75rem;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    min-width:44px;
    padding:0 ;
    border:0;
    background:transparent;
    color:var(--clr-ink) !important;
    z-index:320;
  }
  .site-header--light .nav-toggle{
    color:#ffffff !important;
  }
  .nav-toggle__label{ display:none !important; }
  .primary-nav{ position:absolute; top:100%; left:0; right:0; background:var(--clr-tan); border-top:1px solid var(--clr-paper); display:none; padding:12px 24px 20px; z-index:300; }
  .page-blogs .primary-nav,
  .page-roles .primary-nav,
  .page-news .primary-nav,
  .page-faq .primary-nav,
  .page-contact .primary-nav,
  .page-privacy-policy .primary-nav{
    border-top-color:#1F1412;
  }
  .primary-nav .menu{ flex-direction:column; align-items:flex-start; gap:14px; }
  .primary-nav .menu a{ padding:0.6rem 0; width:100%; }
  .primary-nav .menu .sub-menu{ position:static; box-shadow:none; border:0; padding:0; background:transparent; }
  .primary-nav .menu .sub-menu li{ border-top:0; }
  .primary-nav .menu .sub-menu a{ padding:0.6rem 0; }
  .site-header.nav-open .primary-nav{ display:block !important; visibility:visible !important; opacity:1 !important; }
  .site-header .wrap{ max-width:100%; padding-left:1rem; padding-right:1rem; }
  .roles-select__inner{ grid-template-columns:1fr; min-height: fit-content; }
  .roles-select__content{ display:none; padding:0; }
  .roles-select__list{ border-left:none; border-top:1px solid var(--clr-ink); }
  .roles-select__button{ text-align:center; }
  .roles-select__title{ margin-bottom:12px; }
  .roles-select__list .roles-select__panel{
    margin: auto;
    padding:16px 24px 24px;
    border-bottom:1px solid var(--clr-ink);
    background:var(--clr-paper);
  }
  .roles-select__list .roles-select__panel:last-child{
    border-bottom:none;
  }

.roles-select__list .roles-select__panel p.m-0 {
    margin-top: 5rem;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  .page-template-page-employers .roles-select__list .roles-select__panel p.roles-select__title {
    display: none !important;
  }
  .roles-select__button{
  font-size: 16px !important;
  text-align: start ;
  padding:1rem 2.5rem 1rem 1rem !important;
  position: relative;

  }
  .roles-select__button::after{
    content:'+';
    position:absolute;
    right:0.75rem;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
  }
  .roles-select__button.is-active::after{
    content:'\00D7';

  }
  .roles-select__button.is-active{
  background:var(--clr-paper) !important;
  color: var(--clr-ink) !important;
  border-bottom: none !important;
}
  .roles-select__list .roles-select__panel p.roles-select__title {
       margin-top: 1rem;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .contact-image-container:hover .contact-image-overlay{
    transform:none !important;
  }
  .home .contact-image-container{
    min-height: 50vh !important;
    height: 60vh !important;
  }

  .home .contact-image-container h2{
    font-size: 24px !important;
    line-height: 1.1 !important;
  }
  .hero{ grid-template-columns:1fr; }
  .grid--3{ grid-template-columns:1fr; }
  .news-grid{ grid-template-columns:1fr; }
  .news-item{ grid-template-columns:96px 1fr; gap:14px; align-items:center; }
  .news-item img{ width:96px; height:96px; margin:0; }
  .news-item h2{ font-size:1rem; }
  .news-item p{ display:none; }

  /* Single post layout: mobile – stack everything vertically */
  .single-article__wrap{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    padding:1.5rem 1.25rem 2.5rem;
  }

  .single-article__media{
    position:static;
    top:auto;
  }

  .single-article__content{
    margin-top:0;
    display:block;
  }

  .single-article__title{
    font-size:20px !important;
    line-height:1.3;
    margin:1rem 0 0.35rem;
  }

  .single-article__date{
    font-size:14px !important;
    margin:0 0 0.75rem;
  }

  .single-article__image{
    width:100%;
    height:auto;
    object-fit:cover;
  }

  .single-article__body{
    grid-area:body;
    max-width:none;
    margin-top:1.75rem;
  }

  .single-article__body p{
    font-size:14px !important;
    line-height:1.6;
  }

  /* Split layout on mobile: full-width image, text below */
  .single-article--split .single-article__wrap{
    padding:1.5rem 1.25rem 2.5rem;
    gap:1.25rem;
  }

  .single-article--split .single-article__header-row{
    display:flex;
    flex-direction:column;
    gap:0.75rem;
  }

  .single-article--split .single-article__image{
    max-width:100%;
  }

  .single-article--split .single-article__meta--split{
    align-items:flex-start;
  }

  /* Centered variant on mobile: keep simple vertical stack */
  /* Old spacing for reference:
  .single-article--centered .single-article__wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:2.5rem 1.25rem 3rem;
    gap:1.5rem;
  }
  */
  .single-article--centered .single-article__wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:1.5rem 1rem 2.25rem;
    gap:1rem;
  }

  .single-article--centered .single-article__media{
    position:static;
    top:auto;
    width:100%;
    justify-content:center;
  }

  .single-article--centered .single-article__image{
    width:100%;
    height:auto;
    object-fit:cover;
  }

  .single-article--centered .single-article__content{
    margin-top:0;
    display:block;
  }

  /* Old title/date/body margins for reference:
  .single-article--centered .single-article__title,
  .single-article--centered .single-article__date,
  .single-article--centered .single-article__body{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .single-article--centered .single-article__body{
    margin-top:1.25rem;
  }
  */

  /* Old: centered title, date, and body text
  .single-article--centered .single-article__title,
  .single-article--centered .single-article__date,
  .single-article--centered .single-article__body{
    text-align:center;
    margin: 1rem auto !important;
  }

  .single-article--centered .single-article__body{
    margin: 0 auto !important;
  }
  */

  /* New: center only title + date; let body follow post formatting */
  .single-article--centered .single-article__title,
  .single-article--centered .single-article__date{
    text-align:center;
    margin: 1rem auto !important;
  }

  .single-article--centered .single-article__body{
    margin: 0.75rem auto 0 !important;
    text-align:left;
  }
 .grid{
  /* padding-top: 3rem !important; */
    padding-bottom: 5rem !important;
    
 }
  .grid-blog.grid-3x3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-hero__inner{ padding:120px 20px 80px; }
  .home-hero__title{ font-size:3rem; }
  .home-hero__subtitle{ font-size:1.1rem; }
  .home-hero__actions{ flex-direction:column; align-items:flex-start; }

  .hero-image-block {
    background-size: cover !important;
    background-position: center top;
    padding: 0;
    min-height: fit-content;
  }

  .hero-image-block__title {
  
    margin: 0rem 1.2rem 5rem;
  }
  /* About page hero-image-block title: smaller on mobile */
  .page-template-page-about-us .hero-image-block__title {
    font-size: 24px !important;
    padding: 0 ;
    line-height: 1.2;
  }

  /* About page hero-image-block container: ensure minimum height on mobile */
  .page-template-page-about-us .hero-image-block.hero-image-block--cover {
  min-height: 650px;
  }


  .cta-panel {
    padding: 3rem 0;
    min-height: auto;
  }

  .cta-panel__title {
    margin: 2rem 1.5rem;
    font-size: 24px!important;
     line-height: 1.2 !important;
  }
    .cta-panel__title br{
    display: none;
  }

  .section-tighter {
    padding: 2rem 1.5rem;
  }

  .section-tighter-hero {
    padding: 3rem 1.5rem;
    text-align: center;
  }

  .section-tighter-hero h1,
  .section-tighter-hero h3 {
    text-align: center;
  }

  .section-tight {
    padding: 2rem 2rem;
  }

  .executive-talent {
    display: grid;
    grid-template-columns: 1fr !important;
    min-height: auto;
  }

  .executive-talent__image,
  .executive-talent__form {
    min-height: auto !important;
  }

  .executive-talent__image {
    height: 58vh;
  }

  .executive-talent__form {
    padding: 1rem 1.5rem !important;
  }

  .executive-talent__form-inner {
    padding: 0 0.75rem 2rem !important;
  }

  /* About page founder image: mobile-only */
  .page-template-page-about-us .founder-image {
    max-width: 80vw !important;
    margin: 2rem auto 0 auto;
    height: auto;
    aspect-ratio: auto;
    justify-content: center;
    align-items: center;
  }

  .page-template-page-about-us .founder-image img {
    width: 70% !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
    object-fit: contain;
  }

  .accordion-summary {
    padding: 20px 20px;
  }

  .faq-toggle__button {
    font-size: 12px;
    padding: 1rem 0;
  }

  .accordion-content {
    padding: 0 20px 18px;
    margin-left: auto;
    margin-right: auto !important;
  }

  /* Talent page FAQ accordion text: mobile-only */
 .accordion-summary {
    font-size: 16px !important;
    height: auto !important;
    padding: 16px 16px !important;
  }

 .accordion-summary span {
    font-size: 16px !important;
  }
  .page-template-page-talent,.page-template-page-faq  .accordion-summary span {
    font-size: 18px !important;
    margin-right: 4rem;
  }
 .page-template-page-talent  .accordion-content p {
    font-size: 16px !important;
    line-height: 1.2em !important;
  }
   .accordion-content {
    padding: 1.5rem 16px 1.5rem !important;
    margin: 0 auto !important;
  }

 .accordion-content p {
    margin-top: 1rem !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Ensure accordion icon sits flush at the right end */
  .page-template-page-talent .accordion-summary .accordion-icon,
  .page-template-page-faq .accordion-summary .accordion-icon {
  /* justify-content: flex-end; */
  margin: 0!important;
  }

  .dossier-hero {
    background-attachment: scroll;
  }

  .about-hero-subtitle {
    white-space: normal;
  }

  .search-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    height: auto !important;
    min-height: 50vh;
   
  }

  .search-grid-row {
    display: contents;
  }

  .search-grid-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px 15px;
    border: 1px solid rgb(196, 191, 191);
    margin: -1px 0 0 -1px;
   
  }

  .search-grid-cell h3 {
    font-size: 1.25rem !important;
  }

  .comparison-tabs {
    display: flex;
        
  }

  .comparison-grid {
    grid-template-columns: 1fr;
    /* max-height: 500px!important; */
    /* with others */

  }

  .comparison-header {
    display: none;

  }

  .comparison-header:nth-child(2) {
    border-left: none;
    border-top: 1px solid var(--clr-ink);
  }
  .comparison-tab{
    padding: 2rem !important;
    font-size: 16px !important;
  }

  .comparison-cell:nth-child(3) {
    border-right: none;
    border-bottom: 1px solid var(--clr-ink);

  }

  .comparison-cell {
    padding: 6rem 2.5rem;
    display: none;
     min-height: fit-content !important;
  }

  .comparison-cell.is-active {
    display: block;
  
  }

  .comparison-list {
    margin: 1.5rem 0;
    gap: 16px;
    font-size: 18px;
  }

  .four-column-grid {
    grid-template-columns: 1fr;
  }



  .four-column-card:first-child {
    border-top: none;
  }

  /* HOW WE MATCH grid: horizontal scroll on About page mobile */
 .four-column-grid {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 0;
    scroll-snap-type: x mandatory;
    margin-top: 0 !important;
    
  }

 .four-column-card {
   border-left: none;
    flex: 0 0 auto;
    max-width: 280px !important;
    scroll-snap-align: start;
    padding: 0.75rem 0.75rem !important;
    min-height: 200px !important;
  }
  .four-column-card-long {
    flex: 0 0 auto;
 max-width: 280px !important;
 
    scroll-snap-align: start;
    padding: 0.75rem 0.75rem !important;
    min-height: 350px !important;
  }

  .media-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 0;
  }

  .media-grid__content {
    max-width: none;
    text-align: left;
  }





  .privacy-policy {
    padding: 3rem 0 4rem;
  }

  .privacy-policy__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 1.5rem;
  }

  .privacy-policy__nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .privacy-policy__link {
    width: auto;
    flex: 1 1 0;
    text-align: center;
  }

  .grid-card {
    min-height: auto;
    padding-bottom: 24px;
  }

  .grid-card__header {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    flex: 1;
  }

  .grid-card__title {
    margin: 0 0 6px 0 !important;
    font-size: 0.9rem !important;
  }

  .grid-card__media {
    align-self: flex-end;
    display: block;
    margin-top: auto;
  }

  .grid-card__img {
    width: 100%;
    max-width: 140px;
    height: auto;
    display: block;
  }

  .grid-card__bottom {
    display: none;
  }
}

.grid-card {
  min-height: 450px;
  background: var(--clr-paper);
  display: flex;
  flex-direction: column;
}

.grid-card__header  {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 24px;
  font-size:24px;

}

.grid-card__text {
  max-width: 100%;
   font-size:14px;
}

.grid-card__title {
  margin: 0 1rem 10px 0;
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "ABC Diatype", sans-serif;
}

.grid-card__title a {
  color: var(--clr-ink);
  text-decoration: none;
}

.grid-card__title a:hover {
  text-decoration: underline;
}

.grid-card__date {
  font-size: 0.85rem;
  color: var(--clr-ink52);
}

.grid-card__media {
  justify-self: end;
}

.grid-card__img {
  width: 112px;
  height: 164px;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}

.grid-card__bottom {
  max-width: 85%;
  margin-top: auto;
}

.grid-card__excerpt {
  margin: 0;
  color: var(--clr-ink100);
  font-size: 14px;
  line-height: 1.6;
  font-family: "ABC Diatype", sans-serif;
}

/* Fade on scroll effect for talent expectations */
.fade-on-scroll .fade-text {
  opacity: 0.25;
  filter: blur(1.2px);
  transition: opacity 2s cubic-bezier(.4,0,.2,1), filter 2s cubic-bezier(.4,0,.2,1); /*Fade on scroll effect 2second duration with ease-in-out timing function. */
}
.fade-on-scroll .fade-text.visible {
  opacity: 1;
  filter: blur(0px);
}
.primary-nav .menu > li{
  position: relative;
}