/* =========================================================
   REGISTRY + SPECIALTY SERVICE PAGES
   ========================================================= */

.registry-page-hero {
  position: relative;
  overflow: hidden;

  padding:
    95px 0 85px;

  background:
    radial-gradient(
      circle at 84% 28%,
      rgba(36,178,220,.12),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #f8fcfe,
      #edf7fb
    );
}


.registry-page-grid {
  display: grid;

  grid-template-columns:
    1.25fr .75fr;

  gap:
    80px;

  align-items:
    center;
}


.registry-page-hero h1 {
  max-width:
    760px;

  margin:
    14px 0 0;

  color:
    #08283b;

  font-size:
    clamp(48px,5vw,76px);

  line-height:
    .95;

  letter-spacing:
    -.055em;
}


.registry-page-hero p {
  max-width:
    720px;

  margin:
    25px 0 0;

  color:
    #536e7c;

  font-size:
    16px;

  line-height:
    1.7;
}


.registry-page-flag {
  padding:
    30px;

  border:
    1px solid rgba(14,116,161,.14);

  border-radius:
    13px;

  background:
    rgba(255,255,255,.82);

  box-shadow:
    0 20px 45px rgba(5,65,91,.08);
}


.registry-page-flag img {
  width:
    100%;

  max-height:
    230px;

  display:
    block;

  object-fit:
    cover;

  border-radius:
    8px;
}


.registry-page-flag h2 {
  margin:
    22px 0 0;

  color:
    #09293c;

  font-size:
    27px;
}


.registry-page-content {
  padding:
    75px 0;
}


.registry-page-content h2 {
  color:
    #08283b;

  font-size:
    36px;

  letter-spacing:
    -.035em;
}


.registry-page-content p {
  max-width:
    850px;

  color:
    #58717d;

  font-size:
    15px;

  line-height:
    1.75;
}


.registry-chip-grid {
  margin-top:
    32px;

  display:
    grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:
    12px;
}


.registry-chip {
  min-height:
    64px;

  padding:
    12px 14px;

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  border:
    1px solid rgba(12,119,165,.13);

  border-radius:
    7px;

  background:
    #fff;

  color:
    #09283a;

  font-size:
    13px;

  font-weight:
    750;
}


.registry-chip img {
  width:
    42px;

  height:
    28px;

  object-fit:
    cover;

  border-radius:
    3px;

  border:
    1px solid rgba(7,80,115,.13);
}


@media(max-width:900px) {

  .registry-page-grid {
    grid-template-columns:
      1fr;

    gap:
      40px;
  }

  .registry-chip-grid {
    grid-template-columns:
      repeat(2,1fr);
  }

}


@media(max-width:540px) {

  .registry-chip-grid {
    grid-template-columns:
      1fr;
  }

}