/* Static architectural renders, scoped to the existing service deliverables. */
.format-grid{align-items:start}
.format-grid .architecture-format{min-width:0;border:0}
.format-grid .architecture-summary{padding:29px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:330px;cursor:pointer;list-style:none}
.architecture-summary::-webkit-details-marker{display:none}
.architecture-summary .index>span{transition:transform .2s}
.architecture-format[open] .architecture-summary .index>span{transform:rotate(45deg)}
.architecture-summary:hover{border-color:var(--ink)}
.architecture-renders{margin-top:42px;width:calc(300% + 40px);margin-left:calc(-100% - 20px)}
.architecture-render-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.architecture-render-main{grid-column:1/-1}
.architecture-render .image-button{border-radius:3px}
.architecture-render img{width:100%;height:auto;aspect-ratio:5/3;object-fit:contain}
.architecture-render figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:14px;font-size:10px;line-height:1.6;color:var(--muted)}
.architecture-render figcaption>span:first-child{flex-shrink:0}
.architecture-renders .architecture-renders-note{margin:24px 0 0;font-size:10px;line-height:1.7;color:var(--muted)}
@media(max-width:1050px){.format-grid .architecture-summary{padding:22px}}
@media(max-width:760px){
 .format-grid .architecture-summary{padding:25px;min-height:0}
 .architecture-renders{margin-top:26px;width:100%;margin-left:0}
 .architecture-render-grid{grid-template-columns:1fr;gap:26px}
 .architecture-render figcaption{gap:12px;font-size:9px}
 .architecture-renders .architecture-renders-note{font-size:9px;margin-top:20px}
}