@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#191c19;--paper:#f5f2ec;--white:#fffefb;--soft:#e9e6df;--line:#d5d1c8;--red:#d64d38;--dust:#777971;--dark:#181b18;--sage:#ced7c8;--sans:'DM Sans',Arial,Helvetica,sans-serif;--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--mono:'DM Mono',Consolas,monospace;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%}a{color:inherit}button{font:inherit}::selection{background:#e6b7a8;color:#171817}:focus-visible{outline:3px solid var(--red);outline-offset:4px}p{line-height:1.65}h1,h2,h3,h4,p{margin-top:0}.wrap{width:min(100% - 88px,1410px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-80px;left:10px;background:white;color:black;padding:12px;z-index:100}.skip:focus{top:10px}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.035em;text-transform:uppercase}.section-n{color:var(--red);font-family:var(--mono);font-size:12px;letter-spacing:.07em}.label{font-size:11px;font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase}.muted{color:#626961}.h-serif{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.arrow{display:inline-block;transform:translateY(-1px)}.inline-arrow{font-size:22px}.rule{border-top:1px solid var(--line)}
/* site navigation */
.top{height:77px;background:rgba(245,242,236,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:70;backdrop-filter:blur(16px)}.top-inner{height:100%;display:flex;align-items:center;gap:30px}.mark{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.04em}.mark-logo{display:grid;place-items:center;color:white;background:var(--ink);border-radius:50%;height:36px;width:36px;font-family:var(--serif);font-size:24px;font-style:italic}.mark span:last-child{font-size:19px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.desktop-nav a{text-decoration:none;font-size:12px;font-weight:650;transition:color .2s}.desktop-nav a:hover,.footer a:hover{color:var(--red)}.nav-contact{background:var(--ink);color:#fff!important;border-radius:99px;padding:13px 19px;white-space:nowrap}.nav-contact:hover{background:var(--red)}.nav-menu{display:none;background:transparent;border:1px solid var(--line);border-radius:100px;padding:9px 12px;margin-left:auto;color:var(--ink);cursor:pointer}.nav-menu[aria-expanded=true]{background:var(--ink);color:#fff}
/* hero */
.hero{overflow:hidden}.hero-in{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(360px,.87fr);gap:55px;align-items:center;min-height:650px;padding-top:75px;padding-bottom:83px}.hero-meta{display:flex;align-items:center;gap:16px;margin-bottom:35px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.hero h1{font:400 clamp(85px,10.2vw,157px)/.84 var(--serif);letter-spacing:-.065em;margin:0 0 21px}.hero h1 em{font-weight:400;color:var(--red)}.hero-role{font-size:20px;font-weight:750;line-height:1.35;margin-bottom:20px;letter-spacing:-.02em}.hero-desc{font-size:16px;line-height:1.7;color:#555c54;max-width:560px;margin-bottom:31px}.hero-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 23px;border-radius:100px;font-size:13px;font-weight:700;text-decoration:none;background:var(--ink);color:white;transition:transform .2s,background .2s}.pill-link:hover{background:var(--red);transform:translateY(-2px)}.text-link{text-decoration:none;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700;padding-bottom:5px}.text-link:hover{color:var(--red);border-color:var(--red)}.hero-art{position:relative;height:525px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;isolation:isolate}.hero-art figure{margin:0;overflow:hidden;position:relative;background:#c7c8bd}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art .art-one{grid-row:1 / 3;transform:translateY(-7px)}.hero-art .art-two{grid-column:2;grid-row:1;height:100%}.hero-art .art-three{grid-column:2;grid-row:2}.hero-art .art-one img{object-position:53% center}.hero-art .art-three img{object-position:center 25%}.hero-sticker{position:absolute;z-index:4;top:39%;left:35%;background:var(--red);color:white;border-radius:50%;width:115px;height:115px;display:flex;align-items:center;justify-content:center;text-align:center;font:italic 26px/1.04 var(--serif);transform:rotate(-13deg);box-shadow:0 8px 30px rgba(0,0,0,.12)}.hero-art-caption{position:absolute;bottom:-27px;right:0;font-family:var(--mono);font-size:10px;letter-spacing:.03em;color:#5b645b}.hero-bottom{border-top:1px solid var(--line);padding-block:17px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#77766d;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
/* impact global */
.impact{background:var(--dark);color:var(--paper);padding:86px 0 92px;overflow:hidden}.impact-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.impact-title{font:400 clamp(35px,4.2vw,61px)/1.06 var(--serif);max-width:610px;margin:15px 0 45px}.impact-title em{color:#ff8666}.impact-side{max-width:370px;font:13px/1.65 var(--sans);color:#c8cdc4}.impact-number{font:400 clamp(78px,13.7vw,205px)/.95 var(--serif);letter-spacing:-.07em;margin:0;color:#f7e7d3;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}.impact-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #60655a;padding-top:21px;margin-top:21px;gap:22px}.impact-caption{font-size:21px;font-weight:800;letter-spacing:-.02em}.impact-source{font:10px/1.6 var(--mono);color:#a4aea2;max-width:490px}
/* section scaffolding */
.section-intro{padding:112px 0 65px}.sect-bar{display:flex;align-items:center;gap:13px}.section-heading{font:400 clamp(53px,7vw,106px)/.94 var(--serif);letter-spacing:-.052em;margin:19px 0 0}.section-heading em{font-weight:400;color:var(--red)}.section-heading + p{max-width:650px;color:#5c635b;font-size:15px;margin-top:26px}.cases{padding-bottom:95px}.case{border-top:1px solid var(--ink);padding:47px 0 70px;display:grid;grid-template-columns:.87fr 1.13fr;gap:8%;align-items:start;scroll-margin-top:87px}.case-info{position:sticky;top:110px}.case-num{font-size:12px;font-family:var(--mono);color:var(--red);margin-bottom:26px}.case-name{font:400 clamp(58px,5.9vw,91px)/.95 var(--serif);letter-spacing:-.053em;margin-bottom:11px}.case-role{font-size:12px;letter-spacing:.075em;text-transform:uppercase;font-family:var(--mono);color:#727970;margin-bottom:24px}.case-desc{color:#4f5850;font-size:15px;line-height:1.77;max-width:465px}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:31px 0 30px}.case-metric{min-width:0;padding:15px 11px 19px;border-right:1px solid var(--line)}.case-metric:first-child{padding-left:0}.case-metric:last-child{border-right:none}.case-metric strong{font:400 clamp(29px,3vw,47px)/1 var(--serif);letter-spacing:-.03em;display:block;white-space:nowrap}.case-metric span{font:10px/1.45 var(--mono);color:#6e746c;display:block;padding-top:10px}.case-more{display:inline-flex;gap:15px;align-items:center;font-weight:750;font-size:13px;text-decoration:none;border-bottom:1px solid;padding:0 0 8px}.case-more:hover{color:var(--red)}.case-photo{display:block;overflow:hidden;position:relative;background:#deded2;aspect-ratio:1.65}.case-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.case-photo:hover img,.mini-piece:hover img,.graphic-tile:hover img,.article:hover img{transform:scale(1.04)}.case-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.36),transparent 65%)}.case-photo-badge{position:absolute;bottom:19px;left:20px;z-index:1;background:#f1f1e8;color:#111;padding:7px 11px;font:10px var(--mono);text-transform:uppercase}.case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.mini-piece{text-decoration:none;overflow:hidden;min-width:0}.mini-thumb{aspect-ratio:1.4;background:#d8d5cf;overflow:hidden;position:relative}.mini-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.mini-view{position:absolute;bottom:10px;right:10px;background:#ffffffe6;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:15px}.mini-piece strong{font-size:11px;font-weight:700;line-height:1.35;display:block;margin:10px 0 4px}.mini-piece span{font:9px var(--mono);color:#7d8179}
/* thematic teaser */
.break{background:#e4e3da;padding:88px 0}.break-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.break-art{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;align-items:end}.break-art img{height:320px;object-fit:cover}.break-art img:last-child{height:245px}.break h2{font:400 clamp(56px,6vw,90px)/.96 var(--serif);letter-spacing:-.05em;margin:20px 0}.break p{color:#545d55;font-size:15px;max-width:450px}
/* writing / visuals */
.double-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.double-title .section-heading{margin-bottom:0}.double-title p{max-width:350px;font-size:14px;color:#5f695d}.writing{padding:110px 0}.article-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.article{display:flex;flex-direction:column;text-decoration:none;min-width:0;background:var(--white);border:1px solid var(--line)}.article-image{aspect-ratio:1.56;overflow:hidden;background:#e0dfd3}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.article-body{padding:19px 20px 21px;flex:1;display:flex;flex-direction:column}.article .tag{color:var(--red);font:10px var(--mono);text-transform:uppercase}.article h3{font:400 27px/1.08 var(--serif);margin:16px 0 28px;letter-spacing:-.02em}.article .read-link{font:10px var(--mono);text-transform:uppercase;margin-top:auto}.article.featured{grid-row:span 1}.article.featured h3{font-size:38px}.graphics{padding:97px 0;background:#1b211f;color:#f3f0e9}.graphics .section-heading em{color:#f08b74}.graphics .double-title p{color:#b6bfb4}.graphics-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:15px}.graphic-tile{display:flex;flex-direction:column;text-decoration:none;background:#f3f0e7;color:#1c211d;overflow:hidden}.graphic-tile img{height:260px;object-fit:cover;transition:transform .4s}.graphic-tile:first-child img{height:340px}.graphic-tile .tile-foot{padding:18px;display:flex;justify-content:space-between;gap:15px;align-items:center}.graphic-tile .tile-foot b{font-size:14px}.graphic-tile .tile-foot span{font-size:11px}.graphic-cta{display:flex;justify-content:flex-end;margin-top:30px}.graphic-cta a{background:#f0eeea;color:#152119}
/* about */
.about{padding:115px 0}.about-in{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-copy{font:400 clamp(37px,4vw,61px)/1.11 var(--serif);letter-spacing:-.03em;max-width:625px}.about-info{padding-top:11px}.about-info p{font-size:15px;color:#576057}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin:30px 0}.about-point{border-top:1px solid var(--line);padding-top:13px}.about-point b{display:block;font-size:13px;margin-bottom:6px}.about-point span{font-size:12px;color:#616a61;line-height:1.5}.books-strip{padding:28px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.books-strip>div{display:flex;gap:15px;align-items:center}.books-strip img{width:65px;height:82px;object-fit:cover}.books-strip strong{display:block;font-size:14px}.books-strip span{font:10px var(--mono);color:#666e66}
/* footer */
.footer{background:#d64d38;color:#fff;padding:95px 0 25px}.footer h2{font:400 clamp(70px,12vw,190px)/.87 var(--serif);letter-spacing:-.065em;margin:18px 0 50px}.footer h2 em{color:#f9dccc}.footer-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:78px}.footer-actions .pill-link{background:#fff;color:#1c211b}.footer-actions .text-link{border-color:#fff;color:white}.footer-base{border-top:1px solid rgba(255,255,255,.55);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-base span,.footer-base a{font:10px var(--mono);text-decoration:none}.footer-base div{display:flex;gap:23px}
/* inside */
.page-banner{padding:83px 0 70px;background:var(--dark);color:var(--paper)}.page-banner .eyebrow{color:#a0b3aa}.page-banner h1{font:400 clamp(70px,9vw,130px)/.92 var(--serif);letter-spacing:-.052em;max-width:1100px;margin:24px 0}.page-banner h1 em{color:#e98d75}.page-banner p{color:#c2c9bd;max-width:660px;font-size:17px}.return{font:11px var(--mono);text-decoration:none;color:#dadfd2}.return:hover{color:#ff9e7f}.detail-hero{display:grid;grid-template-columns:1fr .9fr;gap:8%;align-items:center;padding:80px 0 90px}.detail-hero h2{font:400 clamp(44px,5vw,70px)/1.08 var(--serif);margin:15px 0}.detail-hero .subcopy{font-size:16px;color:#566056;max-width:600px}.detail-hero-image{height:480px;overflow:hidden;background:#deded3}.detail-hero-image img{height:100%;object-fit:cover}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--ink)}.detail-stats>div{padding:26px 25px;border-right:1px solid var(--line)}.detail-stats>div:last-child{border-right:none}.detail-stats strong{display:block;font:400 clamp(46px,6vw,84px)/1 var(--serif)}.detail-stats span{display:block;font:11px/1.5 var(--mono);margin-top:13px;color:#68716b}.detail-section{padding:110px 0}.section-kicker{font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--red)}.detail-h{font:400 clamp(48px,5vw,75px)/1.04 var(--serif);margin:16px 0 26px}.detail-h em{color:var(--red)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%}.responsibilities{margin:0;padding-left:20px;color:#4d574f;font-size:15px;line-height:2}.detail-work{background:#e7e7df;padding:100px 0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{background:#fff;text-decoration:none;border:1px solid var(--line);display:flex;flex-direction:column}.work-card .work-image{height:365px;background:#c7c7bf;overflow:hidden}.work-card .work-image img{height:100%;object-fit:cover;transition:transform .4s}.work-card:hover .work-image img{transform:scale(1.04)}.work-card .work-meta{padding:18px 20px;flex:1}.work-card .work-meta span{font:10px var(--mono);color:var(--red)}.work-card .work-meta h3{font:400 29px/1.1 var(--serif);margin:10px 0}.work-card .work-meta .work-stats{display:flex;justify-content:space-between;align-items:center;gap:10px;font:10px var(--mono);margin:16px 0 0;color:#626b61}.sources{padding:90px 0}.source-list{border-top:1px solid var(--line)}.source-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;text-decoration:none}.source-list a:hover{color:var(--red)}.source-note{font-size:12px;color:#667168;line-height:1.65;margin:22px 0}.more-next{background:#d5dad1;padding:55px 0}.more-next a{font:400 clamp(54px,7vw,100px)/.95 var(--serif);text-decoration:none}.more-next a:hover{color:var(--red)}
/* archive */
.archive-top{padding:85px 0 65px}.archive-top h2{font:400 clamp(44px,5vw,68px)/1.04 var(--serif);margin:0 0 15px}.archive-top p{color:#59645d;max-width:700px}.archive-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.filter{border-radius:30px;border:1px solid #c7c6bc;padding:10px 18px;background:transparent;cursor:pointer;font-size:12px;font-weight:700}.filter[aria-pressed=true]{background:#1c211e;color:white;border-color:#1c211e}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:100px}.archive-grid .article h3{font-size:28px}.archive-grid .article-image{aspect-ratio:1.6}.archive-grid .article-body{min-height:160px}.graphic-archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:90px}.graphic-archive .graphic-tile img{height:275px}.archive-section{padding:75px 0 0}.archive-section h2{font:400 clamp(54px,6vw,82px)/1 var(--serif);margin:10px 0 25px}.archive-intro{max-width:650px;color:#636a64}.archive-section.alt{background:#ebeae2}.archive-section.alt .graphic-archive{padding-bottom:80px}.hidden-by-filter{display:none!important}.archive-section .filter-count{font:11px var(--mono);color:#717971;margin-bottom:17px}
/* tablet + mobile */
@media(max-width:1100px){.wrap{width:min(100% - 54px,1410px)}.desktop-nav{gap:17px}.hero-in{gap:30px}.hero-art{height:470px}.case{gap:5%}.case-metric strong{font-size:32px}.article-grid,.graphics-grid,.graphic-archive,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.graphics-grid .graphic-tile:first-child{grid-row:span 1}.graphic-tile:first-child img{height:260px}.article.featured h3{font-size:28px}}
@media(max-width:800px){.top{height:65px}.top-inner{gap:10px}.nav-menu{display:block}.desktop-nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:22px 26px 30px;flex-direction:column;align-items:stretch;box-shadow:0 14px 30px rgba(0,0,0,.1);border-bottom:1px solid var(--line)}.desktop-nav.is-open{display:flex}.desktop-nav a{font-size:16px}.hero-in{grid-template-columns:1fr;padding-top:50px;padding-bottom:58px;min-height:0}.hero h1{font-size:clamp(90px,15vw,145px)}.hero-art{height:420px;max-width:740px}.impact{padding:70px 0}.impact-head{display:block}.impact-side{max-width:650px}.impact-number{font-size:clamp(78px,15vw,138px)}.impact-foot{align-items:flex-start;flex-direction:column}.case{grid-template-columns:1fr;gap:33px}.case-info{position:static}.case-name{font-size:76px}.case-metric strong{font-size:45px}.case-media{width:100%}.break-layout,.about-in{grid-template-columns:1fr;gap:25px}.break-art{order:2}.detail-hero{grid-template-columns:1fr;gap:32px}.detail-hero-image{height:450px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:1fr;gap:20px}.section-intro{padding-top:80px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.top{height:62px}.desktop-nav{top:62px}.hero h1{font-size:clamp(73px,17vw,103px);margin-bottom:12px}.hero-meta{margin-bottom:26px}.hero-role{font-size:17px}.hero-desc{font-size:14px}.hero-in{padding-top:36px}.hero-art{height:305px;gap:7px}.hero-sticker{height:78px;width:78px;font-size:20px}.hero-bottom{font-size:8px}.impact-title{font-size:35px;margin-bottom:25px}.impact-number{font-size:clamp(51px,12.4vw,84px);letter-spacing:-.06em}.impact-caption{font-size:17px}.impact-side{font-size:12px}.section-intro{padding:75px 0 45px}.section-heading{font-size:64px}.case{padding:37px 0 58px}.case-name{font-size:67px}.case-metrics{gap:0}.case-metric{padding:14px 8px}.case-metric strong{font-size:32px}.case-metric span{font-size:8px}.case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mini-thumb{aspect-ratio:1/1.1}.mini-piece strong{font-size:10px}.mini-piece span{font-size:8px}.break{padding:65px 0}.break-art img{height:235px}.break-art img:last-child{height:205px}.writing,.graphics,.about{padding:78px 0}.double-title{flex-direction:column;align-items:start;gap:12px}.article-grid,.graphics-grid,.graphic-archive,.archive-grid{grid-template-columns:1fr}.article-image{aspect-ratio:1.6}.graphic-tile img,.graphic-tile:first-child img{height:270px}.about-copy{font-size:45px}.footer{padding-top:75px}.footer h2{font-size:clamp(75px,16vw,120px)}.footer-actions{margin-bottom:55px}.footer-base div{flex-wrap:wrap}.page-banner{padding:65px 0}.page-banner h1{font-size:75px}.page-banner p{font-size:14px}.detail-hero{padding:55px 0}.detail-hero-image{height:345px}.detail-stats{grid-template-columns:1fr}.detail-stats>div{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.detail-stats>div:last-child{border-bottom:0}.detail-section,.detail-work,.sources{padding:75px 0}.work-grid{grid-template-columns:1fr}.work-card .work-image{height:340px}.archive-section{padding-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
