.architecture-portrait{width:75%;aspect-ratio:3/4;border-radius:2rem;overflow:hidden}.architecture-portrait img{opacity:.85}.architecture-action{padding-bottom:2rem}.architecture-work-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:3rem}.architecture-label{color:var(--base-350);margin-bottom:0}.architecture-work-head .prop-client{display:flex;align-items:center;gap:1rem}.architecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:2rem;gap:2rem}.architecture-grid .space{cursor:pointer}.architecture-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--base-500);pointer-events:none;transition:opacity .3s ease;opacity:0;z-index:1200}.architecture-preview-overlay.active{pointer-events:auto;opacity:1}.architecture-expanded{position:fixed;z-index:1210;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--base-500);border-radius:2rem;overflow:hidden;cursor:pointer}.architecture.spaces .architecture-grid .space{margin-bottom:0}.architecture.spaces .space .space-img{aspect-ratio:16/9}@media (max-width:1000px){.architecture-portrait{width:100%}.architecture-work-head{align-items:flex-start;flex-direction:column;gap:1rem}.architecture-grid{grid-template-columns:1fr}}