@font-face {
  font-family: "Pofak";
  src: url("./fonts/Pofak-Regular.fedb91778993.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 600;
  font-display: swap;
}
@font-face {
  font-family: "Pofak";
  src: url("./fonts/Pofak-Bold.f377f3091ea7.ttf") format("truetype");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

.quick-access-section,
.consultation-section,
.quick-access-section *,
.consultation-section * {
  box-sizing: border-box;
  font-family: "Pofak", Tahoma, "Segoe UI", Arial, sans-serif;
}

.quick-access-section {
  color: #29125f;
  background:
    radial-gradient(circle at 12% 22%, #ffd94f24, transparent 24%),
    radial-gradient(circle at 88% 82%, #b983ff24, transparent 28%),
    linear-gradient(180deg, #f5efff 0%, #fffaf1 100%);
  padding: clamp(74px, 7vw, 96px) 0;
  position: relative;
  overflow: hidden;
}

.quick-access-section::before {
  content: "";
  pointer-events: none;
  opacity: .32;
  background-image: radial-gradient(circle, #8759c9 0 1px, transparent 1.6px);
  background-size: 54px 54px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 18% 82%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 18% 82%, #0000);
}

.quick-access-heading,
.quick-access-grid {
  position: relative;
  z-index: 1;
}

.quick-access-heading {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

.quick-access-heading h2 {
  color: #29125f;
  font-variation-settings: "wght" 820;
  letter-spacing: -.035em;
  margin: 8px 0 10px;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.5;
}

.quick-access-heading > p:last-child {
  color: #75678e;
  margin: 0;
  font-size: 14px;
  line-height: 2;
}

.quick-access-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 35px;
}

.quick-access-card {
  color: #3b2469;
  background: #fffdfae6;
  border: 1px solid #d9caec;
  border-radius: 27px;
  min-height: 190px;
  padding: 23px 20px 19px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: start;
  gap: 8px 12px;
  box-shadow: 0 18px 45px #35176212, inset 0 1px #fff;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.quick-access-card:hover,
.quick-access-card:focus-visible {
  color: #3b2469;
  border-color: #9b6ad4;
  transform: translateY(-6px);
  box-shadow: 0 24px 52px #35176220, inset 0 1px #fff;
}

.quick-access-card > span {
  color: #fff;
  background: linear-gradient(145deg, #a659e5, #6540ba);
  border-radius: 18px;
  grid-column: 1 / -1;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 23px;
  display: grid;
  box-shadow: 0 11px 24px #6235a82b;
}

.quick-access-card strong {
  color: #32185f;
  font-variation-settings: "wght" 780;
  margin-top: 8px;
  font-size: 16px;
}

.quick-access-card small {
  color: #75678e;
  grid-column: 1 / -1;
  font-size: 11px;
  line-height: 1.85;
}

.quick-access-card i {
  color: #8e4fd0;
  align-self: end;
  margin-top: 8px;
  font-size: 18px;
  font-style: normal;
}

.quick-access-card.quick-access-consult {
  background: linear-gradient(150deg, #fff8d7, #fffdf8 66%);
  border-color: #eed16c;
}

.quick-access-card.quick-access-consult > span {
  color: #3a1a64;
  background: linear-gradient(145deg, #ffe978, #ffc72e);
}

.consultation-section {
  isolation: isolate;
  color: #fffdf8;
  background:
    radial-gradient(circle at 12% 18%, #d35cff2e, transparent 27%),
    radial-gradient(circle at 90% 78%, #4c7cff2b, transparent 30%),
    linear-gradient(140deg, #130544 0%, #26076b 56%, #140542 100%);
  padding: clamp(84px, 8vw, 116px) 0;
  position: relative;
  overflow: hidden;
}

.consultation-section::before {
  z-index: -1;
  content: "";
  pointer-events: none;
  opacity: .45;
  background-image:
    radial-gradient(circle, #fff 0 1px, transparent 1.4px),
    radial-gradient(circle, #ffd95f 0 1px, transparent 1.5px);
  background-position: 0 0, 34px 40px;
  background-size: 83px 87px, 127px 131px;
  position: absolute;
  inset: 0;
}

.consultation-shell {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
  align-items: center;
  gap: clamp(42px, 7vw, 90px);
}

.consultation-copy h2 {
  color: #fff8e8;
  font-variation-settings: "wght" 850;
  letter-spacing: -.035em;
  text-wrap: balance;
  margin: 11px 0 18px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.48;
}

.consultation-copy > p:not(.eyebrow) {
  color: #cfc1f6;
  max-width: 570px;
  margin: 0;
  font-size: 15px;
  line-height: 2.15;
}

.consultation-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.consultation-trust span {
  color: #e9e1ff;
  background: #ffffff0e;
  border: 1px solid #ffffff25;
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 10px;
  font-weight: 700;
}

.contact-links {
  direction: ltr;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}

.contact-links a {
  color: #fff5bd;
  background: #ffd94f17;
  border: 1px solid #ffd94f5c;
  border-radius: 999px;
  padding: 10px 15px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
}

.social-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 520px;
  margin-top: 16px;
  scroll-margin-top: 24px;
}

.social-links a {
  color: #fff;
  background: linear-gradient(140deg, #ffffff17, #ffffff0a);
  border: 1px solid #ffffff32;
  border-radius: 20px;
  grid-template-columns: 42px 1fr;
  align-items: center;
  column-gap: 10px;
  min-height: 74px;
  padding: 11px 13px;
  display: grid;
  transition: transform .2s ease, background .2s ease;
}

.social-links a:hover,
.social-links a:focus-visible {
  background: #ffffff1f;
  transform: translateY(-3px);
}

.social-links span {
  color: #2f1768;
  background: #fff8e8;
  border-radius: 14px;
  grid-row: 1 / 3;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 18px;
  display: grid;
}

.social-links b {
  align-self: end;
  font-size: 12px;
}

.social-links small {
  color: #cfc1f6;
  direction: ltr;
  justify-self: end;
  align-self: start;
  font: 700 10px/1.6 Tahoma, Arial, sans-serif;
}

.consultation-form {
  color: #351b64;
  background: #fffdf9;
  border: 1px solid #ffffffb3;
  border-radius: 34px;
  padding: clamp(24px, 3vw, 36px);
  box-shadow: 0 36px 85px #05001f66, inset 0 1px #fff;
}

.consultation-form-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 23px;
}

.consultation-form-head > span {
  color: #4a267d;
  background: linear-gradient(145deg, #ffe972, #ffc62d);
  border-radius: 16px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
  box-shadow: 0 10px 22px #eab52b2e;
}

.consultation-form-head strong,
.consultation-form-head small {
  display: block;
}

.consultation-form-head strong {
  color: #2f145d;
  font-variation-settings: "wght" 800;
  font-size: 18px;
}

.consultation-form-head small {
  color: #887a9c;
  margin-top: 3px;
  font-size: 10px;
}

.consultation-form > label,
.consultation-form-row label {
  color: #55456d;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.8;
  display: grid;
  gap: 7px;
}

.consultation-form > label + label,
.consultation-form > .consultation-form-row + label,
.consultation-form-row {
  margin-top: 14px;
}

.consultation-form-row {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 11px;
}

.consultation-form input,
.consultation-form select,
.consultation-form textarea {
  color: #351b64;
  background: #f7f2fb;
  border: 1px solid #e3d7ec;
  border-radius: 14px;
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  outline: none;
  font-size: 12px;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.consultation-form textarea {
  min-height: 82px;
  resize: vertical;
}

.consultation-form input:focus,
.consultation-form select:focus,
.consultation-form textarea:focus {
  background: #fff;
  border-color: #8a4ed0;
  box-shadow: 0 0 0 4px #8a4ed018;
}

.consultation-form input::placeholder,
.consultation-form textarea::placeholder {
  color: #aa9db7;
}

.consultation-form button {
  color: #2b1268;
  cursor: pointer;
  background: linear-gradient(#ffe75d, #ffc925);
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 54px;
  margin-top: 18px;
  padding: 0 20px;
  font-variation-settings: "wght" 800;
  font-size: 14px;
  display: flex;
  box-shadow: inset 0 2px #ffffffa6, 0 12px 27px #f1ba2b3d;
  transition: transform .18s ease, box-shadow .18s ease;
}

.consultation-form button:hover,
.consultation-form button:focus-visible {
  transform: translateY(-2px);
  box-shadow: inset 0 2px #ffffffa6, 0 16px 32px #f1ba2b52;
}

.consultation-privacy,
.consultation-feedback {
  text-align: center;
  color: #9386a3;
  margin: 11px 0 0;
  font-size: 9px;
  line-height: 1.8;
}

.consultation-feedback:not(:empty) {
  color: #6234a7;
  background: #f1e9fb;
  border-radius: 12px;
  padding: 9px 11px;
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 980px) {
  .quick-access-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .consultation-shell {
    grid-template-columns: 1fr;
  }

  .consultation-copy {
    text-align: center;
  }

  .consultation-copy > p:not(.eyebrow),
  .social-links {
    margin-inline: auto;
  }

  .consultation-trust,
  .contact-links {
    justify-content: center;
  }
}

@media (max-width: 620px) {
  .quick-access-section {
    padding-block: 70px;
  }

  .quick-access-grid {
    gap: 10px;
    margin-top: 28px;
  }

  .quick-access-card {
    border-radius: 22px;
    min-height: 174px;
    padding: 17px 15px 15px;
  }

  .quick-access-card > span {
    border-radius: 15px;
    width: 47px;
    height: 47px;
    font-size: 19px;
  }

  .quick-access-card strong {
    font-size: 13px;
  }

  .quick-access-card small {
    font-size: 9px;
  }

  .consultation-section {
    padding-block: 78px;
  }

  .consultation-copy h2 {
    font-size: 34px;
  }

  .consultation-form {
    border-radius: 26px;
    padding: 21px 17px;
  }

  .consultation-form-row {
    grid-template-columns: 1fr;
  }

  .social-links {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 410px) {
  .quick-access-grid {
    grid-template-columns: 1fr;
  }

  .quick-access-card {
    min-height: 154px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quick-access-card,
  .social-links a,
  .consultation-form button {
    transition: none;
  }
}

/* Wide Billy carousel: preserves the original hero and only replaces its art. */
.portal-wrap.has-billy-carousel {
  align-self: center;
  display: grid;
  place-items: center;
  min-height: 500px;
  margin-left: -52px;
  overflow: visible;
}

.has-billy-carousel .portal-glow {
  aspect-ratio: 1.55;
  opacity: .32;
  width: 88%;
  top: 20%;
  left: 2%;
}

.hero-carousel {
  isolation: isolate;
  width: min(650px, 108%);
  aspect-ratio: 16 / 9;
  position: relative;
  z-index: 2;
}

.hero-carousel::before {
  content: "";
  z-index: -1;
  background: linear-gradient(135deg, #ffdc58a8, #f15aaf7d 42%, #7f55e9a8);
  border-radius: 35px;
  filter: blur(17px);
  opacity: .5;
  position: absolute;
  inset: 10px;
}

.hero-carousel-stage {
  background: #11043f;
  border: 1px solid #ffffff6b;
  border-radius: 31px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 70px #05001d75, inset 0 1px #ffffff4d;
}

.hero-carousel-stage::after {
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg, transparent 55%, #090022b8 100%);
  position: absolute;
  inset: 0;
  z-index: 3;
}

.hero-carousel-slide {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  position: absolute;
  inset: 0;
  transform: scale(1.035);
  transition: opacity .7s ease, transform 1.1s ease, visibility .7s;
}

.hero-carousel-slide.is-active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

.hero-carousel-slide img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

.hero-carousel-slide figcaption {
  color: #fff;
  text-align: right;
  position: absolute;
  right: 24px;
  bottom: 20px;
  z-index: 4;
  filter: drop-shadow(0 4px 10px #000a);
}

.hero-carousel-slide figcaption small,
.hero-carousel-slide figcaption strong {
  display: block;
}

.hero-carousel-slide figcaption small {
  color: #ffe16b;
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 800;
}

.hero-carousel-slide figcaption strong {
  color: #fff9e9;
  font-variation-settings: "wght" 820;
  font-size: 16px;
}

.hero-carousel-arrow {
  color: #fff8e8;
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #16084ca6;
  border: 1px solid #ffffff70;
  border-radius: 50%;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0 0 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 33px;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 50%;
  z-index: 6;
  transform: translateY(-50%);
  box-shadow: 0 10px 25px #06001f52;
  transition: background .18s ease, transform .18s ease;
}

.hero-carousel-arrow:hover,
.hero-carousel-arrow:focus-visible {
  background: #6d3bc5d9;
  transform: translateY(-50%) scale(1.08);
}

.hero-carousel-prev {
  left: 15px;
}

.hero-carousel-next {
  right: 15px;
}

.hero-carousel-dots {
  direction: ltr;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #0a022b80;
  border: 1px solid #ffffff2d;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 50%;
  z-index: 7;
  transform: translateX(-50%);
}

.hero-carousel-dots button {
  cursor: pointer;
  background: #ffffff80;
  border: 0;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  padding: 0;
  transition: width .22s ease, background .22s ease;
}

.hero-carousel-dots button.is-active {
  background: #ffd84a;
  width: 22px;
}

.has-billy-carousel .portal-label {
  z-index: 8;
}

.has-billy-carousel .portal-label-story {
  top: 58px;
  right: -18px;
}

.has-billy-carousel .portal-label-play {
  bottom: 54px;
  left: -22px;
}

@media (max-width: 1100px) {
  .portal-wrap.has-billy-carousel {
    margin-left: -24px;
  }

  .hero-carousel {
    width: 104%;
  }

  .has-billy-carousel .portal-label-story {
    right: -6px;
  }

  .has-billy-carousel .portal-label-play {
    left: -8px;
  }
}

@media (max-width: 920px) {
  .portal-wrap.has-billy-carousel {
    min-height: 400px;
    margin: 8px auto 0;
    width: 100%;
  }

  .hero-carousel {
    width: min(700px, 100%);
  }

  .has-billy-carousel .portal-label-story {
    top: 26px;
    right: 2%;
  }

  .has-billy-carousel .portal-label-play {
    bottom: 26px;
    left: 2%;
  }
}

@media (max-width: 620px) {
  .portal-wrap.has-billy-carousel {
    min-height: 310px;
    margin-top: 22px;
  }

  .hero-carousel-stage {
    border-radius: 23px;
  }

  .hero-carousel::before {
    border-radius: 26px;
  }

  .hero-carousel-arrow {
    width: 38px;
    height: 38px;
    font-size: 28px;
  }

  .hero-carousel-prev {
    left: 9px;
  }

  .hero-carousel-next {
    right: 9px;
  }

  .hero-carousel-slide figcaption {
    right: 16px;
    bottom: 14px;
  }

  .hero-carousel-slide figcaption strong {
    font-size: 13px;
  }

  .hero-carousel-slide figcaption small {
    font-size: 8px;
  }

  .hero-carousel-dots {
    bottom: 10px;
    gap: 5px;
    padding: 6px 8px;
  }

  .hero-carousel-dots button {
    width: 6px;
    height: 6px;
  }

  .hero-carousel-dots button.is-active {
    width: 17px;
  }

  .has-billy-carousel .portal-label {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-carousel-slide,
  .hero-carousel-arrow,
  .hero-carousel-dots button {
    transition: none;
  }
}

/* Concise video and parent-magazine showcase replacing the old journey map. */
.media-showcase,
.media-showcase * {
  box-sizing: border-box;
  font-family: "Pofak", Tahoma, "Segoe UI", Arial, sans-serif;
}

.media-showcase {
  color: #2d175c;
  background:
    radial-gradient(circle at 10% 12%, #ffd94f20, transparent 25%),
    radial-gradient(circle at 92% 84%, #9d63de20, transparent 28%),
    linear-gradient(180deg, #fbf8ff 0%, #fffaf2 100%);
  padding: clamp(78px, 8vw, 110px) 0;
  scroll-margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.media-showcase-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  align-items: end;
  gap: 36px;
  margin-bottom: 34px;
}

.media-showcase-heading h2 {
  color: #2d175c;
  font-variation-settings: "wght" 850;
  letter-spacing: -.035em;
  text-wrap: balance;
  max-width: 720px;
  margin: 7px 0 0;
  font-size: clamp(31px, 4vw, 53px);
  line-height: 1.43;
}

.media-showcase-heading > p {
  color: #74678b;
  max-width: 470px;
  margin: 0;
  font-size: 13px;
  line-height: 2.05;
}

.media-showcase-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.media-showcase-card {
  color: #2e195b;
  background: #fff;
  border: 1px solid #e2d8ef;
  border-radius: 28px;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(170px, .82fr) minmax(0, 1.18fr);
  min-height: 235px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 18px 48px #3a1c6c12;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.media-showcase-card:hover,
.media-showcase-card:focus-visible {
  color: #2e195b;
  border-color: #aa80d7;
  transform: translateY(-5px);
  box-shadow: 0 26px 60px #3a1c6c22;
}

.media-showcase-visual {
  background: #211052;
  border-radius: 21px;
  min-height: 215px;
  position: relative;
  overflow: hidden;
}

.media-showcase-visual > img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  transition: transform .35s ease;
}

.media-showcase-card:hover .media-showcase-visual > img,
.media-showcase-card:focus-visible .media-showcase-visual > img {
  transform: scale(1.035);
}

.media-showcase-visual::after {
  content: "";
  background: linear-gradient(180deg, transparent 50%, #17073f8f);
  position: absolute;
  inset: 0;
}

.media-showcase-placeholder {
  color: #fff;
  background: radial-gradient(circle at 70% 20%, #e087ff, transparent 28%), linear-gradient(145deg, #3a1777, #17083f);
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font: 900 42px/1 Arial, sans-serif;
  position: absolute;
  inset: 0;
}

.media-showcase-play,
.media-showcase-book {
  z-index: 2;
  color: #33156b;
  background: #ffd84f;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  position: absolute;
  right: 14px;
  bottom: 14px;
  font-size: 15px;
  font-style: normal;
  box-shadow: 0 9px 28px #16093e40;
}

.media-showcase-book {
  color: #fff;
  background: #864fc8;
}

.media-showcase-copy {
  padding: 18px 18px 15px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.media-showcase-copy > small {
  color: #8753c6;
  font-size: 10px;
  font-weight: 800;
}

.media-showcase-copy > strong {
  color: #2d175c;
  font-variation-settings: "wght" 820;
  margin: 8px 0 7px;
  font-size: clamp(17px, 1.7vw, 22px);
  line-height: 1.65;
}

.media-showcase-copy > span {
  color: #786c8d;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 11px;
  line-height: 1.9;
}

.media-showcase-copy > b {
  color: #7440b2;
  margin-top: auto;
  padding-top: 12px;
  font-size: 11px;
}

.media-showcase-copy > b i {
  margin-right: 5px;
  font-size: 14px;
  font-style: normal;
}

.media-showcase-links {
  display: flex;
  justify-content: center;
  gap: 22px;
  margin-top: 24px;
}

.media-showcase-links a {
  color: #6e3baa;
  border-bottom: 1px solid #aa82d1;
  padding-bottom: 3px;
  font-size: 11px;
  font-weight: 800;
}

/* Minimal, official social marks. */
.social-links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 680px;
}

.social-links .social-brand-icon {
  color: #fff;
  background: #fff;
  border-radius: 14px;
  padding: 10px;
  display: grid;
}

.social-links .social-brand-icon svg {
  fill: currentColor;
  width: 22px;
  height: 22px;
}

.social-links .social-brand-instagram {
  background: radial-gradient(circle at 31% 107%, #fdf497 0 5%, #fdf497 5% 9%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.social-links .social-brand-youtube {
  color: #ff0033;
}

.social-links .social-brand-telegram {
  color: #229ed9;
}

.has-billy-carousel .portal-label {
  display: none !important;
}

@media (max-width: 920px) {
  .media-showcase-heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .media-showcase-grid {
    grid-template-columns: 1fr;
  }

  .media-showcase-card {
    grid-template-columns: minmax(190px, .65fr) minmax(0, 1.35fr);
  }
}

@media (max-width: 620px) {
  .media-showcase {
    padding-block: 70px;
  }

  .media-showcase-heading {
    text-align: center;
  }

  .media-showcase-card {
    grid-template-columns: 1fr;
    border-radius: 24px;
  }

  .media-showcase-visual {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .media-showcase-copy {
    min-height: 185px;
    padding: 16px 12px 13px;
  }

  .social-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .social-links a {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 98px;
    padding: 9px 5px;
  }

  .social-links .social-brand-icon {
    grid-row: auto;
    width: 40px;
    height: 40px;
    padding: 9px;
  }

  .social-links b {
    align-self: center;
    font-size: 10px;
  }

  .social-links small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .media-showcase-card,
  .media-showcase-visual > img {
    transition: none;
  }
}
.consultation-honeypot{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.consultation-form [aria-invalid="true"]{outline:3px solid rgba(255,84,113,.35);border-color:#ff5471}
.consultation-feedback.is-success{color:#0a6b45;font-weight:800}.consultation-feedback.is-error{color:#a5233d;font-weight:800}
.consultation-form button:disabled{opacity:.7;cursor:wait}