:root{--primary:#2a96a5;--fg:#1a1d2e;--muted:#66677a;--border:#e5e5e9;--card:#fff}
  .sh-wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}
  .sh-hero{background:#1a1d2e;color:#fff;padding:6.5rem 0 3rem}
  .sh-h1{font-family:"Playfair Display",serif;font-weight:700;font-size:clamp(2rem,5vw,3rem);margin:0 0 .75rem}
  .sh-sub{color:hsla(0,0%,100%,.85);max-width:44rem;line-height:1.6}
  .sh-sec{padding:3rem 0}
  .sh-h2{font-family:"Playfair Display",serif;font-weight:700;color:var(--fg);font-size:1.6rem;margin:0 0 1.4rem}
  .sh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
  @media(max-width:820px){.sh-grid{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:520px){.sh-grid{grid-template-columns:1fr 1fr}}
  .sh-chip{display:block;padding:.9rem 1rem;border:1px solid var(--border);border-radius:.85rem;background:var(--card);color:var(--fg);text-decoration:none;font-weight:600;transition:.2s}
  .sh-chip:hover{border-color:rgba(42,150,165,.5);transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.07)}

.sh-crumbs{font-size:.8125rem;color:hsla(0,0%,100%,.7);margin-bottom:1rem}
.sh-alt{background:hsl(60,15%,95%)}
.fx-inherit{color:inherit}