:root{--red:#ed1c24;--ink:#171717;--paper:#f4f3f0;--white:#fff;--line:#d7d4ce}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.58 Arial,Helvetica,sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
.site-header{min-height:92px;padding:10px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:10;border-bottom:1px solid #eee}
.brand img{width:145px}
.site-header nav{display:flex;align-items:center;gap:22px}
.site-header nav a{text-decoration:none;font-size:.78rem;font-weight:800}
.site-header nav a.active{color:var(--red)}
.donate,.button{background:var(--red);color:#fff!important;padding:12px 18px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900}
.language,.menu{border:0;background:none;font-weight:900;cursor:pointer}
.menu{display:none}
.hero{height:min(760px,calc(100vh - 92px));min-height:580px;position:relative;color:#fff;overflow:hidden}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.42) 52%,rgba(0,0,0,.06) 78%)}
.hero-copy{position:absolute;left:clamp(24px,7vw,110px);bottom:clamp(140px,18vh,185px);width:min(760px,84vw)}
.hero-copy h1{font-size:clamp(2.75rem,4.8vw,4.8rem);line-height:.98}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:900;margin:0 0 14px}
.red{color:var(--red)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.02;margin:.12em 0 .45em}
h1{font-size:clamp(3.2rem,7vw,7rem)}
h2{font-size:clamp(2.15rem,4vw,4.4rem)}
h3{font-size:clamp(1.5rem,2vw,2.3rem)}
.hero-copy>p:not(.eyebrow){font-size:clamp(1.05rem,1.6vw,1.35rem);max-width:600px;margin-bottom:32px}
.scorecard,.content-wrap{padding:clamp(65px,9vw,125px) clamp(22px,6vw,90px);max-width:1500px;margin:auto}
.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);gap:35px}
.section-head h2{max-width:780px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:50px}
.stats article{background:var(--paper);padding:34px 26px;min-height:170px}
.stats strong{display:block;font-size:clamp(3.3rem,7vw,6.8rem);line-height:.9;color:var(--red)}
.stats span{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-top:17px}
.workplace-home{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(50px,8vw,120px);align-items:center;padding:clamp(70px,8vw,110px) clamp(22px,7vw,110px);background:var(--paper);color:var(--ink)}
.workplace-intro{max-width:820px}
.workplace-intro h2{font-size:clamp(2rem,3.1vw,3.45rem);margin-bottom:.42em}
.workplace-intro>p:last-child{max-width:740px;font-size:clamp(1rem,1.15vw,1.1rem)}
.workplace-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.workplace-roles span{position:relative;display:flex;align-items:flex-end;min-height:92px;padding:34px 20px 18px;background:#fff;border:1px solid var(--line);font:700 clamp(1rem,1.35vw,1.4rem)/1.12 Georgia,'Times New Roman',serif}
.workplace-roles span::before{content:"";position:absolute;top:18px;left:20px;width:26px;height:3px;background:var(--red)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}
.feature-card{text-decoration:none;display:flex;flex-direction:column}
.feature-card.dark{background:var(--ink);color:#fff}
.feature-card img{width:100%;height:420px;object-fit:cover}
.feature-card img.montreal-photo{object-position:center top}
.feature-card>div{padding:40px;flex:1}
.feature-card h2{font-size:clamp(1.8rem,2.6vw,3rem)}
.feature-card span,.text-link{font-weight:900}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,8vw,125px);align-items:center;padding:clamp(70px,10vw,145px) clamp(22px,7vw,110px)}
.split>img{width:100%;height:650px;object-fit:cover}
.anne-bio>img{height:auto;aspect-ratio:4/3}
.anne-home h2{font-size:clamp(2rem,3vw,3.2rem)}
.split>div{max-width:720px}
.cta{background:var(--red);color:#fff;text-align:center;padding:clamp(75px,9vw,135px) 22px}
.cta h2{max-width:950px;margin:.2em auto}
.cta>p:not(.eyebrow){max-width:700px;margin:22px auto 34px}
.light{background:#fff;color:var(--red)!important}
.page-hero{min-height:475px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--ink);color:#fff}
.page-hero>div{padding:clamp(55px,8vw,120px);align-self:center}
.page-hero img{width:100%;height:100%;object-fit:cover;max-height:650px}
.page-hero img.people-hero-photo{object-position:center 38%}
.page-hero img.story-hero-photo{object-position:center 30%}
.page-hero img.support-hero-photo{object-position:center top}
.page-hero p{max-width:650px}
.page-hero h1{font-size:clamp(2.75rem,4.8vw,4.8rem)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.story-founding-intro{max-width:650px;margin:0;font-size:1.08rem;line-height:1.65}
.story-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:#fff;color:var(--ink);padding:30px}
.card.photo{padding:0}
.card.photo img{width:100%;height:330px;object-fit:cover}
.card.photo img.gp3r-photo{object-fit:contain;background:#eceae5}
.card.photo>div{padding:28px}
.band{background:var(--ink);color:#fff;padding:clamp(65px,8vw,110px) clamp(22px,6vw,90px)}
.band .inner{max-width:1300px;margin:auto}
.expert-group-title{margin:48px 0 20px}
.featured-experts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}
.featured-expert{background:#fff;color:var(--ink)}
.featured-expert img{width:100%;height:360px;object-fit:cover}
.featured-expert.bernie img{object-position:center center}
.featured-expert.melissa img{object-position:center 20%}
.featured-expert>div{padding:30px}
.featured-expert h3{margin-top:0}
.expert-directory{margin-top:28px;border:1px solid rgba(255,255,255,.28)}
.expert-directory summary{cursor:pointer;padding:22px 26px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.expert-directory[open] summary{border-bottom:1px solid rgba(255,255,255,.28)}
.expert-directory>.expert-group-title,.expert-directory>.expert-group-layout{margin-left:26px;margin-right:26px}
.expert-directory>.expert-group-layout{grid-template-columns:1fr}
.expert-directory .expert-group-photo{display:none}
.and-more{margin:30px 26px 32px;color:#fff;font:italic clamp(1.5rem,2.5vw,2.25rem) Georgia,'Times New Roman',serif}
.expert-group-layout{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:28px;align-items:start}
.expert-group-photo{width:100%;height:520px;object-fit:cover;object-position:center top}
.expert-list{display:grid;grid-template-columns:1fr;gap:12px;background:transparent}
.expert-list .card{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:32px;align-items:center;min-height:118px;border-left:5px solid var(--red);padding:26px 30px}
.expert-list .card h3{font-size:clamp(1.45rem,2vw,2rem);margin:0}
.expert-list .card p{margin:0}
.story-row{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#fff}
.story-row:nth-child(even){background:var(--ink);color:#fff}
.story-row:nth-child(even) .story-copy{order:2}
.story-row img{width:100%;height:100%;object-fit:cover}
.story-copy{padding:clamp(45px,7vw,105px);align-self:center}
.story-row.markham-row .story-copy{align-self:start;padding-top:clamp(42px,4vw,64px)}
.quote{font:clamp(2rem,4vw,4rem)/1.1 Georgia,serif;border-left:8px solid var(--red);padding-left:30px}
.anne-quote{margin:0}
.anne-quote .quote{font-size:clamp(1.65rem,3vw,3rem);line-height:1.16}
.anne-quote .quote em{display:block;margin-bottom:.35em}
.anne-quote cite{display:block;margin:22px 0 0 38px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.media-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.media-item{background:#fff;padding:28px;display:grid;grid-template-columns:150px 1fr auto;gap:25px;align-items:center;text-decoration:none}
.media-item strong{color:var(--red);text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}
.media-item span:last-child{font-weight:900}
.pathway{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:45px}
.pathway article{background:#fff;padding:30px}
.pathway b{font-size:2.5rem;color:var(--red)}
.needs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin:45px 0}
.support-polaroids{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:52px 0 40px;padding:0 18px}
.support-polaroids figure{margin:0 -8px;background:#fff;padding:10px 10px 34px;box-shadow:0 12px 28px rgba(0,0,0,.18);position:relative}
.support-polaroids figure:nth-child(1){transform:rotate(-3deg);z-index:1}
.support-polaroids figure:nth-child(2){transform:rotate(2deg);z-index:3}
.support-polaroids figure:nth-child(3){transform:rotate(-1.5deg);z-index:2}
.support-polaroids figure:nth-child(4){transform:rotate(3deg);z-index:1}
.support-polaroids img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#eceae5}
.needs article{background:#fff;padding:34px}
.contact-box{background:#fff;padding:38px;margin-top:35px;border-top:6px solid var(--red)}
.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px;padding:30px clamp(22px,6vw,90px);background:#fff;font-size:.78rem;border-top:1px solid var(--line)}
.site-footer img{width:120px}
.footer-links{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}
.footer-links a{font-weight:800;text-decoration:none}
.footer-links a:hover,.footer-links a:focus-visible{text-decoration:underline}
.footer-donate{background:var(--red);color:#fff!important;padding:11px 17px;text-transform:uppercase;letter-spacing:.08em}
.donate-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;touch-action:manipulation}
.site-footer p{margin:0;text-align:right}

@media(max-width:1050px){.site-header nav{gap:13px}
.site-header nav a{font-size:.7rem}
.hero-copy{bottom:100px;width:min(680px,86vw)}
.feature-grid{grid-template-columns:1fr}
.feature-card{display:grid;grid-template-columns:1fr 1fr}
.feature-card img{height:100%;min-height:390px}
.cards{grid-template-columns:1fr 1fr}
.support-polaroids{grid-template-columns:1fr 1fr;gap:24px;padding:0 12px}
.support-polaroids figure{margin:0}
.workplace-home{grid-template-columns:1fr;gap:48px}
}

@media(max-width:780px){.site-header{min-height:76px}
.brand img{width:108px}
.menu{display:block}
.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;align-items:stretch}
.site-header nav.open{display:flex}
.site-header nav .donate{display:block;width:100%;min-height:48px;text-align:center}
.language{padding:12px}
.hero{height:auto;min-height:0;background:#111;padding-bottom:24px}
.hero>img{display:block;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 42%}
.hero-copy{position:relative;z-index:2;left:auto;bottom:auto;width:calc(100% - 32px);margin:-36px 16px 0;padding:24px;background:#111;border-left:4px solid var(--red)}
.hero-copy h1{font-size:clamp(2.35rem,10.5vw,3.6rem)}
.hero-shade{display:none}
h1{font-size:clamp(3rem,15vw,5rem)}
.section-head{display:block}
.stats,.cards{grid-template-columns:1fr 1fr}
.expert-list{grid-template-columns:1fr}
.expert-list .card{grid-template-columns:1fr;gap:8px;min-height:0;padding:24px}
.expert-group-layout{grid-template-columns:1fr}
.featured-experts{grid-template-columns:1fr}
.expert-group-photo{height:440px}
.anne-bio>img{height:auto;aspect-ratio:4/3}
.feature-card,.split,.story-row{grid-template-columns:1fr}
.feature-card>div{padding:34px}
.feature-card img{min-height:0;height:390px}
.split>img{height:500px}
.page-hero{display:flex;flex-direction:column;min-height:0;padding-bottom:24px}
.page-hero>img{order:1;display:block;height:auto;aspect-ratio:16/9;object-fit:cover}
.page-hero>div{order:2;position:relative;z-index:2;width:calc(100% - 32px);margin:-36px 16px 0;padding:24px;background:var(--ink);border-left:4px solid var(--red)}
.page-hero h1{font-size:clamp(2.35rem,10.5vw,3.6rem)}
.story-row:nth-child(even) .story-copy{order:0}
.story-row img{height:430px}
.pathway{grid-template-columns:1fr 1fr}
.media-item{grid-template-columns:1fr;gap:8px}
.site-footer{grid-template-columns:1fr;justify-items:start;gap:22px}
.footer-links{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:14px}
.site-footer p{text-align:left}
.workplace-home{padding:60px 22px;gap:36px}
.workplace-roles span{min-height:88px}
}

@media(max-width:480px){.stats,.cards,.pathway,.needs{grid-template-columns:1fr}
.workplace-home{padding:52px 16px;gap:30px}
.workplace-roles{grid-template-columns:1fr 1fr;gap:8px}
.workplace-roles span{min-height:82px;padding:30px 14px 14px;font-size:1rem}
.workplace-roles span::before{top:14px;left:14px;width:24px;height:3px}
.support-polaroids{grid-template-columns:1fr;gap:20px;padding:0 10px}
.support-polaroids figure{width:100%;max-width:360px;margin:0 auto;padding-bottom:28px}
.stats article{min-height:130px}
.feature-card img,.story-row img{height:340px}
.split>img{height:430px}
.contact-box .button{display:flex;width:100%;text-align:center}
}
