
:root{--navy:#082649;--gold:#ffce25;--blue:#164a82;--light:#eef4fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);font-size:17px;line-height:1.7}a{color:inherit}header{background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #dae3ed}.nav{max-width:1240px;margin:auto;padding:19px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{width:250px;display:block}.brand img{width:100%;display:block}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:15px;font-weight:700}nav a:hover,nav a:focus-visible{color:#35679b;text-decoration:underline}.wrap{max-width:1240px;margin:auto;padding:0 48px}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;min-height:650px;padding-top:75px;padding-bottom:80px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 22px}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(48px,6vw,82px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;max-width:720px}h1 span{color:var(--gold)}.hero p.description{font-size:20px;color:#d7e5f3;max-width:580px;margin-bottom:33px}.button{display:inline-block;padding:13px 25px;background:var(--gold);color:var(--navy);font-weight:700;border:2px solid var(--gold);border-radius:5px;text-decoration:none}.button:hover{background:white;border-color:white}.hero-art{background:white;border-radius:50%;padding:12px;max-width:410px;justify-self:center;transform:rotate(-5deg)}.hero-art img{width:100%;display:block;border-radius:50%}.bridge{background:var(--gold);padding:23px 0}.bridge-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:700}.bridge-inner span{font-size:14px;font-weight:400}.section{padding:95px 0}h2{font-size:clamp(34px,4vw,50px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 25px}h3{font-size:24px;line-height:1.25;margin:0 0 17px}p{margin:0 0 20px}.two-col{display:grid;grid-template-columns:1fr 1.3fr;gap:85px}.section-label{color:#3c6794}.intro{font-size:22px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:48px}.card{padding:35px;background:var(--light);border-top:4px solid var(--gold);border-radius:0 0 8px 8px}.number{font-size:14px;font-weight:700;color:#47698b;margin-bottom:35px}.card p{margin:0}.philosophy{background:var(--blue);color:white}.philosophy .eyebrow{color:var(--gold)}.philosophy .big{font-size:clamp(28px,3vw,38px);line-height:1.45;margin:0}.philosophy .text{color:#e0ebf7}.involved{background:#f6f8fb}.involved .cards{margin-top:35px}.involved .card{background:white;border-top:0;border-bottom:4px solid var(--gold)}details{margin-top:40px;padding:24px 0;border-top:1px solid #c9d8e7;border-bottom:1px solid #c9d8e7}summary{cursor:pointer;font-weight:700;font-size:19px}details p{margin:15px 0 0;max-width:800px}.closing{padding:60px 0;background:var(--gold)}.closing h2{margin-bottom:10px}.closing p{margin:0}footer{padding:35px 0;background:var(--navy);color:white}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:14px;color:#c9d8e7;margin:0}footer a{font-size:14px}a:focus-visible,summary:focus-visible{outline:3px solid #538ec9;outline-offset:5px} @media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:40px;min-height:0}.hero-art{max-width:280px}.two-col{grid-template-columns:1fr;gap:25px}.cards{grid-template-columns:1fr}.section{padding:65px 0}.bridge-inner{flex-wrap:wrap}.nav{padding:16px 22px;flex-wrap:wrap;gap:15px}.brand{width:210px}nav{gap:20px;flex-wrap:wrap}.wrap{padding-left:25px;padding-right:25px}.hero-grid{padding-top:55px;padding-bottom:55px}h1{letter-spacing:-2px}.footer-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Instagram brand */
:root{--navy:#15191a;--gold:#dff7fa;--blue:#146875;--light:#eff9fb}body{background:#fffdf6;color:#15191a}header{background:#fffdf6;border-color:#c9e6e9}.brand{display:flex;align-items:center;gap:12px;width:auto;text-decoration:none;font-weight:900;font-size:20px;line-height:1.1;letter-spacing:1px}.brand-image{height:58px;width:58px;overflow:hidden;border-radius:50%;position:relative;flex:none}.brand-image img{position:absolute;width:90px;max-width:none;left:-16px;top:-37px}.hero{background:#e0f7fa;color:#15191a}.hero .eyebrow{color:#146875}h1{font-weight:900;letter-spacing:-2px}h1 span{color:#146875}.hero p.description{color:#334e52}.button{background:#146875;border-color:#146875;color:white;border-radius:0}.button:hover{background:#104e58;border-color:#104e58;color:white}.hero-art{transform:none;border-radius:8px;padding:0;background:none;max-width:440px;overflow:hidden;border:8px solid white;box-shadow:12px 12px 0 #9dd9df}.hero-art img{border-radius:0;aspect-ratio:4/5;object-fit:cover}.bridge{background:#146875;color:white}.section-label{color:#146875}.card{border-color:#2996a4;background:#edf8fa}.philosophy{background:#146875}.philosophy .eyebrow{color:#dff7fa}.philosophy .text{color:#eefbfc}.involved{background:#edf8fa}.involved .card{border-color:#2996a4}.closing{background:#dff7fa}footer{background:#15191a}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.gallery figure{margin:0}.gallery img{width:100%;height:300px;object-fit:cover;display:block;border-radius:4px}.gallery figcaption{font-size:15px;padding-top:10px;color:#355b60}.gallery .wide{grid-column:span 2}.gallery .wide img{object-position:center 50%}.photo-heading{max-width:650px}@media(max-width:850px){nav{gap:15px}.gallery{grid-template-columns:1fr 1fr}.gallery .wide{grid-column:span 2}.hero-art{max-width:400px;width:100%}.gallery img{height:240px}}@media(max-width:550px){.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.gallery img{height:auto;max-height:430px;object-fit:cover}.brand{font-size:18px}}
.section-photo{margin-top:28px;width:100%;display:block;border-radius:5px;aspect-ratio:4/3;object-fit:cover}.philosophy .section-photo{aspect-ratio:4/5;object-position:center 65%}.donation-photo{width:100%;max-height:420px;object-fit:cover;margin-top:35px;border-radius:5px}@media(max-width:850px){.philosophy .section-photo{aspect-ratio:4/3}}

/* Shared navigation and contact styles. */
body{background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip-link{position:absolute;left:20px;top:-100px;background:#15191a;color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.brand{flex-shrink:0}.nav{gap:20px}nav{gap:20px;align-items:center}nav a{padding:7px 0;font-size:14px}nav a[aria-current="page"]{color:#146875;border-bottom:2px solid #146875}.nav-toggle{display:none;background:transparent;color:#15191a;border:1px solid #146875;padding:8px 16px;min-height:44px}.page-hero{padding:65px 0;background:#e0f7fa}.page-hero h1{font-size:clamp(42px,5vw,66px);max-width:800px}.page-hero p:last-child{margin-bottom:0}.page-hero .intro{max-width:750px}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:25px}.button.secondary{background:transparent;color:#146875}.button.secondary:hover{background:#146875;color:white}.card .button{margin-top:24px}.step-list{padding:0;list-style:none;counter-reset:step}.step-list li{counter-increment:step;padding:24px 0 24px 58px;position:relative;border-bottom:1px solid #c9e6e9}.step-list li:before{content:counter(step);position:absolute;left:0;top:27px;font-size:22px;font-weight:bold;color:#146875}.step-list h3{font-size:22px;margin:0 0 8px}.step-list p{margin:0}.faq details{margin-top:0;border-bottom:0}.faq details:last-child{border-bottom:1px solid #c9d8e7}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.form-panel{border:1px solid #c9e6e9;padding:32px;background:#eff9fb}.field{margin-bottom:22px}.field label{display:block;font-weight:bold;margin-bottom:7px}.field input,.field select,.field textarea{display:block;width:100%;background:white;color:#15191a;border:1px solid #6c8c90;border-radius:3px;padding:12px;min-height:48px}.field textarea{min-height:140px;resize:vertical}.field small{display:block;font-size:14px;margin-top:5px;color:#355b60}.form-help{font-size:15px;color:#355b60}.draft-panel{margin-top:26px;padding-top:25px;border-top:1px solid #9dd9df}.draft-panel h3{font-size:22px}.draft-panel textarea{width:100%;min-height:260px;font:inherit;color:#15191a;line-height:1.6;padding:15px;border:1px solid #6c8c90;background:white;resize:vertical}.notice{font-size:15px;margin:15px 0 0}.contact-aside img{margin-top:30px}.footer-row a{line-height:1.8}footer a:hover{color:#dff7fa}.hero .eyebrow{line-height:1.5}.brand-image img{height:auto}.team-heading{margin-top:0}.card:has(.eyebrow) h3{overflow-wrap:anywhere}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #146875;outline-offset:3px}.card:has(.eyebrow){min-width:0}img{max-width:100%}h1,h2,h3,a,p{overflow-wrap:break-word}
@media(max-width:1100px){.nav{flex-wrap:wrap;gap:10px}nav{gap:20px;flex-wrap:wrap}.brand{margin-right:auto}.hero-grid{gap:40px}.two-col{gap:45px}}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr;gap:35px}.page-hero{padding:45px 0}.two-col{gap:25px}.nav-toggle{display:block}.nav{position:relative}nav{display:none;width:100%;gap:0;padding-top:12px;flex-direction:column;align-items:stretch}nav.is-open{display:flex}nav a{padding:10px 4px;font-size:16px}nav a[aria-current="page"]{border-bottom:0;font-weight:800}.form-panel{padding:24px}.bridge-inner{gap:16px}.bridge-inner>div:nth-child(2){display:none}}
@media(max-width:420px){.brand{font-size:16px;gap:8px}.brand-image{width:50px;height:50px}.brand-image img{width:78px;left:-14px;top:-32px}.wrap{padding-left:20px;padding-right:20px}.hero-art{box-shadow:6px 6px 0 #9dd9df}.form-panel{padding:20px}.nav{padding:12px 18px}h1{font-size:44px;letter-spacing:-1px}.actions .button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.donation-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:55px}.donation-story img{width:100%;max-height:460px;object-fit:cover;border-radius:5px}@media(max-width:850px){.donation-story{grid-template-columns:1fr}}

/* Photo placement: preserve portraits and keep group faces in view. */
.hero-grid > *, .two-col > *, .contact-grid > * { min-width: 0; }
.hero-art { width: 100%; max-width: 400px; }
.hero-art img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; }
.section-photo { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
.philosophy .section-photo, .contact-aside .section-photo { max-width: 400px; height: auto; aspect-ratio: 3 / 4; object-fit: contain; object-position: center; }
.section-photo.photo-story { aspect-ratio: 4 / 3; height: auto; object-fit: cover; object-position: center 65%; }
@media (max-width: 850px) {
  .hero-art { max-width: 360px; }
  .philosophy .section-photo, .contact-aside .section-photo { max-width: 400px; margin-left: auto; margin-right: auto; }
  .section-photo.photo-story { max-width: 680px; margin-left: auto; margin-right: auto; }
}
