@layer legacy {
/* Shared editorial system. Photography stays full frame in the home opening. */
:root{--type-page:40px;--type-section:36px;--type-item:24px;--type-body:17px;--gutter:24px;--space:64px}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.13;text-wrap:balance}h1{font-size:var(--type-page)}h2{font-size:var(--type-section)}h3{font-size:var(--type-item);line-height:1.2}p{font-size:var(--type-body);line-height:1.6;max-width:52ch;text-wrap:pretty}
.home-hero{height:100svh;min-height:680px;max-height:1100px;align-items:center;justify-content:center;padding:120px var(--gutter) 90px}.hero-content{text-align:center;max-width:1200px}.hero-content h1{font-weight:500;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(51px,13.3vw,84px);line-height:1.08;max-width:none;margin:auto}.hero-line{display:block}.hero-bottom{display:flex;flex-direction:column;align-items:center;margin-top:32px;gap:22px}.hero-bottom p{font-size:16px;line-height:1.5}.hero-bottom .button{font-size:14px;min-height:46px;padding:12px 22px}.hero-photos:after{background:linear-gradient(180deg,#0006,#0004 35%,#0008)}.hero-photos>img{object-position:50% 28%}.scroll-cue{display:grid;position:absolute;bottom:26px;left:calc(50% - 22px);width:44px;height:44px;place-items:center;z-index:2}.scroll-cue svg{transform:rotate(90deg)}

/* Alignment follows the reading grid, rather than a global centred layout. */
.page-intro,.work-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;text-align:left;align-items:start;justify-content:initial;min-height:0;padding:50px var(--gutter) 56px;background:#fff;color:#000}
.page-intro h1,.work-hero h1{font-size:var(--type-page);max-width:18ch;font-weight:600;letter-spacing:-.025em;line-height:1.1}.page-intro+.feature,.work-hero+.format-lab{padding-top:24px}.page-intro p,.work-hero p{margin:0;max-width:45ch;font-size:var(--type-body)}.work-hero-bottom{display:block}.round-scroll{display:none}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr);text-align:left;align-items:start;gap:24px;margin-bottom:36px}.section-heading h2{font-size:var(--type-section);max-width:22ch}.section-heading p{margin:0;font-size:var(--type-body);max-width:46ch}.section-heading .textlink{margin-top:18px}
.community-section{display:grid;text-align:left;gap:40px}.community-copy h2{font-size:var(--type-section)}.community-copy p{margin:24px 0 0}.community-art{width:100%;height:auto;max-height:none}.community-art img{width:100%;height:auto;max-height:520px;object-fit:contain}.drawn svg{display:none}
.feature h2,.feature.case h2,.photo-essay-copy h2,.manifesto h2,.civic-copy h2,.spotlight-copy h2,.off-project-copy h2,.contact-layout h2,.cta h2,.lab-copy h3{font-size:var(--type-section);font-weight:600;line-height:1.13;letter-spacing:-.025em;max-width:22ch}
.feature h2,.lab-copy h3{margin-bottom:24px}.feature p,.feature.case p,.spotlight-copy p,.civic-copy p,.photo-essay p,.cta-copy p,.collab-copy>p:last-of-type,.lab-copy p{font-size:var(--type-body);line-height:1.6}.feature p+p{margin-top:18px}
.format-copy h3,.project-tile h3,.editorial-card h3,.rubric-list h3,.example-row h3,.values h3,.contact-side h3,.archive-list h3,.video-library-grid h3{font-size:var(--type-item);font-weight:600;line-height:1.2;letter-spacing:-.02em}.format-copy p,.project-tile p,.editorial-card p,.rubric-list p,.values p{font-size:16px;line-height:1.55}.lab-top h2{font-size:var(--type-item)}
.format-section,.projects-section{background:#fff}.format-card{border:0}.format-card .artwork img{object-fit:contain}.project-tile>img,.project-tile>.artwork{aspect-ratio:16/10;height:auto;background:var(--paper)}.project-tile>img,.project-tile .artwork img{object-fit:contain}.project-tile>div:not(.artwork){padding-top:20px}.home-project-spotlight{background:#fff}.home-project-spotlight picture img,.civic-image picture img{aspect-ratio:9/16;width:100%;height:auto;object-fit:cover}.spotlight-copy,.civic-copy,.off-project-copy{gap:28px}
.reportage-video{width:100%;max-width:315px;margin-inline:auto;height:auto;aspect-ratio:9/16;max-height:560px}.about-story{align-items:start}.about-story>div:last-child{order:-1}.photo-essay>img{height:auto;max-height:none;object-fit:contain}.photo-essay-copy{padding:36px var(--gutter)}.feature>div>img,.feature.case>div>img{height:auto;width:100%;max-height:540px;object-fit:contain}.page-projects #podcast>div>img{aspect-ratio:auto;object-fit:contain}.lab-panel .artwork{height:auto;max-height:none}.lab-panel .artwork img{max-height:500px;width:100%;height:auto;object-fit:contain}.agro-art img{max-height:540px;object-fit:contain}
.partner-section .section-heading{margin:0 0 42px;max-width:none}.partner-logos{margin-top:40px}.marks-wall{margin-top:44px}.collab-grid{row-gap:64px}.collab-card{gap:28px}.collab-copy h3{font-size:var(--type-section);line-height:1.13;font-weight:600;letter-spacing:-.025em;margin-bottom:20px;max-width:20ch}.collab-copy .collab-brand{font-size:14px;margin-bottom:14px}.collab-visual{aspect-ratio:9/16;background:#f2f2ee;max-height:620px}.collab-visual img{object-fit:contain}.collab-copy p{max-width:44ch}
.contact-layout{gap:44px;padding-bottom:80px}.contact-side>div~div{margin-top:32px}.contact-side hr{display:none}.cta{background:var(--paper);gap:28px}.cta h2{max-width:13ch}.cta-copy p{font-size:var(--type-body)}.off-campaign h2{font-weight:500;letter-spacing:-.025em}.case-caption h2{font-size:var(--type-section);font-weight:600;line-height:1.13}.case-caption>p{font-size:var(--type-body)}
@media(min-width:700px){:root{--gutter:40px;--space:88px;--type-page:56px;--type-section:40px;--type-item:25px;--type-body:18px}.home-project-spotlight picture img,.civic-image picture img{aspect-ratio:16/9}.page-intro,.work-hero{grid-template-columns:1.12fr 1fr;gap:8%;align-items:center;padding-top:65px;padding-bottom:72px}.section-heading{grid-template-columns:1.12fr 1fr;gap:8%;align-items:end;margin-bottom:44px}.community-section{grid-template-columns:1.12fr 1fr;gap:8%}.community-art img{max-height:520px}.format-card .artwork{height:310px}.photo-essay-copy{padding:48px 10%}.collab-card{grid-template-columns:1.12fr 1fr;gap:8%}.collab-visual{max-height:580px;justify-self:center;width:auto;max-width:100%;height:540px}.collab-card:nth-child(even) .collab-copy,.collab-card:nth-child(odd) .collab-copy{padding:0}.spotlight-copy,.civic-copy,.off-project-copy{grid-template-columns:1.12fr 1fr;gap:8%}.partner-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}.partner-logos img{height:55px}.cta,.contact-layout,.lab-panel{grid-template-columns:1.12fr 1fr;gap:8%}}
@media(min-width:1050px){:root{--gutter:clamp(48px,6vw,112px);--space:104px;--type-page:64px;--type-section:52px;--type-item:27px;--type-body:20px}.page-intro,.work-hero{padding-top:76px;padding-bottom:80px}.page-intro h1,.work-hero h1{max-width:16ch}.section-heading h2{max-width:19ch}.home-hero{min-height:740px;padding-top:140px}.hero-content h1{font-size:clamp(86px,7.8vw,128px)}.hero-bottom{margin-top:38px}.hero-photos{grid-template-columns:1fr 1fr}.hero-photos>.hero-secondary{object-position:center 43%}.hero-content{max-width:1300px}.hero-bottom p{font-size:19px}.community-section{gap:10%}.community-copy h2{font-size:var(--type-section)}.format-card .artwork{height:380px}.feature{gap:10%}.photo-essay{grid-template-columns:1.12fr 1fr}.photo-essay>img{height:100%;object-fit:contain}.collab-grid{row-gap:104px}.collab-visual{height:600px;max-height:600px}.header nav>a:not(.button){font-size:16px}.header nav .nav-cta{font-size:15px}.cta{padding-top:80px;padding-bottom:80px}.footer-main>p{font-size:32px}.off-project-image img{max-height:680px}.contact-layout{padding-bottom:104px}}
@media(prefers-reduced-motion:reduce){.hero-content{animation:none}}

/* Featured story followed by a compact, readable collaboration archive. */
.collab-card:not(:first-child){grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:22px;padding-top:32px;border-top:1px solid var(--line)}.collab-card:not(:first-child) .collab-visual{width:100%;height:auto;max-height:none;aspect-ratio:9/16;background:transparent;order:0}.collab-card:not(:first-child) .collab-copy{padding:0}.collab-card:not(:first-child) .collab-copy h3{font-size:23px;line-height:1.18;margin-bottom:14px}.collab-card:not(:first-child) .collab-copy>p:last-of-type{font-size:15px}.collab-card:not(:first-child) .collab-brand{font-size:12px;margin-bottom:10px}.collab-card:not(:first-child) .textlink{font-size:13px;gap:12px;margin-top:12px}.collab-card:not(:first-child) .expand-image{width:34px;height:34px;bottom:8px;right:8px}.collab-grid{row-gap:36px}.episode-grid,.video-library-grid{grid-auto-columns:100%;scrollbar-width:none}.episode-grid::-webkit-scrollbar,.video-library-grid::-webkit-scrollbar{display:none}
@media(min-width:700px){.collab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px}.collab-card:first-child{grid-column:1/-1}.collab-card:not(:first-child){gap:24px}.collab-card:not(:first-child) .collab-copy h3{font-size:25px}.episode-grid,.video-library-grid{grid-auto-columns:46%}}
@media(min-width:1050px){.collab-card:not(:first-child){grid-template-columns:.8fr 1.2fr;gap:28px}.collab-card:not(:first-child) .collab-copy h3{font-size:27px}.collab-card:not(:first-child) .collab-copy>p:last-of-type{font-size:16px}}

.project-rail{grid-auto-flow:column;grid-auto-columns:100%;grid-template-columns:none;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.project-rail::-webkit-scrollbar{display:none}.project-tile{scroll-snap-align:start}.project-tile>img,.project-tile>.artwork{aspect-ratio:4/5;background:#fff}.project-tile>img{object-fit:contain}.podcast-tile>img{object-fit:cover;object-position:55% center}.project-tile .artwork img{object-fit:contain}
@media(min-width:700px){.project-rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;overflow:visible}}

.page-work .format-lab{background:var(--yellow)}.page-work .format-lab .tabs{background:#fff}.page-work .format-lab .lab-copy .button{background:#000;color:#fff}

.feature.yellow .button{background:#000;color:#fff}.collab-copy{min-width:0;overflow-wrap:anywhere}

.collab-card:not(:first-child) .collab-visual{aspect-ratio:auto;height:auto;display:block}.collab-card:not(:first-child) .collab-visual img{height:auto;width:100%}

/* IBM Plex Sans is the brand’s editorial voice; the grid is confined to open reading surfaces. */
body{font-family:"IBM Plex Sans",Arial,sans-serif}h1,h2,h3{letter-spacing:-.025em}.page-intro,.work-hero,.cta{background-color:#fff;background-image:linear-gradient(#00000005 1px,transparent 1px),linear-gradient(90deg,#00000005 1px,transparent 1px);background-size:80px 80px}.page-intro h1,.work-hero h1{line-height:1.06}.page-intro p,.work-hero p{line-height:1.5}.button{font-size:16px;font-weight:500}.textlink{font-size:16px}.cta{padding-block:80px}.cta h2{font-size:var(--type-page);max-width:14ch}.footer-main a{font-size:15px}.photo-essay>img{width:100%;height:100%;max-height:680px;object-fit:cover;object-position:center 28%}.photo-essay-copy h2{line-height:1.08}.page-projects #podcast>div>img{aspect-ratio:4/5;object-fit:cover;object-position:center 25%;max-height:650px}.agro-art img{aspect-ratio:4/3;object-fit:cover;max-height:none;border-radius:16px}.project-tile>img,.project-tile>.artwork,.video-library-image,.editorial-card .image-link{border-radius:14px;overflow:hidden}.collab-copy h3{letter-spacing:-.02em}.case-caption h2{font-weight:600;letter-spacing:-.02em}.marks-section .section-heading h2{max-width:18ch}
@media(max-width:699px){.page-intro,.work-hero{padding-block:48px}.photo-essay>img{height:420px}.photo-essay-copy{padding-block:44px}.page-projects #podcast>div>img{max-height:460px}.cta{padding-block:64px}.cta h2{font-size:40px}}

.future-cover{container-type:inline-size;aspect-ratio:4/5;background:#111;color:var(--yellow);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:32px}.future-cover>span{font-size:clamp(44px,4.5vw,68px);line-height:.98;font-weight:600;letter-spacing:-.04em}.future-cover>svg{width:70px;height:70px;align-self:end}.future-cover>div{display:flex;gap:24px;align-items:center;width:100%}.future-cover>div>img{height:34px;width:calc(50% - 12px);object-fit:contain}.project-tile>.future-cover,.home .project-tile>.future-cover{padding:32px;aspect-ratio:4/5}.project-tile>.future-cover>span{font-size:clamp(26px,18cqw,68px)}
@media(max-width:699px){.future-cover,.project-tile>.future-cover,.home .project-tile>.future-cover{padding:28px}.future-cover>span,.project-tile>.future-cover>span{font-size:clamp(44px,14vw,58px)}}

.lab-top h2{font-size:var(--type-section);line-height:1.08}.lab-copy h3{font-size:clamp(32px,3.2vw,44px);line-height:1.1}

}