@layer components{.research-section{border-top:1px solid var(--line);background:var(--paper);margin-block:45px 85px;position:relative}.research-stage{padding-block:12px 24px}[data-research-story][data-pinned=true] .research-stage{top:var(--research-top,82px);min-height:calc(100svh - var(--research-top,82px) - 18px);flex-direction:column;justify-content:center;display:flex;position:sticky}.research-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:26px;display:flex}.research-heading h2{font-size:clamp(34px,3vw,46px)}.research-heading .text-link{white-space:nowrap}.research-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.research-card{min-width:0}.mini-figure{background:#f2f0eb;border:1px solid #e1dfd9;border-radius:12px;transition:opacity .5s,transform .6s,border-color .4s;overflow:hidden}.research-ready .research-card:not(.is-active) .mini-figure{opacity:.32;transform:translateY(9px)}.research-card.is-current .mini-figure{border-color:#99000050}.mini-drawing{position:relative}.mini-drawing>[data-haptic-trigger]{pointer-events:none}.research-card.is-active .mini-drawing>[data-haptic-trigger]{pointer-events:auto}.research-card.is-active:not([data-demo=multimodal]) .mini-drawing>[data-haptic-trigger]{touch-action:none!important}.mini-canvas{touch-action:pan-y;width:100%;height:clamp(250px,34svh,320px);display:block}.mini-fallback{width:100%;height:100%;position:absolute;inset:0}.demo-ready .mini-fallback{display:none}.research-card.is-active[data-demo=foundation] canvas{cursor:crosshair;touch-action:none}.research-card.is-active[data-demo=dynamics] canvas{cursor:grab;touch-action:none}.research-card.is-active canvas.is-dragging{cursor:grabbing}.mini-canvas:focus-visible{outline-offset:-5px}.interaction-cue{color:#5c625e;pointer-events:none;opacity:0;background:#fff9;border:1px solid #d6d3cb;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:14px;transition:opacity .3s;display:flex;position:absolute;top:12px;right:12px}.demo-ready.is-active .interaction-cue{opacity:1}.atlas-source{z-index:2;color:#636961;background:#f2f0ebdf;border-radius:3px;align-items:center;gap:4px;padding:2px 4px;font-size:12px;display:flex;position:absolute;bottom:10px;right:12px}.atlas-source:hover{color:var(--cardinal)}.research-copy{padding-top:12px}.research-copy>h3{letter-spacing:-.025em;min-height:2.3em;margin:0 0 8px;font-size:clamp(24px,1.8vw,29px);line-height:1.15}.research-copy>h3 a:hover{color:var(--cardinal)}[data-research-story] .research-copy>h3:after{content:"";background:var(--cardinal);transform-origin:0;width:42px;height:2px;margin-top:13px;transition:transform .4s,opacity .4s;display:block;transform:scaleX(0)}.research-card.is-active .research-copy>h3:after{opacity:.3;transform:scaleX(1)}.research-card.is-current .research-copy>h3:after{opacity:1}.research-copy>p{color:var(--muted);font-size:18px;line-height:1.42}.research-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:28px;display:grid}.research-example{border-top:1px solid var(--line);min-width:0;padding-top:20px;display:block}.example-figure{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;height:200px;margin-bottom:16px;padding:14px;transition:border-color .2s;display:flex}.example-figure img{object-fit:contain;width:100%;height:100%}.example-figure>svg{width:100%;height:100%;overflow:hidden}.example-meta{color:var(--muted);font-size:15px;line-height:1.4}.research-example h3{align-items:center;gap:8px;margin:6px 0 10px;font-size:25px;font-weight:550;display:flex}.research-example>p{color:var(--muted);font-size:18px;line-height:1.45}.research-example:hover h3{color:var(--cardinal)}.research-example:hover .example-figure{border-color:#9005}.research-full{border:0;margin-top:0}.research-full .research-stage{padding-top:0}.research-full .research-grid{display:block}.research-full .research-card{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:34px 60px;padding-block:45px 70px;scroll-margin-top:100px;display:grid}.research-full .mini-canvas{height:300px}.research-full .research-copy{padding:0}.research-full .research-copy>h2{margin-bottom:18px;font-size:36px}.research-full .research-copy>p{font-size:21px;line-height:1.5}.research-full .research-copy .direction-detail{margin-top:20px;font-size:19px}.research-projects{grid-column:1/-1}.research-paper{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:26px 45px;padding-block:35px;scroll-margin-top:95px;display:grid}.research-paper h3{margin:8px 0 14px;font-size:31px}.research-paper h4{letter-spacing:-.015em;margin:0 0 12px;font-size:23px;font-weight:500;line-height:1.3}.research-paper-copy>p:not(.example-meta){color:var(--muted);margin-block:12px;font-size:18px;line-height:1.5}.research-paper .paper-links{margin-top:20px}.research-paper-figure{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:20px;display:flex}.research-paper-figure img{object-fit:contain;width:100%;height:auto;max-height:450px}.paper-abstract{color:var(--muted);grid-column:1/-1;font-size:19px;line-height:1.55}.paper-abstract summary{min-height:44px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;font-weight:550;list-style:none;display:flex}.paper-abstract[open] summary svg{transform:rotate(180deg)}.paper-abstract>p{max-width:1100px;margin-top:12px}.paper-abstract>a{color:var(--cardinal);align-items:center;gap:7px;margin-top:14px;font-size:16px;display:inline-flex}.related-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.related-projects>article{border-top:1px solid var(--line);padding-top:22px}.related-projects h3{margin:9px 0 12px;font-size:26px}.related-projects h3 a{align-items:center;gap:8px;display:inline-flex}.related-projects p:not(.example-meta){color:var(--muted);font-size:19px;line-height:1.5}.related-projects .text-link{margin-top:12px}}@layer responsive{@media (width<=1150px){.research-grid,.research-examples{gap:22px}.research-copy>h3{font-size:24px}}@media (width<=979px){.research-section{margin-block:35px 60px}.research-grid{grid-template-columns:1fr;gap:45px}.research-card{grid-template-columns:.85fr 1.15fr;align-items:start;gap:26px;display:grid}.research-copy{padding-top:0}.mini-canvas{height:280px}.research-copy>h3{min-height:0;font-size:29px}.research-full .research-card{gap:30px}}@media (width<=600px){.research-heading{margin-bottom:28px;display:block}.research-heading .text-link{margin-top:12px}.research-card{display:block}.research-copy{padding-top:20px}.research-copy>h3{font-size:30px}.research-copy>p{font-size:19px}.research-examples{grid-template-columns:1fr;gap:32px}.example-figure{height:230px}.research-full .research-card,.research-paper,.related-projects{display:block}.research-full .research-copy{margin-top:24px}.research-full .research-copy>h2{font-size:33px}.research-paper-figure{margin-top:24px;padding:12px}.paper-abstract{margin-top:22px}.related-projects>article{margin-top:28px}}@media (prefers-reduced-motion:reduce){.research-ready .research-card:not(.is-active) .mini-figure{opacity:1;transform:none}.mini-figure,.interaction-cue,.research-copy>h3:after{transition:none}}}