.of-section{overflow:hidden}.of-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.of-card{height:380px;color:inherit;cursor:pointer;border:1px solid #ffffff0f;border-radius:18px;text-decoration:none;transition:all .4s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.of-card:hover{border-color:rgba(var(--neon-rgb),.25);box-shadow:0 20px 60px #0006,0 0 30px rgba(var(--neon-rgb),.06);transform:translateY(-3px)}.of-card-bg{object-fit:cover;z-index:0;transition:transform .7s cubic-bezier(.22,1,.36,1)}.of-card:hover .of-card-bg{transform:scale(1.08)}.of-card-overlay{z-index:1;background:linear-gradient(#0a0f1a26 0%,#0a0f1a4d 30%,#0a0f1ab3 60%,#0a0f1aeb 100%);transition:background .4s;position:absolute;inset:0}.of-card:hover .of-card-overlay{background:linear-gradient(#0a0f1a33 0%,#0a0f1a59 30%,#0a0f1abf 60%,#0a0f1af2 100%)}.of-card-content{z-index:2;flex-direction:column;justify-content:space-between;padding:20px 22px;display:flex;position:absolute;inset:0}.of-card-top{display:flex}.of-badge{border:1px solid rgba(var(--neon-rgb),.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;color:var(--neon);background:#0a0f1ab3;border-radius:20px;align-items:center;gap:7px;width:fit-content;padding:5px 12px;font-size:.6rem;font-weight:700;display:inline-flex}.of-badge-dot{background:var(--neon);opacity:.7;width:6px;height:6px;box-shadow:0 0 8px rgba(var(--neon-rgb),.5);border-radius:50%}.of-card-bottom{flex-direction:column;gap:12px;display:flex}.of-city{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px #00000080;font-size:1.8rem;font-weight:800}.of-info{flex-direction:column;gap:8px;display:flex}.of-row{color:#dce6f0a6;align-items:center;gap:8px;font-size:.76rem;transition:color .3s;display:flex}.of-row svg{color:var(--neon-light);opacity:.6;flex-shrink:0}.of-card:hover .of-row{color:#dce6f0d9}.of-card:hover .of-row svg{opacity:.85}.of-map-link{color:var(--neon);opacity:0;align-items:center;gap:7px;margin-top:6px;font-size:.72rem;font-weight:600;transition:opacity .35s .1s,transform .35s .1s;display:flex;transform:translateY(6px)}.of-map-link svg{flex-shrink:0}.of-card:hover .of-map-link{opacity:.85;transform:translateY(0)}.of-embedded{padding:40px 0 0}.of-embedded-head{text-align:center;margin-bottom:48px}@media (max-width:900px){.of-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.of-card{height:340px}}