@layer legacy {
@font-face{font-family:"IBM Plex Sans";src:url('assets/IBM-Plex-Sans.ttf') format('truetype');font-weight:100 700;font-display:swap}
:root{--yellow:#fff000;--paper:#f2f2ee;--ink:#000;--muted:#62625e;--line:#0002;--gutter:22px;--space:72px;--ease:cubic-bezier(.22,1,.36,1);--header:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 22px);scrollbar-gutter:stable}body{margin:0;color:var(--ink);background:white;font-family:"IBM Plex Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,video{display:block;max-width:100%}button img{pointer-events:none}img{height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.03;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(49px,13vw,70px)}h2{font-size:clamp(37px,9.7vw,54px)}h3{font-size:26px;line-height:1.12;letter-spacing:-.035em}p{font-size:17px;line-height:1.55;max-width:52ch;text-wrap:pretty}svg{display:block;width:22px;height:22px;flex:none}button{border:0}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}::selection{background:var(--yellow);color:#000}:focus-visible{outline:2px solid #757000;outline-offset:5px}.skip{position:fixed;left:15px;top:-80px;z-index:100;padding:15px;background:var(--yellow)}.skip:focus{top:10px}
/* One shared navigation surface. */
.header{height:var(--header);position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:#fff;color:#000;border-bottom:1px solid transparent;transition:background .3s,color .3s,border-color .3s}.header.scrolled{border-color:var(--line)}.logo{width:139px;flex:none;z-index:2}.logo img{width:100%;height:auto;filter:invert(1)}.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:88px;min-height:44px;padding:0;background:none;font-size:14px;z-index:2}.menu-toggle span{display:block;font-size:24px;line-height:1;transition:transform .4s var(--ease)}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.header nav{position:fixed;inset:var(--header) 0 0;padding:38px var(--gutter) max(28px,env(safe-area-inset-bottom));background:var(--yellow);display:flex;flex-direction:column;gap:0;overflow:auto;visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .55s var(--ease),visibility .55s;isolation:isolate}.header nav.open{visibility:visible;clip-path:inset(0)}.header nav>a:not(.button){padding:16px 0;border-bottom:1px solid #0002;font-size:clamp(30px,8.5vw,44px);letter-spacing:-.045em;font-weight:500;transform:translateY(-12px);opacity:0;transition:transform .45s var(--ease),opacity .3s}.header nav.open>a{transform:none;opacity:1;transition-delay:calc(var(--item,0)*35ms + 80ms)}.header nav>a[aria-current]{padding-left:25px;position:relative}.header nav>a[aria-current]:before{content:'';position:absolute;left:0;top:50%;width:8px;height:8px;background:#000;border-radius:50%}.header nav .nav-cta{background:#000;color:#fff;margin-top:auto;align-self:start;flex-shrink:0}.home .header{position:absolute;left:0;right:0;background:transparent;color:#fff}.home .header .logo img{filter:none}.menu-is-open .header{position:fixed;left:0;right:0;background:var(--yellow);color:#000}.menu-is-open .header .logo img{filter:invert(1)}.menu-foot{margin-top:30px;display:flex;gap:24px;font-size:14px}
/* Controls share sizes, arrow motion and touch areas. */
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:14px 22px;background:var(--yellow);color:#000;border-radius:30px;font-size:15px;font-weight:500;line-height:1.3;max-width:100%;transition:background .25s,color .25s,transform .35s var(--ease)}.button svg{width:20px;height:20px;transition:transform .35s var(--ease)}.button.dark{background:#000;color:#fff}.button.light{background:#fff;color:#000}.textlink{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 0;min-height:44px;margin-top:20px;border-bottom:1px solid currentColor;font-size:15px;font-weight:500;line-height:1.35;background:none;text-align:left}.textlink svg{width:20px;height:20px;transition:transform .35s var(--ease)}.circle-arrow,.round-scroll{width:46px;height:46px;border:1px solid #0003;display:grid;place-items:center;border-radius:50%;flex:none}.round-scroll svg{transform:rotate(90deg)}
/* A small set of repeated reading layouts. */
.section,.format-section,.partner-section,.format-lab,.marks-section,.collab-section,.manifesto,.research-project{padding:var(--space) var(--gutter)}.section-heading{display:grid;gap:25px;margin-bottom:36px}.section-heading p{color:var(--muted)}.page-intro,.work-hero{padding:46px var(--gutter) 56px;display:grid;gap:28px}.page-intro p,.work-hero p{max-width:44ch}.yellow{background:var(--yellow)}.black{background:#000;color:#fff}.white{background:#fff}.page-intro.yellow{background:white}.partnership-intro{text-align:left}.work-hero-bottom{display:flex;gap:20px;justify-content:space-between;align-items:end}.round-scroll{display:none}.feature{padding:var(--space) var(--gutter);display:grid;gap:34px;align-items:center}.feature>div{min-width:0}.feature>div>img{width:100%;max-height:560px;object-fit:contain}.feature h2{margin-bottom:26px}.feature p+p{margin-top:20px}.feature .button{margin-top:28px}.feature.case{border-top:1px solid var(--line);background:white}.feature.case h2{font-size:42px}.feature.case>div>img{max-height:430px;object-fit:contain}.feature.case.reverse{background:var(--paper)}
/* Home: photography, large type, then editorial rhythm. */
.home-hero{position:relative;background:#000;color:#fff;min-height:700px;height:91svh;max-height:1050px;padding:140px var(--gutter) 40px;display:flex;align-items:end;overflow:hidden}.hero-photos{position:absolute;inset:0;overflow:hidden}.hero-photos>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.hero-video,.hero-secondary{display:none}.hero-photos:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,#0000 32%,#0009 65%,#000d 100%)}.hero-content{position:relative;z-index:1;width:100%}.hero-content h1{font-size:clamp(58px,15.7vw,85px);line-height:.97;letter-spacing:-.065em;text-wrap:initial;max-width:12ch}.hero-line{display:block}.hero-bottom{display:grid;gap:26px;margin-top:27px;align-items:end}.hero-bottom p{font-size:17px;line-height:1.4}.hero-bottom .button{justify-self:start}.scroll-cue{display:none}.ribbon{background:var(--yellow);overflow:hidden;padding:15px 0}.ribbon>div{display:flex;width:max-content;gap:28px;align-items:center}.ribbon span{font-size:18px;font-weight:500;letter-spacing:-.025em}.ribbon i{font-size:24px;font-style:normal;line-height:1}.community-section{padding:var(--space) var(--gutter);display:grid;gap:35px;align-items:center}.community-copy p{margin-top:26px}.drawn{white-space:nowrap;position:relative}.drawn svg{display:none}.community-art{max-height:500px}.community-art img{width:100%;height:100%;max-height:500px;object-fit:contain}.artwork{overflow:hidden}.artwork img{display:block;position:static;width:100%;height:100%;object-fit:contain}.format-section{background:var(--paper)}.format-grid{display:grid;gap:0}.format-card{display:grid;grid-template-columns:95px 1fr;gap:24px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.format-card .artwork{height:132px}.format-card img{object-fit:cover}.format-copy{position:relative}.format-copy h3{font-size:25px;margin-bottom:10px}.format-copy p{font-size:14px;line-height:1.45;padding-right:8px}.format-copy .circle-arrow{display:none}.home-project-spotlight{background:var(--yellow);overflow:hidden}.home-project-spotlight>picture{display:block}.home-project-spotlight img{width:100%;height:auto}.spotlight-copy{padding:40px var(--gutter) 52px;display:grid;gap:24px}.spotlight-copy h2{font-size:44px}.spotlight-copy p{font-size:17px}.partner-section{background:#000;color:#fff}.partner-section .section-heading p{color:#b5b5b0}.partner-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:center;margin-top:42px}.partner-logos img{width:100%;height:50px;object-fit:contain}
/* Projects are open editorial blocks, not boxes. */
.project-rail{display:grid;gap:38px}.project-tile{display:block;min-width:0;position:relative}.project-tile>img,.project-tile>.artwork{width:100%;height:auto;aspect-ratio:16/10;overflow:hidden}.project-tile>img{object-fit:cover}.project-tile .artwork img{object-fit:cover;object-position:center 30%}.project-tile>div:not(.artwork){padding:20px 46px 0 0;position:relative}.project-tile h3{font-size:29px;margin-bottom:12px}.project-tile p{font-size:16px;line-height:1.45}.project-tile .circle-arrow{position:absolute;right:0;top:22px;width:34px;height:34px;border:none}.project-tile .circle-arrow svg{width:23px}.rail-controls{display:none}.civic-project{padding:0 0 var(--space)}.civic-image picture{display:block}.civic-image img{width:100%;height:auto}.civic-copy{padding:38px var(--gutter) 0;display:grid;gap:26px}.civic-copy p{font-size:17px}.civic-copy h2{font-size:43px}.research-project{background:var(--paper)}.page-projects #podcast{padding-top:55px;padding-bottom:55px}.page-projects #podcast>div>img{aspect-ratio:16/10;object-fit:cover}.episode-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:var(--gutter);padding-bottom:20px;overscroll-behavior-x:contain}.editorial-card{scroll-snap-align:start;min-width:0}.editorial-card .image-link{display:block;overflow:hidden;margin-bottom:20px}.editorial-card img{aspect-ratio:16/9;width:100%;object-fit:cover}.editorial-card h3{font-size:25px;margin-bottom:12px}.editorial-card p{font-size:16px}.editorial-card .textlink{margin-top:12px}.agro-art img{max-height:620px;object-fit:contain}.photo-essay{background:#000;color:white;overflow:hidden}.photo-essay>img{width:100%;max-height:580px;object-fit:cover}.photo-essay-copy{padding:40px var(--gutter) 50px;display:grid;gap:24px}.photo-essay p{color:#cecec8}.manifesto h2{max-width:18ch}.values{display:grid;gap:32px;margin-top:45px}.values h3{font-size:28px;margin-bottom:12px}.values p{color:#b5b5b0;font-size:16px}
/* Format switching without a container around the content. */
.lab-top{display:grid;gap:28px}.lab-top h2{font-size:32px}.tabs{display:flex;gap:4px;padding:4px;background:var(--paper);border-radius:30px;width:max-content;max-width:100%}.tabs button{min-height:44px;padding:11px 21px;background:none;border-radius:25px;font-size:14px;transition:background .25s}.tabs button[aria-selected=true]{background:#000;color:#fff}.lab-panel{display:grid;gap:32px;padding-top:35px}.lab-copy h3{font-size:38px;margin-bottom:22px}.lab-copy .button{margin-top:25px}.lab-panel .artwork{height:410px}.lab-panel .artwork img{object-fit:contain}.rubric-list{display:grid;gap:0}.rubric-list>div{padding:24px 0;border-top:1px solid var(--line)}.rubric-list h3{font-size:26px;margin-bottom:10px}.rubric-list p{font-size:16px}.example-row{display:grid;grid-template-columns:75px 1fr 24px;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.example-row img{width:75px;height:94px;object-fit:cover}.example-row h3{font-size:25px}.example-row p{font-size:12px;margin-bottom:8px;color:var(--muted)}.example-row .circle-arrow{border:none;width:24px;height:24px}
/* Logos and collaborations use different layouts for different content. */
.marks-section{background:#000;color:#fff}.marks-section .section-heading p{color:#b5b5b0}.marks-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 30px;align-items:center;margin-top:48px}.marks-wall figure{height:62px;display:grid;place-items:center}.marks-wall img{width:auto;max-width:135px;max-height:60px;object-fit:contain}.collab-filters{display:flex;gap:4px;overflow:auto;max-width:100%;padding:4px;margin-bottom:36px;background:var(--paper);border-radius:30px;width:max-content}.collab-filters button{min-height:44px;padding:11px 16px;white-space:nowrap;border-radius:25px;background:none;font-size:14px;transition:background .25s,color .25s}.collab-filters button[aria-pressed=true]{background:#000;color:white}.collab-grid{display:grid;gap:48px}.collab-card{display:grid;gap:23px;min-width:0}.collab-visual{position:relative;padding:0;background:none;overflow:hidden;width:100%;aspect-ratio:4/5;cursor:zoom-in}.collab-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.expand-image{display:grid;place-items:center;position:absolute;bottom:14px;right:14px;width:42px;height:42px;background:#fff;color:#000;border-radius:50%;font-size:22px;transition:transform .4s var(--ease)}.collab-copy .collab-brand{font-size:14px;font-weight:500;margin-bottom:12px;color:var(--muted)}.collab-copy h3{font-size:32px;margin-bottom:16px}.collab-copy>p:last-of-type{font-size:16px}.collab-open{margin-top:16px}.archive-section{background:var(--paper)}.archive-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.archive-list h3{font-size:27px}.archive-list span{font-size:0}.archive-list span:after{content:'↗';font-size:24px}.archive-list a:last-child{border-bottom:1px solid var(--line)}
/* The case viewer is a full-screen mobile surface with a persistent toolbar. */
.case-dialog{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#fff;color:#000;overflow:auto;overscroll-behavior:contain;opacity:0;transform:translateY(26px);transition:opacity .3s,transform .45s var(--ease);z-index:100}.case-dialog.visible{opacity:1;transform:none}.case-dialog::backdrop{background:#000a;backdrop-filter:blur(12px)}.case-toolbar{position:sticky;top:0;z-index:4;height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#fff;border-bottom:1px solid var(--line)}.case-position{font-size:13px;color:var(--muted)}.case-controls{display:flex;gap:5px;align-items:center}.case-controls button,.case-close{display:grid;place-items:center;width:44px;height:44px;background:var(--paper);border-radius:50%;font-size:24px}.case-controls .case-close{background:#000;color:#fff;margin-left:8px}.case-prev svg{transform:rotate(180deg)}.case-dialog-layout{display:grid}.case-full-image{background:#000;display:grid;place-items:center;min-width:0;padding:0}.case-full-image img{width:auto;height:auto;max-height:65dvh;max-width:100%;object-fit:contain}.case-caption{padding:32px 24px 50px}.case-caption>p:first-child{font-size:14px;color:var(--muted)}.case-caption h2{font-size:36px;margin:16px 0 22px}.case-caption>p{font-size:16px}.case-caption .textlink{font-size:14px}.case-dialog.changing .case-dialog-layout{animation:content-in .3s var(--ease)}
/* Contact and ending: quiet navigation, one clear action. */
.contact-layout{display:grid;gap:55px;padding:0 var(--gutter) var(--space)}.contact-layout h2{margin-bottom:24px}.contact-layout .button{margin-top:28px}.contact-side h3{font-size:25px;margin-bottom:15px}.contact-side>div+div{margin-top:36px}.contact-side .textlink{margin-top:10px}.cta{background:var(--yellow);padding:65px var(--gutter);display:grid;gap:30px;position:relative;overflow:hidden}.cta h2{font-size:54px;max-width:10ch}.cta-copy p{font-size:17px}.cta .button{margin-top:25px}.cta-orbit{display:none}footer{background:#000;color:#fff;padding:50px var(--gutter) 22px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:38px 22px}.footer-main>p{grid-column:1/-1;font-size:29px;line-height:1.1;letter-spacing:-.04em}.footer-main>div{display:flex;flex-direction:column;align-items:start;gap:4px}.footer-main a{font-size:14px;min-height:36px;display:flex;align-items:center}.footer-main span{font-size:13px;color:#aaa;line-height:1.5;margin-top:12px}.footer-wordmark{display:block;margin:55px 0 28px}.footer-wordmark img{width:100%}.footer-base{padding-top:20px;border-top:1px solid #fff3;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#aaa}.footer-base a{min-height:30px}
/* Motion is tied to a surface change, never every scroll section. */
@keyframes content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes page-enter{from{opacity:0}to{opacity:1}}@view-transition{navigation:auto}::view-transition-old(root){animation:160ms ease-out both fade-out}::view-transition-new(root){animation:320ms var(--ease) both page-enter}@keyframes fade-out{to{opacity:0}}.hero-content{animation:content-in .7s var(--ease)}
@media(hover:hover){.button:hover{background:#e5db00;transform:translateY(-2px)}.button.dark:hover{background:#292929}.button:hover svg,.textlink:hover svg{transform:translateX(4px)}.collab-visual img,.image-link img,.project-tile>img,.project-tile .artwork img{transition:transform .65s var(--ease)}.collab-visual:hover img,.image-link:hover img,.project-tile:hover>img,.project-tile:hover .artwork img{transform:scale(1.025)}.collab-visual:hover .expand-image{transform:rotate(45deg)}.archive-list a:hover h3{transform:translateX(5px)}.archive-list h3{transition:transform .3s var(--ease)}}
@media(min-width:700px){:root{--gutter:40px;--space:96px}h1{font-size:82px}h2{font-size:58px}.section-heading{grid-template-columns:1.1fr 1fr;gap:7%;align-items:end;margin-bottom:50px}.feature,.community-section{grid-template-columns:1fr 1fr;gap:7%}.feature h2{font-size:50px}.page-intro{grid-template-columns:1.15fr 1fr;align-items:end;gap:7%;padding-top:70px;padding-bottom:80px}.page-intro h1{font-size:76px}.format-card{grid-template-columns:130px 1fr;gap:30px}.format-grid{grid-template-columns:repeat(3,1fr);gap:30px}.format-card{display:block}.format-card .artwork{height:280px;margin-bottom:25px}.project-rail{grid-template-columns:repeat(3,1fr);gap:28px}.project-tile h3{font-size:27px}.project-tile>div:not(.artwork){padding-right:0}.project-tile .circle-arrow{display:none}.episode-grid{grid-auto-columns:43%;gap:28px}.lab-top{display:flex;justify-content:space-between;align-items:center}.lab-panel{grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:50px}.lab-panel .artwork{height:510px}.rubric-list{grid-template-columns:1fr 1fr;gap:0 8%}.marks-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 40px}.collab-grid{gap:75px}.collab-card{grid-template-columns:1fr 1fr;gap:8%;align-items:center}.collab-visual{max-height:650px;aspect-ratio:4/5}.collab-copy h3{font-size:45px}.collab-copy p{max-width:35ch}.collab-card:nth-child(even) .collab-visual{order:2}.collab-card:nth-child(even) .collab-copy{padding-left:9%}.collab-card:nth-child(odd) .collab-copy{padding-right:9%}.civic-copy,.spotlight-copy{grid-template-columns:1.1fr 1fr;gap:7%;padding-top:50px;padding-bottom:50px}.civic-copy h2,.spotlight-copy h2{font-size:57px}.civic-image img{max-height:none}.values{grid-template-columns:repeat(3,1fr);gap:7%;margin-top:65px}.contact-layout{grid-template-columns:1.1fr 1fr;gap:12%}.cta{grid-template-columns:1.1fr 1fr;align-items:center;gap:7%}.cta h2{font-size:76px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>p{grid-column:auto;font-size:38px}.footer-wordmark{margin-top:80px}.archive-list h3{font-size:40px}.archive-list span{font-size:14px}.archive-list span:after{content:''}.case-dialog{inset:4vh 4vw;width:92vw;height:92dvh;max-width:1240px;margin:auto}.case-dialog-layout{grid-template-columns:1.1fr 1fr;min-height:calc(92dvh - 66px)}.case-full-image img{max-height:calc(92dvh - 66px)}.case-caption{align-self:center;padding:45px}.case-caption h2{font-size:44px}.photo-essay-copy{grid-template-columns:1fr 1fr;gap:7%}}
@media(min-width:1050px){:root{--gutter:clamp(55px,6vw,120px);--space:120px;--header:88px}h1{font-size:clamp(90px,8vw,128px)}h2{font-size:clamp(58px,5vw,80px)}p{font-size:19px}.logo{width:166px}.menu-toggle{display:none}.header nav{position:static;inset:auto;clip-path:none;visibility:visible;flex-direction:row;align-items:center;gap:29px;overflow:visible;background:none;padding:0}.header nav>a:not(.button),.header nav.open>a:not(.button){opacity:1;transform:none;font-size:14px;letter-spacing:0;font-weight:400;border:0;padding:12px 0;position:relative}.header nav>a:not(.button):after{content:'';position:absolute;height:1px;bottom:5px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .3s var(--ease)}.header nav>a:hover:after,.header nav>a[aria-current]:after{transform:scaleX(1)}.header nav>a[aria-current]:before{display:none}.header nav .nav-cta{margin:0;background:var(--yellow);color:#000;min-height:46px;padding:12px 19px;font-size:13px}.menu-foot{display:none}.home .header{position:absolute}.home-hero{padding-bottom:65px;min-height:740px}.hero-photos{display:grid;grid-template-columns:1fr 1fr}.hero-secondary{display:block;width:100%;height:100%;object-fit:cover}.hero-content h1{font-size:clamp(95px,10vw,168px);max-width:11ch}.hero-bottom{grid-template-columns:1fr auto;margin-top:36px}.hero-bottom p{font-size:21px}.hero-bottom .button{justify-self:end}.ribbon{padding:20px 0}.ribbon span{font-size:23px}.community-section{gap:12%}.community-art{height:550px;max-height:550px}.community-art img{max-height:550px}.format-card .artwork{height:370px}.format-copy h3{font-size:31px}.format-copy p{font-size:17px}.page-intro h1{font-size:clamp(78px,7vw,110px)}.page-intro{padding-top:85px;padding-bottom:95px}.work-hero{padding:80px var(--gutter) 85px;gap:45px}.work-hero h1{max-width:17ch}.round-scroll{display:grid}.lab-copy h3{font-size:60px}.lab-top h2{font-size:42px}.lab-panel .artwork{height:570px}.feature{gap:12%}.feature h2{font-size:64px}.feature>div>img{max-height:660px}.episode-grid{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.editorial-card h3{font-size:29px}.civic-copy h2,.spotlight-copy h2{font-size:70px}.marks-wall img{max-width:185px;max-height:76px}.marks-wall figure{height:80px}.collab-copy h3{font-size:54px}.collab-copy>p:last-of-type{font-size:18px}.collab-grid{gap:100px}.example-row{grid-template-columns:130px 1fr 48px;gap:40px;padding:30px 0}.example-row img{width:130px;height:145px}.example-row h3{font-size:40px}.example-row p{font-size:14px}.example-row .circle-arrow{width:46px;height:46px;border:1px solid var(--line)}.cta{padding-top:90px;padding-bottom:90px}.cta h2{font-size:clamp(76px,7vw,112px)}.cta-copy p{font-size:20px}.footer-main a{font-size:16px}.footer-base{font-size:13px}.photo-essay{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.photo-essay>img{max-height:650px;height:100%;object-fit:cover}.photo-essay-copy{display:block;padding:65px 10%}.photo-essay-copy p{margin-top:30px}.photo-essay-copy h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-video{display:none}.hero-photos{grid-template-columns:1fr}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

.reportage-video{width:100%;max-height:620px;background:#000;object-fit:contain}.hero-photos>.hero-secondary{object-position:center 43%}@media(prefers-reduced-motion:reduce){.hero-photos{grid-template-columns:1fr 1fr}.hero-secondary{display:block}}@media(max-width:1049px){.hero-photos>.hero-secondary{display:none}.hero-photos{grid-template-columns:1fr}}

.contact-side hr{border:0;margin:36px 0}.media-caption{font-size:13px!important;color:var(--muted);margin-top:14px}

.video-library{background:var(--paper)}.video-library-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:24px;overscroll-behavior-x:contain}.video-library-grid>a{min-width:0;scroll-snap-align:start}.video-library-image{position:relative;overflow:hidden;margin-bottom:19px}.video-library-image img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;transition:transform .5s var(--ease)}.video-library-image span{position:absolute;bottom:12px;right:12px;width:36px;height:36px;background:#fff;color:#000;border-radius:50%;display:grid;place-items:center;font-size:20px}.video-library-grid h3{font-size:27px}@media(hover:hover){.video-library-grid>a:hover img{transform:scale(1.025)}}@media(min-width:700px){.video-library-grid{grid-auto-columns:46%}}@media(min-width:1050px){.video-library-grid{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px;overflow:visible}}
.video-library-grid,.episode-grid{scrollbar-width:thin;scrollbar-color:#0005 transparent}.video-library-grid::-webkit-scrollbar,.episode-grid::-webkit-scrollbar{height:3px}.video-library-grid::-webkit-scrollbar-track,.episode-grid::-webkit-scrollbar-track{background:transparent}.video-library-grid::-webkit-scrollbar-thumb,.episode-grid::-webkit-scrollbar-thumb{background:#0005;border-radius:3px}

.off-section{background:#fff}.off-campaign{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#fff}.off-campaign>img{width:100%;height:650px;object-fit:cover;object-position:51% center}.off-campaign:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b 100%);z-index:1;pointer-events:none}.off-campaign h2{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);font-size:clamp(43px,12vw,64px);z-index:2}.off-copy{padding:35px var(--gutter) 50px;display:grid;gap:25px}.off-copy .button{justify-self:start}.off-project{padding:var(--space) 0}.off-project-image img{width:100%;height:auto}.off-project-copy{padding:35px var(--gutter) 0;display:grid;gap:25px}.off-project-copy h2{font-size:43px}@media(min-width:700px){.off-copy{grid-template-columns:1fr auto;gap:10%;align-items:center;padding-top:45px;padding-bottom:50px}.off-campaign>img{height:650px;object-position:center 45%}.off-campaign h2{font-size:78px;bottom:45px}.off-project-copy{grid-template-columns:1fr 1fr;gap:8%;padding-top:45px}.off-project-copy h2{font-size:64px}}@media(min-width:1050px){.off-campaign>img{height:760px}.off-campaign h2{font-size:98px;bottom:55px}.off-copy{padding-top:50px;padding-bottom:60px}.off-project-copy{grid-template-columns:1.1fr 1fr;gap:7%}.off-project-copy h2{font-size:78px}.off-project-image img{max-height:720px;object-fit:cover;object-position:center 40%}}

}