.nonprofits{--nonprofits-rule:color-mix(in srgb, var(--color-ink) 15%, transparent)}.nonprofits-wrap{width:min(100% - 2rem,72rem);margin-inline:auto}.nonprofits h1,.nonprofits h2,.nonprofits h3{text-wrap:balance}.nonprofits h1{letter-spacing:-.035em;max-width:16ch;font-size:3rem;font-weight:300;line-height:1.05}.nonprofits h2{letter-spacing:-.025em;max-width:22ch;font-size:clamp(1.875rem,3vw,2.25rem);font-weight:300;line-height:1.2}.nonprofits h3{letter-spacing:-.02em;font-size:1.5rem;font-weight:400;line-height:1.3}.nonprofits p{max-width:39rem;color:var(--muted-foreground);margin-top:1.25rem;font-size:1.125rem;line-height:1.8}.nonprofits-hero{isolation:isolate;background:var(--color-ivory);position:relative}.nonprofits-hero:after{content:"";z-index:-1;background:linear-gradient(to bottom, transparent 8rem, var(--color-ivory) 16rem);position:absolute;inset:0}.nonprofits-hero-layout{padding-block:15rem 3rem;display:grid}.nonprofits-hero .button{margin-top:2rem}.nonprofits-hero-photo{z-index:-2;object-fit:cover;object-position:70% top;width:100%;height:16rem;position:absolute;inset:0}.nonprofits-section{border-top:1px solid var(--nonprofits-rule);padding-block:4rem}.nonprofits-intro{max-width:42rem}.nonprofits-website{gap:3rem;display:grid}.nonprofits-website h3,.nonprofits-supporters h3{margin-top:2.5rem}.nonprofits-phone{justify-self:center;width:min(100%,18rem)}.nonprofits-phone-frame{background:var(--color-ink);box-shadow:0 1.5rem 3rem -1.25rem color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:2.6rem;padding:.55rem}.nonprofits-phone-frame img{border-radius:2.05rem;width:100%;height:auto;display:block}.nonprofits-donation-form figcaption{color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem}.nonprofits-split{gap:3rem;display:grid}.nonprofits-supporters,.nonprofits-move{background:color-mix(in srgb, var(--color-ink) 3%, var(--color-ivory))}.nonprofits-supporters-photo{aspect-ratio:3/2;object-fit:cover;border-radius:.75rem;order:-1;width:100%;height:auto}.nonprofits-donation-form{max-width:26rem}.nonprofits-donation-form img{border-radius:.75rem;width:100%;height:auto}.nonprofits-chart{border:1px solid var(--nonprofits-rule);background:var(--card);border-radius:.75rem;padding:1.25rem 1.25rem .75rem}.nonprofits-chart figcaption{margin-bottom:.75rem;font-size:.875rem;font-weight:500}.nonprofits-events p{color:var(--color-ivory)}.nonprofits-events{--nonprofits-events-photo-height:22rem;background:var(--color-ink);color:var(--color-ivory);isolation:isolate;position:relative;overflow:hidden}.nonprofits-section.nonprofits-events{padding-block:5rem calc(var(--nonprofits-events-photo-height) + 1rem)}.nonprofits-events-photo{z-index:-2;width:100%;height:var(--nonprofits-events-photo-height);object-fit:cover;object-position:72% 30%;position:absolute;inset:auto 0 0}.nonprofits-events:after{content:"";z-index:-1;background:linear-gradient(to bottom, var(--color-ink) calc(100% - var(--nonprofits-events-photo-height)), color-mix(in srgb, var(--color-ink) 15%, transparent) calc(100% - var(--nonprofits-events-photo-height) + 7rem), transparent);position:absolute;inset:0}.nonprofits-footer{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;font-size:.875rem;display:flex}@media (min-width:640px){.nonprofits h1{font-size:3.75rem}.nonprofits-wrap{width:min(100% - 3rem,72rem)}.nonprofits-section{padding-block:5rem}.nonprofits-supporters .nonprofits-split{grid-template-columns:2fr 3fr;gap:2.5rem}.nonprofits-supporters-photo{aspect-ratio:4/5}.nonprofits-website{grid-template-columns:1fr 18rem;align-items:start;gap:6rem}.nonprofits-team{align-items:center}.nonprofits-donations{grid-template-columns:3fr 2fr;gap:2.5rem}}@media (min-width:1024px){.nonprofits-events .nonprofits-intro{display:block}.nonprofits-events .nonprofits-intro>*{max-width:30rem}.nonprofits-events .nonprofits-intro p{margin-top:1.25rem}.nonprofits-section.nonprofits-events{padding-block:7rem}.nonprofits-events:after{background:linear-gradient(to right, color-mix(in srgb, var(--color-ink) 88%, transparent) 0%, color-mix(in srgb, var(--color-ink) 78%, transparent) 42%, color-mix(in srgb, var(--color-ink) 15%, transparent) 75%)}.nonprofits-events-photo{object-position:center;height:100%;inset:0}.nonprofits h1{font-size:4.5rem}.nonprofits-invitation{align-self:start;position:sticky;top:2rem}.nonprofits-hero-photo{height:100%}.nonprofits-hero:after{background:linear-gradient(to right, var(--color-ivory) 0%, color-mix(in srgb, var(--color-ivory) 94%, transparent) 32%, transparent 70%)}.nonprofits-hero-layout{align-items:center;min-height:48rem;padding-block:5rem}.nonprofits-hero-layout>div{width:55%}.nonprofits-intro{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:none;display:grid}.nonprofits-intro p{margin-top:0}.nonprofits-split{grid-template-columns:1fr 1fr;gap:4rem}.nonprofits-donation-form{justify-self:end;width:100%}.nonprofits-supporters{position:relative;overflow:hidden}.nonprofits-supporters .nonprofits-split{grid-template-columns:1fr 1fr;align-items:center;min-height:24rem}.nonprofits-supporters .nonprofits-split>div{grid-column:2}.nonprofits-supporters-photo{aspect-ratio:auto;object-position:40% center;border-radius:0;width:50%;height:100%;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 65%,#0000);mask-image:linear-gradient(90deg,#000 65%,#0000)}}