.case-head{padding:5rem var(--pad-x) 0}.case{max-width:46em;margin:0 auto;padding:clamp(2rem,6vh,4rem) var(--pad-x)}.case-back{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);opacity:.8;transition:opacity .25s}.case-back:hover{opacity:1}.case-eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:2.2rem 0 .8rem}.case h1{font-family:var(--font-serif-en);font-weight:300;font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:.04em;margin:0 0 1rem;line-height:1.12}.case-snap{display:grid;gap:.6rem;margin:2.2rem 0 3.2rem;padding:1.7rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-snap div{display:flex;gap:1.3rem;font-size:.98rem;line-height:1.85}.case-snap b{flex:none;width:8.5em;font-weight:400;color:var(--muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding-top:.4rem}.case-hero{font-family:var(--font-serif-en);font-weight:300;font-size:clamp(1.4rem,2.6vw,2.05rem);line-height:1.65;margin:0 0 2.5rem}.case-section{margin:3.4rem 0}.case-section h2{font-family:var(--font-serif-en);font-weight:300;font-size:1.55rem;letter-spacing:.02em;margin:0 0 1.1rem}.case-section p{color:var(--ink);line-height:2;margin:0 0 1.1rem}.case-section ul{padding:0;margin:0;list-style:none}.case-section ul li{position:relative;padding:.45rem 0 .45rem 1.7rem;border-top:1px solid var(--line);color:var(--ink);line-height:1.85}.case-section ul li:last-child{border-bottom:1px solid var(--line)}.case-section ul li:before{content:"";position:absolute;left:0;top:1.18rem;width:1.15rem;height:1px;background:var(--accent)}.case-blocks{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem 3rem;margin-top:.5rem}.case-blocks h3{font-family:var(--font-serif-en);font-weight:400;font-size:1.06rem;margin:0 0 .4rem}.case-blocks p{color:var(--muted);font-size:.98rem;line-height:1.85;margin:0}.case-quote{font-style:italic;font-family:var(--font-serif-en);color:var(--muted);font-size:1.12rem;line-height:1.85;margin:0}.case-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.case-tags span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line);padding:.35rem .85rem;color:var(--muted)}.case-nav{margin:4rem 0 0;border-top:1px solid var(--line);padding-top:2.2rem;display:flex;justify-content:space-between;gap:1rem}.case-nav a{font-family:var(--font-serif-en);font-weight:300;font-size:1.12rem;line-height:1.4;opacity:.72;transition:opacity .25s;max-width:20em}.case-nav a:hover{opacity:1}.case-nav .case-nav-label{display:block;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.works-index{max-width:68em;margin:0 auto;padding:0 var(--pad-x) clamp(4rem,10vh,7rem)}.wi-intro{max-width:40em;margin:0 0 3rem}.wi-group{margin-top:clamp(3rem,7vh,5rem)}.wi-group-head{max-width:38em;margin-bottom:1.5rem}.wi-group-head p:last-child{margin:0;color:var(--muted);font-size:var(--fs-body);line-height:1.85}.wi-project-list{border-top:1px solid var(--line)}.wi-project{display:grid;grid-template-columns:minmax(14rem,.72fr) 1fr;gap:clamp(1.4rem,4vw,3rem);align-items:center;padding:clamp(2rem,5vw,3.6rem) 0;border-bottom:1px solid var(--line);text-decoration:none}.wi-project figure{margin:0;aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--paper) 68%,white 32%)}.wi-project img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s ease,filter .45s ease}.wi-project:hover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.02)}.wi-project-copy{max-width:42em}.wi-row{display:block;padding:2.2rem 0;border-top:1px solid var(--line);transition:opacity .2s}.wi-row:last-child{border-bottom:1px solid var(--line)}.wi-row:hover{opacity:.7}.wi-row-tool h3{font-style:italic}.wi-num{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.wi-row h3{font-family:var(--font-serif-en);font-weight:300;font-size:clamp(1.6rem,3.4vw,2.4rem);letter-spacing:.02em;margin:.6rem 0 .5rem}.wi-row p{color:var(--muted);max-width:42em;line-height:1.9;margin:0}.ws-method{max-width:56em;margin:0 auto;padding:clamp(3rem,8vh,5rem) var(--pad-x);border-top:1px solid var(--line)}.ws-method .method-steps{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;margin-top:1.6rem;font-family:var(--font-serif-en);font-weight:300;font-size:1.05rem}.ws-method .method-steps .step{letter-spacing:.06em}.ws-method .method-steps .arrow{color:var(--accent)}.case-hero p{margin:0 0 1.1rem}.case-hero p:last-child{margin-bottom:0}.wi-question{display:block;color:var(--muted);font-size:.9rem;margin-top:.35rem}.wi-field{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.wi-experiments{padding:clamp(2.2rem,6vw,4rem) 0 0;border-top:1px solid var(--line)}.wi-experiments h2,.experiment-section h2{font-family:var(--font-serif-en);font-weight:300;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:.2rem 0 1rem}.wi-experiment-grid,.experiment-token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.wi-experiment-grid span,.wi-experiment-grid a,.experiment-token-grid span{min-height:4.8rem;padding:.85rem;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem;line-height:1.55;text-decoration:none}.wi-experiment-grid a{color:var(--ink)}.wi-experiment-grid small{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.45rem}.wi-experiment-link{display:inline-block;margin-top:1.6rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-decoration:none}.experiments-page .v2-page-head{padding-bottom:clamp(2rem,6vh,4rem)}.experiments-archive{max-width:58em;margin:0 auto;padding:0 var(--pad-x) clamp(4rem,10vh,7rem)}.experiment-section{padding:clamp(2.2rem,5vw,3.4rem) 0;border-top:1px solid var(--line)}.experiment-section p,.experiment-section li{max-width:42em;color:var(--muted);line-height:1.9}.experiment-section ul{list-style:none;padding:0;margin:1.2rem 0 0}.experiment-section li{padding:.55rem 0;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.experiment-link-list{display:grid;gap:0;border-top:1px solid var(--line)}.experiment-link-list a{display:grid;grid-template-columns:minmax(12rem,.4fr) 1fr;gap:1.2rem;padding:1.2rem 0;border-bottom:1px solid var(--line);text-decoration:none}.experiment-link-list span{color:var(--muted)}.case-figures{display:grid;gap:1.4rem;margin-top:.5rem}.case-figures figure{margin:0}.case-figures img{width:100%;height:auto;border:1px solid var(--line)}@media(min-width:700px){.case-figures.many{grid-template-columns:1fr 1fr}}@media(max-width:600px){.case{padding-inline:1rem}.case h1{font-size:clamp(2rem,13vw,3.4rem)}.case-hero{font-size:clamp(1.25rem,7vw,1.7rem)}.case-blocks{grid-template-columns:1fr}.case-snap div{flex-direction:column;gap:.2rem}.case-snap b{width:auto}.works-index,.ws-method{padding-inline:1rem}.wi-project{grid-template-columns:1fr}.wi-project figure{aspect-ratio:16 / 10}.wi-row{padding:1.6rem 0}.wi-row h3{font-size:clamp(1.55rem,9vw,2.25rem);line-height:1.08;overflow-wrap:break-word}.ws-method .method-steps{gap:.8rem}.ws-method .method-steps .arrow{display:none}.wi-experiment-grid,.experiment-token-grid,.experiment-link-list a{grid-template-columns:1fr}.wi-experiment-grid span,.wi-experiment-grid a,.experiment-token-grid span{min-height:0}}
