/* ABOUT US — Figma 408:157, 1440 × 12454 reference canvas.
   Loaded only on the ABOUT US template after sub.css. */
.sfix-about {
  --about-unit: calc(100vw / 1440);
  --about-gutter: calc(70 * var(--about-unit));
  /* Body copy is 16px at 1440px and grows with the viewport; 14px floor. */
  --about-text: max(14px, calc(16 * var(--about-unit)));
  color: #000;
  background: #fff;
}
.sfix-about .sfix-section-en {
  font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
  font-size: max(40px, calc(72 * var(--about-unit)));
  font-weight: 700;
  line-height: 1.2;
}
.sfix-about .sfix-section-ja {
  font-size: max(16px, calc(20 * var(--about-unit)));
  font-weight: 700;
  line-height: 1.8;
}

/* Introduction's inset white copy panel. Page titles use shared sub.css. */
.sfix-about .sfix-about-intro {
  display: block;
  height: calc(1091 * var(--about-unit));
  padding: 0;
}
.sfix-about .sfix-about-photo {
  position: absolute;
  top: 0;
  left: calc(80 * var(--about-unit));
  width: calc(936 * var(--about-unit));
  height: calc(561 * var(--about-unit));
  aspect-ratio: auto;
  overflow: hidden;
}
.sfix-about .sfix-about-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Group portrait: keep every head in frame, crop from the legs. */
  object-position: center 20%;
}
.sfix-about .sfix-about-lead {
  position: absolute;
  top: calc(442 * var(--about-unit));
  left: calc(496 * var(--about-unit));
  width: calc(860 * var(--about-unit));
  margin: 0;
  padding: calc(35 * var(--about-unit));
  background: #fff;
  font-size: var(--about-text);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.08em;
}
.sfix-about .sfix-about-lead strong { font-weight: 700; }
/* Each line wipes in from the left; the white panel itself stays put. */
.sfix-about .sfix-about-line { display: block; }
.sfix-about .sfix-about-line-text { display: block; }
.pv .sfix-about-line[data-pv-reveal][data-reveal] { transition: none; }
.pv .sfix-about-line[data-pv-reveal][data-reveal] .sfix-about-line-text {
  transition: clip-path 1000ms cubic-bezier(0.65, 0, 0.35, 1) var(--pv-reveal-delay, 0ms);
}
.pv .sfix-about-line[data-pv-reveal][data-reveal="pending"] {
  opacity: 1;
  transform: none;
}
.pv .sfix-about-line[data-pv-reveal][data-reveal="pending"] .sfix-about-line-text { clip-path: inset(0 100% 0 0); }
.pv .sfix-about-line[data-pv-reveal][data-reveal="visible"] .sfix-about-line-text { clip-path: inset(0 0 0 0); }

/* The reference intentionally leaves a large open black MVV panel. */
.sfix-about .sfix-mvv {
  position: relative;
  height: calc(1817 * var(--about-unit));
  color: #fff;
}
.sfix-about .sfix-mvv::before {
  position: absolute;
  inset: 0;
  content: "";
  background: url(../preview/about-mvv-shape.svg) top / 100% 100% no-repeat;
  pointer-events: none;
}
.sfix-about .sfix-mvv-head {
  position: absolute;
  top: calc(82 * var(--about-unit));
  left: calc(82 * var(--about-unit));
  display: grid;
  gap: calc(24 * var(--about-unit));
}

/* COMPANY: right aligned title and facts over the supplied pale logo. */
.sfix-about .sfix-company {
  position: relative;
  /* Halve the table-to-map gap while retaining the space below the map. */
  height: calc(1875.5 * var(--about-unit) + 25.2 * var(--about-text) + 5.5px);
  padding: 0;
  overflow: hidden;
}
.sfix-about .sfix-company-mark {
  top: calc(237 * var(--about-unit));
  left: calc(-69 * var(--about-unit));
  width: calc(1039 * var(--about-unit));
  height: calc(1279 * var(--about-unit));
  aspect-ratio: auto;
  background: none;
}
/* Drawn in from below like the TOP plane: the wipe lives on the inner layer
   (a clipped observed block never intersects), the block rises and fades. */
.sfix-about .sfix-company-mark-clip {
  position: absolute;
  inset: 0;
  background: url(../preview/about-company-mark.svg) center / 100% 100% no-repeat;
  clip-path: inset(0 0 0 0);
}
.pv .sfix-company-mark[data-pv-reveal][data-reveal] {
  transition:
    transform 1200ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.pv .sfix-company-mark[data-pv-reveal][data-reveal] .sfix-company-mark-clip {
  transition: clip-path 1200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.pv .sfix-company-mark[data-pv-reveal][data-reveal="pending"] {
  opacity: 0;
  transform: translateY(6%);
}
.pv .sfix-company-mark[data-pv-reveal][data-reveal="pending"] .sfix-company-mark-clip {
  clip-path: inset(100% 0 0 0);
}
.sfix-about .sfix-company-head {
  position: absolute;
  top: calc(90 * var(--about-unit));
  left: calc(883 * var(--about-unit));
  display: grid;
  justify-items: end;
  gap: calc(24 * var(--about-unit));
  width: calc(477 * var(--about-unit));
  padding: 0;
  text-align: right;
}
.sfix-about .sfix-company-table {
  position: absolute;
  top: calc(407 * var(--about-unit));
  left: calc(561 * var(--about-unit));
  display: grid;
  gap: 0;
  width: calc(799 * var(--about-unit));
  margin: 0;
  /* No upper cap: the office block below is placed in the same unit, so a
     capped font let the table end early on wide screens and left a gap. */
  font-size: var(--about-text);
  font-weight: 400;
  line-height: 1.8;
}
.sfix-about .sfix-company-row {
  display: flex;
  flex-direction: row;
  gap: calc(31 * var(--about-unit));
  align-items: flex-start;
  padding: calc(14 * var(--about-unit)) 0;
  border-bottom: 1px solid #d9d9d9;
}
.sfix-about .sfix-company-row:first-child { padding-top: 0; }
.sfix-about .sfix-company-row dt {
  flex: none;
  width: calc(238 * var(--about-unit));
  font-weight: 700;
}
.sfix-about .sfix-company-row dd { flex: 1; min-width: 0; }
.sfix-about .sfix-office {
  position: absolute;
  top: calc(1259.5 * var(--about-unit) + 25.2 * var(--about-text) + 5.5px);
  left: calc(77 * var(--about-unit));
  display: flex;
  flex-direction: row;
  gap: calc(49 * var(--about-unit));
  align-items: flex-end;
  margin: 0;
}
.sfix-about .sfix-office-map {
  width: calc(710 * var(--about-unit));
  height: calc(399 * var(--about-unit));
  aspect-ratio: auto;
  background: #d9d9d9;
}
.sfix-about .sfix-office-text {
  display: grid;
  gap: calc(14 * var(--about-unit));
  width: calc(448 * var(--about-unit));
}
.sfix-about .sfix-office-text h3 {
  font-size: var(--about-text);
  font-weight: 700;
  line-height: 1.8;
}
.sfix-about .sfix-office-text p {
  font-size: var(--about-text);
  line-height: 1.8;
}

/* MESSAGE: cropped portrait above the supplied black sheet (Figma 458:708, 1440 x 1263). */
.sfix-about .sfix-message {
  position: relative;
  height: calc(1263 * var(--about-unit));
  min-height: 0;
  padding: 0;
  color: #fff;
}
.sfix-about .sfix-message::before {
  top: 0;
  height: calc(1263 * var(--about-unit));
  background: url(../preview/about-message-shape.svg) top / 100% 100% no-repeat;
}
.sfix-about .sfix-message::after { display: none; content: none; }
.sfix-about .sfix-message-photo {
  top: 0;
  right: auto;
  left: calc(739 * var(--about-unit));
  width: calc(701 * var(--about-unit));
  height: calc(651 * var(--about-unit));
  margin: 0;
  aspect-ratio: auto;
}
.sfix-about .sfix-message-photo img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Show the portrait as shot (no zoom); only trim the bottom to fit the frame. */
  object-fit: cover;
  object-position: center top;
}
.sfix-about .sfix-message-head {
  top: calc(255 * var(--about-unit));
  left: calc(70 * var(--about-unit));
  gap: calc(24 * var(--about-unit));
}
.sfix-about .sfix-message-body {
  position: absolute;
  top: calc(511 * var(--about-unit));
  left: calc(70 * var(--about-unit));
  width: max-content;
  max-width: calc(1300 * var(--about-unit));
  display: grid;
  gap: calc(24 * var(--about-unit));
  margin: 0;
}
.sfix-about .sfix-message-greeting {
  font-size: max(22px, calc(32 * var(--about-unit)));
  font-weight: 700;
  line-height: 1.8;
}
.sfix-about .sfix-message-text {
  font-size: var(--about-text);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
.sfix-about .sfix-message-sign {
  justify-content: flex-start;
  margin-top: calc(24 * var(--about-unit));
  gap: calc(18 * var(--about-unit));
  line-height: 2;
  letter-spacing: 0.08em;
}
.sfix-about .sfix-message-title { font-size: var(--about-text); }
.sfix-about .sfix-message-name { font-size: max(22px, calc(32 * var(--about-unit))); }

/* Story numerals stay above both the photograph and the white copy panel. */
.sfix-about .sfix-story {
  height: calc(4002 * var(--about-unit));
  padding: calc(140 * var(--about-unit)) var(--about-gutter);
  overflow: hidden;
}
.sfix-about .sfix-story-head {
  height: calc(174 * var(--about-unit));
  gap: calc(24 * var(--about-unit));
  padding: 0;
}
.sfix-about .sfix-story-list {
  position: relative;
  isolation: isolate;
  display: block;
  width: calc(1440 * var(--about-unit));
  height: calc(3452 * var(--about-unit));
  margin-top: calc(96 * var(--about-unit));
  margin-left: calc(-70 * var(--about-unit));
  padding: 0;
}
.sfix-about .sfix-story-item {
  position: absolute;
  left: 0;
  width: calc(1440 * var(--about-unit));
}
.sfix-about .sfix-story-photo {
  z-index: 1;
  top: 0;
  left: 0;
  width: calc(789 * var(--about-unit));
  height: calc(454 * var(--about-unit));
  aspect-ratio: auto;
}
.sfix-about .sfix-story-photo img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sfix-about .sfix-story-num {
  z-index: 10;
  margin: 0;
  font-size: min(400px, calc(400 * var(--about-unit)));
  font-weight: 700;
  line-height: 0.7;
  color: #f2f2f2;
}
.sfix-about .sfix-story-item[data-chapter] .sfix-story-text {
  position: absolute;
  z-index: 4;
  display: grid;
  gap: calc(24 * var(--about-unit));
  max-width: none;
  margin: 0;
  padding: 0;
  background: #fff;
}
.sfix-about .sfix-story-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: calc(8 * var(--about-unit));
  font-size: max(22px, calc(32 * var(--about-unit)));
  font-weight: 700;
  line-height: 1.5;
}
.sfix-about .sfix-story-title-line {
  display: block;
  width: fit-content;
  max-width: 100%;
  padding: calc(4 * var(--about-unit)) calc(16 * var(--about-unit));
  background: #000;
  color: #fff;
  overflow-wrap: anywhere;
}

.sfix-about .sfix-story-body {
  font-size: var(--about-text);
  font-weight: 400;
  line-height: 1.8;
}
.sfix-about .sfix-story-body strong { font-weight: 700; }
.sfix-about .sfix-story-item[data-chapter="01"] {
  top: 0;
  height: calc(869 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="01"] .sfix-story-photo img {
  top: -0.02%;
  left: -9.49%;
  width: 114.03%;
  height: 132.05%;
  object-fit: fill;
}
.sfix-about .sfix-story-item[data-chapter="01"] .sfix-story-num {
  top: calc(128 * var(--about-unit));
  left: calc(976 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="01"] .sfix-story-text {
  top: calc(357 * var(--about-unit));
  left: calc(562 * var(--about-unit));
  width: calc(800 * var(--about-unit));
  padding: calc(24 * var(--about-unit)) 0 calc(24 * var(--about-unit)) calc(32 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="02"] {
  top: calc(781 * var(--about-unit));
  width: calc(1365 * var(--about-unit));
  height: calc(478 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="02"] .sfix-story-num {
  top: 0;
  left: calc(-49 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="02"] .sfix-story-text {
  top: calc(232 * var(--about-unit));
  left: calc(377 * var(--about-unit));
  width: calc(846 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="02"] .sfix-story-title {
  font-family: YuGothic, "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
.sfix-about .sfix-story-item[data-chapter="03"] {
  top: calc(1389 * var(--about-unit));
  left: calc(175 * var(--about-unit));
  width: calc(1265 * var(--about-unit));
  height: calc(662 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-photo {
  top: 0;
  left: 0;
  width: calc(612 * var(--about-unit));
  height: calc(352 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-num {
  top: calc(58 * var(--about-unit));
  left: calc(696 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-text {
  top: calc(271 * var(--about-unit));
  left: calc(376 * var(--about-unit));
  width: calc(811 * var(--about-unit));
  padding: calc(24 * var(--about-unit)) 0 calc(24 * var(--about-unit)) calc(32 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="04"] {
  top: calc(1990 * var(--about-unit));
  width: calc(1359 * var(--about-unit));
  height: calc(461 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="04"] .sfix-story-num {
  top: 0;
  left: calc(-58 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="04"] .sfix-story-text {
  top: calc(205 * var(--about-unit));
  left: calc(352 * var(--about-unit));
  width: calc(1007 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="05"] {
  top: calc(2581 * var(--about-unit));
  width: calc(1359 * var(--about-unit));
  height: calc(871 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="05"] .sfix-story-photo { left: 0; }
.sfix-about .sfix-story-item[data-chapter="05"] .sfix-story-num {
  top: calc(166 * var(--about-unit));
  left: calc(849 * var(--about-unit));
}
.sfix-about .sfix-story-item[data-chapter="05"] .sfix-story-text {
  top: calc(393 * var(--about-unit));
  left: calc(312 * var(--about-unit));
  width: calc(878 * var(--about-unit));
  padding: calc(24 * var(--about-unit)) calc(32 * var(--about-unit));
}

/* Keep the shared contact band proportionate on the ABOUT US page. */
.sfix-about .pv-contact-title { font-size: clamp(40px, 7.22vw, 104px); }
.sfix-about .pv-contact-body { font-size: clamp(14px, 1.25vw, 18px); }

/* Natural reading order below the desktop composition breakpoint. */
@media (max-width: 1000px) {
  .sfix-about { --about-gutter: clamp(24px, 5vw, 50px); }
  .sfix-about .sfix-section-en { font-size: clamp(36px, 5.6vw, 56px); }
  .sfix-about .sfix-section-ja { font-size: clamp(15px, 1.8vw, 18px); }
  .sfix-about .sfix-about-intro {
    display: grid;
    gap: 0;
    height: auto;
    padding: 0 var(--about-gutter) 80px;
  }
  .sfix-about .sfix-about-photo {
    position: relative;
    left: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 936 / 561;
  }
  .sfix-about .sfix-about-lead {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 0;
    padding: 32px 0 0;
    font-size: clamp(14px, 1.6vw, 16px);
    letter-spacing: 0.04em;
  }
  .sfix-about .sfix-about-lead br { display: none; }
  .sfix-about .sfix-about-line { display: inline; }
  .sfix-about .sfix-about-line-text { display: inline; }
  .pv .sfix-about-line[data-pv-reveal][data-reveal="pending"] .sfix-about-line-text { clip-path: none; }
  .sfix-about .sfix-mvv {
    height: clamp(820px, 126.18vw, 1262px);
    min-height: 820px;
  }
  .sfix-about .sfix-mvv-head {
    position: relative;
    top: auto;
    left: auto;
    gap: 16px;
    padding: 54px var(--about-gutter);
  }
  .sfix-about .sfix-company {
    height: auto;
    padding: 72px var(--about-gutter) 96px;
  }
  .sfix-about .sfix-company-mark {
    top: 130px;
    left: -36%;
    width: 105%;
    height: auto;
    aspect-ratio: 1039 / 1279;
  }
  .sfix-about .sfix-company-head {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    gap: 16px;
  }
  .sfix-about .sfix-company-table {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 64px 0 0;
    font-size: clamp(14px, 1.6vw, 16px);
  }
  .sfix-about .sfix-company-row { gap: 24px; padding: 14px 0; }
  .sfix-about .sfix-company-row dt { width: 30%; }
  .sfix-about .sfix-office {
    position: relative;
    top: auto;
    left: auto;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    margin: 36px 0 0;
  }
  .sfix-about .sfix-office-map { width: 100%; height: auto; aspect-ratio: 710 / 399; }
  .sfix-about .sfix-office-text { width: 100%; gap: 12px; }
  .sfix-about .sfix-office-text h3 { font-size: 16px; }
  .sfix-about .sfix-office-text p { font-size: 14px; }
  .sfix-about .sfix-message {
    height: auto;
    padding: 0 var(--about-gutter) 72px;
  }
  .sfix-about .sfix-message::before { top: 72px; bottom: 0; height: auto; }
  .sfix-about .sfix-message-photo {
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    width: min(76%, 520px);
    height: auto;
    margin: 0 0 0 auto;
    aspect-ratio: 720 / 669;
  }
  .sfix-about .sfix-message-head {
    position: relative;
    top: auto;
    left: auto;
    gap: 16px;
    margin-top: 40px;
  }
  .sfix-about .sfix-message-body {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 40px;
    gap: 24px;
  }
  .sfix-about .sfix-message-greeting { font-size: clamp(20px, 2.4vw, 24px); }
  .sfix-about .sfix-message-text { font-size: clamp(14px, 1.6vw, 16px); letter-spacing: 0.04em; }
  .sfix-about .sfix-message-text br { display: none; }
  .sfix-about .sfix-message-sign { flex-wrap: wrap; gap: 12px; }
  .sfix-about .sfix-message-title { font-size: 14px; }
  .sfix-about .sfix-message-name { font-size: 20px; }
  .sfix-about .sfix-story { height: auto; padding: 80px var(--about-gutter) 96px; }
  .sfix-about .sfix-story-head { height: auto; gap: 16px; }
  .sfix-about .sfix-story-list {
    display: grid;
    gap: 80px;
    width: 100%;
    height: auto;
    margin: 64px 0 0;
  }
  .sfix-about .sfix-story-item[data-chapter] {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
  }
  .sfix-about .sfix-story-item[data-chapter] .sfix-story-photo {
    position: relative;
    top: auto !important;
    left: auto !important;
    width: 90%;
    height: auto;
    aspect-ratio: 789 / 454;
  }
  .sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-photo { aspect-ratio: 612 / 352; }
  .sfix-about .sfix-story-item[data-chapter] .sfix-story-num {
    position: absolute;
    top: 0 !important;
    left: auto !important;
    right: 0;
    z-index: 10;
    margin: 0;
    font-size: clamp(124px, 32vw, 220px);
    line-height: 0.7;
  }
  .sfix-about .sfix-story-item[data-chapter] .sfix-story-text {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: 0;
    padding-top: clamp(108px, 24vw, 160px) !important;
    gap: 20px;
  }
  .sfix-about .sfix-story-item:is([data-chapter="01"], [data-chapter="03"], [data-chapter="05"]) .sfix-story-text {
    width: calc(100% - 24px);
    margin-top: -32px;
    margin-inline: 24px 0 !important;
    padding: 24px 0 0 24px;
    padding-top: 24px !important;
  }
  .sfix-about .sfix-story-title { font-size: clamp(20px, 2.4vw, 24px); }
  .sfix-about .sfix-story-body { font-size: 14px; line-height: 1.9; }
  .sfix-about .sfix-story-body br { display: none; }
  .sfix-about .sfix-story-body .sfix-about-line { display: inline; }
  .sfix-about .sfix-story-body .sfix-about-line-text { display: inline; }
  .pv .sfix-story-body .sfix-about-line[data-pv-reveal][data-reveal="pending"] .sfix-about-line-text { clip-path: none; }
  .sfix-about .sfix-story-body strong { display: inline; }
}
@media (max-width: 600px) {
  .sfix-about .sfix-company-row { flex-direction: column; gap: 8px; }
  .sfix-about .sfix-company-row dt { width: 100%; }
}

/* Text-only chapters retain their pale numerals behind the black copy. */
.sfix-about .sfix-story-item:is([data-chapter="02"], [data-chapter="04"]) .sfix-story-num {
  z-index: 2;
}
.sfix-about .sfix-story-item:is([data-chapter="02"], [data-chapter="04"]) .sfix-story-text {
  z-index: 4;
  background: transparent;
}

/* Match the numeral scale to the title offsets, keeping their corner overlap. */
@media (min-width: 1001px) {
  .sfix-about .sfix-story-item:is([data-chapter="02"], [data-chapter="04"]) .sfix-story-num {
    font-size: calc(400 * var(--about-unit));
  }
}

/* Keep chapter 03's long black heading above the foreground numeral. */
.sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-text {
  z-index: auto;
  background: transparent;
}
.sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-text::before {
  position: absolute;
  inset: 0;
  z-index: 4;
  background: #fff;
  content: "";
  pointer-events: none;
}
.sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-title {
  position: relative;
  z-index: 11;
}
.sfix-about .sfix-story-item[data-chapter="03"] .sfix-story-body {
  position: relative;
  z-index: 4;
}
@media (max-width: 1000px) {
  .sfix-about .sfix-story-title { gap: 6px; }
  .sfix-about .sfix-story-title-line { padding: 4px 12px; }
}

/* The shared band entrance animates the label after its left-to-right wipe. */
.sfix-about .sfix-story-title-label { display: block; }


/* FIGARO's page entrance: 1rem fade-up, 800ms, exponential ease-out.
   Apply it to ABOUT's title groups without changing text or type metrics. */
.sfix-about [data-pv-title-reveal][data-title-reveal="pending"] {
  opacity: 0;
  transform: translateY(1rem);
}
.sfix-about [data-pv-title-reveal][data-title-reveal="visible"] {
  animation: sfix-title-enter 800ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@supports (animation-timing-function: linear(0, 1)) {
  .sfix-about [data-pv-title-reveal][data-title-reveal="visible"] {
    animation-timing-function: linear(0 0%, 0.066967 1%, 0.129449 2%, 0.187748 3%, 0.242142 4%, 0.292893 5%, 0.405396 7.5%, 0.5 10%, 0.646447 15%, 0.75 20%, 0.823223 25%, 0.875 30%, 0.9375 40%, 0.96875 50%, 0.984375 60%, 0.992188 70%, 0.996094 80%, 0.998047 90%, 1 100%);
  }
}
@keyframes sfix-title-enter {
  from { opacity: 0; transform: translateY(1rem); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .sfix-about [data-pv-title-reveal][data-title-reveal] {
    animation: none;
    opacity: 1;
    transform: none;
  }
}