
/* Hamid NBA FIRST Kadence child campaign styles */
:root{
  --hnf-navy:#061d3f;
  --hnf-blue:#0d356e;
  --hnf-gold:#f5b81f;
  --hnf-red:#c8282f;
  --hnf-cream:#fff8e8;
  --hnf-ink:#111827;
  --hnf-muted:#5f6b7a;
  --hnf-light:#f6f8fb;
  --hnf-white:#ffffff;
  --hnf-shadow:0 18px 55px rgba(5,22,48,.14);
  --hnf-radius:24px;
}
body{background:var(--hnf-white);} 
.site .site-main{padding:0!important;margin:0!important;}
.content-area{margin-top:0!important;margin-bottom:0!important;}
.entry-content{margin:0!important;}
.entry-content .hnf-site{font-family:Inter,Arial,sans-serif;color:var(--hnf-ink);line-height:1.65;}
.hnf-site *{box-sizing:border-box;}
.hnf-site a{color:inherit;}
.hnf-container{width:min(1180px,calc(100% - 40px));margin:0 auto;}
.hnf-section{padding:86px 0;}
.hnf-section-tight{padding:52px 0;}
.hnf-section-alt{background:var(--hnf-light);} 
.hnf-section-navy{background:linear-gradient(135deg,var(--hnf-navy),#0b2f66);color:var(--hnf-white);} 
.hnf-section-gold{background:linear-gradient(135deg,var(--hnf-gold),#ffe08a);color:var(--hnf-navy);} 
.hnf-page{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;}
.hnf-kicker,.hnf-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-weight:800;font-size:.78rem;color:var(--hnf-red);margin:0 0 14px;}
.hnf-section-navy .hnf-eyebrow,.hnf-hero .hnf-eyebrow{color:var(--hnf-gold);} 
.hnf-hero{position:relative;background:radial-gradient(circle at top right,rgba(245,184,31,.25),transparent 38%),linear-gradient(135deg,var(--hnf-navy),#0b356f);color:var(--hnf-white);padding:84px 0 92px;}
.hnf-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,29,63,.95),rgba(6,29,63,.72));z-index:0;}
.hnf-hero .hnf-container{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
.hnf-hero h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.88;margin:0 0 22px;font-weight:1000;letter-spacing:-.08em;color:var(--hnf-white);} 
.hnf-hero h1 span{color:var(--hnf-gold);} 
.hnf-hero-lead{font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.25;font-weight:800;margin:0 0 18px;max-width:820px;}
.hnf-hero-copy{font-size:1.08rem;max-width:730px;color:#e7edf7;margin:0 0 32px;}
.hnf-buttons{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hnf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:13px 24px;font-weight:800;text-decoration:none!important;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.hnf-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.16);} 
.hnf-btn-primary{background:var(--hnf-gold);color:var(--hnf-navy)!important;}
.hnf-btn-outline{border:2px solid rgba(255,255,255,.8);color:var(--hnf-white)!important;background:transparent;}
.hnf-btn-secondary{background:var(--hnf-navy);color:var(--hnf-white)!important;}
.hnf-btn-light{background:var(--hnf-white);color:var(--hnf-navy)!important;}
.hnf-hero-media{position:relative;}
.hnf-portrait-card,.hnf-flyer-frame,.hnf-card,.hnf-story-card,.hnf-contact-card,.hnf-qr-card,.hnf-timeline-card,.hnf-leadership-row,.hnf-pill-item{background:var(--hnf-white);border-radius:var(--hnf-radius);box-shadow:var(--hnf-shadow);} 
.hnf-portrait-card{padding:16px;transform:rotate(1.5deg);}
.hnf-portrait-card img{display:block;width:100%;border-radius:18px;object-fit:cover;}
.hnf-quote-card{position:absolute;left:-28px;bottom:18px;background:var(--hnf-gold);color:var(--hnf-navy);border-radius:20px;padding:24px;max-width:360px;font-size:1.15rem;font-weight:900;box-shadow:0 20px 40px rgba(0,0,0,.25);}
.hnf-quote-card .hnf-gold{color:var(--hnf-red);} 
.hnf-statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:740px;}
.hnf-stat{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:18px;padding:16px;}
.hnf-stat strong{display:block;color:var(--hnf-gold);font-size:1.35rem;line-height:1;}
.hnf-stat span{font-size:.9rem;color:#e2e8f0;}
.hnf-page-hero{background:linear-gradient(135deg,var(--hnf-navy),#0d356e);color:var(--hnf-white);padding:78px 0 72px;}
.hnf-page-hero h1{font-size:clamp(2.65rem,5vw,5.4rem);line-height:.98;margin:0 0 18px;letter-spacing:-.05em;color:var(--hnf-white);}
.hnf-page-hero p{font-size:1.18rem;max-width:850px;color:#e7edf7;margin:0;}
.hnf-breadcrumb{font-weight:900;color:var(--hnf-gold);text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;margin-bottom:18px;}
.hnf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;}
.hnf-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.hnf-section-header{max-width:800px;margin-bottom:30px;}
.hnf-section-header.center{text-align:center;margin-left:auto;margin-right:auto;}
.hnf-section-header h2,.hnf-story-card h2,.hnf-contact-card h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;margin:0 0 15px;letter-spacing:-.04em;color:var(--hnf-navy);}
.hnf-section-navy .hnf-section-header h2{color:var(--hnf-white);}
.hnf-section-header p{font-size:1.08rem;color:var(--hnf-muted);}
.hnf-section-navy .hnf-section-header p{color:#e2e8f0;}
.hnf-card{padding:30px;min-height:100%;border:1px solid rgba(6,29,63,.07);}
.hnf-card h3{margin:0 0 12px;color:var(--hnf-navy);font-size:1.28rem;}
.hnf-card p{margin:0;color:var(--hnf-muted);}
.hnf-icon,.hnf-number{width:46px;height:46px;border-radius:50%;background:var(--hnf-gold);color:var(--hnf-navy);display:flex;align-items:center;justify-content:center;font-weight:1000;margin-bottom:18px;}
.hnf-first-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:start;}
.hnf-first-quote{font-size:clamp(2.1rem,4vw,4.2rem);line-height:1.04;font-weight:1000;letter-spacing:-.05em;margin:0;color:var(--hnf-navy);}
.hnf-first-quote span{color:var(--hnf-red);}
.hnf-mission-list{display:grid;gap:16px;}
.hnf-mission-item{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;background:var(--hnf-white);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(7,30,65,.08);}
.hnf-mission-item b{background:var(--hnf-navy);color:var(--hnf-gold);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.hnf-flyer-frame{padding:16px;background:var(--hnf-white);}
.hnf-flyer-frame img{display:block;width:100%;border-radius:18px;}
.hnf-story-card{padding:36px;}
.hnf-story-card p{font-size:1.05rem;margin:0 0 18px;color:var(--hnf-muted);}
.hnf-story-card p:last-child{margin-bottom:0;}
.hnf-timeline{position:relative;display:grid;gap:18px;}
.hnf-timeline-card{padding:24px;border-left:6px solid var(--hnf-gold);}
.hnf-timeline-card strong{color:var(--hnf-red);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;}
.hnf-timeline-card h3{margin:6px 0 8px;color:var(--hnf-navy);}
.hnf-timeline-card p{margin:0;color:var(--hnf-muted);}
.hnf-bio-box{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start;background:linear-gradient(135deg,var(--hnf-navy),#0b356f);color:var(--hnf-white);border-radius:30px;padding:38px;box-shadow:var(--hnf-shadow);}
.hnf-bio-box h2{color:var(--hnf-white);margin:0 0 12px;font-size:2.3rem;}
.hnf-bio-box p{color:#e7edf7;margin:0 0 15px;}
.hnf-qr-card{padding:24px;text-align:center;color:var(--hnf-navy);}
.hnf-qr-card img{width:210px;max-width:100%;height:auto;margin:0 auto 12px;display:block;}
.hnf-qr-card strong{display:block;margin-bottom:4px;}
.hnf-leadership-list{display:grid;gap:18px;}
.hnf-leadership-row{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:24px;border:1px solid rgba(6,29,63,.08);}
.hnf-leadership-tag{font-weight:1000;color:var(--hnf-red);text-transform:uppercase;letter-spacing:.12em;}
.hnf-leadership-copy h3{margin:0 0 8px;color:var(--hnf-navy);}
.hnf-leadership-copy p{margin:0;color:var(--hnf-muted);}
.hnf-feature-list{display:grid;gap:14px;}
.hnf-feature{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:22px;border-radius:18px;}
.hnf-dark-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);}
.hnf-feature b{background:var(--hnf-gold);color:var(--hnf-navy);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;}
.hnf-feature h3{margin:0 0 5px;color:var(--hnf-white);}
.hnf-feature p{margin:0;color:#e2e8f0;}
.hnf-platform-card ul{margin:18px 0 0;padding-left:20px;color:var(--hnf-muted);}
.hnf-pill-list{display:grid;gap:16px;}
.hnf-pill-item{padding:24px;}
.hnf-pill-item h3{display:flex;gap:12px;align-items:center;margin:0 0 8px;color:var(--hnf-navy);}
.hnf-pill-item h3 span{width:34px;height:34px;border-radius:50%;background:var(--hnf-gold);display:flex;align-items:center;justify-content:center;}
.hnf-pill-item p{margin:0;color:var(--hnf-muted);}
.hnf-contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start;}
.hnf-contact-card{padding:34px;}
.hnf-email-link{font-size:1.35rem;font-weight:1000;color:var(--hnf-red)!important;text-decoration:none!important;overflow-wrap:anywhere;}
.hnf-form-demo{display:grid;gap:12px;}
.hnf-field{background:var(--hnf-light);border:1px solid #d8e0ee;border-radius:14px;padding:14px 16px;color:var(--hnf-muted);}
.hnf-field.tall{min-height:105px;}
.hnf-form-note{font-size:.92rem;color:var(--hnf-muted);margin-top:16px;}
.hnf-cta-band{display:flex;justify-content:space-between;gap:30px;align-items:center;background:var(--hnf-navy);color:var(--hnf-white);border-radius:30px;padding:38px;box-shadow:var(--hnf-shadow);}
.hnf-cta-band h2{color:var(--hnf-white);font-size:2.25rem;margin:0 0 8px;}
.hnf-cta-band p{margin:0;color:#e2e8f0;}
.hnf-footer-note{font-size:.92rem;color:var(--hnf-muted);text-align:center;padding:20px 0;}
@media (max-width: 920px){
  .hnf-hero .hnf-container,.hnf-grid-2,.hnf-first-panel,.hnf-bio-box,.hnf-contact-layout{grid-template-columns:1fr;}
  .hnf-grid-3{grid-template-columns:1fr 1fr;}
  .hnf-quote-card{position:static;margin-top:16px;max-width:none;}
  .hnf-statbar{grid-template-columns:1fr;}
  .hnf-leadership-row{grid-template-columns:1fr;}
  .hnf-cta-band{display:block;}
  .hnf-cta-band .hnf-buttons{margin-top:20px;}
}
@media (max-width: 620px){
  .hnf-container{width:min(100% - 28px,1180px);}
  .hnf-section{padding:58px 0;}
  .hnf-grid-3{grid-template-columns:1fr;}
  .hnf-hero{padding:58px 0 70px;}
  .hnf-hero h1{font-size:4rem;}
  .hnf-buttons{display:grid;}
  .hnf-btn{width:100%;}
  .hnf-story-card,.hnf-contact-card{padding:24px;}
  .hnf-bio-box{padding:26px;}
}
