@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--black:#000000;--white:#FFFFFF;--light-gray:#959699;--dark-gray:#585858;--light-green:#79C646;--dark-green:#48A208}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{background:var(--black);position:sticky;top:0;z-index:5}.nav{height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:var(--white);font-size:16px;font-weight:700;line-height:1.15;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--light-green);border-radius:50%;overflow:hidden;position:relative;background:var(--black)}.brand-mark img{position:absolute;left:50%;top:-8%;width:300%;max-width:none;height:auto;transform:translateX(-50%)}.nav-links{display:flex;align-items:center;gap:20px;color:var(--white);font-size:13px;font-weight:600;white-space:nowrap}.nav-links a:hover{color:var(--light-green)}.nav-cta{background:var(--light-green);color:var(--black);border-radius:99px;padding:11px 16px}.hero{max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--white)}.hero-copy{padding:90px max(32px,calc((100vw - 1120px)/2))}.hero-copy h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.045em;color:var(--dark-green);margin:20px 0}.lede{font-size:18px;max-width:560px;color:var(--dark-gray)}.actions{margin-top:32px}.text-link{font-weight:700;color:var(--dark-green)}.text-link span{color:var(--dark-green);margin-left:8px}.hero-card{height:100%;min-height:620px;display:flex;justify-content:center;align-items:center;background:var(--black);overflow:hidden}.hero-logo{width:auto;max-width:92%;height:82%;object-fit:contain;transform:scale(.62)}section#about,section#resources,section#media{scroll-margin-top:96px}.compact-resource{background:var(--black);color:var(--white);padding:54px 0}.section-label,.feature-kicker{color:var(--dark-green);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.compact-resource .section-label{color:var(--light-green)}.resource-callout{display:flex;justify-content:space-between;align-items:center;gap:40px}.resource-callout h2{margin:0 0 8px;font-size:32px}.resource-callout p{margin:0;color:var(--light-gray)}.button{display:inline-flex;align-items:center;border-radius:99px;padding:12px 19px;font-weight:700}.primary{background:var(--light-green);color:var(--black)}.media{padding:90px 0;background:var(--white)}.media-intro{display:flex;justify-content:space-between;align-items:end;gap:70px;margin:25px 0 35px}.media-intro h2{margin:0;color:var(--black)}.media-intro p{max-width:430px;margin:0;color:var(--dark-gray)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.feature{background:var(--white);border:1px solid var(--light-gray);padding:35px;min-height:310px;height:100%;display:flex;flex-direction:column}.feature h3{font-family:'Playfair Display',serif;font-size:24px;line-height:1.2;margin:14px 0;color:var(--black)}.feature p{color:var(--dark-gray)}.feature a{margin-top:auto;color:var(--dark-green);font-weight:700;font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.social{display:flex;gap:22px;font-size:13px;font-weight:600;color:var(--black)}footer{background:var(--light-gray);padding:35px 0}.footer-inner .brand{color:var(--black)}.footer-inner .brand-mark{border-color:var(--dark-green);background:var(--light-gray)}.social a:hover{color:var(--dark-green)}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{height:70px}.nav-links a:not(.nav-cta){display:none}.nav-cta{padding:10px 13px;font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 16px}.hero-card{min-height:300px;padding:48px 24px 32px}.hero-logo{width:100%;max-width:100%;height:auto;transform:none}section#about,section#resources,section#media{scroll-margin-top:78px}.compact-resource{padding:50px 0}.resource-callout{display:block}.resource-callout h2{font-size:30px}.resource-callout .button{margin-top:22px}.media{padding:75px 0}.media-intro{display:block;margin:25px 0 30px}.media-grid{grid-template-columns:1fr;gap:18px}.feature{min-height:245px}.footer-inner{display:grid;gap:24px}.social{order:3}}
/* Text on white must use black or dark gray for readable contrast. */
.hero-copy h1{color:var(--black)}.text-link,.text-link span,.feature a{color:var(--dark-gray)}.section-label,.feature-kicker{color:var(--dark-gray)}
/* Use the exact repository PNG for the circle mark and clip its black exterior. */
.brand-mark img{content:url('https://raw.githubusercontent.com/hayleyw7/colorado-badged-network/main/assets/cbn-logo-source.png');left:50%;top:50%;width:48px;max-width:none;height:auto;transform:translate(-50%,-50%);mix-blend-mode:screen}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.resource-card{border:1px solid var(--dark-gray);padding:24px;display:flex;flex-direction:column;align-items:flex-start}.resource-card h2{margin:0 0 8px;font-size:24px;color:var(--white)}.resource-card p{margin:0 0 20px;color:var(--light-gray);max-width:42ch}.resource-card .button{margin-top:auto}
@media(max-width:760px){.resource-grid{grid-template-columns:1fr}}
@media(max-width:760px){.brand-text span{display:block}}
@media(max-width:760px){.brand{font-size:12px}}
@media(max-width:760px){.hero-card{width:100vw;margin-left:calc(50% - 50vw);background:var(--black)}}
.social{color:var(--white)}footer{background:var(--black)}.footer-name{color:var(--white);font-weight:700}.social a:hover{color:var(--light-green)}