.op-hero{background:linear-gradient(135deg,#2a96a5,#1e7a87);color:#fff;padding:3.5rem 1.5rem 2.5rem}
  .op-hero__inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
  .op-hero__logo{background:#fff;border-radius:1rem;padding:1rem 1.5rem;display:flex;align-items:center;min-height:96px}
  .op-hero__logo img{max-height:64px;width:auto}
  .op-hero__crumbs{font-size:.875rem;color:hsla(0,0%,100%,.85);margin-bottom:.75rem}
  .op-hero__crumbs a{color:#fff;opacity:.85}
  .op-hero h1{font-family:"Playfair Display",serif;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.2;margin-bottom:.5rem}
  .op-hero__site a{color:#fff;text-decoration:underline;opacity:.9;font-size:.9375rem}
  .op-body{max-width:1000px;margin:0 auto;padding:3rem 1.5rem 1rem;color:#1a1d2e;line-height:1.75}
  .op-body a{color:#2a96a5}
  .op-others{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem}
  .op-others h2{font-family:"Playfair Display",serif;font-size:1.5rem;margin-bottom:1.5rem;color:#1a1d2e}
  .op-others__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
  @media(max-width:900px){.op-others__grid{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:560px){.op-others__grid{grid-template-columns:repeat(2,1fr)}}
  .op-others__i{display:flex;align-items:center;justify-content:center;padding:1rem;border:1px solid #e5e5e9;border-radius:.75rem;background:#fff;transition:all .3s;min-height:80px}
  .op-others__i:hover{border-color:rgba(42,150,165,.5);box-shadow:0 4px 12px rgba(0,0,0,.08)}
  .op-others__i img{max-height:44px;max-width:100%;width:auto}

.op-narrow{max-width:1000px;margin:0 auto 1rem}
.op-mt{margin-top:1.5rem}