/* Firm Mark — крупные карточки входа в 3D-демо (27.10.2026). Вся карточка — ссылка. */
.fm-demo3d-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.fm-demo3d-grid.one{grid-template-columns:minmax(0,1fr)}
#fm-wireframe a.fm-demo3d{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:#0b1620;border-radius:4px;text-decoration:none!important;box-shadow:0 18px 40px -24px rgba(8,30,44,.55);transition:box-shadow .35s ease,transform .35s ease}
#fm-wireframe a.fm-demo3d:hover{transform:translateY(-4px);box-shadow:0 26px 50px -22px rgba(10,143,163,.55)}
#fm-wireframe .fm-demo3d img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
#fm-wireframe .fm-demo3d:hover img{transform:scale(1.06)}
#fm-wireframe .fm-demo3d:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,22,0) 40%,rgba(6,14,22,.88) 100%);pointer-events:none}
#fm-wireframe .fm-demo3d .fm-demo3d-badge{position:absolute;z-index:2;top:16px;left:16px;padding:8px 12px;border-radius:3px;font:700 13px/1 Roboto,Arial,sans-serif;letter-spacing:.14em;background:#0a8fa3;animation:fm-demo3d-pulse 2.4s ease-in-out infinite}
#fm-wireframe .fm-demo3d .fm-demo3d-cap{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
#fm-wireframe .fm-demo3d .fm-demo3d-title{font:500 24px/1.15 Oswald,'Arial Narrow',sans-serif;letter-spacing:.04em;text-transform:uppercase}
#fm-wireframe .fm-demo3d .fm-demo3d-btn{flex:none;padding:13px 20px;border-radius:3px;font:600 15px/1 Roboto,Arial,sans-serif;background:#fff;transition:background .25s ease}
#fm-wireframe .fm-demo3d:hover .fm-demo3d-btn{background:#0a8fa3}
/* цвет текста поверх правил темы (там color и -webkit-text-fill-color с !important) */
#fm-wireframe.fm-architecture .fm-demo3d .fm-demo3d-badge,#fm-wireframe .fm-demo3d .fm-demo3d-badge,
#fm-wireframe.fm-architecture .fm-demo3d .fm-demo3d-title,#fm-wireframe .fm-demo3d .fm-demo3d-title,
#fm-wireframe.fm-architecture .fm-demo3d:hover .fm-demo3d-btn,#fm-wireframe .fm-demo3d:hover .fm-demo3d-btn{color:#fff!important;-webkit-text-fill-color:#fff!important}
#fm-wireframe.fm-architecture .fm-demo3d .fm-demo3d-btn,#fm-wireframe .fm-demo3d .fm-demo3d-btn{color:#0b1620!important;-webkit-text-fill-color:#0b1620!important}
@keyframes fm-demo3d-pulse{0%,100%{box-shadow:0 0 0 0 rgba(10,143,163,.6)}50%{box-shadow:0 0 0 10px rgba(10,143,163,0)}}
@media (max-width:750px){
  .fm-demo3d-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  #fm-wireframe .fm-demo3d .fm-demo3d-cap{left:16px;right:16px;bottom:14px;flex-direction:column;align-items:flex-start;gap:10px}
  #fm-wireframe .fm-demo3d .fm-demo3d-title{font-size:19px}
  #fm-wireframe .fm-demo3d .fm-demo3d-btn{padding:10px 14px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){#fm-wireframe .fm-demo3d .fm-demo3d-badge{animation:none}#fm-wireframe .fm-demo3d img,#fm-wireframe a.fm-demo3d{transition:none}}