/* Complete representative artwork first; all sizes describe displayed content. */
.opening-copy .project-intro{font-size:17px;line-height:1.8}
.opening-copy .project-responsibility{margin-top:22px;font-size:14px;line-height:1.8}
.representative-note{font-size:14px;color:var(--muted);padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}
[data-tonight=true] .case-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
[data-tonight=true] .case-media-pair{align-items:start}
[data-project-id=patterns] .case-task-group{border-top:1px solid var(--line);padding-top:22px;margin-top:30px}
[data-project-id=patterns] .case-task-group h3{margin-bottom:18px}
[data-tonight=true] .case-figure figcaption{line-height:1.7}
.series-art{width:min(var(--source-width),246px);max-width:100%}
.series-observations{min-height:100%;padding-left:0}
.tea-phone-slot>img{height:100%;width:auto;max-width:none}
.tea-trial .observation-caption{margin-bottom:20px}
.tea-trial .tea-phone-trial{width:min(260px,100%)}
.observation-pair{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center}
.observation-study .observation-canvas{background:transparent}
@media(max-width:760px){
 [data-tonight=true] .case-media-grid,[data-tonight=true] .case-media-pair{grid-template-columns:1fr}
 .observation-pair{grid-template-columns:1fr}
 .observation-pair figure:first-child{max-width:360px;margin-inline:auto;width:100%}
 .representative-note{margin-top:15px;padding-top:15px}
}