
:root{--paper:#f3f2ee;--ink:#111;--muted:#676762;--line:rgba(17,17,17,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:84px;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(243,242,238,.94);backdrop-filter:blur(12px)}
.brand{font-size:15px;font-weight:600}.nav{display:flex;align-items:center;gap:28px;font-size:14px}.menu-toggle{display:none}
.hero{min-height:calc(100vh - 84px);padding:7vw 4vw 4vw;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted)}
.hero h1,.section-content h2{font-family:"Manrope",Arial,sans-serif;font-weight:500;letter-spacing:-.06em}.hero h1{margin:5vw 0 6vw;max-width:1300px;font-size:clamp(62px,9.3vw,160px);line-height:.88}
.hero-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{margin:0;max-width:550px;font-size:clamp(18px,1.55vw,26px);line-height:1.35}.circle-link{width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:21px}
.marquee{overflow:hidden;background:var(--ink);color:var(--paper);padding:10px 0 13px}.marquee-track{display:flex;width:max-content;animation:scroll 24s linear infinite}.marquee span{font-family:"Manrope",Arial,sans-serif;font-size:clamp(54px,8vw,130px);line-height:1;font-weight:500;letter-spacing:-.06em;padding-right:7vw;white-space:nowrap}@keyframes scroll{to{transform:translateX(-33.333%)}}
.section{display:grid;grid-template-columns:minmax(150px,1fr) 4fr;gap:5vw;padding:9vw 4vw;border-bottom:1px solid var(--line)}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-top:10px}
.section-content h2{margin:0 0 6vw;font-size:clamp(48px,6.5vw,104px);line-height:.95}.large-copy{max-width:1020px;margin:0 0 7vw;font-family:"Manrope",Arial,sans-serif;font-size:clamp(28px,4vw,62px);line-height:1.1;letter-spacing:-.045em}
.company-card{display:grid;grid-template-columns:1fr 2fr;gap:3vw;padding:30px 0 36px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.company-meta{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.company-main h3{margin:0 0 12px;font-family:"Manrope",Arial,sans-serif;font-size:clamp(32px,3.5vw,58px);font-weight:500;letter-spacing:-.05em}.company-main p,.future-card p,.principle p,.contact-intro,.impact-card p,.impact-note{margin:0;max-width:630px;color:#343431;font-size:17px;line-height:1.5}.future-card{display:grid;grid-template-columns:1fr 3fr;gap:3vw;padding:30px 0 0}.future-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.principles,.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.principle,.impact-card{min-height:270px;padding:24px 28px 24px 0;border-right:1px solid var(--line)}.principle:not(:first-child),.impact-card:not(:first-child){padding-left:28px}.principle:last-child,.impact-card:last-child{border-right:none}.principle>span{display:block;color:var(--muted);font-size:12px;margin-bottom:70px}.principle h3,.impact-card h3{margin:0 0 12px;font-size:25px;font-weight:500}
.give-back-intro{margin-bottom:5vw}.impact-grid{border-bottom:1px solid var(--line)}.impact-card{min-height:320px;padding-top:28px}.impact-number{display:block;margin-bottom:58px;font-family:"Manrope",Arial,sans-serif;font-size:clamp(50px,5.2vw,84px);font-weight:500;line-height:1;letter-spacing:-.06em}.impact-note{margin-top:28px;color:var(--muted);font-size:14px}
.contact{background:var(--ink);color:var(--paper)}.contact .section-kicker,.contact-intro{color:#b9b8b2}.contact-form{margin-top:55px;max-width:900px}.contact-form label{display:grid;grid-template-columns:150px 1fr;gap:30px;border-top:1px solid rgba(243,242,238,.25);padding:18px 0}.contact-form label span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#b9b8b2;padding-top:8px}.contact-form input,.contact-form textarea{width:100%;border:0;outline:0;resize:vertical;background:transparent;color:var(--paper);font:inherit;font-size:20px;padding:3px 0}.contact-form button{margin-top:28px;padding:15px 21px;background:var(--paper);color:var(--ink);border:1px solid var(--paper);font:inherit;cursor:pointer}
footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;padding:28px 4vw;background:var(--ink);color:#9d9c97;border-top:1px solid rgba(243,242,238,.18);font-size:12px;text-transform:uppercase;letter-spacing:.07em}footer a{justify-self:end;color:var(--paper)}
@media(max-width:820px){.site-header{min-height:70px}.menu-toggle{width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;gap:7px;border:0;background:transparent;padding:0}.menu-toggle span{height:1px;width:100%;background:var(--ink)}.nav{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 4vw 22px}.nav.open{display:flex}.nav a{padding:15px 0;border-bottom:1px solid var(--line)}.hero{min-height:calc(100svh - 70px);padding-top:14vw}.hero h1{margin:15vw 0 18vw;font-size:clamp(54px,17vw,92px)}.section{grid-template-columns:1fr;gap:40px;padding-top:20vw;padding-bottom:20vw}.company-card,.future-card{grid-template-columns:1fr}.principles,.impact-grid{grid-template-columns:1fr}.principle,.principle:not(:first-child),.impact-card,.impact-card:not(:first-child){min-height:0;padding:28px 0 34px;border-right:none;border-bottom:1px solid var(--line)}.impact-number{margin-bottom:28px}.contact-form label{grid-template-columns:1fr;gap:7px}footer{grid-template-columns:1fr;gap:14px}footer a{justify-self:start}}
