.ofSec{background:var(--bg-primary);padding:40px 0 120px}
.ofInner{max-width:1440px;margin:0 auto;padding:0 48px}
.ofH2{font-family:'Urbanist',sans-serif;font-size:56px;font-weight:700;line-height:1.05;letter-spacing:-0.025em;color:var(--text-primary);margin:0}
.ofLead{font-family:'Inter',sans-serif;font-size:19px;line-height:1.6;color:var(--text-secondary);margin:28px 0 0;max-width:620px}
.ofGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:64px}
.ofImg{aspect-ratio:274/358;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#1a2c66,#3A6CE3)}
.ofImg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.ofCard:hover .ofImg img{transform:scale(1.04)}
.ofCity{font-family:'Urbanist',sans-serif;font-size:30px;font-weight:600;letter-spacing:-0.01em;color:var(--text-primary);margin:44px 0 14px}
.ofAddr{font-family:'Inter',sans-serif;font-style:normal;font-size:15.5px;line-height:1.6;color:var(--text-secondary)}
@media (max-width:1100px){.ofGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.ofH2{font-size:44px}}
@media (max-width:640px){
  .ofSec{padding:24px 0 80px}.ofInner{padding:0 20px}
  .ofH2{font-size:34px}.ofLead{font-size:17px;margin-top:18px}
  .ofGrid{grid-template-columns:1fr;gap:36px;margin-top:36px}
  .ofImg{border-radius:18px;aspect-ratio:16/11}.ofCity{font-size:24px;margin:18px 0 8px}.ofAddr{font-size:15px}
}