/* Two venture stories lead a mixed collection. The paper, typography and
   Renaissance sculpture belong to the site; each project's imagery stays its own. */
.collection-page .collection-opening{min-height:500px;padding-bottom:32px}
.collection-page .collection-context{max-width:42ch;font-size:15px;line-height:1.75}
.collection-page .collection-object{width:107%;margin-left:0}
.collection-page .collection-toolbar{padding:24px 0 38px;align-items:center;gap:28px}
.collection-page .category-filters{gap:12px 28px;flex-wrap:wrap}
.collection-page .category-filters button{font-size:13px;white-space:nowrap}
.collection-page .work-gallery{column-gap:5%;row-gap:82px;align-items:start}
.collection-page .gallery-project{background:transparent;border:0;box-shadow:none}
.collection-page .work-image{border:0;border-radius:3px;aspect-ratio:1.5;background:transparent}
.collection-page .work-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.collection-page .work-copy>p{font-size:16px;line-height:1.7;color:#536172;max-width:53ch;margin:0 0 24px}
.collection-page .work-identity{padding:22px 0 16px;gap:16px;min-height:0;align-items:start}
.collection-page .work-identity>span{font-size:11px;line-height:1.5}
.collection-page .work-identity>span:first-child{color:#536172}
.collection-page .work-identity>span:last-child{flex-shrink:0;color:#68717b}
.collection-page .gallery-project h2{font-size:clamp(35px,3.4vw,51px);line-height:1.06;letter-spacing:-.035em;margin:0 0 17px;text-wrap:pretty}
.collection-page .work-bottom{padding-top:19px;gap:15px;align-items:center}
.collection-page .work-bottom>span{max-width:60%;font-size:11px;line-height:1.7}
.collection-page .work-detail-link{font-size:12px;gap:20px}
.collection-page .project-feature{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:7%;align-items:center;padding:16px 0 66px;border-bottom:1px solid #a4ada73b}
.collection-page .project-feature+.project-feature{padding-top:0;padding-bottom:74px;margin-top:-10px;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr)}
.collection-page .deedl-work.project-feature .feature-showcase{grid-column:1;grid-row:1}
.collection-page .deedl-work.project-feature .work-copy{grid-column:2;grid-row:1}
.collection-page .project-feature h2{font-size:clamp(55px,6.1vw,89px);margin-bottom:22px}
.collection-page .project-feature .work-identity{padding:0 0 23px;display:block}
.collection-page .project-feature .work-identity>span{display:block;font-size:12px;text-align:left}
.collection-page .project-feature .work-identity>span:last-child{margin-top:8px}
.collection-page .project-feature .work-copy>p{font-size:17px;line-height:1.8;max-width:39ch;margin-bottom:28px}
.collection-page .project-feature .work-bottom{align-items:start;flex-direction:column;gap:13px;border:0;padding:0}
.collection-page .project-feature .work-bottom>span{max-width:100%;font-size:12px}
.collection-page .project-feature .work-detail-link{font-size:14px;padding:14px 0 10px;border-bottom:1px solid #8291a4;gap:32px;width:fit-content}
.collection-page .project-feature .work-detail-link:hover{text-decoration:none;border-color:#244497;color:#244497}
.feature-showcase{min-width:0;position:relative}
.feature-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.35;overflow:hidden;text-decoration:none;border-radius:4px;background:transparent;position:relative}
.feature-image img{display:block;object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%}
.feature-image[data-view-type=website]{padding:0;background:transparent}
.feature-image[data-view-type=website] img{height:auto;box-shadow:0 13px 24px -20px #17253660;border:1px solid #1725360b;border-radius:3px}
.feature-image[data-view-type=mobile] img{height:100%;width:auto;max-width:100%;box-shadow:none}
.feature-image:focus-visible{outline:2px solid #244497;outline-offset:7px}
.feature-controls{display:flex;justify-content:center;gap:clamp(18px,2.5vw,34px);margin-top:20px;position:relative;flex-wrap:wrap}
.feature-controls button{font:400 12px/1.4 var(--font-text);color:#68717b;padding:10px 0;min-height:44px;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;cursor:pointer}
.feature-controls button[aria-pressed=true]{color:#18202a;border-color:#244497}
.feature-controls button:hover{color:#244497}
.feature-controls button:focus-visible{outline:2px solid #244497;outline-offset:5px}
.feature-preview-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Wide creative work interrupts the application rhythm with space for the image. */
.collection-page .project-panorama{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.72fr);align-items:center;gap:7%;padding:20px 0}
.collection-page .project-panorama .work-image{aspect-ratio:1.45}
.collection-page .project-panorama .work-identity{padding-top:0;display:block}
.collection-page .project-panorama .work-identity>span{display:block;text-align:left}
.collection-page .project-panorama .work-identity>span:last-child{margin-top:7px}
.collection-page .project-panorama .work-bottom{align-items:start;flex-direction:column;gap:10px}
.collection-page .project-panorama .work-bottom>span{max-width:none}
.collection-page .architecture-work.project-panorama{grid-template-columns:minmax(0,.72fr) minmax(0,1.42fr)}
.collection-page .architecture-work.project-panorama .work-image{grid-column:2;grid-row:1}
.collection-page .architecture-work.project-panorama .work-copy{grid-column:1;grid-row:1}
/* Filtering keeps the selected work compact rather than preserving empty spans. */
.collection-page .work-gallery:not([data-filter=all]){row-gap:65px}
.collection-page .work-gallery:not([data-filter=all]) .project-panorama{grid-column:auto;display:flex;gap:0;padding:0}
.collection-page .work-gallery:not([data-filter=all]) .project-panorama .work-image{aspect-ratio:1.5}
.collection-page .work-gallery:not([data-filter=all]) .project-panorama .work-identity{padding-top:22px}
.collection-page .work-gallery:not([data-filter=all]) .project-panorama .work-identity>span{display:inline}
.collection-page .work-gallery:not([data-filter=all]) .project-panorama .work-identity>span:last-child{margin:0 0 0 15px}
.collection-page .further-work{margin-top:88px;padding-top:45px;border-top:1px solid #a4ada73b}
.collection-page .further-work>header{margin-bottom:27px}
.collection-page .further-work h2{font-size:clamp(38px,4vw,57px)}
.collection-page .further-work .work-row{border-bottom:1px solid #aab5bf44;border-top:0;padding-top:15px}
.collection-page .collection-closing{background:transparent;padding-top:74px;padding-bottom:74px}
.collection-page .collection-closing h2{font-size:clamp(56px,6.6vw,92px)}
.collection-page .collection-closing p{max-width:46ch;font-size:16px}
.collection-page .collection-closing .text-link{font-size:13px}
.collection-page .gallery-project[hidden],.collection-page .work-gallery[hidden]{display:none}
@media(min-width:1700px){.collection-page .collection-opening{min-height:570px}.collection-page .project-feature{gap:9%}}
@media(max-width:1100px){
 .collection-page .collection-toolbar{align-items:flex-start;flex-direction:column;gap:12px}
 .collection-page .work-gallery{row-gap:65px;column-gap:5%}
 .collection-page .project-feature{gap:5%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding-bottom:48px}
 .collection-page .project-feature+.project-feature{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding-bottom:48px}
 .collection-page .project-feature .work-copy>p{font-size:15px;line-height:1.75}
 .collection-page .project-panorama{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5%}
 .collection-page .architecture-work.project-panorama{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .collection-page .work-identity{display:block}.collection-page .work-identity>span{display:block;text-align:left}.collection-page .work-identity>span:last-child{margin-top:7px}
 .collection-page .work-bottom{flex-direction:column;align-items:start}.collection-page .work-bottom>span{max-width:none}
}
@media(max-width:800px){
 .collection-page .collection-opening{padding-bottom:20px;min-height:0}
 .collection-page .collection-object{width:90%;margin:18px auto 0;max-width:420px}
 .collection-page .collection-context{font-size:14px}
 .collection-page .collection-toolbar{padding-top:22px;padding-bottom:33px;gap:12px}
 .collection-page .category-filters{gap:3px 23px}
 .collection-page .category-filters button{font-size:12px;min-height:44px;padding:12px 0}
 .collection-page .work-gallery{row-gap:53px;grid-template-columns:minmax(0,1fr)}
 .collection-page .gallery-project h2{font-size:40px}
 .collection-page .work-copy>p{font-size:15px;line-height:1.75;margin-bottom:21px}
 .collection-page .work-identity{padding-top:19px;padding-bottom:15px;display:flex;gap:14px}
 .collection-page .work-identity>span:last-child{margin-top:0;text-align:right}
 .collection-page .work-bottom{flex-direction:row;align-items:center;gap:20px}
 .collection-page .work-bottom>span{max-width:56%}
 .collection-page .project-feature,.collection-page .project-feature+.project-feature{display:flex;flex-direction:column;gap:30px;padding:0 0 38px;margin-top:0}
 .collection-page .project-feature .work-copy{width:100%}
 .collection-page .project-feature h2{font-size:64px;margin-bottom:18px}
 .collection-page .project-feature .work-identity{display:flex;padding-bottom:17px;align-items:start}
 .collection-page .project-feature .work-identity>span{font-size:11px}
 .collection-page .project-feature .work-identity>span:last-child{margin-top:0;text-align:right}
 .collection-page .project-feature .work-copy>p{font-size:16px;max-width:45ch;margin-bottom:18px}
 .collection-page .project-feature .work-bottom{flex-direction:row;align-items:center;gap:22px}
 .collection-page .project-feature .work-bottom>span{font-size:11px;max-width:53%}
 .collection-page .project-feature .work-detail-link{font-size:12px;gap:16px;padding:10px 0;flex-shrink:0}
 .collection-page .project-feature .feature-showcase{width:100%}
 .feature-image{aspect-ratio:1.35}
 .feature-controls{margin-top:11px;gap:28px}
 .feature-controls button{font-size:12px}
 .collection-page .project-panorama,.collection-page .architecture-work.project-panorama{display:flex;gap:0;padding:0;grid-column:1}
 .collection-page .project-panorama .work-copy{width:100%}
 .collection-page .project-panorama .work-image{aspect-ratio:1.4;width:100%}
 .collection-page .project-panorama .work-identity{padding-top:19px;display:flex}
 .collection-page .project-panorama .work-identity>span:last-child{margin-top:0;text-align:right}
 .collection-page .project-panorama .work-bottom{flex-direction:row;align-items:center;gap:20px}
 .collection-page .project-panorama .work-bottom>span{max-width:56%}
 .collection-page .further-work{margin-top:62px;padding-top:32px}
 .collection-page .collection-closing{padding-top:48px;padding-bottom:54px}
 .collection-page .collection-closing h2{font-size:63px}
 .collection-page .collection-closing p{font-size:15px}
}
@media(max-width:380px){
 .collection-page .project-feature .work-bottom,.collection-page .work-bottom,.collection-page .project-panorama .work-bottom{flex-direction:column;align-items:start;gap:10px}
 .collection-page .work-bottom>span,.collection-page .project-feature .work-bottom>span,.collection-page .project-panorama .work-bottom>span{max-width:none}
 .collection-page .work-identity,.collection-page .project-feature .work-identity{display:block}
 .collection-page .work-identity>span:last-child,.collection-page .project-feature .work-identity>span:last-child{margin-top:6px;text-align:left}
 .collection-page .gallery-project h2{font-size:36px}.collection-page .project-feature h2{font-size:58px}
}

/* A small chapter index gives the full collection an explicit reading order. */
.collection-page .collection-chapter{grid-column:1/-1;display:flex;align-items:baseline;gap:20px;border-top:1px solid #a4ada75c;padding-top:24px;margin:6px 0 -35px;color:#263443}
.collection-page .collection-chapter:first-child{border-top:0;padding-top:0;margin-top:0}
.collection-chapter>span{font-size:11px;color:#697481;font-variant-numeric:tabular-nums}
.collection-chapter>p{font:400 18px/1.5 var(--font-text);margin:0}
.collection-page .work-gallery:not([data-filter=all]) .collection-chapter{display:none}
.collection-page .aios-work .work-image{aspect-ratio:1.44}
@media(max-width:800px){.collection-page .collection-chapter{margin-bottom:-20px;padding-top:20px;gap:15px}.collection-chapter>p{font-size:16px}}