.brand-logo{background:#fff;padding:6px 9px;border-radius:2px}
.brand-logo img{display:block;width:150px;height:auto}
.realisation{max-width:var(--max);margin:auto;padding:9rem 4vw;background:var(--paper);color:var(--ink)}
.realisation .section-index{color:#6d7074}
.project-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}
.project-layout figure{margin:0;overflow:hidden;background:#d9d9d5}
.project-layout img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.project-layout figure:hover img{transform:scale(1.025)}
.project-main{height:760px;position:relative}
.project-main figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.6rem;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;display:flex;justify-content:space-between;align-items:flex-end}
.project-main figcaption span{font:.65rem "Space Mono";text-transform:uppercase;color:#ccc}
.project-main figcaption strong{font-size:1rem}
.project-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:1rem}
.project-stack figure{min-height:520px}
.panorama-open{grid-column:1/-1;border:0;background:var(--ink);color:#fff;padding:1.2rem 1.4rem;min-height:108px;display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;align-items:center;text-align:left;cursor:pointer}
.panorama-open:hover{background:var(--red)}
.view-icon{width:62px;height:62px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font:700 .75rem "Space Mono"}
.panorama-open strong{display:block;font-size:1rem}
.panorama-open span:not(.view-icon){color:#aaa;font-size:.8rem}
.panorama-dialog{width:calc(100vw - 3rem);height:calc(100vh - 3rem);max-width:none;max-height:none;padding:0;border:1px solid #555;background:#111;color:#fff}
.panorama-dialog::backdrop{background:rgba(0,0,0,.9)}
#panorama{width:100%;height:100%}
.panorama-close{position:absolute;right:1rem;top:1rem;z-index:20;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#111;font-size:1.8rem;cursor:pointer}
.panorama-dialog>p{position:absolute;left:1rem;bottom:.5rem;z-index:10;margin:0;padding:.5rem .8rem;background:#111b;font:.65rem "Space Mono"}
.pnlm-container{font-family:Archivo,Arial,sans-serif}
.contact-copy address{margin-top:1.5rem;font-style:normal;line-height:1.7}.contact-copy address a{border-bottom:1px solid rgba(255,255,255,.55)}.company-number{font:400 .72rem "Space Mono";color:rgba(255,255,255,.72);margin-top:1.2rem}footer p span{font-size:.78rem;color:#666}
@media(max-width:900px){.project-layout{grid-template-columns:1fr}.project-main{height:620px}.project-stack figure{min-height:400px}.realisation{padding:7rem 4vw}}
@media(max-width:600px){.brand-logo{padding:4px 6px}.brand-logo img{width:112px}.realisation{padding:6rem 20px}.project-main{height:520px}.project-stack{grid-template-columns:1fr;grid-template-rows:360px 360px auto}.project-stack figure{min-height:0}.panorama-open{grid-column:1}.project-main figcaption{display:block}.project-main figcaption strong{display:block;margin-top:.3rem}.panorama-dialog{width:100vw;height:100vh}}