/* H4BF Target Groups — editorial visual system */
.h4bf-tg{--h4bf-pine:#103629;--h4bf-gold:#dfc58d;--h4bf-cream:#f5f6f0;color:#1b2b23;font-family:Inter,"Aptos",Arial,sans-serif;line-height:1.65;overflow:hidden}
.h4bf-tg *{box-sizing:border-box}
.h4bf-tg a{text-decoration:none}
.h4bf-tg .h4bf-tg-wrap{width:min(1200px,calc(100% - 52px));margin:0 auto}
.h4bf-tg h1,.h4bf-tg h2,.h4bf-tg h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0 0 20px}
.h4bf-tg h1{font-size:clamp(48px,7vw,92px);max-width:850px;color:#fff}
.h4bf-tg h2{font-size:clamp(34px,4.5vw,58px);color:var(--h4bf-pine)}
.h4bf-tg h3{font-size:27px;color:var(--h4bf-pine);margin-bottom:12px}
.h4bf-tg p{font-size:15px;color:#68766e;margin:0 0 18px}
.h4bf-tg-topline{height:5px;background:linear-gradient(90deg,var(--h4bf-pine) 0 72%,var(--h4bf-gold) 72%)}
.h4bf-tg-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#879a70;margin-bottom:17px}
.h4bf-tg-hero{min-height:690px;position:relative;display:flex;align-items:center;background:var(--h4bf-pine);isolation:isolate;color:#fff}
.h4bf-tg-hero:before{content:"";position:absolute;z-index:-2;inset:0 0 0 25%;background-image:var(--hero-image);background-size:cover;background-position:center;animation:h4bfTgDrift 22s ease-in-out infinite alternate}
.h4bf-tg-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,38,28,.97) 0%,rgba(9,38,28,.88) 38%,rgba(9,38,28,.18) 100%)}
.h4bf-tg-hero-inner{padding:110px 0 125px}
.h4bf-tg-hero .h4bf-tg-eyebrow{color:var(--h4bf-gold)}
.h4bf-tg-hero p{color:rgba(255,255,255,.78);font-size:17px;max-width:620px;line-height:1.8}
.h4bf-tg-scroll{display:inline-flex;gap:25px;align-items:center;margin-top:26px;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:10px}
.h4bf-tg-scroll span{color:var(--h4bf-gold);font-size:20px}
.h4bf-tg-hero-index{position:absolute;right:4%;bottom:35px;color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.18em}.h4bf-tg-hero-index span{color:var(--h4bf-gold);padding:0 9px}
.h4bf-tg-intro{display:grid;grid-template-columns:.55fr 1.1fr 1fr;gap:45px;padding:110px 0 90px;align-items:start}
.h4bf-tg-intro-mark{font-size:10px;letter-spacing:.16em;color:#879a70;font-weight:800;padding-top:8px}
.h4bf-tg-intro-mark i{display:inline-block;width:32px;height:1px;background:var(--h4bf-gold);vertical-align:middle;margin:0 10px}
.h4bf-tg-intro h2{font-size:clamp(34px,4vw,52px)}
.h4bf-tg-intro>p{padding-top:38px;line-height:1.9}
.h4bf-tg-groups{padding:25px 0 115px}
.h4bf-tg-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #dfe6dc;padding-bottom:28px;margin-bottom:40px}
.h4bf-tg-section-head h2{max-width:760px;margin:0}
.h4bf-tg-section-head>span{font-size:11px;letter-spacing:.18em;color:#879a70}
.h4bf-tg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.h4bf-tg-card{background:#f5f6f0;display:grid;grid-template-columns:1fr;min-width:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.h4bf-tg-card:nth-child(3n){background:#edf1e9}
.h4bf-tg-card:nth-child(4n){transform:translateY(18px)}
.h4bf-tg-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(16,54,41,.13)}
.h4bf-tg-card:nth-child(4n):hover{transform:translateY(10px)}
.h4bf-tg-card.is-wide{grid-column:span 2;grid-template-columns:1.08fr .92fr;min-height:300px}
.h4bf-tg-card-image{position:relative;overflow:hidden;min-height:260px;background:#dfe6dc}
.h4bf-tg-card-image img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.88)}
.h4bf-tg-card:hover .h4bf-tg-card-image img{transform:scale(1.055);filter:saturate(1.08)}
.h4bf-tg-card-image>span{position:absolute;left:18px;top:18px;background:var(--h4bf-gold);color:var(--h4bf-pine);font-size:10px;font-weight:800;padding:7px 10px;letter-spacing:.1em}
.h4bf-tg-card-copy{padding:30px 32px 34px;align-self:center}
.h4bf-tg-card-tag{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#879a70;font-weight:800;margin-bottom:14px}
.h4bf-tg-card-copy:before{content:"";display:block;width:30px;height:2px;background:var(--h4bf-gold);margin-bottom:16px}
.h4bf-tg-card-copy p{line-height:1.8;margin:0}
.h4bf-tg-inclusion{background:var(--h4bf-pine);color:#fff;padding:105px 0}
.h4bf-tg-inclusion-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}
.h4bf-tg-inclusion .h4bf-tg-eyebrow{color:var(--h4bf-gold)}
.h4bf-tg-inclusion h2{color:#fff;font-size:clamp(36px,4.2vw,55px)}
.h4bf-tg-inclusion-lead p{color:rgba(255,255,255,.68);line-height:1.9}
.h4bf-tg-commit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.h4bf-tg-commit{display:flex;gap:17px;padding:20px 0;border-top:1px solid rgba(255,255,255,.18)}
.h4bf-tg-commit>span{font:22px Georgia,serif;color:var(--h4bf-gold)}
.h4bf-tg-commit h3{font:21px Georgia,serif;color:#fff;margin:0 0 8px}
.h4bf-tg-commit p{font-size:12px;line-height:1.7;color:rgba(255,255,255,.65);margin:0}
.h4bf-tg-partner{background:linear-gradient(135deg,#edf1e9,#f8f8f3);padding:105px 0}
.h4bf-tg-partner-grid{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center}
.h4bf-tg-partner-copy h2{font-size:clamp(36px,4.5vw,58px)}
.h4bf-tg-partner-copy p{line-height:1.9;max-width:590px}
.h4bf-tg-steps{background:var(--h4bf-pine);color:#fff;padding:38px 42px;box-shadow:18px 18px 0 rgba(135,154,112,.24);position:relative;overflow:hidden}
.h4bf-tg-step-kicker{font-size:10px;letter-spacing:.2em;color:var(--h4bf-gold);font-weight:800;margin-bottom:22px}
.h4bf-tg-step{display:flex;gap:22px;padding:17px 0;border-top:1px solid rgba(255,255,255,.17)}
.h4bf-tg-step>span{font:23px Georgia,serif;color:var(--h4bf-gold)}
.h4bf-tg-step strong{display:block;font:22px Georgia,serif;color:#fff}
.h4bf-tg-step small{display:block;color:rgba(255,255,255,.65);font-size:12px;margin-top:4px;line-height:1.6}
.h4bf-tg-button{display:inline-flex;align-items:center;gap:22px;padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s,background .25s}
.h4bf-tg-button:hover{transform:translateY(-3px)}
.h4bf-tg-button.dark{background:var(--h4bf-pine);color:#fff;margin-top:12px}
.h4bf-tg-button.light{background:var(--h4bf-gold);color:var(--h4bf-pine)}
.h4bf-tg-button.outline{border:1px solid rgba(255,255,255,.5);color:#fff}
.h4bf-tg-cta{background:var(--h4bf-pine);padding:100px 0;text-align:center;color:#fff;position:relative;isolation:isolate}
.h4bf-tg-cta:before{content:"H4BF";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);font:clamp(140px,25vw,330px) Georgia,serif;color:rgba(255,255,255,.035);white-space:nowrap}
.h4bf-tg-cta .h4bf-tg-eyebrow{color:var(--h4bf-gold)}
.h4bf-tg-cta h2{color:#fff;max-width:780px;margin:0 auto 18px}
.h4bf-tg-cta p{color:rgba(255,255,255,.7);max-width:620px;margin:0 auto 28px}
.h4bf-tg-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.h4bf-tg-footer{background:#09271d;color:rgba(255,255,255,.65);padding:20px 0;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.h4bf-tg-footer .h4bf-tg-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.h4bf-tg-footer a{color:var(--h4bf-gold)}
.h4bf-tg.is-ready .h4bf-tg-intro,.h4bf-tg.is-ready .h4bf-tg-card,.h4bf-tg.is-ready .h4bf-tg-commit,.h4bf-tg.is-ready .h4bf-tg-partner-copy,.h4bf-tg.is-ready .h4bf-tg-steps{animation:h4bfTgReveal .75s both}
.h4bf-tg.is-ready .h4bf-tg-card:nth-child(2n){animation-delay:.08s}
@keyframes h4bfTgReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes h4bfTgDrift{from{transform:scale(1)}to{transform:scale(1.07)}}
@media(max-width:900px){.h4bf-tg-intro{grid-template-columns:1fr 1.5fr;gap:20px}.h4bf-tg-intro>p{grid-column:2;padding-top:0}.h4bf-tg-inclusion-inner{grid-template-columns:1fr;gap:35px}.h4bf-tg-partner-grid{gap:40px}}
@media(max-width:650px){.h4bf-tg .h4bf-tg-wrap{width:calc(100% - 36px)}.h4bf-tg-hero{min-height:590px}.h4bf-tg-hero:before{inset:0;background-position:60% center}.h4bf-tg-hero-shade{background:linear-gradient(90deg,rgba(9,38,28,.94),rgba(9,38,28,.6))}.h4bf-tg-hero-inner{padding:90px 0}.h4bf-tg-hero-index{font-size:8px}.h4bf-tg-intro{display:block;padding:75px 0 55px}.h4bf-tg-intro-mark{margin-bottom:28px}.h4bf-tg-intro>p{padding:0}.h4bf-tg-groups{padding-bottom:75px}.h4bf-tg-section-head{display:block}.h4bf-tg-section-head>span{display:block;margin-top:18px}.h4bf-tg-grid{grid-template-columns:1fr;gap:18px}.h4bf-tg-card.is-wide{grid-column:auto;grid-template-columns:1fr}.h4bf-tg-card:nth-child(4n){transform:none}.h4bf-tg-card:nth-child(4n):hover{transform:translateY(-5px)}.h4bf-tg-card-image,.h4bf-tg-card-image img{min-height:220px;height:220px}.h4bf-tg-card-copy{padding:25px}.h4bf-tg-inclusion,.h4bf-tg-partner{padding:75px 0}.h4bf-tg-commit-grid{grid-template-columns:1fr}.h4bf-tg-steps{padding:28px 24px;box-shadow:8px 8px 0 rgba(135,154,112,.24)}.h4bf-tg-footer .h4bf-tg-wrap{display:block}.h4bf-tg-footer span,.h4bf-tg-footer a{display:block;margin:5px 0}}
@media(prefers-reduced-motion:reduce){.h4bf-tg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
