/* Homepage only. Six quiet panes of glass; no image, script or feed payload. */
.hf-social {
  position: relative;
  isolation: isolate;
  max-width: 1320px;
  margin: 16px auto 80px;
  padding: 64px 48px 52px;
  border: 1px solid #ead2aa40;
  border-radius: 24px;
  background: #1E3341;
  color: #F4F0E8;
  box-shadow: 0 20px 42px #1e33410d;
}
.hf-social::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 90% 100%, #bb925933, transparent 58%),
    linear-gradient(118deg, transparent 43%, #f4f0e808 43.2%, #f4f0e812 70%, transparent 70.2%);
}
.hf-social__heading {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: end;
  gap: 28px 9%;
  margin-bottom: 42px;
}
.hf-social .eyebrow {
  margin: 0 0 20px;
  color: #EACA92;
  font: 600 10px/1.7 Manrope, Arial, sans-serif;
  letter-spacing: .16em;
}
.hf-social h2 {
  margin: 0;
  max-width: 580px;
  color: #F4F0E8;
  font: 400 clamp(34px, 3.8vw, 54px)/1.08 Editorial, Georgia, serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hf-social__intro {
  max-width: 390px;
  margin: 0 0 4px;
  color: #dddcd7;
  font: 400 15px/1.8 Manrope, Arial, sans-serif;
}
.hf-social__links {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hf-social__links li { min-width: 0; }
.hf-social__tile {
  position: relative;
  display: flex;
  min-height: 174px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 23px;
  padding: 30px 12px 22px;
  border: 1px solid #f4f0e84d;
  border-bottom-color: #eaca9266;
  border-radius: 15px;
  background: #314552;
  color: #FFE1AE;
  text-decoration: none;
  box-shadow: inset 0 1px 0 #ffffff38, inset 1px 0 0 #ffffff0a, 0 8px 20px #0e1d271c;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
  -webkit-tap-highlight-color: #ffe1ae26;
}
.hf-social__tile::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, #ffffff0f, transparent 43%, #ffffff04 68%, #eaca920a);
  pointer-events: none;
}
.hf-social__symbol { width: 39px; height: 39px; flex: 0 0 auto; }
.hf-social__label {
  color: #F4F0E8;
  font: 500 13px/1.5 Manrope, Arial, sans-serif;
  letter-spacing: .02em;
}
.hf-social__outbound { position: absolute; top: 13px; right: 13px; color: #e4d8c4; }
.hf-site .hf-social__tile:focus-visible {
  outline: 3px solid #FFE1AE;
  outline-offset: 5px;
  border-color: #FFE1AE;
}
.hf-social__tile:active { transform: translateY(1px); background-color: #405462; }
@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  .hf-social__tile {
    background: #f4f0e80b;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .hf-social__tile:hover {
    transform: translateY(-4px);
    border-color: #ffe1aeab;
    background-color: #f4f0e816;
  }
}
@media (max-width: 1399px) { .hf-social { margin-inline: 4%; } }
@media (max-width: 1100px) {
  .hf-social { padding: 48px 36px 40px; }
  .hf-social__links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hf-social__heading { gap: 24px 7%; }
  .hf-social__intro { font-size: 14px; }
  .hf-social__tile { min-height: 156px; gap: 20px; }
}
@media (max-width: 600px) {
  .hf-social { margin: 0 16px 48px; padding: 32px 22px 24px; border-radius: 20px; }
  .hf-social__heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 28px; }
  .hf-social .eyebrow { font-size: 9px; letter-spacing: .13em; margin-bottom: 17px; }
  .hf-social h2 { font-size: clamp(30px, 8.6vw, 42px); }
  .hf-social__intro { margin: 0; font-size: 14px; line-height: 1.75; }
  .hf-social__links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .hf-social__tile { min-height: 148px; gap: 20px; padding: 25px 10px 20px; border-radius: 13px; }
  .hf-social__symbol { width: 35px; height: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  .hf-social__tile { transition: none; }
  .hf-social__tile:hover, .hf-social__tile:active { transform: none; }
}
@media (forced-colors: active) {
  .hf-social__tile { border: 1px solid LinkText; color: LinkText; }
  .hf-social__tile::before, .hf-social::before { display: none; }
  .hf-social__label, .hf-social__outbound { color: LinkText; }
  .hf-site .hf-social__tile:focus-visible { outline-color: Highlight; }
}