:root{--paper:#f3f1eb;--ink:#17191c;--muted:#5d6065;--line:#c7c3b9;--vermillion:#d55e00;--blue:#0072b2;--green:#009e73;--orange:#e69f00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",sans-serif;letter-spacing:0}img,video{max-width:100%}a{color:inherit}button{font:inherit}*:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.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-link{position:fixed;top:-80px;left:18px;z-index:20;background:var(--ink);color:var(--paper);padding:12px 18px;font-weight:800}.skip-link:focus{top:18px}.masthead{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(22px,5vw,72px);background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 20px "Barlow Condensed",sans-serif}.mark{display:flex;align-items:end;gap:3px;height:24px}.mark i{width:10px;height:15px;background:var(--vermillion);transform:skew(-12deg)}.mark i:nth-child(2){height:24px;background:var(--orange)}.mark i:nth-child(3){height:18px}.masthead nav{display:flex;gap:25px}.masthead nav a{text-decoration:none;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.masthead nav a:hover{color:var(--vermillion)}.menu-button{display:none;width:44px;height:44px;border:0;background:transparent;padding:9px}.menu-button span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:5px 0}main{padding:0 clamp(22px,5vw,72px)}.hero{min-height:calc(100vh - 70px);padding:clamp(70px,12vh,130px) 0 55px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.hero-index{display:flex;justify-content:space-between;font-size:10px;font-weight:800}.eyebrow,.section-label,.media-type{color:var(--vermillion);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3{font-family:"Barlow Condensed",sans-serif;letter-spacing:0}h1{max-width:1150px;margin:20px 0 50px;font-size:clamp(62px,10vw,132px);line-height:.82;text-transform:uppercase}h1 em{color:var(--vermillion);font-style:normal}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}.lede{max-width:730px;margin:0;font-size:clamp(18px,2vw,25px);line-height:1.6;color:var(--muted)}.hero dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}.hero dl div{padding:15px 8px 0 0}.hero dt{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--muted)}.hero dd{margin:5px 0 0;font:800 31px "Barlow Condensed"}.case-study{display:grid;grid-template-columns:140px 1.2fr .8fr;gap:clamp(25px,5vw,75px);padding:95px 0;border-bottom:1px solid var(--line)}.case-copy h2,.section-heading h2,.method h2,.contact h2{margin:10px 0 24px;font-size:clamp(48px,6vw,84px);line-height:.92;text-transform:uppercase}.case-copy>p:last-child{max-width:720px;color:var(--muted);line-height:1.8}.finding{background:var(--ink);color:var(--paper);padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.finding span{color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase}.finding strong{color:var(--vermillion);font:800 88px/1 "Barlow Condensed"}.finding p{color:#d0cec7;line-height:1.55}.translation{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;gap:14px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:800}.translation i{height:1px;background:var(--line)}.works{padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:65px}.section-heading h2{max-width:850px}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}.filters button{border:1px solid var(--line);background:transparent;padding:9px 13px;font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project{display:grid;grid-template-columns:70px minmax(0,1.05fr) minmax(310px,.95fr);gap:clamp(25px,5vw,70px);align-items:center;padding:75px 0;border-top:1px solid var(--line)}.project[hidden]{display:none}.project.reverse{grid-template-columns:70px minmax(310px,.95fr) minmax(0,1.05fr)}.project.reverse .project-media{grid-column:3}.project.reverse .project-copy{grid-column:2;grid-row:1}.project-number{align-self:start;color:var(--vermillion);font:800 40px "Barlow Condensed"}.project-media{background:#e8e5dd;min-width:0}.project-media>img{display:block;width:100%;max-height:650px;object-fit:contain}.project-media.document{padding:30px}.project-media.poster{padding:20px}.project-media.carousel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:transparent;transform:rotate(-1deg)}.project-media.carousel img{box-shadow:0 14px 30px rgba(23,25,28,.15)}.project-media.dashboard img{max-height:none}.project-media.reel{background:var(--ink);display:grid;place-items:center}.project-media.reel video{width:min(100%,380px);aspect-ratio:9/16;display:block}.project-copy h3{margin:8px 0 18px;font-size:clamp(38px,4.8vw,68px);line-height:.92;text-transform:uppercase}.project-copy>p{color:var(--muted);line-height:1.75}.project-copy dl{margin:25px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-copy dl div{padding:16px 15px 16px 0}.project-copy dt{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--vermillion)}.project-copy dd{margin:6px 0 0;font-size:12px;line-height:1.45}.project-links{display:flex;flex-wrap:wrap;gap:20px}.project-links a,.method-link{font-size:11px;font-weight:800;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:4px}.project-links a:hover,.method-link:hover{color:var(--vermillion);border-color:var(--vermillion)}.project-links .primary-link{color:var(--vermillion);border-color:var(--vermillion)}.method{display:grid;grid-template-columns:140px 1fr;gap:50px;padding:100px 0;border-top:1px solid var(--line)}.method>div h2{max-width:920px}.method>div>p{max-width:720px;color:var(--muted);line-height:1.7}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:45px 0}.method-grid article{background:var(--paper);padding:25px}.method-grid span{color:var(--vermillion);font-weight:800}.method-grid h3{font-size:31px;text-transform:uppercase;margin:20px 0 8px}.method-grid p{font-size:13px;line-height:1.6;color:var(--muted)}.contact{padding:100px 0;border-top:1px solid var(--line)}.contact h2{max-width:1000px}.contact>div{display:flex;flex-wrap:wrap;gap:30px}.contact a{font-weight:800;text-decoration:none;border-bottom:2px solid var(--ink)}footer{display:flex;justify-content:space-between;padding:24px clamp(22px,5vw,72px);background:var(--ink);color:var(--paper);font-size:10px;font-weight:800}@media(max-width:900px){.menu-button{display:block}.masthead nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 22px;border-bottom:1px solid var(--line);flex-direction:column}.masthead nav.open{display:flex}.hero{min-height:auto}.hero-grid,.case-study,.method{grid-template-columns:1fr}.project,.project.reverse{grid-template-columns:55px 1fr}.project .project-media,.project.reverse .project-media{grid-column:2;grid-row:auto}.project .project-copy,.project.reverse .project-copy{grid-column:2;grid-row:auto}.section-heading{display:block}.method-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){h1{font-size:57px}.hero dl{grid-template-columns:1fr}.hero dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.translation{overflow:auto}.project,.project.reverse{grid-template-columns:1fr}.project-number,.project .project-media,.project.reverse .project-media,.project .project-copy,.project.reverse .project-copy{grid-column:1}.project-copy dl,.method-grid{grid-template-columns:1fr}.project-media.carousel{gap:3px}.contact>div,footer{flex-direction:column;gap:12px}}