.info-page{background:#fff}
.info-hero{padding:58px 0 68px;border-bottom:12px solid var(--red)}
.info-kicker{font:700 16px "Barlow Condensed",sans-serif;letter-spacing:.22em;color:var(--blue);margin:0 0 15px}
.info-hero h1{font:900 clamp(75px,11vw,145px)/.82 "Barlow Condensed",sans-serif;color:#050505;margin:0;text-transform:uppercase}
.info-hero h1 em{color:var(--red)}
.info-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-top:35px}
.info-intro>p{font-size:20px;margin:0;max-width:760px}
.info-stamp{background:var(--navy);color:#fff;padding:24px;text-align:center;font:800 27px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em}
.info-body{padding:85px 0;background:var(--pale)}
.info-section-title{font:900 clamp(52px,7vw,90px)/.88 "Barlow Condensed",sans-serif;margin:0 0 35px;color:#050505}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.info-card{min-height:240px;background:#fff;padding:34px;border-left:10px solid var(--red);display:flex;flex-direction:column}
.info-card:nth-child(4n+2),.info-card:nth-child(4n+3){border-color:var(--navy)}
.info-card i{width:66px;height:66px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-style:normal;font-size:30px}
.info-card h2{font:800 38px/1 "Barlow Condensed",sans-serif;margin:25px 0 12px}
.info-card p{margin:0;font-size:15px}
.info-card-with-photo{position:relative;display:block;min-height:330px;overflow:hidden;padding:30px}
.info-card-photo{position:absolute;right:0;bottom:0;width:60%;height:calc(100% - 64px);object-fit:contain;object-position:right bottom;transform-origin:right bottom}
.info-card-with-photo h2{position:relative;z-index:2;margin:0;text-align:left;white-space:nowrap;font-size:clamp(32px,3.2vw,42px)}
.info-card-with-photo p{position:absolute;z-index:2;left:0;bottom:28px;width:35%;box-sizing:border-box;padding:0 8px 0 30px;margin:0;font-size:14px;line-height:1.4}
@media(min-width:768px){body[data-page="street-outreach"] .info-card-with-photo{min-height:330px}
body[data-page="street-outreach"] .info-card-with-photo h2{top:0;font-size:32px}
body[data-page="street-outreach"] .info-card-with-photo p{bottom:122px;font-size:16px}
body[data-page="street-outreach"] .info-card-with-photo:first-child .info-card-photo{transform:translate(7px,2px) scale(1)}
body[data-page="donate"] .info-card-with-photo{min-height:330px}
body[data-page="donate"] .info-card-with-photo h2{top:-12px;font-size:48px}
body[data-page="donate"] .info-card-with-photo p{bottom:10px;font-size:16px}
body[data-page="donate"] .info-card-with-photo:nth-child(1) .info-card-photo{transform:translate(0,-54px) scale(1.37)}
body[data-page="donate"] .info-card-with-photo:nth-child(2) .info-card-photo{transform:translate(0,-33px) scale(1.17)}
body[data-page="donate"] .info-card-with-photo:nth-child(3) .info-card-photo{transform:translate(-1px,-48px) scale(1.12)}
body[data-page="donate"] .info-card-with-photo:nth-child(4) .info-card-photo{transform:translate(0,-42px) scale(1.19)}
}
.info-band{padding:75px 0;background:var(--navy);color:#fff}
.info-band-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.info-band h2{font:900 clamp(56px,8vw,100px)/.85 "Barlow Condensed",sans-serif;margin:0}
.info-band h2 em{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:10px}
.info-band-copy p{font-size:18px}
.info-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button-light{background:#fff;border-color:#fff;color:var(--navy)}
.person-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.person{background:#fff;border-top:9px solid var(--red);overflow:hidden}
.person:nth-child(even){border-color:var(--navy)}
.person img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#dce4ef}
.person:nth-child(2) img{object-fit:contain;object-position:center;background:#666}
.person:nth-child(5) img{object-position:center 30%}
.person-copy{padding:28px}
.person b{display:block;font:800 31px/1 "Barlow Condensed",sans-serif}
.person span{font-size:12px;color:var(--red);font-weight:700;letter-spacing:.1em}
.person p{font-size:13px;margin:15px 0 0}
.contact-block{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-panel{background:var(--navy);color:#fff;border-radius:38px;padding:42px}
.contact-panel.red{background:var(--red)}
.contact-panel h2{font:800 48px/1 "Barlow Condensed",sans-serif;margin:0 0 20px}
.contact-panel a{display:block;color:#fff;font-size:18px;margin:8px 0}
.nav-group{position:relative}
.nav-group>summary{list-style:none;cursor:pointer}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group[open] .nav-flyout{display:grid}
.nav-flyout{display:none;position:absolute;top:28px;left:-18px;min-width:210px;background:#fff;border:3px solid var(--navy);padding:12px;gap:6px;box-shadow:none}
.nav-flyout a{padding:7px 9px;white-space:nowrap}
.site-nav .nav-group>a{display:block}

@media(max-width:800px){.info-hero{padding:42px 0}
.info-hero h1{font-size:67px}
.info-intro,.info-band-grid,.contact-block{grid-template-columns:1fr;gap:28px}
.info-intro>p{font-size:17px}
.info-body{padding:60px 0}
.info-grid,.person-grid{grid-template-columns:1fr}
.info-card{min-height:0}
.info-band{padding:60px 0}
.nav-group>summary{padding:7px 0}
.nav-flyout{position:static;box-shadow:none;border-width:0 0 0 4px;border-color:var(--red);margin:6px 0;padding:5px 14px}
.site-nav{max-height:calc(100vh - 82px);overflow:auto}
}

@media(max-width:767px){.info-card-with-photo{display:flex;flex-direction:column;min-height:0;padding:26px}
.info-card-with-photo h2{position:static;order:1;margin:0;font-size:clamp(28px,9vw,34px);line-height:1;white-space:nowrap}
.info-card-with-photo .info-card-photo{position:static;order:2;align-self:center;width:auto;max-width:85%;height:auto;max-height:220px;margin:20px auto 18px;object-fit:contain;object-position:center;transform:none!important}
.info-card-with-photo p{position:static;order:3;width:auto;padding:0;margin:0;font-size:14px;line-height:1.45}
}

.service-photo-card{position:relative;min-height:320px;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.service-photo-card__media{position:absolute;inset:0;overflow:hidden;background:var(--navy)}
.service-photo-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--card-focal,center)}
.service-photo-card__panel{position:absolute;z-index:1;inset:0 auto 0 0;width:var(--panel-width,46%);box-sizing:border-box;padding:clamp(22px,3vw,34px);background:var(--navy);display:flex;flex-direction:column;justify-content:flex-end}
.service-photo-card__icon{width:48px;height:48px;margin:0 0 18px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);font-style:normal;font-size:23px}
.service-photo-card__panel h2{margin:0 0 14px;color:var(--red);font:800 clamp(13px,1.25vw,16px)/1.1 "Barlow Condensed",sans-serif;letter-spacing:.11em;text-transform:uppercase}
.service-photo-card__panel p{margin:0;color:#fff;font:600 clamp(18px,1.65vw,25px)/1.22 "Barlow Condensed",sans-serif}
body[data-page="about"] .service-photo-card{box-sizing:border-box;border-left:10px solid var(--red)}
body[data-page="about"] .service-photo-card:nth-child(4n+2),body[data-page="about"] .service-photo-card:nth-child(4n+3){border-color:var(--navy)}

@media(max-width:767px){.service-photo-card{display:grid;grid-template-rows:auto auto;min-height:0;aspect-ratio:auto}
.service-photo-card__media{position:relative;inset:auto;aspect-ratio:var(--mobile-media-ratio,4 / 3)}
.service-photo-card__media img{object-position:var(--card-focal-mobile,var(--card-focal,center))}
.service-photo-card__panel{position:relative;inset:auto;width:auto;min-height:150px;padding:24px;background:var(--navy);justify-content:center}
.service-photo-card__icon{width:46px;height:46px;margin-bottom:16px;font-size:22px}
.service-photo-card__panel h2{margin-bottom:10px;font-size:14px}
.service-photo-card__panel p{font-size:clamp(21px,6.1vw,27px);line-height:1.18}
}

.functional-section{padding:80px 0;background:#fff}
.functional-section.alt{background:var(--pale)}
.functional-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.functional-copy h2{font:900 clamp(52px,7vw,86px)/.88 "Barlow Condensed",sans-serif;margin:0 0 22px}
.functional-copy p{font-size:16px}
.volunteer-signup{background:var(--navy);color:#fff;border-radius:38px;padding:38px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.volunteer-signup>p{font-size:18px;margin:0;max-width:650px}
.volunteer-help{width:100%;padding-top:22px;border-top:3px solid rgba(255,255,255,.3)}
.volunteer-help p{font-size:14px;margin:0 0 8px}
.volunteer-help a{display:inline-block;color:#fff;font-weight:700;margin:4px 18px 0 0}
.site-form{background:var(--navy);color:#fff;border-radius:38px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.site-form label{display:grid;gap:7px;font:700 14px "Barlow Condensed",sans-serif;letter-spacing:.08em}
.site-form label.full,.form-note,.site-form button{grid-column:1/-1}
.site-form input,.site-form select,.site-form textarea{width:100%;border:3px solid #fff;background:#fff;color:var(--navy);padding:13px;font:500 15px Montserrat,sans-serif}
.site-form textarea{min-height:140px;resize:vertical}
.site-form button{cursor:pointer}
.form-note{margin:0;font-size:11px;opacity:.78}
.donation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.donation-option{background:var(--navy);color:#fff;border-radius:32px;padding:30px;text-decoration:none;transition:.2s}
.donation-option:nth-child(2){background:var(--red)}
.donation-option h3{font:800 38px/1 "Barlow Condensed",sans-serif;margin:0 0 14px}
.donation-option p{font-size:13px}
.donation-option b{font:800 17px "Barlow Condensed",sans-serif}
.donation-guidelines{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}
.donation-guideline{background:var(--pale);border-top:8px solid var(--red);padding:28px}
.donation-guideline:nth-child(2){border-color:var(--navy)}
.donation-guideline h3{font:800 30px/1 "Barlow Condensed",sans-serif;margin:0 0 14px}
.donation-guideline p{font-size:13px;margin:0}
.newsletter{padding:44px 0;background:var(--red);color:#fff}
.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.newsletter h2{font:800 43px/1 "Barlow Condensed",sans-serif;margin:0}
.newsletter-form{display:flex}
.newsletter-form input{flex:1;min-width:0;border:3px solid #fff;padding:13px}
.newsletter-form button{border:3px solid #fff;background:var(--navy);color:#fff;padding:12px 20px;font:800 16px "Barlow Condensed",sans-serif;cursor:pointer}
.form-status{grid-column:1/-1;margin:0;font-size:13px;font-weight:700}
.form-status:empty{display:none}

@media(max-width:800px){.functional-grid,.newsletter-grid{grid-template-columns:1fr}
.volunteer-signup{padding:25px;border-radius:26px}
.volunteer-signup .button{width:100%}
.volunteer-help a{display:block;margin-right:0}
.site-form{grid-template-columns:1fr;padding:25px;border-radius:26px}
.site-form label,.site-form label.full,.form-note,.site-form button{grid-column:1}
.donation-options{grid-template-columns:1fr}
.donation-guidelines{grid-template-columns:1fr}
.newsletter-form{flex-direction:column}
.newsletter-form button{width:100%}
}