.hero__scena{--surface:var(--paper);--head:var(--ink);--accent-l:var(--accent);--line-l:var(--line);--muted-l:var(--muted)}.stage{z-index:2;aspect-ratio:5/4;width:100%;max-height:78vh;position:relative}.stage__canvas{position:absolute;inset:0}.stage__pins{pointer-events:none;z-index:5;position:absolute;inset:0}.stage__pins>*{pointer-events:auto}.stage__hint{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:.7rem;display:flex;position:absolute;bottom:-40px;right:0}.stage__hint span{background:var(--line);width:26px;height:1px}.pin{pointer-events:auto;will-change:transform;transition:opacity .18s;position:absolute;top:0;left:0}.pin__dot{color:#151515;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:38px;height:38px;font:600 14px/1 Montserrat,sans-serif;transition:background .16s,color .16s,transform .16s;display:grid;position:relative;box-shadow:0 6px 18px #090c2861}.pin__dot:hover,.pin.is-open .pin__dot{background:var(--accent-l);color:#fff;transform:scale(1.06)}.pin__dot:focus-visible{outline-offset:3px;outline:3px solid #fff}.pin__badge{background:var(--accent-l);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 2px #fff}.pin__badge svg{width:11px;height:11px}.card{background:var(--surface);width:230px;color:var(--text);opacity:0;visibility:hidden;pointer-events:none;z-index:700;border-radius:14px;padding:13px;transition:opacity .16s,visibility .16s;position:absolute;top:0;left:0;box-shadow:0 22px 48px #090c2857,0 2px 6px #090c2824}.card.is-open{opacity:1;visibility:visible;pointer-events:auto}.card__thumb{background:var(--line-l);border-radius:8px;height:104px}.card__title{color:var(--head);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:11px 0 6px;font-size:.86rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card__link{color:var(--accent-l);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:inline-flex}.card__link svg{width:13px;height:13px}.card__rows{gap:4px;margin:9px 0 0;font-size:.78rem;display:grid}.card__rows>div{justify-content:space-between;gap:10px;display:flex}.card__rows dt{color:var(--muted-l);margin:0}.card__rows dd{color:var(--head);margin:0;font-weight:600}.card__actions{border-top:1px solid var(--line-l);gap:6px;margin-top:11px;padding-top:9px;display:flex}.card__actions button{color:#4a4a55;cursor:pointer;background:#f4f4f7;border:0;border-radius:8px;flex:1;place-items:center;height:32px;display:grid}.card__actions button:hover{color:var(--accent-l);background:#e8eaff}.card__actions svg{width:16px;height:16px}.stage{aspect-ratio:4/3;order:-1;max-height:50vh}.card{width:232px}