/* Image-led research archive, revised 2026-10-08. */
body{font-family:'DM Sans','Noto Sans SC','Microsoft YaHei',sans-serif}.hero-side{text-shadow:0 1px 5px #0008}body .media-gallery figcaption,body .film-section figcaption{font-family:'DM Mono','Microsoft YaHei',monospace}.hero .motion-toggle{background:rgba(0,0,0,.2)}
section[id]{scroll-margin-top:75px}.hero-media img{object-position:center 48%;filter:saturate(.72)}.hero:after{inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.62) 100%)}.hero-title,.hero-side,.hero-scroll{color:#fff}.hero-title h1{line-height:.85;letter-spacing:-.07em}.hero-title h1 .type-line{display:block;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;transform-origin:left center}.type-sensing{animation:typeSensing 10s ease-in-out infinite}.type-pressure{animation:typePressure 10s ease-in-out infinite}.hero-title>span{display:block;animation:typeEnter 1.2s ease both}.hero-title p{animation:typeEnter 1.5s .2s ease both}.motion-toggle{position:absolute;z-index:4;right:var(--p);bottom:85px;background:transparent;border:1px solid #ffffff66;color:white;padding:9px 13px;font-size:10px;cursor:pointer}.motion-toggle:hover{background:#ffffff22}.motion-ribbon{overflow:hidden;border-bottom:1px solid var(--line);padding:15px 0;background:#e5eae6}.motion-ribbon>div{width:max-content;font-size:clamp(20px,3.1vw,48px);line-height:1.1;letter-spacing:-.04em;white-space:nowrap;animation:ribbon 32s linear infinite}
@keyframes typeSensing{0%,100%{transform:translateX(0);opacity:1}45%{transform:translateX(18px);opacity:.72}70%{transform:translateX(0);opacity:1}}@keyframes typePressure{0%,100%{transform:scaleX(1)}45%{transform:scaleX(.86)}70%{transform:scaleX(1.025)}}@keyframes typeEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ribbon{to{transform:translateX(-50%)}}
.statement{padding-top:105px;padding-bottom:75px}.prose{padding-top:25px;padding-bottom:75px}.chapter{padding-top:105px;padding-bottom:60px}.chapter h2{margin-bottom:30px}.media-grid.mixed{padding-top:80px}.process{padding-top:90px;padding-bottom:95px}.chart-archive{padding-top:85px;padding-bottom:80px}.credits{padding-top:100px;padding-bottom:110px}.takeaway{padding-top:105px;padding-bottom:105px}
.contact-triptych{display:grid;grid-template-columns:1fr .75fr 1fr;gap:12px;padding:0 var(--p);align-items:start}.contact-triptych figure:nth-child(2){padding-top:70px}.contact-triptych img{height:410px;object-fit:cover}.contact-triptych figure:nth-child(2) img{height:330px;object-position:40% center}.contact-triptych figure:nth-child(3) img{height:490px;object-position:50% center}.media-gallery figcaption,.film-section figcaption{font:10px 'DM Mono',monospace;line-height:1.6;color:#747770;padding-top:10px;display:flex;justify-content:space-between;gap:10px}.media-gallery img[role=button],.media-card img[role=button],.photo-wall img[role=button],.data-main img[role=button]{cursor:zoom-in;transition:filter .3s}.media-gallery img[role=button]:hover{filter:brightness(.94)}img[role=button]:focus-visible{outline:2px solid #2e6e52;outline-offset:4px}
.film-section{padding-top:90px;padding-bottom:85px}.film-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.film-heading p{font-size:20px;letter-spacing:-.03em}.archive-film{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#121614}.panoramic img{height:auto;aspect-ratio:1.86;object-fit:cover}.mixed img{height:490px}.photo-wall img{height:440px}.lab-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:30px var(--p) 0}.lab-grid img{height:220px;object-fit:cover}.lab-grid figcaption{font-size:9px}.lab-grid figure:nth-child(5) img,.lab-grid figure:nth-child(6) img{object-position:30% center}.fullbleed{height:75vh;min-height:510px}
.participant-section,.questionnaire{padding-top:90px;padding-bottom:90px}.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.archive-heading h3{font-size:clamp(27px,3vw,44px);font-weight:400;letter-spacing:-.045em;margin-top:18px;line-height:1.3}.archive-heading>p{font-size:12px;color:#858982;line-height:1.8;text-align:right;flex-shrink:0}.participant-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.participant-grid figure{overflow:hidden;background:#e9e9e5}.participant-grid img{height:auto;aspect-ratio:2/3;object-fit:cover;transition:transform .5s,filter .4s}.participant-grid img:hover{transform:scale(1.045)}
/* Preserve each data image's native aspect ratio; no contain letterboxes. */
.data-layout{align-items:start;gap:4%;grid-template-columns:1.9fr 1fr}.data-main{align-self:start}.data-main img{height:auto;aspect-ratio:auto;object-fit:initial;background:transparent;mix-blend-mode:multiply}.data-aside{padding:0;gap:30px;justify-content:flex-start}.signal-list>div{padding:18px 0}.data-main figcaption{font-size:10px}.charts{display:block;columns:3;column-gap:18px}.charts figure{break-inside:avoid;margin-bottom:27px}.charts img{height:auto;aspect-ratio:auto;object-fit:initial;background:transparent;border:0;mix-blend-mode:multiply}.chart-intro{margin-bottom:32px}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.document-grid img{height:auto;mix-blend-mode:multiply}.questionnaire{border-top:1px solid var(--line)}
.image-viewer{border:0;padding:65px 65px 35px;background:#f8f8f6;width:min(96vw,1500px);height:94vh;max-width:none;max-height:none;overflow:hidden}.image-viewer::backdrop{background:#101713cf;backdrop-filter:blur(6px)}.image-viewer figure{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.image-viewer img{max-width:100%;width:auto;height:auto;max-height:calc(94vh - 160px);object-fit:contain}.image-viewer figcaption{font-size:12px;color:#666;line-height:1.6}.image-viewer button{position:absolute;border:0;background:transparent;font-size:13px;cursor:pointer;padding:12px;color:#222}.viewer-close{right:20px;top:10px}.viewer-prev{left:8px;top:48%}.viewer-next{right:8px;top:48%}body.viewer-open{overflow:hidden}.motion-paused *{animation-play-state:paused!important}
@media(max-width:1000px){.contact-triptych img{height:300px}.contact-triptych figure:nth-child(2) img{height:250px}.contact-triptych figure:nth-child(3) img{height:370px}.lab-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}.lab-grid img{height:270px}.participant-grid{grid-template-columns:repeat(4,1fr)}.charts{columns:2}.data-layout{grid-template-columns:1fr}.data-aside{padding-top:25px}.signal-list>div{padding:18px}.mixed img{height:400px}.photo-wall img{height:350px}}
@media(max-width:650px){.hero{height:calc(90svh - 50px);min-height:580px}.hero-media img{object-position:43% center}.hero-title{bottom:70px}.hero-title h1{font-size:clamp(62px,16vw,92px)}.hero-title h1 .type-line{margin:0}.hero-title p{font-size:12px}.motion-toggle{top:24px;bottom:auto;left:var(--p);right:auto}.hero-scroll{bottom:22px}.hero-side{top:28px}.motion-ribbon{padding:12px 0}.statement{padding-top:70px;padding-bottom:50px}.prose{padding-bottom:50px}.contact-triptych{grid-template-columns:1fr 1fr;gap:12px}.contact-triptych figure:nth-child(2){padding-top:35px}.contact-triptych figure:nth-child(3){grid-column:span 2}.contact-triptych img{height:260px}.contact-triptych figure:nth-child(2) img{height:230px}.contact-triptych figure:nth-child(3) img{height:auto;max-height:420px;object-fit:cover}.contact-triptych figcaption{display:block;font-size:9px}.contact-triptych figcaption span{display:block}.film-section{padding-top:65px;padding-bottom:55px}.film-heading{align-items:start;flex-direction:column;gap:12px}.film-heading p{font-size:18px}.film-section figcaption{font-size:9px}.chapter{padding-top:70px;padding-bottom:45px}.media-grid.mixed{padding-top:55px}.mixed img{height:360px}.photo-wall img,.photo-wall figure:not(.photo-feature) img{height:270px}.photo-wall .photo-feature img{height:330px}.lab-grid{grid-template-columns:repeat(2,1fr);padding-top:25px;gap:18px 12px}.lab-grid img{height:230px}.process{padding-top:65px;padding-bottom:65px}.fullbleed{height:65vh;min-height:470px}.participant-section,.questionnaire{padding-top:60px;padding-bottom:60px}.archive-heading{display:block;margin-bottom:25px}.archive-heading h3{font-size:28px}.archive-heading>p{text-align:left;margin-top:15px;font-size:11px}.participant-grid{grid-template-columns:repeat(3,1fr);gap:7px}.data-main img{height:auto}.signal-list>div{padding:16px 0}.chart-archive{padding-top:60px;padding-bottom:50px}.charts{columns:1}.charts img{height:auto}.document-grid{gap:12px;grid-template-columns:1fr}.document-grid figure{max-width:460px}.document-grid img{max-height:650px;object-fit:contain;width:auto;max-width:100%}.takeaway,.credits{padding-top:70px;padding-bottom:75px}.image-viewer{padding:60px 28px 25px;width:98vw;height:90vh}.image-viewer img{max-height:calc(90vh - 140px)}.viewer-prev{left:0}.viewer-next{right:0}}
@media(prefers-reduced-motion:reduce){.type-line,.hero-title>span,.hero-title p,.motion-ribbon>div,.hero-media img{animation:none!important}.motion-toggle{display:none}.participant-grid img{transition:none}}