/* Showroom page: extends assets/site.css, same tokens */
.sr-info{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0 0 30px;font-size:16px}
.sr-info dt{color:var(--mute)}
.sr-info dd{margin:0}
.sr-info a{color:var(--blue)}
.sr-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sr-gal button{all:unset;cursor:zoom-in;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--panel)}
.sr-gal button:focus-visible{outline:2px solid var(--blue-soft);outline-offset:2px}
.sr-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.sr-gal button:hover img{transform:scale(1.04)}
.sr-gal .wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.sr-box{position:fixed;inset:0;z-index:100;background:rgba(5,14,30,.92);display:grid;place-items:center;padding:56px 72px}
.sr-box[hidden]{display:none}
.sr-box figure{margin:0;max-width:1400px;width:100%;display:grid;gap:12px}
.sr-box img{max-width:100%;max-height:calc(100vh - 150px);margin:0 auto;display:block}
.sr-box figcaption{color:rgba(255,255,255,.8);font-size:15px;text-align:center}
.sr-box button{position:absolute;background:none;border:0;color:#fff;font:400 34px/1 var(--display);cursor:pointer;padding:12px}
.sr-x{top:12px;right:16px}
.sr-p{left:12px;top:50%;transform:translateY(-50%)}
.sr-n{right:12px;top:50%;transform:translateY(-50%)}
.sr-acad{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
.sr-topics{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14)}
.sr-topics.n3{grid-template-columns:1fr}
.sr-topics li{background:var(--blue);padding:20px 22px}
.sr-topics b{display:block;font:500 18px/1.3 var(--display);color:#fff;margin-bottom:6px}
.sr-topics span{font-size:14px;color:rgba(255,255,255,.7)}
.sr-aimg{display:grid;gap:12px}
.sr-aimg img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.sr-note{font-size:15px;color:rgba(255,255,255,.75);margin-bottom:28px}
.sr-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:56px;align-items:start}
.sr-metro{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.sr-metro li{display:flex;align-items:center;gap:12px;font-size:16px}
.sr-metro i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font:600 13px/26px var(--display);text-align:center;font-style:normal}
.sr-metro small{color:var(--mute);font-size:14px;margin-left:auto;white-space:nowrap}
.sr-route h3{font:500 13px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}
.sr-route p{margin-bottom:24px}
.sr-map{position:relative;height:440px;background:var(--panel);border:1px solid var(--line)}
.sr-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sr-facade{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;margin-top:16px}
.sr-facade img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.sr-facade p{color:var(--mute);font-size:15px;margin:0}
@media (max-width:1100px){
  .sr-acad,.sr-route{grid-template-columns:1fr;gap:32px}
  .sr-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .sr-topics{grid-template-columns:1fr}
  .sr-gal .wide{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}
  .sr-box{padding:56px 8px}
  .sr-map{height:340px}
  .sr-facade{grid-template-columns:120px 1fr}
  .sr-info{font-size:15px}
}