.project-detail.case-study{--case-width:1440px;--case-gutter:clamp(20px, 4vw, 64px);--case-gap:clamp(24px, 3vw, 48px);--case-prose:68ch;--case-section-space:clamp(56px, 6vw, 88px);--case-detail-space:40px;width:min(var(--case-width), calc(100% - 2 * var(--case-gutter)));max-width:none;margin-inline:auto;padding-block:32px 80px;font-size:17px;line-height:29px}.case-study .case-context{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;font-size:13px;line-height:22px;display:flex}.case-study :is(.case-context a,.case-return,.desk-page-nav a){text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.case-study a:hover{color:var(--accent)}.case-study .case-hero-layout{align-items:center;gap:var(--case-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-block:40px 64px;display:grid}.case-study .project-heading{width:100%;min-width:0;margin:0}.case-study .project-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(40px,5vw,76px);line-height:1.1}.case-study .desk-subtitle{letter-spacing:-.025em;text-wrap:balance;margin-top:24px;font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.35}.case-study .case-project-meta{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding:0;font-size:13px;line-height:22px;list-style:none;display:flex}.case-study :is(.desk-visual,.desk-context,.desk-contributions,.desk-overview-video,.case-study-overview,.desk-page-nav,.workspace-motions){width:100%;min-width:0;max-width:none;margin-inline:0}.case-study .desk-visual{margin-block:0}.case-study :is(.desk-hero-image,.workspace-workflow-image){object-fit:contain;width:100%;height:auto;display:block}.case-study figcaption{color:var(--muted);margin-top:16px;font-size:13px;line-height:22px}.case-study :is(.desk-context,.desk-contributions){margin-top:var(--case-section-space)}.case-study .case-study-overview{align-items:start;gap:var(--case-gap);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.case-study .case-study-overview>section{min-width:0}.case-study :is(.section-heading,.case-study-overview h2){border-top:1px solid var(--line);align-items:baseline;gap:16px;margin:0 0 28px;padding-top:20px;display:flex}.case-study .section-title{align-items:baseline;gap:16px}.case-study :is(.section-heading h2,.case-study-overview h2){letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.2}.case-study .context-copy{width:100%;max-width:var(--case-prose);min-width:0}.case-study :is(.context-copy p,.case-study-overview-copy p,.contribution-grid section>p:last-child){max-width:var(--case-prose);color:var(--muted);font-size:17px;line-height:29px}.case-study :is(.context-copy p+p,.case-study-overview-copy p+p){margin-top:20px}.case-study .case-study-details table{border-collapse:collapse;width:100%;font-size:15px;line-height:24px}.case-study .case-study-details :is(th,td){border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px 0}.case-study .case-study-details th{width:30%;padding-right:24px;font-weight:600}.case-study .case-study-details td{color:var(--muted)}.case-study:not(.archive-project) .case-study-details th{overflow-wrap:normal}@media (width<=480px){.case-study:not(.archive-project) .case-study-details :is(table,tbody){display:block}.case-study:not(.archive-project) .case-study-details tr{grid-template-columns:minmax(0,1fr);display:grid}.case-study:not(.archive-project) .case-study-details th{border-bottom:0;width:auto;padding:12px 0 4px}.case-study:not(.archive-project) .case-study-details td{min-width:0;padding:0 0 12px}}.case-study .desk-page-nav{border-block:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px 32px;margin-top:32px;padding-block:16px;display:flex}.case-study .desk-page-nav>p{color:var(--muted);font-size:13px;line-height:22px}.case-study .desk-page-nav ul{flex-wrap:wrap;gap:4px 24px;margin:0;padding:0;list-style:none;display:flex}.case-study .desk-page-nav a{font-size:14px;line-height:22px}.case-study :is(h2,h3,.related-patent){scroll-margin-top:24px}.case-study :is(.case-video-layout,.case-illustrated-row){align-items:center;gap:var(--case-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:40px;display:grid}.case-study .case-video-layout h2{letter-spacing:-.025em;margin:0 0 16px;font-size:26px;line-height:1.3}.case-study .desk-overview-video{margin:0}.case-study .desk-overview-video .video-player{aspect-ratio:16/9;height:auto}.case-study .context-copy.case-evolution-copy{align-items:start;gap:var(--case-gap);grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;display:grid}.case-study .case-evolution-group{min-width:0}.case-study .case-evolution-group p+p{margin-top:20px}.case-study .product-evolution-visual{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;width:100%;margin-top:32px;padding:16px;display:grid}.case-study .evolution-icon-definitions{width:0;height:0;position:absolute;overflow:hidden}.case-study .evolution-item{grid-template-rows:subgrid;grid-row:span 5;min-width:0;display:grid}.case-study .evolution-label{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:0 0 16px;font-size:12px;line-height:20px}.case-study .evolution-panel{grid-template-rows:subgrid;border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:10px;grid-row:span 4;min-width:0;padding:16px 12px 12px;display:grid}.case-study .evolution-workspace{width:100%;height:auto;margin-bottom:24px;display:block}.case-study .evolution-panel h3{letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.3}.case-study .evolution-description{color:var(--muted);text-wrap:pretty;margin:0 0 24px;font-size:15px;line-height:24px}.case-study .evolution-input-methods{border:1px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:10px;min-width:0;min-height:76px;padding:10px;display:flex}.case-study .evolution-input-icons{flex:0 0 60px;width:60px;height:auto;display:block}.case-study .evolution-input-icons--hand{flex-basis:96px;width:96px}.case-study .evolution-input-copy{border-left:1px solid var(--line);min-width:0;padding-left:10px}.case-study .evolution-input-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:12px;line-height:18px}.case-study .evolution-input-value{color:var(--ink);text-transform:uppercase;margin:0;font-size:14px;font-weight:600;line-height:20px}.case-study .evolution-hand-label{color:var(--accent);display:block}.case-study .evolution-workspace{max-height:280px}.case-study .contribution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;display:grid}.case-study .contribution-grid>section{grid-template-rows:subgrid;grid-row:span 4;min-width:0;display:grid}.case-study .contribution-media{min-width:0;margin:0 0 24px}.case-study :is(.contribution-credit,.workspace-group-credit){color:var(--muted);text-align:center;margin:24px 0 0;font-size:12px;font-style:italic;font-weight:400;line-height:18px}.case-study .contribution-image{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;max-height:280px;margin:0;display:block}.case-study .contribution-grid h3{letter-spacing:-.025em;text-wrap:balance;margin:8px 0 16px;font-size:24px;font-weight:600;line-height:1.3}.case-study :is(.contribution-grid a,.context-copy a,.patent-publications a){color:var(--accent);text-underline-offset:4px;text-decoration:underline}.case-study :is(.desk-feature,.context-interaction){margin-top:var(--case-detail-space)}.case-study .desk-feature+.desk-feature{margin-top:var(--case-section-space);border-top:1px solid var(--line);padding-top:32px}.case-study :is(.desk-feature>.context-copy,.case-workspace-copy>.context-copy)>.section-number{color:var(--accent);font:500 12px / 20px var(--mono);margin-bottom:12px}.case-study .context-copy h3{letter-spacing:-.025em;margin:0 0 20px;font-size:28px;font-weight:600;line-height:1.3}.case-study .context-copy h4{letter-spacing:-.02em;margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.3}.case-study .case-workspace-intro{align-items:start;margin-top:0}.case-study .case-workspace-copy{min-width:0}.case-study .case-workspace-copy>.context-interaction{margin-top:24px}.case-study .workspace-motions{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.case-study .workspace-motions>figure{border-top:1px solid var(--line);flex-direction:column;min-width:0;margin:0;padding:20px 0 0;display:flex}.case-study .workspace-motions>figure>header{flex:1}.case-study .workspace-motions svg[role=img]{width:100%;max-width:none;height:auto;margin:0;display:block}.case-study .workspace-motion-disclosure{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px;line-height:22px}.case-study .case-outcome-layout{align-items:start;gap:var(--case-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px;display:grid}.case-study .case-outcome-layout>.context-interaction{margin-top:0}.case-study .case-hand-layout{gap:32px var(--case-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:32px;display:grid}.case-study .case-hand-layout>.context-interaction{grid-column:1;margin:0}.case-study .desk-feature .case-hand-layout>.direct-touch{grid-area:1/2/span 3;align-self:start;width:100%;min-width:0;margin:0;padding:0}.case-study .desk-feature .case-hand-layout>.direct-touch h5{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-study .case-hand-layout .direct-touch direct-touch-motion{margin-top:0}.case-study .case-hand-layout .direct-touch svg[role=img]{width:100%;max-width:420px;height:auto;margin-inline:auto}.case-study .related-patent{column-gap:var(--case-gap);border:1px solid var(--line);border-radius:4px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;margin-top:32px;padding:24px;display:grid}.case-study .related-patent>:not(.patent-publications){grid-column:1}.case-study .related-patent h4{margin:0;font-size:20px;line-height:1.3}.case-study .related-patent:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.case-study .patent-title{margin-top:12px;font-size:17px;line-height:28px}.case-study .patent-attribution{color:var(--muted);margin-top:8px;font-size:14px;line-height:23px}.case-study .patent-publications{flex-wrap:wrap;grid-area:1/2/span 3;align-self:center;gap:16px 24px;margin:0;padding:0;list-style:none;display:flex}.case-study .patent-publications li{gap:4px;display:grid}.case-study .patent-status{color:var(--muted);font-size:12px;line-height:20px}.case-study .patent-publications a{overflow-wrap:anywhere;gap:8px;font-size:14px;line-height:24px;display:inline-flex}.case-study .desk-reflection{align-items:start;gap:var(--case-gap);border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding-top:24px;display:grid}.case-study .desk-reflection>.section-heading{border:0;margin:0;padding:0}.case-study .context-copy.case-reflection-copy{max-width:var(--case-prose);display:block}.case-study .case-reflection-copy p+p{margin-top:20px}.case-study .case-return{color:var(--muted);margin-top:56px;font-size:14px;line-height:22px}@media (width>=641px) and (width<=1023px){.case-study .contribution-grid>section{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:24px;display:grid}.case-study .contribution-media{grid-area:1/1/-1;margin:0}.case-study .contribution-grid>section>:not(.contribution-media){grid-column:2}.case-study .workspace-motions>figure{grid-template-columns:minmax(0,3fr) minmax(0,4fr);align-items:center;gap:0 24px;display:grid}.case-study .workspace-motions>figure>header{min-width:0}.case-study .workspace-motions>figure>:is(workspace-define-motion,workspace-resize-motion,workspace-height-motion){min-width:0;margin-top:0}}@media (width<=1023px){.project-detail.case-study{--case-section-space:56px;--case-detail-space:32px}.case-study .case-hero-layout{grid-template-columns:1fr;gap:32px;margin-block:32px 48px}.case-study .case-hero-layout .desk-hero{width:100%}.case-study :is(.case-study-overview,.case-video-layout,.case-illustrated-row,.case-outcome-layout,.case-hand-layout,.desk-reflection){grid-template-columns:1fr}.case-study .desk-feature .case-hand-layout>.direct-touch{grid-area:auto;align-self:auto}.case-study .case-hand-layout>.context-interaction{grid-column:auto}.case-study .contribution-grid{grid-template-columns:1fr;gap:32px}.case-study .contribution-grid>section{grid-row:auto}.case-study .contribution-grid>section+section{border-top:1px solid var(--line);padding-top:32px}.case-study .workspace-motions{grid-template-columns:1fr;gap:32px}.case-study .context-copy.case-evolution-copy{grid-template-columns:1fr}.case-study .related-patent{display:block}.case-study .patent-publications{margin-top:20px}}@media (width<=640px){.project-detail.case-study{--case-section-space:48px;padding-top:20px;padding-bottom:56px}.case-study .desk-subtitle{font-size:24px}.case-study :is(.section-heading h2,.case-study-overview h2){font-size:28px}.case-study .product-evolution-visual{grid-template-columns:1fr;gap:24px;padding:16px}.case-study .evolution-item{grid-row:auto;display:block}.case-study .evolution-panel{flex-direction:column;display:flex}.case-study .evolution-input-methods{margin-top:auto}.case-study .contribution-grid>section{display:block}.case-study .contribution-media{margin-bottom:20px}.case-study .contribution-image{width:100%;max-height:240px}.case-study .related-patent{padding:20px}}.case-study>*{min-width:0}.case-study .project-back{align-items:center;gap:8px;min-height:44px;display:inline-flex}.case-study .case-hero-media{width:100%;min-width:0;margin:0}.case-study .case-hero-media img{width:100%;height:auto;display:block}.case-study .figure-caption{width:100%;max-width:none;color:var(--muted);text-align:center;margin:16px 0 0;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.case-study .figure-caption-description{text-wrap:balance;display:block}.case-study .figure-caption-credit{margin-top:4px;font-size:12px;font-style:italic;line-height:18px;display:block}.case-study .figure-caption-credit:only-child{margin-top:0}.case-study .case-hero-layout>:is(figure,section){min-width:0}.case-study .case-prose{min-width:0;max-width:var(--case-prose)}.case-study .case-prose :is(p,ul),.case-study .case-study-overview-copy>:is(p,ul){color:var(--muted);font-size:17px;line-height:29px}.case-study .case-prose p+p{margin-top:20px}.case-study :is(.case-prose,.case-study-overview-copy) a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.case-study .case-prose ul{margin-block:20px;padding-left:24px}.case-study .case-prose li+li{margin-top:8px}.case-study :is(.context-copy,.case-prose) h4{letter-spacing:-.02em;margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.3}.case-study .case-reading-row{align-items:start;gap:var(--case-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.case-study .case-reading-row:has(>:is(h3,h4)){grid-template-columns:minmax(0,1fr);gap:16px}.case-study .case-reading-row>.section-heading{border:0;margin:0;padding:0}.case-study .case-reading-row:has(>.section-heading){border-top:1px solid var(--line);padding-top:24px}.case-study :is(h2,h3,h4){overflow-wrap:break-word}@media (width<=1023px){.case-study .case-reading-row{grid-template-columns:minmax(0,1fr);gap:24px}}.penghu-case-study .penghu-section{width:100%;margin-top:var(--case-section-space)}.penghu-case-study .penghu-section>p{max-width:var(--case-prose);color:var(--muted)}.penghu-case-study .penghu-section>p+p{margin-top:20px}.penghu-case-study .penghu-section h3{letter-spacing:-.025em;margin:32px 0 20px;font-size:28px;font-weight:600;line-height:1.3}.penghu-case-study .penghu-exhibit{align-items:start;margin-top:40px}.penghu-case-study .penghu-exhibit+.penghu-exhibit{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.penghu-case-study .penghu-exhibit h3{margin-top:0}.penghu-case-study .penghu-exhibit-heading{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.penghu-case-study .penghu-demo-link{min-height:44px;color:var(--muted);font:400 13px / 22px var(--mono);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.penghu-case-study .penghu-demo-link:hover{color:var(--accent)}.penghu-case-study :is(.penghu-map-demo,.penghu-fishing-demo,.penghu-farming-demo){width:100%;min-width:0;height:auto;margin:0;display:block}.penghu-case-study .penghu-map-figure,.penghu-case-study .penghu-video{width:100%;min-width:0;margin:0}.penghu-case-study .penghu-video .video-player{aspect-ratio:16/9;height:auto}.penghu-case-study .penghu-decision-row{margin-top:32px}.penghu-case-study .penghu-decision-row h4{margin:0;font-size:20px;font-weight:600;line-height:1.3}.penghu-case-study .seasonal-transition-flow{width:100%;margin:32px auto 0}.affective-agent-case-study .project-heading h1{font-size:clamp(32px,3.4vw,52px)}.affective-agent-case-study>section{width:100%;margin-top:var(--case-section-space)}.affective-agent-case-study>section>h2{border-top:1px solid var(--line);letter-spacing:-.035em;text-wrap:balance;align-items:baseline;gap:16px;margin:0 0 28px;padding-top:20px;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.2;display:flex}.affective-agent-case-study>.case-reading-row{border-top:1px solid var(--line);padding-top:24px}.affective-agent-case-study>.case-reading-row>h2{border:0;margin:0;padding:0}.affective-agent-case-study>section>:is(p,ul){max-width:var(--case-prose);color:var(--muted)}.affective-agent-case-study>section>p+p{margin-top:20px}.affective-agent-case-study .thesis-mechanism{margin-top:32px}.affective-agent-case-study .thesis-mechanism h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:1.3}.affective-agent-case-study strong{color:var(--ink);font-weight:600}.affective-agent-case-study .thesis-references{margin-top:var(--case-section-space);border:1px solid var(--line);border-radius:4px;padding:24px}.affective-agent-case-study .thesis-references h2{letter-spacing:-.025em;margin:0 0 24px;font-size:28px;font-weight:600;line-height:1.25}.affective-agent-case-study .thesis-reference{min-width:0;scroll-margin-top:24px}.affective-agent-case-study .thesis-reference+.thesis-reference{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.affective-agent-case-study .thesis-reference h3{color:var(--muted);font:500 12px / 20px var(--mono);text-transform:uppercase;margin:0 0 8px}.affective-agent-case-study .reference-citation{max-width:90ch;color:var(--ink);margin:0;font-size:15px;line-height:24px}.affective-agent-case-study .thesis-reference a{min-height:44px;color:var(--accent);text-underline-offset:4px;align-items:center;gap:8px;margin-top:4px;font-size:14px;line-height:22px;text-decoration:underline;display:inline-flex}@media (width<=640px){.affective-agent-case-study .thesis-references{padding:20px}.affective-agent-case-study .thesis-references h2{font-size:24px}}.archive-project .project-heading h1{font-size:clamp(32px,3.4vw,52px)}.archive-project .archive-hero{width:100%;min-width:0;margin:0}.archive-project .archive-media:empty{display:none}.archive-project .archive-media{margin-top:40px}.archive-project :is(.archive-media--paired,.archive-demo-gallery,.archive-inline-media){align-items:start;gap:var(--case-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.archive-project :is(.archive-demo-gallery,.archive-inline-media){margin-top:40px}.archive-project .archive-photo{width:100%;margin:0}.archive-project .archive-documentary-photo{min-width:0;margin:0}.archive-project .archive-documentary-photo--portrait{width:min(100%, 520px, calc(65svh * var(--photo-aspect)));margin-inline:auto}.archive-project .archive-documentary-photo img{width:100%;height:auto;display:block}.archive-project .archive-demo-video{width:100%;min-width:0;height:auto;margin:0;display:block}.archive-project .archive-media:not(.archive-media--paired)>.archive-demo-video{width:min(100%,640px,115.556svh);margin-inline:auto}.archive-project .archive-demo-gallery .archive-demo-video{width:min(100%,400px,30.875svh);margin-inline:auto}.archive-project .archive-exhibit{margin-top:var(--case-section-space);align-items:start}.archive-project .archive-exhibit+.archive-exhibit{border-top:1px solid var(--line);padding-top:32px}.archive-project .archive-exhibit h3{letter-spacing:-.025em;margin:0 0 20px;font-size:28px;font-weight:600;line-height:1.3}.archive-project .archive-exhibit-heading{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.archive-project .archive-demo-link{min-height:44px;color:var(--muted);font:400 13px / 22px var(--mono);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.archive-project .archive-inline-media{gap:24px;margin:0}.archive-project .archive-inline-media>:is(figure,looping-video){width:min(100%,320px,36.5625svh);min-width:0;margin:0 auto}.archive-project .archive-documentary-photo figcaption{margin-top:16px}@media (width<=1023px){.archive-project :is(.archive-media--paired,.archive-demo-gallery){grid-template-columns:minmax(0,1fr);gap:32px}}@media (width<=640px){.archive-project .archive-inline-media{grid-template-columns:minmax(0,1fr)}}