/* YGYP Meet Tennille Responsive v1.0.0
   Desktop/laptop >= 1025px is intentionally untouched. */

@media (max-width:1024px){

  #ygyp-main-site .ygyp-meet-responsive{
    padding-top:38px !important;
    padding-bottom:42px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .bioGrid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    overflow:hidden !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(16,33,58,.10) !important;
    box-shadow:0 12px 30px rgba(16,33,58,.055) !important;
  }

  /* Picture becomes a defined editorial header instead of a tall free-standing column. */
  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-photo{
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    overflow:hidden !important;
    background:#eee8df !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-photo img,
  #ygyp-main-site .ygyp-meet-responsive .bioGrid > *:first-child img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center 24% !important;
    margin:0 !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .bioCopy{
    padding:24px !important;
    margin:0 !important;
    background:#fff !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .bioCopy h2,
  #ygyp-main-site .ygyp-meet-responsive .bioCopy h3{
    margin-top:0 !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-mobile-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) !important;
    gap:16px 24px !important;
    align-items:start !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-primary{
    min-width:0 !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-secondary{
    min-width:0 !important;
    padding:16px 18px !important;
    border-radius:16px !important;
    background:#f8f6f1 !important;
    border:1px solid rgba(16,33,58,.08) !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-primary p,
  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-secondary p{
    margin:0 0 11px !important;
    font-size:14.5px !important;
    line-height:1.58 !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-primary p:last-child,
  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-secondary p:last-child{
    margin-bottom:0 !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-quote{
    margin:14px 0 !important;
    padding:12px 14px !important;
    border-left:3px solid #c59027 !important;
    background:#fbf8f1 !important;
    border-radius:0 12px 12px 0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-actions{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin-top:4px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-actions a{
    flex:0 1 auto !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin:10px 0 16px !important;
  }
}

@media (max-width:699px){

  #ygyp-main-site .ygyp-meet-responsive{
    padding-top:28px !important;
    padding-bottom:32px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .bioGrid{
    border-radius:18px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-photo{
    height:230px !important;
    min-height:230px !important;
    max-height:230px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-photo img,
  #ygyp-main-site .ygyp-meet-responsive .bioGrid > *:first-child img{
    object-position:center 22% !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .bioCopy{
    padding:18px !important;
  }

  /* Mobile still stacks, but inside one compact editorial card. */
  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-mobile-layout{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-secondary{
    padding:14px 15px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-primary p,
  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-secondary p{
    font-size:14px !important;
    line-height:1.52 !important;
    margin-bottom:9px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-quote{
    margin:10px 0 !important;
    padding:10px 12px !important;
    font-size:13.5px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #ygyp-main-site .ygyp-meet-responsive .ygyp-meet-actions a{
    width:100% !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
}