@font-face{font-family:Source;src:url('assets/source-sans.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
:root{--paper:#fff8f2;--ink:#4f3a46;--pink:#f3bcd0;--blue:#a9cce8;--mint:#b6dace;--line:rgba(79,58,70,.2);color-scheme:light;font-family:Source,'Segoe UI','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}button{background:none;border:0}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button,a{touch-action:manipulation}::selection{background:var(--pink)}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}button,a,input{outline-offset:5px}.skip{position:fixed;top:-100px;left:16px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:30}.skip:focus{top:16px}
/* Layer scale: composition 0-2, controls 4, navigation 10, skip link 30. Native dialog is in the top layer. */
.header{height:80px;padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10}.wordmark{font-size:25px;font-weight:620;letter-spacing:-.8px;display:flex;align-items:center;gap:14px}.wordmark span{font-size:13px;letter-spacing:2px;font-weight:400}.header nav{display:flex;align-items:center;gap:34px;font-size:15px}.header nav button{padding:12px 0}.header nav a{padding:12px 0}.header nav a:hover,.header nav button:hover{text-decoration:underline;text-underline-offset:6px}
.opening{height:185svh;min-height:1060px;view-timeline-name:--opening;view-timeline-axis:block;position:relative}.pinned{height:100svh;min-height:660px;max-height:1100px;position:sticky;top:0;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;left:7%;top:23%;width:49%;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:13px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:24px;font-weight:550}.hero-copy h1{font-size:clamp(70px,8.1vw,128px);font-weight:480;line-height:.95;letter-spacing:-.075em}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{font-weight:350;letter-spacing:-.065em}.intro{max-width:345px;font-size:19px;line-height:1.55;margin-top:30px}.research-link{display:inline-flex;align-items:center;gap:35px;font-size:16px;margin-top:24px;border-bottom:1px solid var(--ink);padding-bottom:8px}.research-link span{font-size:21px;transition:transform .25s}.research-link:hover span{transform:translate(4px,-3px)}
.installation{position:absolute;right:-1%;top:7%;width:58%;height:81%;z-index:1}.installation canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.installation canvas.dragging{cursor:grabbing}.canvas-fallback{position:absolute;inset:25%;font-size:18px}.art-controls{position:absolute;inset:auto 4.6% 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;font-size:13px;z-index:4}.gesture-note{margin-left:2.5vw}.range-group{display:flex;align-items:center;gap:16px}input[type=range]{width:130px;height:32px;accent-color:var(--ink);cursor:ew-resize;background:none}.reset{padding:10px 0;text-decoration:underline;text-underline-offset:4px}.motion{justify-self:end;padding:10px 0}.motion:hover{text-decoration:underline;text-underline-offset:4px}.unfold-copy{position:absolute;left:7%;top:16%;opacity:0;pointer-events:none}.unfold-copy p{font-size:16px;margin-bottom:15px}.unfold-copy h2{font-size:clamp(35px,4.2vw,68px);line-height:1.04;font-weight:450;letter-spacing:-.05em}.timeline-meter{position:absolute;width:1px;height:1px;pointer-events:none;opacity:0}
@supports(animation-timeline:view()){
 .timeline-meter{animation:progress linear both;animation-timeline:--opening;animation-range:contain 0% contain 100%}
 .hero-copy{animation:leave-copy linear both;animation-timeline:--opening;animation-range:contain 0% contain 80%}
 .unfold-copy{animation:enter-copy linear both;animation-timeline:--opening;animation-range:contain 18% contain 80%}
 .installation{animation:stage-open linear both;animation-timeline:--opening;animation-range:contain 0% contain 85%}
}
@keyframes progress{from{opacity:0}to{opacity:1}}
@keyframes leave-copy{0%,12%{opacity:1;transform:translateY(0)}70%,100%{opacity:0;transform:translateY(-70px)}}
@keyframes enter-copy{0%{opacity:0;transform:translateY(35px)}55%,100%{opacity:1;transform:translateY(0)}}
@keyframes stage-open{from{transform:translate(0,0) scale(1)}to{transform:translate(-32%,16%) scale(1.05)}}
.section{max-width:1400px;margin:0 auto;padding:110px 7%}.research{padding-top:90px}.section-heading{max-width:670px;margin-bottom:65px}.section-heading h2,.about h2{font-size:clamp(40px,5.1vw,74px);font-weight:450;letter-spacing:-.055em;line-height:1.02}.section-heading>p{max-width:420px;font-size:20px;line-height:1.5;margin-top:24px}.featured{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center}.project-visual{background:var(--blue);padding:32px 0 32px 32px;overflow:hidden;border-radius:4px;position:relative;display:block;text-align:left}.project-visual img{width:100%;height:370px;object-fit:cover;object-position:top left;transition:transform .65s cubic-bezier(.2,.7,.2,1);border-radius:3px 0 0 3px}.project-visual:hover img{transform:translate(-6px,-4px)}.visual-action{display:block;margin-top:18px;font-size:14px}.project-kind{font-size:15px;margin-bottom:16px}.project-copy h3{font-size:39px;font-weight:480;letter-spacing:-.045em;line-height:1.07}.project-copy>p:not(.project-kind){font-size:18px;line-height:1.55;margin-top:22px;max-width:340px}.text-link{display:inline-flex;gap:25px;border-bottom:1px solid var(--ink);padding:0 0 7px;font-size:16px;margin-top:25px}.text-link:hover span{transform:translate(3px,-2px)}.text-link span{transition:transform .2s}.research-bottom{display:grid;grid-template-columns:1fr .9fr;gap:110px;margin-top:95px}.earlier img{width:100%;height:210px;object-fit:cover;object-position:top;border:12px solid var(--mint);border-radius:4px}.earlier h3{font-size:24px;font-weight:550;margin-top:22px;letter-spacing:-.02em}.earlier p{font-size:17px;line-height:1.6;margin-top:10px}.question{align-self:center;padding:24px 0 24px 28px;border-left:4px solid var(--pink)}.question>p:first-child{font-size:14px;margin-bottom:22px}.question h3{font-size:35px;line-height:1.1;font-weight:450;letter-spacing:-.04em}.question>p:last-child{font-size:17px;line-height:1.55;margin-top:24px;max-width:320px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.about-content>p{font-size:22px;line-height:1.45;max-width:400px}.about dl{margin-top:40px}.about dl>div{margin-bottom:25px}.about dt{font-size:17px;font-weight:600}.about dd{margin:7px 0 0;font-size:16px;line-height:1.5;max-width:380px}.contact{padding-top:80px;padding-bottom:100px;background:var(--pink);max-width:none}.contact p{font-size:16px;margin-bottom:26px}.contact h2{font-size:clamp(42px,7.5vw,100px);line-height:1;letter-spacing:-.055em;font-weight:450}.contact>a{display:inline-flex;gap:30px;font-size:21px;margin-top:38px;border-bottom:1px solid var(--ink);padding-bottom:8px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 4.6%;font-size:13px}.footer>span:first-child{font-size:19px;font-weight:550}.footer a:hover{text-decoration:underline}dialog{width:min(680px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);padding:60px;background:var(--paper);color:var(--ink);border-radius:8px}dialog::backdrop{background:rgba(79,58,70,.35);backdrop-filter:blur(5px)}dialog h2{font-size:42px;font-weight:450;line-height:1.05;letter-spacing:-.035em;margin:30px 0}dialog h3{font-size:21px;margin:25px 0 8px}dialog p,dialog li{font-size:17px;line-height:1.6;margin-top:12px}dialog ul{padding-left:20px}.close{position:absolute;top:17px;right:24px;font-size:15px}.close span{font-size:23px;margin-left:15px}.note{border-top:1px solid var(--line);padding-top:20px;font-size:14px!important}.no-script{padding:24px}
@media(min-width:1600px){.hero-copy{left:max(7%,calc((100vw - 1376px)/2))}.installation{right:max(0%,calc((100vw - 1580px)/2));width:850px}.header{padding-inline:max(4.6%,calc((100vw - 1480px)/2))}}
@media(max-width:1100px){.hero-copy{left:5%;top:25%;width:51%}.hero-copy h1{font-size:8.3vw}.intro{font-size:18px;max-width:300px}.installation{right:-4%;width:60%}.featured{gap:35px}.project-copy h3{font-size:33px}.project-visual img{height:310px}.research-bottom{gap:55px}.about{gap:40px}.section{padding-inline:5%}}
@media(max-width:767px){html{scroll-padding-top:20px}.header{height:74px;padding-inline:6%}.wordmark{font-size:23px;gap:9px}.wordmark span{font-size:11px}.header nav{gap:18px;font-size:14px}.header nav button{display:none}.opening{height:auto;min-height:0}.pinned{position:relative;height:auto;min-height:100svh;max-height:none;padding-top:122px;padding-bottom:28px;overflow:hidden}.hero-copy{position:relative;inset:auto;width:auto;margin:0 7%;animation:none}.eyebrow{font-size:11px;margin-bottom:20px}.hero-copy h1{font-size:clamp(54px,11.8vw,87px);letter-spacing:-.065em;line-height:.97}.intro{font-size:17px;max-width:315px;margin-top:23px}.research-link{font-size:15px;margin-top:19px}.installation{position:relative;inset:auto;width:100%;height:430px;margin:-6px 0 -25px;animation:none}.art-controls{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:7px 15px;margin:0 7%;font-size:12px}.gesture-note{width:100%;margin:0}.range-group{gap:12px}.range-group input{width:110px}.motion{margin-left:auto}.unfold-copy{display:none}.timeline-meter{animation:none;opacity:0}.section{padding:65px 7%}.section-heading{margin-bottom:35px}.section-heading h2,.about h2{font-size:42px}.section-heading>p{font-size:18px;margin-top:19px}.featured{grid-template-columns:1fr;gap:30px}.project-visual{padding:22px 0 22px 22px}.project-visual img{height:260px}.project-copy h3{font-size:35px}.project-copy>p:not(.project-kind){font-size:17px;max-width:100%;margin-top:16px}.research-bottom{grid-template-columns:1fr;gap:55px;margin-top:55px}.earlier img{height:190px}.question{padding-left:22px}.question h3{font-size:32px}.about{grid-template-columns:1fr;gap:30px}.about-content>p{font-size:20px}.contact h2{font-size:52px}.contact p{font-size:14px;max-width:270px;line-height:1.5}.contact>a{font-size:18px;gap:15px}.footer{flex-wrap:wrap;gap:15px;padding:25px 7%}.footer>span:nth-child(2){order:3;width:100%;font-size:11px}.footer a{margin-left:auto}dialog{padding:45px 28px}dialog h2{font-size:33px}}
@media(max-width:380px){.header nav{gap:13px}.wordmark span{display:none}.installation{height:350px}.hero-copy h1{font-size:54px}.art-controls{gap:4px 10px}.range-group{gap:8px}.range-group input{width:84px}.motion{font-size:11px}.project-visual img{height:210px}}
input[type=range]{appearance:none;-webkit-appearance:none}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--ink);border-radius:0}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:0;border-radius:50%;background:var(--ink);margin-top:-6.5px}
input[type=range]::-moz-range-track{height:2px;background:var(--ink)}
input[type=range]::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--ink)}
@media(max-width:767px){.pinned{padding-top:108px}.installation{height:360px;margin-bottom:-15px}}
@media(max-width:380px){.installation{height:310px}}
html[data-paused=true]{scroll-behavior:auto}html[data-paused=true] .opening{height:auto;min-height:0}html[data-paused=true] .pinned{position:relative}html[data-paused=true] .hero-copy,html[data-paused=true] .installation,html[data-paused=true] .unfold-copy,html[data-paused=true] .timeline-meter{animation:none!important}html[data-paused=true] .unfold-copy{display:none}html[data-paused=true] .timeline-meter{opacity:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.opening{height:auto;min-height:0}.pinned{position:relative}.unfold-copy{display:none}.timeline-meter{opacity:0}}