:root{--navy:#0D61C2;--salmon:#F5E4B2;--cream:#F6EDE4}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:19px;line-height:1.65}
h1,h2,h3,.wordmark{font-family:'DM Sans',Arial,sans-serif;font-weight:600}
h1{font-size:clamp(40px,5.5vw,80px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 30px;max-width:900px}
h2{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 35px}
h3{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:22px 0}
p{margin:0 0 22px}
a{color:inherit;text-underline-offset:5px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--salmon);outline-offset:6px}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
header,footer{background:var(--navy);color:var(--cream)}
.navigation{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:30px}
.wordmark{text-decoration:none;font-size:28px;letter-spacing:-.04em;line-height:1.15;white-space:nowrap}
.wordmark small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.04em;margin-top:7px}
nav{display:flex;gap:30px;align-items:center}
nav a{font-size:15px;text-decoration:none}
nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--salmon);text-decoration-thickness:3px}
.mobile-menu{display:none}
.hero{padding-block:90px 100px}
.split{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}
.hero p{max-width:760px}
.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:600}
.path-art{width:100%;max-height:510px}
.portrait{width:100%;height:550px;object-fit:cover;object-position:center}
.text-hero{max-width:1240px}
.text-hero h1{max-width:1050px}
.text-hero p{max-width:780px}
mark{background:var(--salmon);color:var(--navy);padding:0 .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border:1px solid var(--navy);background:var(--navy);color:var(--cream);text-decoration:none;font-size:15px;font-weight:600;margin:10px 12px 10px 0;min-height:50px}
.btn:hover{background:var(--salmon);color:var(--navy)}
.btn.secondary{background:transparent;color:var(--navy)}
.btn.secondary:hover{background:var(--salmon)}
.content-section{padding-block:75px;border-top:1px solid var(--navy);display:grid;grid-template-columns:1fr 1.5fr;gap:80px}
.prose{max-width:760px}
.projects{padding-block:80px}
.reversed{background:var(--navy);color:var(--cream)}
.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.editorial-grid article{border-top:1px solid currentColor;padding-top:25px}
.number{font-size:13px;font-weight:600}
.editorial-grid p{font-size:17px}
.reversed .btn{background:transparent;border-color:var(--cream);color:var(--cream);padding-inline:0;border-width:0 0 1px}
.reversed .btn:hover{color:var(--cream);text-decoration:underline;text-decoration-color:var(--salmon)}
.projects:not(.reversed) .editorial-grid{grid-template-columns:repeat(2,1fr)}
li{padding:8px 0}
ul{padding-left:22px}
.text-link{display:inline-block;margin:12px 0}
footer{padding-block:55px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px}
footer nav{flex-wrap:wrap;gap:22px}
.caption{width:100%;font-size:12px;margin:10px 0 0}
.skip{position:fixed;top:-100px;left:20px;background:var(--cream);color:var(--navy);padding:10px;z-index:20}
.skip:focus{top:10px}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}
.split{gap:30px;grid-template-columns:1.5fr 1fr}
.content-section{gap:35px}
.editorial-grid{gap:25px}
.desktop-nav{gap:18px}
.portrait{height:430px}
}
@media(max-width:700px){body{font-size:17px}
.wrap{width:calc(100% - 40px)}
.navigation{min-height:86px;align-items:center}
.wordmark{font-size:25px}
.desktop-nav{display:none}
.mobile-menu{display:block}
.mobile-menu summary{cursor:pointer;font-size:16px}
.mobile-menu nav{position:absolute;top:86px;left:0;right:0;background:var(--navy);padding:25px;flex-direction:column;align-items:flex-start;border-top:1px solid var(--cream);z-index:5}
.hero{padding-block:55px}
.split{display:flex;flex-direction:column;gap:20px;align-items:stretch}
h1{font-size:44px}
.eyebrow{font-size:10px;letter-spacing:.09em}
.path-art{max-height:300px}
.portrait{height:430px}
.content-section{grid-template-columns:1fr;gap:5px;padding-block:50px}
.projects{padding-block:55px}
.editorial-grid,.projects:not(.reversed) .editorial-grid{grid-template-columns:1fr;gap:35px}
.btn{font-size:14px;margin-right:6px;padding:13px 17px}
.content-section h2{max-width:350px}
footer nav{gap:20px}
.navigation .wordmark small{font-size:11px}
}

/* Photo and typography refinements from Brooke’s review. */
h1{letter-spacing:-.045em;font-weight:600}h2,h3{letter-spacing:-.025em}.wordmark{font-weight:600}.portrait{height:auto;aspect-ratio:4/5;object-fit:contain}.path-art{max-height:620px;align-self:start;margin-top:5px}.home-photo{display:block;width:100%;height:auto;max-height:530px;object-fit:cover;object-position:center 38%}.project-photo{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0 0 24px}.story-photo{width:100%;height:auto;display:block}.partnership-photo{display:block;width:100%;height:auto;max-height:450px;object-fit:cover;object-position:center 35%;margin-bottom:48px}@media(max-width:700px){.path-art{max-height:350px;align-self:center}.home-photo{max-height:420px;margin-bottom:26px}.story-photo{margin-bottom:26px}.partnership-photo{margin-bottom:32px}}

.brain-photo{object-position:center 45%}.community-photo{object-position:center 42%}

.project-photo.brain-photo{aspect-ratio:auto;height:auto;object-fit:contain;object-position:center}

#brand-strategy-intensive{scroll-margin-top:28px}.personal-offer{padding-block:42px}.personal-offer h2{font-size:26px;line-height:1.25}.professional-crosslink{margin-top:30px}.projects .wrap>p{margin-top:32px}a:focus-visible,summary:focus-visible{outline-color:var(--navy)}header a:focus-visible,header summary:focus-visible,footer a:focus-visible{outline-color:var(--cream)}.btn:focus-visible{outline:3px solid var(--navy);outline-offset:5px}.reversed .btn:focus-visible{outline-color:var(--cream)}

.featured-conversations{border-top:1px solid var(--navy);scroll-margin-top:28px}.conversation-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;margin-bottom:28px}.featured-conversations .eyebrow{margin-bottom:12px}.featured-conversations h3{font-size:26px}.featured-conversations article{min-width:0}.desktop-nav{gap:24px}@media(max-width:1100px) and (min-width:701px){.desktop-nav{gap:14px}.desktop-nav a{font-size:14px}.navigation{gap:18px}.wordmark{font-size:25px}}@media(max-width:820px) and (min-width:701px){.desktop-nav{gap:11px}.desktop-nav a{font-size:13px}.navigation{gap:12px}.wordmark{font-size:22px}}

.community-experience-photo{display:block;width:100%;height:auto;margin:0 0 24px}

.partner-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:center;margin:32px 0}
.partner-logo{display:flex;align-items:center;justify-content:center;min-height:110px}
.partner-logo-image{display:block;width:auto;max-width:100%;height:auto;max-height:100px;object-fit:contain}
.monochrome-logo{filter:brightness(0)}
@media(max-width:700px){.partner-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}.partner-logo{min-height:90px}.partner-logo-image{max-height:85px}}
