.rewards-page{--green:#58e29a;color:#151719;background:#f7f7f3}.reward-hero{color:#fff;background:#111715;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:85px max(24px,50vw - 600px);display:grid}.reward-tag{letter-spacing:.16em;color:#c22230;font-size:12px;font-weight:900}.reward-hero .reward-tag{color:var(--green)}.reward-copy h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(45px,6vw,82px);line-height:1.02}.reward-copy>p{color:#d0d8d2;max-width:490px;font-size:21px}.reward-actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.reward-hero .outline{color:#fff;border-color:#789083}.reward-copy small{color:#abb9af;max-width:470px;display:block}.reward-progress{text-align:center}.reward-ring{aspect-ratio:1;border:14px solid #284735;border-top-color:var(--green);border-radius:50%;place-items:center;width:min(330px,100%);margin:auto;display:grid;box-shadow:0 0 65px #58e29a12}.reward-ring span{gap:8px;display:grid}.reward-ring b{color:var(--green);font-size:88px;line-height:1}.reward-ring strong{letter-spacing:.1em;font-size:13px}.reward-ring small,.reward-progress>span{color:#a9b9af;font-size:13px}.reward-progress>p{margin:24px 0 8px;font-weight:800}.reward-section{padding:65px max(24px,50vw - 600px);scroll-margin-top:100px}.reward-section h2{letter-spacing:-.035em;margin:15px 0 25px;font-size:clamp(29px,4vw,45px);line-height:1.1}.reward-steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.reward-steps article{background:#fff;border:1px solid #dfe4dc;border-radius:16px;padding:28px}.reward-steps article>b{color:#b61b28;font-size:13px}.reward-steps p,.reward-claim>div p{color:#59635c;line-height:1.65}.reward-dark{background:#e8eee7}.reward-dark>div:first-child{max-width:750px}.reward-point-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.reward-point-cards article{background:#fff;border-radius:12px;gap:7px;padding:22px;display:grid}.reward-point-cards strong{font-size:24px}.reward-point-cards span{color:#59635c;font-size:14px}.reward-disclosure{margin-top:24px;font-size:13px;line-height:1.6}.reward-claim{grid-template-columns:1fr 1fr;gap:65px;display:grid}.reward-claim form{background:#fff;border:1px solid #dfe4dc;border-radius:18px;gap:16px;padding:28px;display:grid}.reward-claim label{gap:7px;font-size:14px;font-weight:750;display:grid}.reward-claim input,.reward-claim select{width:100%;min-width:0;font:inherit;color:#151719;background:#fff;border:1px solid #aeb9b0;border-radius:7px;padding:12px}.reward-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reward-claim form small{color:#59635c}.reward-location{margin:0;font-size:13px}.reward-status{background:#e4f8eb;border-radius:8px;padding:14px;line-height:1.5}.reward-visit{border-top:1px solid #dfe4dc;grid-template-columns:1fr 240px;align-items:center;gap:45px;display:grid}.reward-visit p{line-height:1.8}.reward-qr{text-align:center;justify-items:center;gap:10px;font-size:13px;display:grid}.reward-qr img{background:#fff;border-radius:12px;max-width:100%;padding:8px}.reward-qr small{color:#59635c}:is(.reward-claim input:focus-visible,.reward-claim select:focus-visible,.rewards-page a:focus-visible,.rewards-page button:focus-visible){outline-offset:3px;outline:3px solid #167841}@media (max-width:780px){.reward-hero,.reward-claim,.reward-visit{grid-template-columns:1fr;gap:35px}.reward-hero{padding-top:48px;padding-bottom:48px}.reward-ring{width:260px}.reward-ring b{font-size:72px}.reward-steps,.reward-point-cards{grid-template-columns:1fr}.reward-section{padding-top:45px;padding-bottom:45px}.reward-claim form{padding:20px}.reward-actions .button{justify-content:center;width:100%}.reward-visit .button{margin-bottom:10px}.reward-qr{justify-self:start}.reward-fields{gap:10px}}.reward-hero{isolation:isolate;background:#111715;min-height:650px;position:relative;overflow:hidden}.reward-hero:before{content:"";z-index:-2;background-image:linear-gradient(90deg,#050c09e0,#050c0947 65%,#050c0980),url(/images/rewards-oakland-green-containers.webp);background-position:50%;background-size:cover;animation:24s ease-in-out infinite alternate yard-drift;position:absolute;inset:-3%}.reward-hero:after{content:"Illustrative rewards artwork · Program not yet active";color:#e1e8e1;background:#07110b99;border-radius:4px;padding:5px 9px;font-size:11px;position:absolute;bottom:12px;left:24px}.reward-progress{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05110bbd;border:1px solid #64df9c44;border-radius:24px;padding:30px 22px;box-shadow:0 18px 55px #0005}.reward-ring{border-top-color:#58e29a;animation:5s ease-in-out infinite alternate reward-glow;box-shadow:0 0 45px #58e29a22}.reward-copy{text-shadow:0 2px 16px #0008;padding:18px 0}.reward-copy h1{max-width:650px}.reward-copy>p{color:#f1f6f2}.reward-copy small{color:#e0ebe3}.reward-hero .reward-tag{background:#06190ed9;border:1px solid #58e29a66;border-radius:5px;padding:9px 12px;display:inline-block}@keyframes yard-drift{0%{background-position:50%;transform:scale(1)}to{background-position:52%;transform:scale(1.04)}}@keyframes reward-glow{0%{box-shadow:0 0 25px #58e29a15}to{box-shadow:0 0 50px #58e29a40}}@media (max-width:780px){.reward-hero{min-height:unset;padding-bottom:65px}.reward-hero:before{background-image:linear-gradient(#050c09c4,#050c0966 45%,#050c09d9),url(/images/rewards-oakland-green-containers.webp);background-position:65%}.reward-progress{padding:22px 16px}.reward-hero:after{text-align:center;font-size:10px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.reward-hero:before,.reward-ring{animation:none}}