She’s curled around her pups right now. We won her time

She’s still out there. We just bought her time. | Speak for Wildlife :root { –black: #0d0d0d; –red: #c0271a; –red-dark: #8c1a10; –cream: #f5f0e8; –warm-gray: #c8bfb0; –mid-gray: #7a7060; –text: #1e1a14; –amber: #d4820a; –forest: #1a2e1a; –victory: #2d5016; } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #e8e3d8; font-family: ‘Source Serif 4’, Georgia, serif; font-weight: 400; color: var(–text); } .email-wrap { max-width: 620px; margin: 30px auto; background: var(–cream); box-shadow: 0 4px 40px rgba(0,0,0,0.18); } /* TOP BAR */ .top-bar { background: var(–black); padding: 12px 32px; display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid var(–red); } .org-name { font-family: ‘IBM Plex Mono’, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(–cream); text-decoration: none; } .top-donate { font-family: ‘IBM Plex Mono’, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: white; background: var(–red); padding: 6px 14px; text-decoration: none; } /* MATCH BANNER — top priority */ .match-banner { background: var(–victory); color: var(–cream); padding: 16px 32px; text-align: center; border-bottom: 2px solid var(–amber); } .match-banner .m-label { font-family: ‘IBM Plex Mono’, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(–amber); display: block; margin-bottom: 4px; } .match-banner .m-text { font-family: ‘Playfair Display’, serif; font-size: 17px; font-weight: 700; letter-spacing: 0.01em; line-height: 1.3; } .match-banner .m-text strong { color: #ffe8a0; } /* HERO IMAGE */ .hero-img { width: 100%; height: 360px; object-fit: cover; object-position: center top; display: block; } .hero-caption { background: rgba(13,13,13,0.82); padding: 16px 28px; font-family: ‘IBM Plex Mono’, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.75); text-align: left; border-left: 4px solid var(–red); } /* EMAIL BODY */ .email-body { padding: 44px 44px 0; } .date-tag { font-family: ‘IBM Plex Mono’, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(–mid-gray); display: block; margin-bottom: 20px; } h1.email-headline { font-family: ‘Playfair Display’, serif; font-size: 38px; font-weight: 900; line-height: 1.12; color: var(–black); margin-bottom: 30px; } h1.email-headline em { font-style: italic; color: var(–red); } .email-body p { font-size: 17px; line-height: 1.85; margin-bottom: 22px; color: var(–text); } .email-body p.opener { font-size: 20px; line-height: 1.7; margin-bottom: 26px; } strong { font-weight: 600; } /* WIN CALLOUT — middle of email */ .win-block { background: var(–victory); color: var(–cream); padding: 34px 34px; margin: 36px 0; border-left: 5px solid var(–amber); } .win-block .win-label { font-family: ‘IBM Plex Mono’, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(–amber); display: block; margin-bottom: 14px; } .win-block h3 { font-family: ‘Playfair Display’, serif; font-size: 26px; font-weight: 900; color: var(–cream); line-height: 1.2; margin-bottom: 16px; } .win-block h3 em { font-style: italic; color: var(–amber); } .win-block p { font-size: 16px !important; line-height: 1.75 !important; color: rgba(245,240,232,0.92) !important; margin-bottom: 14px !important; } .win-block p:last-child { margin-bottom: 0 !important; } /* PULL QUOTE — UW RESEARCH */ .wolf-moment { background: var(–forest); color: var(–cream); padding: 30px 32px; margin: 32px 0; border-left: 5px solid var(–amber); } .wolf-moment p { font-family: ‘Playfair Display’, serif; font-size: 20px !important; font-style: italic; line-height: 1.6 !important; color: var(–cream) !important; margin: 0 !important; } .wolf-moment .moment-label { font-family: ‘IBM Plex Mono’, monospace; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(–amber); display: block; margin-bottom: 14px; } /* MATCH PROGRESS */ .match-box { background: var(–cream); border: 2px solid var(–victory); padding: 28px 30px; margin: 32px 0; text-align: center; } .match-box .mb-label { font-family: ‘IBM Plex Mono’, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–victory); display: block; margin-bottom: 10px; } .match-box .mb-headline { font-family: ‘Playfair Display’, serif; font-size: 22px; font-weight: 900; color: var(–black); line-height: 1.3; margin-bottom: 8px; } .match-box .mb-headline em { font-style: italic; color: var(–red); } .match-box .mb-sub { font-size: 15px; color: var(–text); line-height: 1.6; margin: 0; } /* IMPACT LADDER — what donations buy */ .impact-ladder { margin: 32px 0; border-top: 1px solid #c9bfaf; border-bottom: 1px solid #c9bfaf; } .impact-row { display: flex; align-items: center; padding: 16px 4px; border-bottom: 1px solid #e0d8cc; } .impact-row:last-child { border-bottom: none; } .impact-amt { font-family: ‘Playfair Display’, serif; font-size: 28px; font-weight: 900; color: var(–red); min-width: 90px; line-height: 1; } .impact-desc { font-size: 15px; line-height: 1.5; color: var(–text); } .impact-desc strong { color: var(–black); } .impact-match-tag { font-family: ‘IBM Plex Mono’, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(–victory); display: block; margin-top: 2px; } /* CTA BUTTON AREA */ .cta-section { background: var(–black); padding: 48px 44px; text-align: center; margin-top: 40px; border-top: 4px solid var(–red); } .cta-label { font-family: ‘IBM Plex Mono’, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–amber); display: block; margin-bottom: 14px; } .cta-section h2 { font-family: ‘Playfair Display’, serif; font-size: 32px; font-weight: 900; color: white; line-height: 1.2; margin-bottom: 18px; } .cta-section h2 em { font-style: italic; color: var(–amber); } .cta-section p { font-size: 16px; color: rgba(255,255,255,0.75); line-height: 1.75; margin-bottom: 30px; max-width: 440px; margin-left: auto; margin-right: auto; } .donate-btn { display: inline-block; background: var(–red); color: white; font-family: ‘IBM Plex Mono’, monospace; font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; padding: 20px 52px; text-decoration: none; margin-bottom: 12px; } .donate-note { display: block; font-family: ‘IBM Plex Mono’, monospace; font-size: 11px; letter-spacing: 0.08em; color: rgba(255,255,255,0.35); margin-top: 14px; line-height: 1.6; } /* SIGNATURE */ .signature { padding: 38px 44px 30px; border-top: 1px solid #d4c9b4; } .signature p { font-size: 16px; line-height: 1.75; margin-bottom: 8px; color: var(–text); } .sig-name { font-family: ‘Playfair Display’, serif; font-style: italic; font-size: 24px; color: var(–black); display: block; margin: 12px 0 4px; } .sig-title { font-family: ‘IBM Plex Mono’, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(–mid-gray); display: block; } .ps { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e0d8cc; font-size: 15px !important; color: var(–mid-gray) !important; font-style: italic; line-height: 1.7 !important; } .ps strong { color: var(–text); font-style: normal; } /* FOOTER */ .email-footer { background: var(–black); padding: 22px 44px; text-align: center; border-top: 2px solid #1a1a1a; } .email-footer p { font-family: ‘IBM Plex Mono’, monospace; font-size: 10px; letter-spacing: 0.08em; color: #444; line-height: 1.9; margin: 0; } .email-footer a { color: var(–amber); text-decoration: none; }

Discover more from Great Lakes Wildlife Alliance

Subscribe to get the latest posts sent to your email.

Leave a Reply