.donate-page { position: relative; display: flex; align-items: center; min-height: 100svh; padding: 185px 40px 72px; overflow: hidden; }
.donate-background, .donate-background img, .donate-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.donate-background img { object-fit: cover; object-position: center; }
.donate-shade { background: linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.76) 50%,rgba(0,0,0,.5)),linear-gradient(0deg,#000,transparent 45%); }
.donate-content { position: relative; width: 100%; max-width: 1184px; margin: 0 auto; color: #fff; }
.donate-back { display: inline-block; margin-bottom: 40px; color: #ccc; font-size: 13px; }
.donate-back:hover { color: #fff; }
.donate-eyebrow { margin: 0 0 20px; color: #ed1c24; font-size: 12px; font-weight: 800; letter-spacing: .18em; }
.donate-content h1 { max-width: 950px; margin: 0; font-size: clamp(42px,6.5vw,88px); font-weight: 900; letter-spacing: -.055em; line-height: 1.03; }
.donate-content h1 span { color: #ed1c24; }
.donate-announcement { max-width: 590px; margin-top: 40px; padding-left: 24px; border-left: 2px solid #ed1c24; }
.donate-status { display: inline-block; margin-bottom: 14px; color: #ddd; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.donate-announcement h2 { margin: 0 0 12px; font-size: clamp(22px,3vw,28px); font-weight: 800; line-height: 1.25; }
.donate-announcement p { margin: 0; color: #d5d5d5; font-size: 16px; line-height: 1.8; }
.donate-button { margin-top: 32px; }
.donate-page a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
@media(max-width:767px) { .donate-page { padding: 156px 24px 56px; } .donate-back { margin-bottom: 30px; } .donate-eyebrow { font-size: 10px; letter-spacing: .12em; } .donate-announcement { margin-top: 30px; padding-left: 18px; } .donate-announcement p { font-size: 15px; } .donate-button { max-width: 100%; } .donate-shade { background: linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.86) 65%,#000); } }