:root {
  --padfsg-ink: var(--sh-text, #182536);
  --padfsg-deep: #071a35;
  --padfsg-green: var(--sh-primary, #0d47a1);
  --padfsg-mint: var(--sh-accent, #66b2ff);
  --padfsg-sand: #edf4fb;
  --padfsg-paper: var(--sh-bg, #f9fcff);
  --padfsg-line: rgba(13, 71, 161, 0.16);
}

html { scroll-behavior: smooth; }

.page-pan-african-diabetic-foot .site-content { overflow: hidden; }

.padfsg-page {
  background: var(--padfsg-paper);
  color: var(--padfsg-ink);
  font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
}

.padfsg-shell {
  width: min(100% - 3rem, 78rem);
  margin-inline: auto;
}

.padfsg-hero {
  position: relative;
  min-height: min(56rem, 92dvh);
  display: grid;
  align-items: end;
  isolation: isolate;
  overflow: hidden;
  background: var(--padfsg-deep);
}

.padfsg-hero__media,
.padfsg-hero__veil { position: absolute; inset: 0; }

.padfsg-hero__media {
  z-index: -3;
  background: url("https://sharkawyfp.com/wp-content/uploads/2026/06/back2.png") center 35% / cover no-repeat;
  transform: scale(1.025);
}

.padfsg-hero__veil {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(7, 26, 53, .96) 0%, rgba(7, 26, 53, .72) 42%, rgba(7, 26, 53, .2) 75%),
    linear-gradient(0deg, rgba(7, 26, 53, .82), transparent 60%);
}

.padfsg-hero__content {
  padding-block: clamp(8rem, 17vh, 11rem) clamp(4rem, 10vh, 6rem);
  color: #fff;
}

.padfsg-hero__logo {
  width: clamp(11rem, 20vw, 16rem);
  height: auto;
  margin-bottom: clamp(2.5rem, 6vh, 4rem);
  filter: drop-shadow(0 .4rem 1.5rem rgba(0, 0, 0, .28));
}

.padfsg-hero h1 {
  max-width: 13ch;
  margin: .8rem 0 2rem;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.2rem, 8vw, 7rem);
  font-weight: 400;
  line-height: .87;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.padfsg-scroll-link {
  display: inline-flex;
  align-items: center;
  gap: .9rem;
  color: rgba(255, 255, 255, .82);
  font-size: .84rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .25s ease;
}

.padfsg-scroll-link svg,
.padfsg-destination__link svg {
  width: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
  transition: transform .25s ease;
}

.padfsg-scroll-link:hover { color: #fff; }
.padfsg-scroll-link:hover svg { transform: translateY(.25rem); }

.padfsg-message {
  position: relative;
  isolation: isolate;
  padding-block: clamp(6rem, 11vw, 10rem);
  background:
    radial-gradient(circle at 12% 18%, rgba(102, 178, 255, .13), transparent 24rem),
    radial-gradient(circle at 88% 76%, rgba(13, 71, 161, .08), transparent 28rem),
    var(--padfsg-paper);
}

.padfsg-message::before,
.padfsg-message::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(8rem, 18vw, 15rem);
  aspect-ratio: 1;
  border: 1px solid rgba(13, 71, 161, .1);
  border-radius: 50%;
}

.padfsg-message::before { top: 8%; left: clamp(-8rem, -8vw, -3rem); }
.padfsg-message::after { right: clamp(-7rem, -6vw, -2rem); bottom: 10%; }

.padfsg-message__layout {
  display: block;
}

.padfsg-section-intro {
  position: static;
  max-width: 44rem;
  margin: 0 auto clamp(3rem, 7vw, 5.5rem);
  text-align: center;
}

.padfsg-section-intro h2 { color: var(--padfsg-ink); }

.padfsg-section-intro h2,
.padfsg-board__heading h2,
.padfsg-destination h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.padfsg-letter {
  position: relative;
  width: min(78vw, 76rem);
  max-width: 100%;
  margin: 0 auto;
  padding: clamp(3.25rem, 7vw, 6rem) clamp(2rem, 6vw, 5.2rem) clamp(2rem, 5vw, 4rem);
  background:
    linear-gradient(90deg, rgba(13, 71, 161, .025) 1px, transparent 1px) 0 0 / 2rem 100%,
    linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  border: 1px solid rgba(13, 71, 161, .12);
  border-radius: 1.5rem .25rem 1.5rem .25rem;
  box-shadow: 0 2.2rem 6rem rgba(13, 71, 161, .1);
}

.padfsg-letter::after {
  content: "";
  position: absolute;
  inset: 1.5rem auto 1.5rem 0;
  width: .3rem;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, var(--sh-accent, #66b2ff), var(--sh-primary, #0d47a1));
}

.padfsg-letter::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1.1rem -1rem -1rem 1rem;
  border-radius: 1.5rem .25rem 1.5rem .25rem;
  background: #dcecff;
  pointer-events: none;
}

.padfsg-letter__mark {
  position: absolute;
  top: -1.9rem;
  left: 50%;
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border: .45rem solid var(--padfsg-paper);
  border-radius: 50%;
  background: var(--sh-primary, #0d47a1);
  color: #fff;
  font-family: Georgia, serif;
  font-size: 2rem;
  line-height: 1;
  transform: translateX(-50%);
  box-shadow: 0 .8rem 2rem rgba(13, 71, 161, .2);
}

.padfsg-letter blockquote {
  position: relative;
  margin: 0;
  color: #40586a;
  font-family: Tahoma, Arial, sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 2.2;
  text-align: right;
}

.padfsg-letter blockquote p { margin: 0 0 1.35em; text-wrap: pretty; }
.padfsg-letter__salutation { color: var(--padfsg-ink); font-weight: 700; }
.padfsg-letter blockquote strong { color: var(--padfsg-ink); }

.padfsg-letter .padfsg-letter__date {
  width: fit-content;
  margin: 0 0 2rem auto;
  padding: .55rem .85rem;
  border: 1px solid rgba(13, 71, 161, .16);
  border-radius: .35rem;
  background: #f2f8ff;
  color: var(--sh-primary, #0d47a1);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
}

.padfsg-letter .padfsg-letter__group-name {
  margin-block: 1.8rem;
  padding: 1.5rem 1.7rem;
  border-inline-start: .25rem solid var(--sh-primary, #0d47a1);
  border-radius: .25rem 1rem 1rem .25rem;
  background: linear-gradient(135deg, #edf5fd, #f7fbff);
  color: var(--padfsg-ink);
  line-height: 2;
  box-shadow: inset 0 0 0 1px rgba(13, 71, 161, .07);
}

.padfsg-letter__group-ar,
.padfsg-letter__group-en {
  display: block;
}

.padfsg-letter__group-ar {
  color: var(--padfsg-ink);
  font-weight: 700;
}

.padfsg-letter__group-en {
  margin-top: .65rem;
  color: var(--sh-primary, #0d47a1);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.015em;
  text-align: left;
}

.padfsg-letter .padfsg-letter__invocation {
  margin: .25rem 0 1.7em;
  color: var(--sh-primary, #0d47a1);
  font-family: Georgia, Tahoma, serif;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.padfsg-letter figcaption {
  position: relative;
  display: grid;
  gap: .35rem;
  margin-top: 3.5rem;
  max-width: 22rem;
  margin-right: auto;
  padding: 1.5rem 1.7rem;
  border-inline-start: .25rem solid var(--sh-primary, #0d47a1);
  border-radius: .25rem 1rem 1rem .25rem;
  background: linear-gradient(135deg, #e5f1ff, #f4f9ff);
  direction: rtl;
  text-align: right;
}

.padfsg-letter figcaption strong { color: var(--padfsg-ink); font-family: Tahoma, Arial, sans-serif; font-size: 1.2rem; }
.padfsg-letter figcaption span { color: var(--sh-primary, #0d47a1); font-size: .9rem; font-weight: 700; }

.padfsg-board {
  padding-block: clamp(6rem, 12vw, 11rem);
  background: var(--padfsg-sand);
}

.padfsg-board__heading {
  display: grid;
  grid-template-columns: 1fr minmax(18rem, 32rem);
  gap: 3rem;
  align-items: end;
  margin-bottom: clamp(4rem, 9vw, 8rem);
}

.padfsg-board__heading > p {
  margin: 0;
  color: #596b6f;
  font-size: 1.05rem;
  line-height: 1.75;
}

.padfsg-featured-member {
  display: grid;
  grid-template-columns: minmax(16rem, .82fr) minmax(0, 1.18fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
  padding-block: clamp(3rem, 7vw, 6rem);
  border-top: 1px solid var(--padfsg-line);
}

.padfsg-featured-member--reverse { grid-template-columns: minmax(0, 1.18fr) minmax(16rem, .82fr); }
.padfsg-featured-member--reverse .padfsg-featured-member__portrait { grid-column: 2; }
.padfsg-featured-member--reverse .padfsg-featured-member__content { grid-column: 1; grid-row: 1; }

.padfsg-featured-member__portrait {
  position: relative;
  margin: 0;
  background: #dce7f1;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}

.padfsg-featured-member__portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
  pointer-events: none;
}

.padfsg-featured-member__portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: saturate(.82) contrast(1.03); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.padfsg-featured-member:hover .padfsg-featured-member__portrait img { transform: scale(1.025); }
.padfsg-role {
  max-width: 40rem;
  margin: -0.8rem 0 1.8rem;
  color: var(--sh-secondary, #1565c0);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.5;
}

.padfsg-featured-member h3,
.padfsg-member-card h3 {
  margin: .8rem 0 1.6rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 4.5vw, 4rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.padfsg-prose { max-width: 41rem; color: #52656a; line-height: 1.8; }
.padfsg-prose p { margin: 0 0 1.15rem; }

.padfsg-credentials,
.padfsg-member-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #52656a;
}

.padfsg-credentials li {
  position: relative;
  padding: 1rem 0 1rem 2rem;
  border-bottom: 1px solid var(--padfsg-line);
  line-height: 1.55;
}

.padfsg-credentials li::before { content: ""; position: absolute; left: 0; top: 1.62rem; width: .65rem; height: 2px; background: var(--padfsg-green); }

.padfsg-member-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
  margin-top: clamp(4rem, 8vw, 7rem);
}

.padfsg-member-card {
  grid-column: span 4;
  display: grid;
  grid-template-rows: auto 1fr;
  background: var(--padfsg-paper);
  transition: transform .25s ease, box-shadow .25s ease;
}

.padfsg-member-card:nth-child(2) { transform: translateY(3rem); }
.padfsg-member-card:hover { transform: translateY(-.5rem); box-shadow: 0 1.8rem 4rem rgba(13, 71, 161, .12); }
.padfsg-member-card:nth-child(2):hover { transform: translateY(2.5rem); }
.padfsg-member-card img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; object-position: center 20%; filter: saturate(.78); }
.padfsg-member-card > div { padding: clamp(1.5rem, 3vw, 2.4rem); }
.padfsg-member-card h3 { margin: .75rem 0 1.25rem; font-size: clamp(1.7rem, 2.6vw, 2.35rem); }
.padfsg-member-card li { position: relative; margin-top: .65rem; padding-left: 1rem; font-size: .91rem; line-height: 1.55; }
.padfsg-member-card li::before { content: ""; position: absolute; left: 0; top: .67em; width: .28rem; height: .28rem; border-radius: 50%; background: var(--padfsg-green); }

.padfsg-destination {
  position: relative;
  padding-block: clamp(3rem, 7vw, 6rem);
  overflow: hidden;
  background: #dcecff;
  color: var(--padfsg-ink);
}

.padfsg-destination__inner {
  position: relative;
  isolation: isolate;
  min-height: clamp(28rem, 52vw, 39rem);
  display: grid;
  place-items: center;
  padding: clamp(4rem, 9vw, 7rem) 1.5rem clamp(11rem, 22vw, 15rem);
  overflow: hidden;
  border: 1px solid rgba(13, 71, 161, .12);
  border-radius: clamp(1.25rem, 3vw, 2.5rem);
  background:
    radial-gradient(circle at 50% 6%, rgba(255,255,255,.88), transparent 42%),
    linear-gradient(180deg, #eef7ff 0%, #d9ecff 72%, #c8e2fc 100%);
}

.padfsg-destination__inner::before,
.padfsg-destination__inner::after {
  content: "";
  position: absolute;
  top: 18%;
  z-index: -1;
  width: clamp(15rem, 34vw, 31rem);
  aspect-ratio: 1;
  border: 1px solid rgba(13, 71, 161, .1);
  border-radius: 50%;
  background: rgba(102, 178, 255, .08);
}

.padfsg-destination__inner::before { left: clamp(-18rem, -17vw, -6rem); }
.padfsg-destination__inner::after { right: clamp(-18rem, -17vw, -6rem); }

.padfsg-destination__content {
  position: relative;
  z-index: 2;
  max-width: 47rem;
  text-align: center;
}

.padfsg-destination h2 { max-width: none; color: var(--padfsg-ink); }
.padfsg-destination__content > p { max-width: 39rem; margin: 1.25rem auto 0; color: #526274; line-height: 1.75; }

.padfsg-destination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 4rem;
  margin-top: 2rem;
  padding: 1rem 1.7rem;
  background: var(--sh-primary, #0d47a1);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 1rem 2.5rem rgba(13, 71, 161, .22);
  transition: transform .25s ease, background .25s ease;
}

.padfsg-destination__link:hover { background: var(--sh-secondary, #1565c0); color: #fff; transform: translateY(-.25rem); }
.padfsg-destination__link:hover svg { transform: translateX(.25rem); }

.padfsg-destination__landscape {
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  width: 100%;
  height: auto;
  max-height: 54%;
  object-fit: cover;
  object-position: center bottom;
  pointer-events: none;
  user-select: none;
}

.padfsg-page a:focus-visible { outline: 3px solid #f0b95a; outline-offset: 4px; }

@media (max-width: 58rem) {
  .padfsg-message__layout,
  .padfsg-board__heading,
  .padfsg-featured-member,
  .padfsg-featured-member--reverse,
  .padfsg-destination__inner { grid-template-columns: 1fr; }
  .padfsg-featured-member--reverse .padfsg-featured-member__portrait,
  .padfsg-featured-member--reverse .padfsg-featured-member__content { grid-column: 1; grid-row: auto; }
  .padfsg-featured-member--reverse .padfsg-featured-member__portrait { order: 0; }
  .padfsg-featured-member--reverse .padfsg-featured-member__content { order: 1; }
  .padfsg-member-card { grid-column: span 6; }
  .padfsg-member-card:nth-child(2) { transform: none; }
  .padfsg-member-card:nth-child(2):hover { transform: translateY(-.5rem); }
}

@media (max-width: 40rem) {
  .padfsg-shell { width: min(100% - 2rem, 78rem); }
  .padfsg-hero { min-height: 42rem; }
  .padfsg-hero__media { background-position: 58% center; }
  .padfsg-letter { width: 100%; padding: 3.25rem 1.35rem 1.35rem; border-radius: 1rem .2rem 1rem .2rem; }
  .padfsg-letter::before { inset: .7rem -.45rem -.45rem .45rem; border-radius: 1rem .2rem 1rem .2rem; }
  .padfsg-letter .padfsg-letter__group-name { padding: 1rem; }
  .padfsg-member-card { grid-column: 1 / -1; }
  .padfsg-board__heading { gap: 1.5rem; }
  .padfsg-destination { padding-block: 1rem; }
  .padfsg-destination__inner { min-height: 32rem; padding-inline: 1rem; padding-bottom: 10rem; border-radius: 1.25rem; }
  .padfsg-destination__landscape { width: 145%; max-width: none; left: -22.5%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .padfsg-page *, .padfsg-page *::before, .padfsg-page *::after { transition-duration: .01ms !important; }
}