.about-main {
  padding-bottom: clamp(72px, 8vw, 118px);
}

/* Editorial About composition */
.about-main {
  padding-bottom: clamp(46px, 5vw, 76px);
}

.about-hero {
  min-height: auto;
  padding: clamp(36px, 4vw, 52px) 20px clamp(34px, 4vw, 48px);
}

.about-hero .page-logo {
  width: min(160px, 40vw);
  margin-bottom: 14px;
}

.about-hero h1 { margin-bottom: 18px; }

.about-intro {
  max-width: 900px;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.7;
}

.about-story {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 23% 0%, rgba(214, 173, 104, 0.07), transparent 25%),
    linear-gradient(180deg, rgba(7, 9, 13, 0.78), rgba(3, 4, 7, 0.52));
}

.about-editorial {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
  align-items: stretch;
}

.about-copy {
  position: relative;
  z-index: 1;
  padding: clamp(44px, 4.5vw, 68px) clamp(36px, 4.4vw, 66px) clamp(46px, 5vw, 74px);
  border-right: 1px solid var(--line-soft);
}

.about-copy > p {
  max-width: none;
  color: #c7c7c7;
  font-size: clamp(15px, 1.08vw, 17px);
  line-height: 1.8;
}

.about-copy > p + p {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(214, 173, 104, 0.28);
}

.about-copy .section-statement {
  color: var(--text);
  font-family: Orbitron, sans-serif;
  font-size: clamp(17px, 1.42vw, 21px);
  letter-spacing: 0.045em;
  line-height: 1.6;
}

.about-copy .central-thought {
  color: #dedede;
  font-size: clamp(16px, 1.24vw, 19px);
  line-height: 1.7;
  text-align: left;
}

.everyverse-visual {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 73% 12%, rgba(239, 201, 126, 0.9) 0 1px, transparent 2px),
    radial-gradient(circle at 26% 24%, rgba(255, 255, 255, 0.72) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 34%, rgba(239, 201, 126, 0.72) 0 1px, transparent 2px),
    radial-gradient(circle at 17% 48%, rgba(255, 255, 255, 0.58) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 63%, rgba(239, 201, 126, 0.76) 0 1px, transparent 2px),
    radial-gradient(circle at 31% 78%, rgba(255, 255, 255, 0.55) 0 1px, transparent 2px),
    radial-gradient(circle at 89% 88%, rgba(239, 201, 126, 0.7) 0 1px, transparent 2px),
    radial-gradient(ellipse at 50% 50%, rgba(29, 42, 62, 0.32), transparent 62%),
    linear-gradient(150deg, rgba(4, 8, 14, 0.72), rgba(1, 3, 7, 0.96));
}

.everyverse-visual::before {
  content: "";
  position: absolute;
  inset: 4% -12% 2%;
  border: 1px solid rgba(214, 173, 104, 0.14);
  border-radius: 50%;
  background: repeating-radial-gradient(
    ellipse at center,
    transparent 0 54px,
    rgba(214, 173, 104, 0.085) 55px 56px
  );
  transform: rotate(-8deg) scaleX(0.78);
  opacity: 0.76;
}

.everyverse-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-radial-gradient(ellipse at 50% 52%, transparent 0 68px, rgba(255, 255, 255, 0.035) 69px 70px),
    linear-gradient(28deg, transparent 49.8%, rgba(214, 173, 104, 0.09) 50%, transparent 50.2%),
    linear-gradient(112deg, transparent 49.8%, rgba(214, 173, 104, 0.06) 50%, transparent 50.2%);
  opacity: 0.68;
}

.orbital-system {
  position: absolute;
  inset: 6% 5%;
  z-index: 1;
  filter: drop-shadow(0 0 16px rgba(214, 173, 104, 0.08));
}

.orbit, .trajectory, .orbital-core, .orbital-point {
  position: absolute;
  display: block;
}

.orbit {
  left: 50%;
  top: 51%;
  border: 1px solid rgba(214, 173, 104, 0.34);
  border-radius: 50%;
}

.orbit-one { width: 26%; height: 46%; transform: translate(-50%, -50%) rotate(7deg); }
.orbit-two { width: 40%; height: 64%; transform: translate(-50%, -50%) rotate(31deg); }
.orbit-three { width: 54%; height: 77%; transform: translate(-50%, -50%) rotate(-22deg); }
.orbit-four { width: 72%; height: 88%; transform: translate(-50%, -50%) rotate(14deg); }
.orbit-five { width: 92%; height: 70%; transform: translate(-50%, -50%) rotate(-10deg); }

.trajectory {
  left: -8%;
  width: 116%;
  height: 42%;
  border-top: 1px solid rgba(214, 173, 104, 0.22);
  border-radius: 50%;
  transform-origin: center;
}

.trajectory-one { top: 31%; transform: rotate(19deg); }
.trajectory-two { top: 48%; transform: rotate(-27deg); }
.trajectory-three { top: 67%; transform: rotate(8deg); }

.orbital-core {
  left: 50%;
  top: 51%;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(226, 188, 111, 0.64);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 239, 191, 0.98) 0 2px, rgba(214, 173, 104, 0.25) 3px 10px, transparent 11px),
    radial-gradient(circle, transparent 46%, rgba(214, 173, 104, 0.28) 48%, transparent 51%);
  box-shadow: 0 0 34px rgba(214, 173, 104, 0.22);
  transform: translate(-50%, -50%);
}

.orbital-point {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e8c477;
  box-shadow: 0 0 12px 3px rgba(214, 173, 104, 0.3);
}

.point-one { left: 50%; top: 14%; }
.point-two { left: 77%; top: 28%; }
.point-three { left: 83%; top: 59%; }
.point-four { left: 62%; top: 82%; }
.point-five { left: 28%; top: 76%; }
.point-six { left: 18%; top: 46%; }
.point-seven { left: 38%; top: 34%; }

.about-closing {
  margin: clamp(28px, 3vw, 42px) clamp(28px, 3.5vw, 52px) clamp(34px, 4vw, 54px);
  padding: clamp(28px, 3.5vw, 42px) clamp(22px, 4vw, 54px);
  border: 1px solid rgba(214, 173, 104, 0.3);
  background: rgba(2, 3, 6, 0.52);
  box-shadow: inset 0 0 36px rgba(214, 173, 104, 0.035);
}

.about-closing p {
  max-width: 920px;
  font-size: clamp(19px, 2vw, 27px);
  line-height: 1.55;
}

.about-closing p + p {
  margin-top: 10px;
  font-size: clamp(17px, 1.75vw, 23px);
}

@media (max-width: 1050px) {
  .about-story { width: min(820px, calc(100% - 32px)); }
  .about-editorial { display: block; }
  .about-copy { border-right: 0; }
  .everyverse-visual { display: none; }
}

@media (max-width: 760px) {
  .about-main { padding-bottom: 46px; }
  .about-hero { padding: 32px 18px 34px; }
  .about-hero .page-logo { width: min(150px, 42vw); margin-bottom: 12px; }
  .about-hero h1 { margin-bottom: 15px; }
  .about-intro { font-size: 17px; line-height: 1.7; }
  .about-story { width: calc(100% - 24px); padding: 0; }
  .about-copy { padding: 38px 20px 42px; }
  .about-copy > p { font-size: 16px; line-height: 1.82; }
  .about-copy > p + p { margin-top: 22px; padding-top: 22px; }
  .about-copy .section-statement { font-size: 18px; line-height: 1.6; }
  .about-copy .central-thought { font-size: 17px; line-height: 1.75; }
  .about-closing { margin: 24px 12px 30px; padding: 28px 16px; }
  .about-closing p { font-size: 18px; line-height: 1.6; }
  .about-closing p + p { margin-top: 12px; font-size: 17px; }
}

/* Strict correction pass: neutralize the remaining legacy panel styling. */
.about-main .about-story {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.about-main .about-copy {
  border: 0 !important;
}

.about-main .about-copy > p {
  border: 0 !important;
  padding-top: 0 !important;
}

.about-main .about-copy > p + p {
  margin-top: 20px !important;
}

.about-main .about-copy .section-statement {
  margin-top: 26px !important;
  padding: 0 !important;
  border: 0 !important;
}

.about-main .about-copy .central-thought {
  margin: 24px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.about-main .about-closing {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .about-main .about-copy > p + p {
    margin-top: 22px !important;
  }

  .about-main .about-copy .section-statement,
  .about-main .about-copy .central-thought {
    margin-top: 22px !important;
  }
}

/* Mockup correction: unified 60/40 editorial composition. */
.about-main {
  padding-bottom: clamp(34px, 4vw, 58px);
}

.about-hero {
  min-height: auto;
  padding: clamp(28px, 3vw, 42px) 20px clamp(30px, 3.3vw, 46px);
}

.about-hero h1 {
  margin-bottom: 18px;
  font-size: clamp(46px, 4.2vw, 66px);
}

.about-intro {
  max-width: 920px;
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.65;
}

.about-story {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.about-editorial {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(360px, 1fr);
  align-items: stretch;
}

.about-copy {
  padding: clamp(36px, 3.6vw, 52px) clamp(38px, 3.7vw, 56px) clamp(40px, 4vw, 58px);
  border-right: 0;
}

.about-copy > p {
  color: #c9c9c9;
  font-size: clamp(15px, 1.02vw, 16.5px);
  line-height: 1.74;
}

.about-copy > p + p {
  margin-top: 20px;
  padding-top: 0;
  border-top: 0;
}

.about-copy .section-statement {
  margin-top: 26px;
  padding-top: 0;
  border: 0;
  font-size: clamp(17px, 1.3vw, 20px);
  line-height: 1.55;
}

.about-copy .central-thought {
  margin: 24px 0 0;
  padding: 0;
  border: 0;
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.65;
  text-align: left;
}

.everyverse-visual {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 13%, rgba(239, 201, 126, 0.62) 0 1px, transparent 2px),
    radial-gradient(circle at 24% 29%, rgba(255, 255, 255, 0.48) 0 1px, transparent 2px),
    radial-gradient(circle at 85% 39%, rgba(239, 201, 126, 0.52) 0 1px, transparent 2px),
    radial-gradient(circle at 18% 56%, rgba(255, 255, 255, 0.42) 0 1px, transparent 2px),
    radial-gradient(circle at 68% 72%, rgba(239, 201, 126, 0.55) 0 1px, transparent 2px),
    radial-gradient(circle at 31% 84%, rgba(255, 255, 255, 0.36) 0 1px, transparent 2px),
    radial-gradient(ellipse at 48% 50%, rgba(22, 37, 58, 0.24), transparent 68%);
  -webkit-mask-image: radial-gradient(ellipse at 46% 50%, #000 24%, rgba(0, 0, 0, 0.9) 52%, transparent 90%);
  mask-image: radial-gradient(ellipse at 46% 50%, #000 24%, rgba(0, 0, 0, 0.9) 52%, transparent 90%);
}

.everyverse-visual::before {
  inset: -16% -52% -14% -32%;
  border-color: rgba(214, 173, 104, 0.09);
  background: repeating-radial-gradient(
    ellipse at center,
    transparent 0 72px,
    rgba(214, 173, 104, 0.055) 73px 74px
  );
  transform: rotate(-11deg) scaleX(0.88);
  opacity: 0.66;
}

.everyverse-visual::after {
  inset: -12% -34%;
  background:
    repeating-radial-gradient(ellipse at 45% 52%, transparent 0 92px, rgba(255, 255, 255, 0.025) 93px 94px),
    linear-gradient(24deg, transparent 49.88%, rgba(214, 173, 104, 0.055) 50%, transparent 50.12%),
    linear-gradient(108deg, transparent 49.88%, rgba(214, 173, 104, 0.042) 50%, transparent 50.12%);
  opacity: 0.58;
}

.orbital-system {
  inset: -8% -36% -5% -18%;
  transform: translateX(-5%) rotate(-5deg) scale(1.12);
  filter: drop-shadow(0 0 14px rgba(214, 173, 104, 0.055));
}

.orbit {
  border-color: rgba(214, 173, 104, 0.22);
}

.trajectory {
  border-top-color: rgba(214, 173, 104, 0.13);
}

.orbital-core {
  left: 46%;
  top: 53%;
  width: 42px;
  height: 42px;
  border-color: rgba(226, 188, 111, 0.36);
  box-shadow: 0 0 28px rgba(214, 173, 104, 0.12);
  opacity: 0.72;
}

.orbital-point {
  width: 4px;
  height: 4px;
  background: rgba(232, 196, 119, 0.76);
  box-shadow: 0 0 9px 2px rgba(214, 173, 104, 0.2);
}

.about-closing {
  position: relative;
  width: min(1080px, calc(100% - 64px));
  margin: 10px auto clamp(34px, 4vw, 54px);
  padding: clamp(32px, 3.8vw, 48px) 24px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.about-closing::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 150px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(214, 173, 104, 0.34), transparent);
  transform: translateX(-50%);
}

.about-closing p {
  max-width: 900px;
  font-size: clamp(19px, 1.85vw, 26px);
  line-height: 1.5;
}

.about-closing p + p {
  margin-top: 8px;
  font-size: clamp(17px, 1.6vw, 22px);
}

@media (max-width: 1050px) {
  .about-story { width: min(820px, calc(100% - 32px)); }
  .about-editorial { display: block; }
  .everyverse-visual { display: none; }
}

@media (max-width: 760px) {
  .about-main { padding-bottom: 40px; }
  .about-hero { padding: 28px 18px 32px; }
  .about-hero h1 { margin-bottom: 15px; font-size: clamp(42px, 13vw, 54px); }
  .about-intro { font-size: 17px; line-height: 1.65; }
  .about-story { width: calc(100% - 24px); }
  .about-copy { padding: 34px 20px 38px; }
  .about-copy > p { font-size: 16px; line-height: 1.8; }
  .about-copy > p + p { margin-top: 22px; padding-top: 0; border: 0; }
  .about-copy .section-statement { margin-top: 24px; padding: 0; border: 0; font-size: 18px; }
  .about-copy .central-thought { margin-top: 22px; padding: 0; border: 0; font-size: 17px; }
  .about-closing { width: calc(100% - 48px); margin-top: 6px; padding: 30px 8px 0; }
  .about-closing p { font-size: 18px; line-height: 1.58; }
  .about-closing p + p { margin-top: 10px; font-size: 17px; }
}

.about-hero {
  min-height: auto;
  padding: clamp(58px, 7vw, 92px) 20px clamp(52px, 6vw, 76px);
}

.about-hero .page-logo {
  width: min(205px, 48vw);
  margin-bottom: 22px;
}

.about-hero h1 {
  margin-bottom: 24px;
}

.about-intro {
  max-width: 760px;
  color: #d8d8d8;
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.75;
}

.about-story {
  position: relative;
  width: min(780px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(58px, 7vw, 86px) clamp(26px, 5vw, 70px) clamp(62px, 7vw, 92px);
  border-top: 1px solid rgba(214, 173, 104, 0.42);
  border-bottom: 1px solid var(--line-soft);
  background:
    radial-gradient(circle at 50% 0%, rgba(214, 173, 104, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(7, 9, 13, 0.76), rgba(3, 4, 7, 0.5));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.about-story > p {
  max-width: none;
  color: #c3c3c3;
  font-size: clamp(16px, 1.35vw, 18px);
  line-height: 1.9;
}

.about-story > p + p {
  margin-top: 30px;
}

.about-story strong,
.about-intro strong {
  color: #e3c58f;
  font-weight: 500;
}

.about-story .section-statement {
  margin-top: 46px;
  color: var(--text);
  font-family: Orbitron, sans-serif;
  font-size: clamp(19px, 2vw, 24px);
  letter-spacing: 0.06em;
  line-height: 1.65;
}

.about-story .central-thought {
  margin: 44px 0 42px;
  padding: 24px 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  color: #dedede;
  font-size: clamp(18px, 1.7vw, 21px);
  text-align: center;
}

.about-closing {
  margin-top: clamp(58px, 7vw, 82px);
  padding-top: clamp(42px, 5vw, 60px);
  border-top: 1px solid rgba(214, 173, 104, 0.42);
  text-align: center;
}

.about-closing p {
  max-width: 660px;
  margin: 0 auto;
  color: #e7e7e7;
  font-family: Orbitron, sans-serif;
  font-size: clamp(18px, 2.25vw, 27px);
  font-weight: 400;
  letter-spacing: 0.055em;
  line-height: 1.65;
}

.about-closing p + p {
  margin-top: 34px;
  color: var(--gold);
  font-size: clamp(17px, 2vw, 23px);
}

@media (max-width: 760px) {
  .about-main {
    padding-bottom: 58px;
  }

  .about-hero {
    padding: 42px 18px 46px;
  }

  .about-hero .page-logo {
    width: min(172px, 46vw);
    margin-bottom: 18px;
  }

  .about-hero h1 {
    margin-bottom: 19px;
  }

  .about-intro {
    font-size: 17px;
    line-height: 1.7;
  }

  .about-story {
    width: calc(100% - 24px);
    padding: 42px 20px 54px;
  }

  .about-story > p {
    font-size: 16px;
    line-height: 1.82;
  }

  .about-story > p + p {
    margin-top: 26px;
  }

  .about-story .section-statement {
    margin-top: 38px;
    font-size: 18px;
    line-height: 1.6;
  }

  .about-story .central-thought {
    margin: 36px 0 34px;
    padding: 21px 2px;
    font-size: 17px;
    line-height: 1.75;
  }

  .about-closing {
    margin-top: 50px;
    padding-top: 38px;
  }

  .about-closing p {
    font-size: 18px;
    line-height: 1.65;
  }

  .about-closing p + p {
    margin-top: 28px;
    font-size: 17px;
  }
}

/* Restored single-column editorial About layout. */
.about-main {
  padding-bottom: clamp(54px, 6vw, 84px);
}

.about-hero {
  min-height: auto;
  padding: clamp(44px, 5vw, 66px) 20px clamp(40px, 4.5vw, 58px);
  background:
    radial-gradient(
      ellipse 58% 55% at 50% 50%,
      rgba(126, 145, 187, 0.045) 0%,
      rgba(104, 123, 164, 0.028) 38%,
      rgba(104, 123, 164, 0.012) 62%,
      transparent 82%
    ),
    radial-gradient(
      ellipse 42% 44% at 50% 54%,
      rgba(214, 173, 104, 0.035) 0%,
      rgba(214, 173, 104, 0.018) 44%,
      transparent 82%
    );
  background-repeat: no-repeat;
}

.about-hero h1 {
  margin-bottom: 18px;
}

.about-intro {
  max-width: 820px;
  color: #d8d8d8;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.7;
}

.about-story {
  width: min(840px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(44px, 4.8vw, 62px) clamp(8px, 1.8vw, 16px) 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.about-copy {
  padding: 0 !important;
  border: 0 !important;
}

.about-copy > p {
  color: #c7c7c7;
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.82;
}

.about-main .about-copy > p + p {
  margin-top: 24px !important;
}

.about-main .about-copy .section-statement {
  margin-top: 36px !important;
  color: var(--text);
  font-family: Orbitron, sans-serif;
  font-size: clamp(18px, 1.65vw, 22px);
  letter-spacing: 0.05em;
  line-height: 1.62;
}

.about-main .about-copy .central-thought {
  margin-top: 34px !important;
  color: #dedede;
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.72;
  text-align: left;
}

.about-closing {
  width: min(760px, 100%);
  margin: clamp(48px, 5.2vw, 64px) auto 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.about-closing::before {
  content: none;
}

.about-closing p {
  max-width: 760px;
  margin: 0 auto;
  font-size: clamp(19px, 2vw, 25px);
  line-height: 1.58;
}

.about-closing p + p {
  margin-top: 12px;
  font-size: clamp(17px, 1.75vw, 22px);
}

@media (max-width: 900px) {
  .about-story {
    width: min(780px, calc(100% - 40px));
  }
}

@media (max-width: 760px) {
  .about-main {
    padding-bottom: 46px;
  }

  .about-hero {
    padding: 34px 18px 38px;
  }

  .about-hero h1 {
    margin-bottom: 16px;
  }

  .about-intro {
    font-size: 17px;
    line-height: 1.68;
  }

  .about-story {
    width: calc(100% - 32px);
    padding: 36px 0 0;
  }

  .about-copy > p {
    font-size: 16px;
    line-height: 1.8;
  }

  .about-main .about-copy > p + p {
    margin-top: 22px !important;
  }

  .about-main .about-copy .section-statement {
    margin-top: 32px !important;
    font-size: 18px;
    line-height: 1.62;
  }

  .about-main .about-copy .central-thought {
    margin-top: 30px !important;
    font-size: 17px;
    line-height: 1.72;
  }

  .about-closing {
    width: min(100%, 560px);
    margin-top: 42px;
  }

  .about-closing p {
    font-size: 18px;
    line-height: 1.6;
  }

  .about-closing p + p {
    margin-top: 10px;
    font-size: 17px;
  }
}

/* About v2 content hierarchy within the existing single-column editorial layout. */
.about-copy > .about-section-title {
  margin: clamp(48px, 5.5vw, 68px) 0 22px;
  color: var(--gold);
  font-family: Orbitron, sans-serif;
  font-size: clamp(17px, 1.55vw, 21px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-transform: uppercase;
}

.about-copy > .about-section-title + p {
  margin-top: 0 !important;
}

.about-copy .about-opening-line,
.about-copy .about-key-line {
  color: #dedede;
  font-size: clamp(17px, 1.35vw, 20px);
}

.about-copy .about-opening-line {
  font-family: Orbitron, sans-serif;
  letter-spacing: 0.045em;
}

.about-copy .about-key-line {
  color: #e3c58f;
}

.about-guiding-lines {
  margin: 22px 0 26px;
  padding-left: 18px;
  border-left: 1px solid rgba(214, 173, 104, 0.42);
}

.about-guiding-lines p {
  margin: 0;
  color: #dedede;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.8;
}

.about-guiding-lines p + p {
  margin-top: 3px;
}

.about-principles-link {
  display: inline-block;
  margin-top: 26px;
  color: var(--gold);
  font-family: Orbitron, sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: color 180ms ease;
}

.about-principles-link:hover,
.about-principles-link:focus-visible {
  color: #f0d6a4;
}

@media (max-width: 760px) {
  .about-copy > .about-section-title {
    margin-top: 42px;
    margin-bottom: 19px;
    font-size: 17px;
  }

  .about-copy .about-opening-line,
  .about-copy .about-key-line {
    font-size: 17px;
  }

  .about-guiding-lines {
    margin: 20px 0 24px;
    padding-left: 14px;
  }

  .about-guiding-lines p {
    font-size: 16px;
  }

  .about-principles-link {
    margin-top: 24px;
  }
}