*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--dark:#161d21;--gold:#ffc727;--white:#fff;--light:#f1f1f1;--gray:#a2a2a2;--sans:"Inter", system-ui, sans-serif;--serif:"Bodoni Moda", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--pad:2.5rem;--max:1400px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--sans);background:var(--dark);color:var(--white);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;background:0;border:0}input,textarea{font:inherit;background:0;border:0;outline:0}h1,h2,h3{font-weight:400}::selection{background:var(--gold);color:var(--dark)}.wrap{max-width:var(--max);margin:0 auto}.section{padding:6rem var(--pad)}.section--light{background:var(--light);color:var(--dark)}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray);font-size:.75rem;font-weight:500}.btn{border-radius:100px;padding:.75rem 2rem;font-size:.875rem;font-weight:500;transition:background .3s,color .3s,transform .2s;display:inline-block}.btn--fill{background:var(--white);color:var(--dark)}.btn--fill:hover{background:var(--gold);transform:scale(1.02)}.btn--outline{border:1px solid var(--dark);color:var(--dark)}.btn--outline:hover,.btn--dark{background:var(--dark);color:var(--white)}.btn--dark:hover{background:var(--gold);color:var(--dark);transform:scale(1.02)}.title{letter-spacing:-.06em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:.95}.title span{animation:fadeUp .8s var(--ease) backwards;display:block}.title span:nth-child(2){animation-delay:.1s}.title span:nth-child(3){animation-delay:.2s}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nav{z-index:100;padding:1.5rem var(--pad);transition:background .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(12px);background:#161d21eb;box-shadow:0 1px #ffffff0f}.nav.light.scrolled{background:#f1f1f1eb;box-shadow:0 1px #0000000f}.nav__inner{justify-content:space-between;align-items:center;display:flex}.nav__logo{font-family:var(--serif);font-size:1.75rem;font-weight:700;line-height:1;transition:opacity .3s}.nav__logo:hover{opacity:.7}.nav.light .nav__logo,.nav.light .nav__link{color:var(--dark)}.nav__links{gap:2rem;display:flex}.nav__link{letter-spacing:-.02em;font-size:.875rem;font-weight:500;transition:opacity .3s;position:relative}.nav__link:after{content:"";background:var(--gold);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__link.active{color:var(--gold)}.nav__burger{z-index:101;flex-direction:column;gap:6px;padding:4px;display:none}.nav__burger span{background:var(--white);width:24px;height:2px;transition:transform .3s;display:block}.nav.light .nav__burger span{background:var(--dark)}.nav__burger.open span:first-child{transform:translateY(4px)rotate(45deg)}.nav__burger.open span:last-child{transform:translateY(-4px)rotate(-45deg)}.footer{padding:2.5rem var(--pad);border-top:1px solid #ffffff14}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer .small{color:var(--gray);font-size:.75rem;font-weight:500}.footer a{font-size:.875rem;font-weight:500;transition:color .3s}.footer a:hover{color:var(--gold)}.footer__social{align-items:center;gap:.75rem;display:flex}.footer__social .sep{color:var(--gray);font-size:.75rem}.hero{min-height:100vh;padding:8rem var(--pad) 4rem;will-change:transform, opacity;flex-direction:column;justify-content:center;display:flex;position:relative}.hero__scroll{background:linear-gradient(transparent, var(--white));width:1px;height:48px;animation:2s ease-in-out infinite pulse;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%)scaleY(.6)}50%{opacity:1;transform:translate(-50%)scaleY(1)}}.cards{gap:1.5rem;display:grid}.cards--2{grid-template-columns:repeat(2,1fr)}.cards--3{grid-template-columns:repeat(3,1fr)}.cards--3>:first-child,.cards--3>:nth-child(4){aspect-ratio:16/7;grid-column:span 2}.card{aspect-ratio:4/3;transition:transform .4s var(--ease);border-radius:12px;display:block;position:relative;overflow:hidden}.card:hover{transform:scale(1.02)}.card img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.card:hover img{transform:scale(1.05)}.card__overlay{background:linear-gradient(#0000,#0000001a 50%,#000000b3);position:absolute;inset:0}.card__body{z-index:1;padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.card__cat{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.5rem;font-size:.625rem;font-weight:500;display:block}.card__title{letter-spacing:-.03em;font-size:1.25rem;font-weight:500;line-height:1.2}.contact{padding:6rem var(--pad);--fg:var(--white);--border:#fff3;--ph:#fff6}.contact[data-theme=light]{background:var(--light);--fg:var(--dark);--border:#00000026;--ph:#00000059}.contact__grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact__q{letter-spacing:-.06em;color:var(--fg);margin-bottom:1rem;font-size:2rem;font-weight:400;line-height:1.1}.contact__sub{opacity:.6;color:var(--fg);font-size:1rem}.contact form{flex-direction:column;gap:1rem;display:flex}.contact input,.contact textarea{width:100%;color:var(--fg);border-bottom:1px solid var(--border);padding:1rem 0;font-size:.875rem;font-weight:500;transition:border-color .3s}.contact input::placeholder,.contact textarea::placeholder{color:var(--ph)}.contact input:focus,.contact textarea:focus{border-bottom-color:var(--gold)}.contact textarea{resize:vertical;min-height:80px}.chi-about{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.chi-about p{color:var(--gold);letter-spacing:-.02em;font-size:1.125rem;line-height:1.6}.act-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0;display:grid}.act-card{background:var(--white);border-radius:12px;padding:2rem;transition:transform .3s}.act-card:hover{transform:translateY(-4px)}.act-card h3{letter-spacing:-.03em;color:var(--dark);margin-bottom:1rem;font-size:1.25rem;font-weight:500}.act-card p{color:var(--dark);opacity:.7;font-size:.9375rem;line-height:1.6}.collab-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;display:grid}.collab-item{text-align:center;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem;font-size:.8125rem;font-weight:500;transition:border-color .3s,background .3s}.collab-item:hover{border-color:var(--gold);background:#ffc7270d}.sost-text{letter-spacing:-.03em;color:var(--gold);margin-bottom:2rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;line-height:1.4}.sost-text:last-child{margin-bottom:0}.donate-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0 3rem;display:grid}.donate-card{border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:border-color .3s}.donate-card:hover{border-color:var(--gold)}.donate-card span{margin-bottom:.75rem;display:block}.donate-card p,.donate-card a{word-break:break-all;font-size:.9375rem;font-weight:500}.donate-card a{color:var(--gold);transition:opacity .3s}.donate-card a:hover{opacity:.7}@media (width<=1024px){.cards--3{grid-template-columns:repeat(2,1fr)}.cards--3>:first-child,.cards--3>:nth-child(4){grid-column:span 2}.act-grid{grid-template-columns:1fr}.collab-grid,.donate-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--pad:1.5rem}.nav{padding:1.25rem var(--pad)}.nav__burger{display:flex}.nav__links{background:var(--dark);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:2.5rem;transition:opacity .3s;position:fixed;inset:0}.nav__links.open{opacity:1;pointer-events:all}.nav__links .nav__link{color:var(--white);font-size:1.5rem}.hero{padding:7rem var(--pad) 3rem;min-height:80vh}.title{font-size:2rem}.cards--2,.cards--3{grid-template-columns:1fr}.cards--3>:first-child,.cards--3>:nth-child(4){aspect-ratio:4/3;grid-column:1}.contact__grid{grid-template-columns:1fr;gap:2.5rem}.contact__q{font-size:1.5rem}.chi-about,.act-grid{grid-template-columns:1fr}.collab-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.donate-grid{grid-template-columns:1fr}.footer__inner{flex-direction:column;align-items:flex-start;gap:1.5rem}}
