:root{--ink:#17231e;--paper:#f5f1e8;--white:#fffdf8;--green:#234f3f;--mint:#b8d8c4;--gold:#e2a83d;--rust:#b75432;--line:rgba(23,35,30,.16);--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.62}img{display:block;max-width:100%}a{color:inherit}.site-header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,241,232,.94);backdrop-filter:blur(16px);z-index:20}.wordmark{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:800;text-decoration:none}.wordmark span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--white);background:var(--green);font-size:14px}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:700}.nav-cta{background:var(--ink);color:var(--white);padding:11px 18px;border-radius:100px}.menu{display:none;border:0;background:transparent;font:700 14px var(--body)}
.hero{min-height:720px;padding:72px max(6vw,28px);display:grid;grid-template-columns:1.18fr .82fr;gap:6vw;align-items:center;max-width:1500px;margin:auto}.eyebrow,.section-kicker,.case-number{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--rust)}h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0}h1{font-size:clamp(50px,7vw,104px);letter-spacing:-.055em;max-width:900px}h1 em{color:var(--rust);font-style:normal}.hero-lede{max-width:690px;font-size:clamp(19px,2vw,25px);line-height:1.5;color:#405049;margin:30px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:14px 22px;border-radius:100px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--green);color:white}.secondary{border:1px solid var(--line);background:var(--white)}.portrait-wrap{position:relative;max-width:460px;justify-self:center}.portrait{border-radius:220px 220px 28px 28px;aspect-ratio:4/5;object-fit:contain;background:var(--white);position:relative;z-index:2}.portrait-accent{position:absolute;inset:-25px 25px 35px -25px;background:var(--gold);border-radius:220px 220px 28px 28px;transform:rotate(-3deg)}.portrait-note{position:absolute;right:-45px;bottom:35px;z-index:3;background:var(--white);box-shadow:0 15px 40px rgba(0,0,0,.15);padding:16px 20px;border-radius:14px;display:grid}.portrait-note strong{font:800 22px var(--display)}.portrait-note span{font-size:12px;max-width:180px}
.impact-strip{background:var(--ink);color:var(--white);display:grid;grid-template-columns:repeat(4,1fr);padding:35px max(6vw,28px);gap:28px}.impact-strip div{display:grid;gap:5px;border-left:1px solid rgba(255,255,255,.18);padding-left:20px}.impact-strip strong{font:800 26px var(--display);color:var(--gold)}.impact-strip span{font-size:13px;line-height:1.4;color:#c8d1cc}.intro{padding:120px max(7vw,28px) 70px;max-width:1080px}.intro h2,.about h2,.leadership h2,.gala h2,.contact h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.04em}.intro>p:last-child{font-size:21px;max-width:760px;color:#53615b}
.case-study{padding:70px max(6vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;max-width:1500px;margin:auto}.case-study.reverse .case-copy{order:2}.case-study.reverse>:first-child{order:1}.case-copy h3{font-size:clamp(32px,4vw,57px);letter-spacing:-.04em;margin:12px 0 24px}.case-copy>p:not(.case-number){font-size:19px;color:#4c5a54}.case-copy ul{padding-left:20px}.case-copy li{margin:9px 0}.skill-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.skill-tags span{border:1px solid var(--line);padding:8px 13px;border-radius:100px;font-size:12px;font-weight:700}.brand-board{background:var(--white);padding:38px;border-radius:30px;box-shadow:0 25px 70px rgba(23,35,30,.09)}.brand-transformation{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.brand-state{margin:0;min-width:0}.brand-state figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.brand-state figcaption span{font:800 13px var(--display);text-transform:uppercase;letter-spacing:.12em}.brand-state figcaption small{font-size:11px;color:#6f7974}.brand-state img{width:100%;height:210px;object-fit:contain;background:#f4f2ed;border-radius:16px;padding:12px}.before-state img{filter:saturate(.88)}.transformation-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--rust);color:white;font-size:20px;font-weight:800}.brand-caption{margin:18px 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5;color:#5b6862}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand-grid img{background:#f4f2ed;border-radius:14px;width:100%;height:150px;object-fit:contain}.project-collage{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-collage img{width:100%;height:280px;object-fit:contain;padding:10px;border-radius:18px;background:white;box-shadow:inset 0 0 0 1px var(--line)}.project-collage img:nth-child(1),.project-collage img:nth-child(4){margin-top:30px}.single-image{background:var(--white);border-radius:28px;padding:10px}.single-image img{width:100%;aspect-ratio:1.28;object-fit:contain;border-radius:20px}.app-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;background:var(--ink);padding:16px;border-radius:28px}.app-gallery img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px;background:#111;box-shadow:0 12px 30px rgba(0,0,0,.2)}.app-gallery img:nth-child(4),.app-gallery img:nth-child(5){transform:translateX(52%)}.newsletter-stack{position:relative;min-height:650px}.newsletter-stack img{position:absolute;width:70%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 22px 55px rgba(0,0,0,.18)}.newsletter-stack img:first-child{top:0;left:0;transform:rotate(-4deg)}.newsletter-stack img:last-child{right:0;bottom:0;transform:rotate(4deg)}
.work-grid{padding:100px max(6vw,28px);max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{background:var(--white);border-radius:24px;padding:18px 18px 28px;overflow:hidden}.work-img{height:290px;background:#eeece7;border-radius:14px;display:grid;place-items:center;margin-bottom:24px;overflow:hidden;padding:10px}.work-img img{width:100%;height:100%;object-fit:contain}.work-img.dark{background:#111}.work-img.cover img{width:100%;height:100%;object-fit:contain}.work-card h3{font-size:25px;margin:6px 0 10px}.work-card p:last-child{color:#59665f;font-size:15px}.leadership{background:var(--green);color:var(--white);padding:110px max(7vw,28px);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.section-kicker.light{color:var(--mint)}.leadership-list article{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.2)}.leadership-list article>span{font-weight:800;color:var(--gold)}.leadership-list h3{font-size:25px;margin-bottom:8px}.leadership-list p{margin:0;color:#d0ddd7}.gala{padding:120px max(7vw,28px);display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.gala-number{font:800 clamp(68px,11vw,160px) var(--display);letter-spacing:-.07em;color:var(--rust)}.gala p:last-child{font-size:20px;color:#53615b}.about{padding:100px max(7vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:var(--white)}.about-photo{background:var(--paper);border-radius:28px;padding:10px}.about-photo img{width:100%;border-radius:20px;aspect-ratio:4/5;object-fit:contain}.about-copy>p{font-size:19px;color:#4c5a54}.timeline{margin-top:35px}.timeline div{display:grid;padding:16px 0;border-top:1px solid var(--line)}.timeline strong{font-family:var(--display)}.timeline span{font-size:14px;color:#637069}.contact{padding:110px max(8vw,28px);background:var(--ink);color:var(--white)}.contact h2{max-width:1050px}.contact-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:38px}.light-button{background:var(--gold);color:var(--ink)}.text-link{color:white;font-weight:700}footer{padding:28px max(5vw,24px);display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
@media(max-width:980px){.hero,.case-study,.leadership,.gala,.about{grid-template-columns:1fr}.hero{padding-top:55px}.portrait-wrap{margin-top:30px}.impact-strip{grid-template-columns:1fr 1fr}.case-study.reverse .case-copy,.case-study.reverse>:first-child{order:initial}.work-grid{grid-template-columns:1fr 1fr}.newsletter-stack{min-height:590px}.leadership{gap:45px}.gala{gap:20px}.about-photo{max-width:540px}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu{display:block}}
@media(max-width:620px){body{font-size:16px}.hero{min-height:auto;padding-bottom:70px}.portrait-note{right:-5px;bottom:20px}.impact-strip,.work-grid{grid-template-columns:1fr}.impact-strip div{padding:10px 0 10px 18px}.case-study{padding-top:55px;padding-bottom:55px}.brand-board{padding:22px}.brand-transformation{grid-template-columns:1fr}.transformation-arrow{transform:rotate(90deg);margin:auto}.brand-state img{height:190px}.brand-state figcaption small{display:none}.brand-grid img{height:95px}.project-collage img{height:190px}.app-gallery{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.app-gallery img:nth-child(4),.app-gallery img:nth-child(5){transform:none}.app-gallery img:last-child{grid-column:1/-1;width:50%;justify-self:center}.newsletter-stack{min-height:430px}.work-grid{padding-top:55px;padding-bottom:55px}.work-img{height:250px}.contact-actions{align-items:flex-start;flex-direction:column}footer{flex-direction:column}.intro{padding-top:80px}}
.app-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.app-metrics div{display:grid;gap:2px;padding:14px 16px;border-radius:14px;background:var(--white);border:1px solid var(--line)}.app-metrics strong{font:800 24px var(--display);color:var(--rust)}.app-metrics span{font-size:12px;line-height:1.35;color:#5b6862}
@media(max-width:620px){.app-metrics{grid-template-columns:1fr 1fr}.app-metrics strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}