.pc-heading,.pc-footer{max-width:1600px;margin:auto;padding:38px 28px}.pc-heading h1{font-size:clamp(32px,4vw,66px);margin:20px 0 0}.pc-heading>a{color:#c9a86b;font-size:13px}.project-collage{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:0 28px}.project-collage>.pc-card{grid-column:span 2;margin:0;min-width:0;position:relative;border-radius:2px;overflow:hidden;background:#26231d}.project-collage>.pc-image:nth-of-type(7n+1){grid-column:span 4}.pc-image{min-height:280px;aspect-ratio:1.35}.pc-image>a{display:block;height:100%;position:relative;color:#f3f0e9}.pc-image img{width:100%;height:100%;object-fit:cover;display:block}.pc-image .mc-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}.pc-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 20px;background:linear-gradient(transparent,rgba(19,17,14,0.902));font-size:18px;line-height:1.4;pointer-events:none;z-index:9}.pc-type{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;color:#c9a86b;filter:drop-shadow(0 2px 3px #000);pointer-events:none}.pc-type svg{width:100%;height:100%}.pc-image:has(.mc-card) .pc-type{display:none}.pc-text{--pc-color:#322e26;padding:clamp(24px,3vw,44px);background-color:var(--pc-color)!important;display:flex;flex-direction:column;justify-content:center;color:#ece6d8}.pc-text h2{font-size:clamp(23px,2.5vw,34px);line-height:1.15;margin:0 0 18px}.pc-text p{font-size:16px;line-height:1.75;margin:0 0 14px;white-space:pre-line;overflow-wrap:anywhere}.pc-text[data-texture=linen]{background-image:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#0000000b 0 1px,transparent 1px 4px)}.pc-text[data-texture=denim]{background-image:repeating-linear-gradient(125deg,#ffffff06 0 1px,transparent 1px 4px),repeating-linear-gradient(35deg,#00000010 0 1px,transparent 1px 5px)}.pc-text[data-texture=stitch]:after{content:'';position:absolute;inset:10px;border:1px dashed rgba(201,168,107,0.18);border-radius:2px;pointer-events:none}.pc-card-tools{display:none;gap:8px;position:absolute;right:12px;top:12px;z-index:15}.cms-editing .pc-card-tools{display:flex}.pc-card-tools button,.pc-editor button{padding:8px 12px;background:#29261f;color:#e2c894;border:1px solid #8b806b;border-radius:2px}.pc-editor{width:min(720px,calc(100vw - 28px));max-height:90dvh;background:#25221b;color:#f3f0e9;border:1px solid #c9a86b;border-radius:2px;padding:28px}.pc-editor::backdrop{background:#000b}.pc-editor label{display:block;margin:16px 0}.pc-editor input,.pc-editor textarea,.pc-editor select{display:block;width:100%;padding:12px;background:#1a1712;color:#f3f0e9;border:1px solid #807560}.pc-editor input[type=color]{height:44px}.pc-editor footer{display:flex;gap:12px}.pc-footer{padding-top:45px;padding-bottom:60px}
@media(max-width:1000px){.project-collage{grid-template-columns:repeat(4,minmax(0,1fr))}.project-collage>.pc-image:nth-of-type(7n+1){grid-column:span 2}}
@media(max-width:600px){.project-collage{display:flex;flex-direction:column;padding:0 14px;gap:12px}.pc-image{min-height:0;aspect-ratio:1.2}.pc-heading,.pc-footer{padding:26px 16px}.pc-text{min-height:240px}}

.project-collage>.pc-card[hidden]{display:none!important}

@media(min-width:601px){.project-collage>.pc-image{aspect-ratio:auto;min-height:clamp(300px,26vw,430px)}}

.project-collage .cms-project-gallery{display:contents!important}.project-collage .cms-project-gallery>figure{grid-column:span 2;margin:0;position:relative;min-height:clamp(300px,26vw,430px);overflow:hidden;border-radius:2px}.project-collage .cms-project-gallery>figure>.mc-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}.project-collage .cms-project-gallery>h2{display:none}.project-collage .cms-project-gallery>.cms-gallery-controls,.project-collage .cms-project-gallery>.gallery-layout-controls{grid-column:1/-1}.project-collage .cms-project-gallery>figure>.cms-gallery-controls{position:absolute;bottom:10px;left:10px;z-index:12}

/* Flexible rows fill the available width without reordering the story. */
.project-collage{display:flex;flex-wrap:wrap;align-items:stretch}
.project-collage>.pc-card,.project-collage .cms-project-gallery>figure{flex:1 1 calc((100% - 28px)/3);box-sizing:border-box;min-width:0;grid-row:auto!important;grid-column:auto!important}
.project-collage>.pc-image:nth-of-type(7n+1){flex-basis:calc((100% - 7px)*2/3)}
.project-collage>.pc-image,.project-collage .cms-project-gallery>figure{min-height:clamp(300px,26vw,430px);aspect-ratio:auto}
.project-collage .cms-project-gallery>.cms-gallery-controls,.project-collage .gallery-layout-bar{flex:1 0 100%;box-sizing:border-box}
@media(max-width:1000px){.project-collage>.pc-card,.project-collage>.pc-image:nth-of-type(7n+1),.project-collage .cms-project-gallery>figure{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:600px){.project-collage{flex-direction:row}.project-collage>.pc-card,.project-collage>.pc-image:nth-of-type(7n+1),.project-collage .cms-project-gallery>figure{flex-basis:100%;width:100%}.project-collage>.pc-image,.project-collage .cms-project-gallery>figure{min-height:0;aspect-ratio:1.2}.project-collage>.pc-text{min-height:240px}}
.pc-type{width:clamp(84px,8vw,132px);height:clamp(84px,8vw,132px)}

/* Short title cards get a quiet architectural illustration. */
.pc-copy-icon{width:clamp(100px,10vw,155px);height:clamp(106px,10.6vw,164px);margin:0 0 24px;color:#c9a86b;opacity:.8;pointer-events:none;flex-shrink:0}
.pc-copy-icon svg{display:block;width:100%;height:100%}
.pc-short-copy{align-items:flex-start}
.pc-short-copy h2,.pc-short-copy p{max-width:100%}
@media(max-width:600px){.pc-copy-icon{width:100px;height:106px;margin-bottom:18px}}

.pc-layout-picker{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.pc-layout-picker select{background:#25221b;color:#e2c894;border:1px solid #8b806b;border-radius:2px;padding:9px;font:inherit}
@media(min-width:1001px){
.project-collage[data-layout=grid]>.pc-card,.project-collage[data-layout=grid]>.pc-image:nth-of-type(7n+1),.project-collage[data-layout=grid] .cms-project-gallery>figure{flex-basis:calc((100% - 28px)/3)}
}
@media(min-width:601px){
.project-collage[data-layout=pairs]>.pc-card,.project-collage[data-layout=pairs]>.pc-image:nth-of-type(7n+1),.project-collage[data-layout=pairs] .cms-project-gallery>figure{flex-basis:calc((100% - 14px)/2)}
.project-collage[data-layout=cinema]>.pc-card,.project-collage[data-layout=cinema]>.pc-image:nth-of-type(7n+1),.project-collage[data-layout=cinema] .cms-project-gallery>figure{flex-basis:100%}
.project-collage[data-layout=cinema]>.pc-image,.project-collage[data-layout=cinema] .cms-project-gallery>figure{min-height:clamp(350px,45vw,650px)}
}

.pc-arrange-tools{display:none;position:absolute;left:12px;top:12px;z-index:25;gap:6px}
.cms-editing .pc-arrange-tools{display:flex}.pc-arrange-tools button{width:38px;height:38px;background:rgba(39,35,27,0.91);border:1px solid #c9a86b;border-radius:2px;color:#e2c894;font-size:22px}
.pc-arrange-tools button[draggable]{cursor:grab;touch-action:none}
.pc-dragging{opacity:.45}.pc-drop{outline:3px solid #c9a86b;outline-offset:-3px}
.project-collage .cms-project-gallery>figure>.cms-gallery-controls{display:none!important}
.pc-preview .cms-toolbar>*{display:none!important}.pc-preview .cms-toolbar>button{display:inline-block!important}
.pc-preview .cms-toolbar>button:not(:last-of-type){display:none!important}
.pc-preview .pc-card-tools,.pc-preview .pc-arrange-tools{display:none!important}
.pc-workspace-dialog input[type=radio],.pc-workspace-dialog input[type=checkbox]{display:inline-block;width:auto}

.pc-preview .cms-toolbar>button{display:none!important}.pc-preview .cms-toolbar>.pc-preview-toggle{display:inline-block!important}

@media(min-width:1001px){.project-collage[data-layout=bento]>.pc-card{flex-basis:calc((100% - 42px)/4)}.project-collage[data-layout=bento]>.pc-image:nth-of-type(5n+1){flex-basis:calc((100% - 14px)/2)}.project-collage[data-layout=bento]>.pc-text{justify-content:center;min-height:260px}.project-collage[data-layout=bento]>.pc-image{min-height:320px}}

.cms-editing .pc-card.pc-selected,.cms-editing .cms-project-gallery>figure.pc-selected{outline:2px solid #c9a86b;outline-offset:-2px}
.pc-arrange-tools .pc-select{appearance:auto;width:22px;height:22px;margin:8px 3px;accent-color:#c9a86b;cursor:pointer}
.pc-insert-marker{position:fixed;z-index:9999;background:#c9a86b;box-shadow:0 0 0 3px rgba(24,22,17,0.69),0 0 16px rgba(201,168,107,0.467);border-radius:2px;pointer-events:auto}
.pc-insert-marker[hidden]{display:none}
.pc-insert-marker>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;background:#c9a86b;color:#211e17;border-radius:2px;padding:7px 12px;font:600 13px/1.4 Arial}
.pc-insert-marker.is-vertical>span{top:30px}
.pc-preview .pc-selected{outline:none!important}

.pc-insert-marker,.pc-insert-marker>span{pointer-events:none}

/* Four times the hit area, with a stable size on every card. */
.pc-arrange-tools{align-items:center;gap:10px}
.pc-arrange-tools .pc-select{width:44px!important;height:44px!important;min-width:44px;margin:0;flex:none}
.pc-arrange-tools button[draggable]{width:76px!important;height:76px!important;min-width:76px;font-size:40px;flex:none}
.project-collage[data-width=full]{max-width:none;width:100%;box-sizing:border-box;padding-left:14px;padding-right:14px}
@media(min-width:601px){
.project-collage[data-layout=bento]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);align-items:stretch;gap:14px}
.project-collage[data-layout=bento]>.pc-card,.project-collage[data-layout=bento] .cms-project-gallery>figure{grid-column:var(--bento-column,auto)!important;grid-row:var(--bento-row,auto)!important;min-height:180px!important;aspect-ratio:auto!important;height:auto!important}
.project-collage[data-layout=bento] .pc-text{padding:26px;overflow-wrap:anywhere}
.project-collage[data-layout=bento] .pc-image>a{position:absolute;inset:0}
}
@media(min-width:601px) and (max-width:1000px){.project-collage[data-layout=bento]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(220px,auto)}}