:root{
--black:#050505;--black2:#0b0b0b;--gold:#d6a936;--gold2:#f4d36d;--teal:#15d1cf;
--pink:#c84f89;--cream:#f7f0df;--muted:#b9b3a8;--line:rgba(214,169,54,.34)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#fff;font-family:Montserrat,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.topbar{background:linear-gradient(90deg,#b9851d,#f0ca5a,#b9851d);color:#16120a;text-align:center;padding:6px 10px;font-family:"Cormorant Garamond",serif;font-size:16px}
.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:6px 4%;background:rgba(0,0,0,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.logo{width:150px;display:block}
.logo img{display:block;width:100%;height:72px;object-fit:contain}
.header nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.header nav a:hover{color:var(--teal)}
.donate{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;padding:10px 14px}
.menu{display:none;margin-left:auto;width:42px;height:42px;background:none;border:0;padding:8px}
.menu span{display:block;height:3px;background:#fff;margin:5px 0;border-radius:3px}

.hero{min-height:680px;display:grid;grid-template-columns:52% 48%;position:relative;background:#030303;border-bottom:1px solid var(--line)}
.hero-photo{grid-column:2;grid-row:1;position:relative;min-height:680px;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.18) 38%,rgba(3,3,3,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 55%)}
.photo-badge{position:absolute;right:8%;bottom:8%;border:1px solid var(--gold);padding:10px 14px;font-size:9px;letter-spacing:3px;font-weight:800;color:var(--gold2);background:rgba(0,0,0,.45)}
.hero-copy{grid-column:1;grid-row:1;z-index:3;display:flex;justify-content:center;flex-direction:column;padding:80px 5% 80px 11%;background:#030303}
.eyebrow{font-size:12px;letter-spacing:4px;font-weight:800;color:var(--teal);text-transform:uppercase}
.goldtext{color:var(--gold2)}
.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(62px,7vw,104px);line-height:.82;margin:20px 0 24px;letter-spacing:-2px}
.hero h1 span{font-family:Allura,cursive;color:var(--gold2);font-weight:400;font-size:1.05em}
.hero-sub{font-family:"Cormorant Garamond",serif;font-size:25px;line-height:1.2}
.hero-sub em{color:var(--teal);font-family:Allura,cursive;font-size:34px;font-style:normal}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:13px 19px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.teal{background:var(--teal);color:#041414}
.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#100e08}
.outline{border:1px solid var(--gold);color:#fff}

section{padding:90px 7%}
.welcome{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#070707;border-bottom:1px solid var(--line)}
.welcome-photo{min-height:500px}
.welcome-photo img{width:100%;height:100%;display:block;object-fit:cover}
.welcome-copy{padding:80px 9%;display:flex;flex-direction:column;justify-content:center}
.welcome h2,.programs h2,.mission h2,.events h2,.involved h2,.newsletter h2,.contact h2{font-family:"Cormorant Garamond",serif;font-size:clamp(48px,5.5vw,76px);line-height:.9;margin:18px 0 22px}
.welcome h2 span,.mission h2 span,.events h2 span,.involved h2 span,.newsletter h2 span,.contact h2 span{color:var(--gold2)}
.welcome-copy p,.contact p:not(.eyebrow),.mission p:not(.eyebrow){color:var(--muted);max-width:700px}
.script{margin:20px 0;color:var(--teal);font-family:Allura,cursive;font-size:29px;line-height:1.05}
.script strong{font-family:"Cormorant Garamond",serif;color:var(--gold2);font-size:29px;letter-spacing:2px}
.textbtn{display:inline-block;color:var(--gold2);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:1px;margin-top:10px}
.programs{background:radial-gradient(circle at 10% 50%,rgba(214,169,54,.09),transparent 28%),#050505}
.center{text-align:center}
.lead{color:var(--muted);max-width:650px;margin:0 auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:42px auto 0;max-width:1250px}
.cards article{min-height:230px;padding:30px 22px;border:1px solid var(--line);background:linear-gradient(145deg,#0c0c0c,#050505);text-align:center}
.cards article:hover{border-color:var(--teal);transform:translateY(-3px)}
.picon{font-size:32px;color:var(--gold2);height:48px}
.cards h3{font-family:"Cormorant Garamond",serif;font-size:26px;line-height:1;margin:10px 0}
.cards p{font-size:12px;color:var(--muted)}
.mission{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center;background:linear-gradient(115deg,#071d1d,#090909);border-top:1px solid rgba(18,201,200,.25);border-bottom:1px solid rgba(18,201,200,.25)}
.mission-quote{border-left:1px solid var(--gold);padding-left:30px;font-family:"Cormorant Garamond",serif;font-size:27px;color:#e7dfcf}
.mission-quote strong{display:block;color:var(--teal);font-family:Montserrat;font-size:12px;letter-spacing:2px;margin-top:12px}
.impact{display:grid;grid-template-columns:1.2fr repeat(4,1fr);padding:48px 7%;background:linear-gradient(90deg,#0a3c3c,#071d1d);border-bottom:1px solid var(--line)}
.impact-title h2{font-family:"Cormorant Garamond",serif;font-size:50px;margin:0}
.stat{text-align:center;border-left:1px solid rgba(255,255,255,.18);padding:5px 18px}
.stat strong{display:block;font-family:"Cormorant Garamond",serif;color:var(--gold2);font-size:52px;line-height:1}
.stat span{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#e8e2d6}
.events{background:var(--cream);color:#111}
.event-head{display:flex;align-items:end;justify-content:space-between;gap:30px}
.events .eyebrow{color:#138f8e}
.event-card{margin-top:35px;border:1px solid rgba(0,0,0,.18);display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:25px;padding:28px;background:#fff}
.event-date{font-family:"Cormorant Garamond",serif;font-size:38px;color:#9a721b;text-align:center;border-right:1px solid rgba(0,0,0,.12);padding-right:25px}
.event-date small{display:block;font-family:Montserrat;font-size:11px;letter-spacing:2px}
.event-card h3{font-family:"Cormorant Garamond",serif;font-size:30px;margin:0 0 5px}
.event-card p{margin:0;color:#555;font-size:14px}
.involved{background:radial-gradient(circle at 50% 20%,rgba(200,79,137,.12),transparent 25%),#070707}
.involve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.involve-grid a{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#101010,#060606)}
.involve-grid b{display:block;color:var(--gold2);font-family:"Cormorant Garamond",serif;font-size:28px}
.involve-grid span{color:var(--muted);font-size:12px}
.newsletter{background:linear-gradient(135deg,#0c0c0c,#17100a);display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.newsletter p:not(.eyebrow){color:var(--muted);font-size:13px}
.newsletter form{display:flex}.newsletter input{width:100%;padding:16px;border:0;outline:0}.newsletter button{padding:0 22px;border:0;background:var(--teal);font-weight:800}
.bigdonate{padding:17px 24px;border:1px solid var(--gold);color:var(--gold2);font-weight:800;white-space:nowrap}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;background:#050505}
.contact-box{border:1px solid var(--line);padding:35px;background:linear-gradient(145deg,#0b0b0b,#050505)}
.contact-box b{font-size:10px;color:var(--gold2);letter-spacing:2px;text-transform:uppercase}.contact-box a{color:var(--teal)}
footer{padding:55px 7% 25px;display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);background:#020202;color:var(--muted)}
footer img{width:150px;height:100px;object-fit:contain}
footer h3{font-family:"Cormorant Garamond",serif;font-size:32px;color:var(--gold2);margin:0}
footer p{margin:3px 0;color:#fff} footer em{color:var(--teal);font-family:Allura,cursive;font-size:24px}
.footerlinks{display:flex;flex-direction:column;gap:8px;font-size:11px}.footerlinks b{color:var(--gold2);letter-spacing:1px;text-transform:uppercase}
footer small{grid-column:1/-1;text-align:center;padding-top:25px;border-top:1px solid rgba(255,255,255,.08);font-size:10px}

@media(max-width:1000px){
.header nav{gap:10px;font-size:9px}
.hero{grid-template-columns:1fr}
.hero-photo{grid-column:1;grid-row:1;min-height:650px}
.hero-copy{grid-column:1;grid-row:1;justify-content:flex-end;padding:90px 7% 60px;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.34) 34%,rgba(0,0,0,.93) 77%,#030303 100%)}
.hero-photo img{object-position:center}
.welcome{grid-template-columns:1fr}.welcome-photo{min-height:400px}.welcome-copy{padding:65px 7%}
.cards{grid-template-columns:repeat(2,1fr)}
.impact{grid-template-columns:repeat(2,1fr)}.impact-title{grid-column:1/-1;text-align:center}.stat{padding:20px}
.involve-grid{grid-template-columns:repeat(2,1fr)}
.newsletter{grid-template-columns:1fr}
.bigdonate{width:max-content}
footer{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.topbar{font-size:13px;padding:7px 8px}
.header{padding:5px 5%}.logo{width:125px}.logo img{height:62px}
.menu{display:block}
.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#050505;padding:24px 7%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
.header nav.open{display:flex}
.hero{display:flex;flex-direction:column;min-height:0}
.hero-photo{order:1;min-height:52vh;height:52vh;max-height:620px}
.hero-photo img{object-fit:cover;object-position:center 30%}
.photo-shade{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18) 70%,#030303 100%)}
.photo-badge{right:6%;bottom:7%;font-size:8px}
.hero-copy{order:2;padding:22px 7% 62px;background:#030303;display:block}
.hero h1{font-size:58px;margin:16px 0 20px}
.hero-sub{font-size:22px}.hero-sub em{font-size:29px}
.actions{margin-top:24px}.btn{padding:13px 16px}
section{padding:70px 7%}
.welcome-photo{min-height:300px;height:48vh;max-height:440px}.welcome-photo img{object-position:center}
.welcome-copy{padding:55px 7%}
.welcome h2,.programs h2,.mission h2,.events h2,.involved h2,.newsletter h2,.contact h2{font-size:52px}
.cards{grid-template-columns:1fr;gap:12px}.cards article{min-height:190px}
.mission,.contact{grid-template-columns:1fr;gap:30px}
.mission-quote{border-left:0;border-top:1px solid var(--gold);padding:25px 0 0}
.impact{grid-template-columns:1fr 1fr;padding:40px 7%}.stat strong{font-size:44px}
.event-head{display:block}.event-card{grid-template-columns:1fr;padding:22px}.event-date{border-right:0;border-bottom:1px solid rgba(0,0,0,.12);padding:0 0 15px}
.involve-grid{grid-template-columns:1fr}.newsletter form{flex-direction:column;gap:8px}.newsletter button{padding:14px}.newsletter input{padding:14px}
footer{grid-template-columns:1fr;padding:45px 7% 22px}
}
@media(max-width:390px){
.hero-photo{height:48vh;min-height:330px}
.hero h1{font-size:50px}.hero-sub{font-size:20px}.hero-sub em{font-size:26px}
.welcome h2,.programs h2,.mission h2,.events h2,.involved h2,.newsletter h2,.contact h2{font-size:46px}
}