/* Project archive: extends the existing Inter/Newsreader identity. */
.project-arrow{flex:none;transition:transform .2s ease-out}
.project-tile:hover .project-arrow{transform:translate(3px,-3px)}
.home-projects{padding-top:96px;padding-bottom:100px}
.home-projects .section-top{align-items:center}
.home-projects .section-top p{max-width:46ch;margin-top:20px;color:var(--muted)}
.home-projects h2,.projects-page h1,.projects-page h2,.projects-page h3{letter-spacing:-.035em;text-wrap:balance}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 38px}
.project-tile{display:block;min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px}
.project-tile-media{aspect-ratio:16/10;overflow:hidden;background:var(--sand);border-radius:4px}
.project-tile-media>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease-out}
.project-tile:hover .project-tile-media>img{transform:scale(1.025)}
.project-one-river .project-tile-media>img{object-position:center 38%}
.project-one-tree .project-tile-media>img{object-position:center 49%}
.project-waste-to-life .project-tile-media>img{object-position:center 50%}
.project-tile-body{padding-top:20px}
.project-meta{font-size:12px;font-weight:600;line-height:1.6;color:var(--green);margin:0 0 12px}
.project-tile h3{font-size:32px;font-weight:550;letter-spacing:-.03em;margin-bottom:13px}
.project-tile-body>p:not(.project-meta){font-size:15px;line-height:1.7;color:var(--muted);max-width:52ch}
.project-tile-link{display:inline-flex;gap:25px;align-items:center;margin-top:19px;font-size:13px;font-weight:600}
.project-type-art{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;background:var(--dark);color:var(--paper);padding:34px 38px}
.project-type-art>span{font-size:clamp(36px,4vw,60px);letter-spacing:-.035em;line-height:1.05}
.project-type-art em{color:var(--lime)}
.project-type-art p{font-size:13px;line-height:1.6;color:#e0e8d8;margin-top:22px}
.project-directory-hero{padding-top:68px;padding-bottom:0}
.project-directory-hero h1{max-width:1000px;line-height:1.08}
.project-directory-hero .lede{margin-top:27px;max-width:60ch}
.project-quicklinks{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:32px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.project-quicklinks a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#a3b49b}
.projects-directory{padding-top:50px}
.project-archive-note{margin-top:48px;max-width:80ch;font-size:13px;line-height:1.8;color:var(--muted)}
.project-detail-top{padding-top:35px}
.project-detail-top .breadcrumb{margin-bottom:38px;flex-wrap:wrap;font-size:12px}
.project-detail-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;padding-bottom:76px}
.project-detail-hero h1{font-size:clamp(48px,5.8vw,76px)}
.project-detail-hero h1>span{display:block;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.2;letter-spacing:-.02em;margin-top:23px}
.project-detail-hero .lede{font-size:17px;line-height:1.8;margin-top:25px;max-width:57ch}
.project-detail-hero .project-meta{margin-top:24px;margin-bottom:22px}
.project-detail-image{min-width:0;background:var(--sand);border-radius:4px;overflow:hidden}
.project-detail-image>img,.project-detail-image>.project-type-art{width:100%;height:420px;object-fit:cover}
.project-detail-image.project-one-tree>img{object-fit:contain;background:#ecddbd}
.project-detail-image.project-one-river>img{object-position:center 42%}
.project-detail-image .project-type-art{padding:43px}
.project-detail-image figcaption{font-size:11px;color:var(--muted);padding:12px 17px;background:var(--paper);line-height:1.6}
.project-overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.project-overview>div{max-width:70ch}
.project-overview p{font-size:17px;line-height:1.85;color:var(--muted)}
.project-overview .project-takeaway{color:var(--ink);font-size:21px;line-height:1.6;margin-top:26px}
.project-episodes{list-style:none;margin:0;padding:0}
.project-episode{display:grid;grid-template-columns:52px minmax(0,1fr) 160px;gap:27px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}
.episode-number{font-variant-numeric:tabular-nums;font-size:15px;font-weight:550;padding-top:6px;color:var(--green)}
.project-episode h3{font-size:25px;margin-bottom:13px}
.project-episode p{max-width:70ch;font-size:15px;line-height:1.85;color:var(--muted)}
.episode-format{display:block;font-size:11px;color:var(--muted);margin-top:12px}
.project-episode>.text-link{justify-self:end;margin-top:0;min-height:44px;gap:15px}
.project-followup{max-width:760px;margin-top:30px;padding-top:34px;border-top:1px solid var(--line)}
.project-followup h3{font-size:26px;margin-bottom:16px}
.project-followup p{color:var(--muted);line-height:1.8;margin-bottom:18px}
.projects-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.projects-grid-three .project-tile h3{font-size:26px}
.projects-grid-three .project-type-art{padding:25px}
.projects-grid-three .project-type-art>span{font-size:36px}
.projects-grid-three .project-type-art p{font-size:11px;margin-top:15px}
.project-film-section{background:#e8eddf}
.project-film-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:100px;align-items:center}
.project-film-layout>div{max-width:60ch}
.project-film-layout h2{margin-bottom:28px}
.project-film-layout p{font-size:17px;line-height:1.85;color:var(--muted)}
.project-film-layout .project-media-note{font-size:12px;margin-top:25px}
.project-film-layout .project-meta{font-size:12px;margin-top:18px}
.project-film-layout .text-link{margin-top:14px}
.project-video{width:100%;max-width:390px;justify-self:center}
.project-video video{display:block;width:100%;aspect-ratio:9/16;background:#152b24;border-radius:5px}
.project-video figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:center}
@media(max-width:1000px){.project-detail-hero{gap:38px}.project-overview{gap:45px}.project-film-layout{gap:60px;grid-template-columns:minmax(0,1fr) minmax(0,320px)}.project-detail-image>img,.project-detail-image>.project-type-art{height:360px}.projects-grid-three{gap:23px}.projects-grid-three .project-type-art>span{font-size:29px}}
@media(max-width:800px){.home-projects{padding-block:65px}.projects-grid{gap:38px 25px}.project-tile h3{font-size:28px}.project-type-art{padding:25px}.project-type-art>span{font-size:40px}.project-type-art p{font-size:11px;margin-top:15px}.project-directory-hero{padding-top:45px}.project-detail-hero{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.project-detail-image{max-width:650px}.project-detail-image>img,.project-detail-image>.project-type-art{height:360px}.project-overview{grid-template-columns:1fr;gap:25px}.project-episode{grid-template-columns:36px minmax(0,1fr);gap:17px}.project-episode>.text-link{grid-column:2;justify-self:start}.project-film-layout{grid-template-columns:1fr;gap:36px}.project-video{max-width:360px}.projects-grid-three{grid-template-columns:1fr 1fr}.project-more .project-tile:last-child{grid-column:1/-1}.project-more .project-tile:last-child .project-tile-media{aspect-ratio:2.3}.project-more .project-type-art>span{font-size:38px}}
@media(max-width:540px){.home-projects .section-top{display:block}.home-projects .section-top>.button{margin-top:24px}.projects-grid,.projects-grid-three{grid-template-columns:1fr}.project-tile-media{aspect-ratio:16/10}.project-type-art>span{font-size:48px}.project-type-art{padding:32px}.project-type-art p{font-size:13px}.project-directory-hero h1{font-size:44px}.project-quicklinks{gap:0 24px;margin-top:22px;padding-bottom:22px}.project-quicklinks a{font-size:13px}.project-detail-top{padding-top:24px}.project-detail-top .breadcrumb{margin-bottom:28px;gap:10px}.project-detail-hero h1{font-size:50px}.project-detail-hero h1>span{font-size:30px}.project-detail-hero .actions{gap:20px}.project-detail-hero .lede{font-size:16px}.project-detail-image>img,.project-detail-image>.project-type-art{height:300px}.project-detail-image .project-type-art{padding:30px}.project-episode{padding-block:26px}.project-episode h3{font-size:23px}.project-episode p{font-size:14px}.project-overview p,.project-film-layout p{font-size:16px}.project-overview .project-takeaway{font-size:20px}.project-more .section-top{flex-wrap:wrap}.project-more .project-tile:last-child{grid-column:auto}.project-more .project-tile:last-child .project-tile-media{aspect-ratio:16/10}.project-more .project-type-art>span{font-size:44px}.project-more .project-type-art p{font-size:13px}.project-video{max-width:340px}.project-archive-note{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.project-tile-media>img,.project-arrow{transition:none}.project-tile:hover .project-tile-media>img,.project-tile:hover .project-arrow{transform:none}}

/* Homepage: all four campaigns share one row on desktop. */
@media(min-width:1001px){
 .home-projects .projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
 .home-projects .project-tile{display:flex;flex-direction:column}
 .home-projects .project-tile-body{display:flex;flex:1;flex-direction:column}
 .home-projects .project-meta{min-height:3.2em}
 .home-projects .project-tile h3{font-size:24px;line-height:1.2;min-height:2.4em}
 .home-projects .project-tile-body>p:not(.project-meta){flex:1}
}