/* Preview-only refinement pass. Do not load this file on the production homepage. */

body.straight-frontpage {
  --ref-olive: #545d43;
  --ref-cream: #f1ece2;
  --ref-terracotta: #c47a5a;
  --ref-navy: #12202e;
  --ref-slate: #5a6b7a;
  --ref-sand: #d8c2a6;
  --ref-olive-effect: var(--ref-olive);
  background: var(--ref-olive);
}

body.straight-frontpage .test-frontpage-header {
  background: rgba(84, 93, 67, 0.96) !important;
}

body.straight-frontpage .test-frontpage-header .brand-lockup small {
  color: rgba(241, 236, 226, 0.82) !important;
}

body.straight-frontpage .test-front-hero--minimal {
  min-height: calc(100svh - var(--header-height, 72px)) !important;
  background: var(--ref-navy) !important;
}

body.straight-frontpage .test-front-hero--minimal .test-front-hero__photo::before {
  background: rgba(18, 32, 46, 0.28) !important;
}

body.straight-frontpage .test-front-hero--minimal .test-front-hero__photo img {
  width: 110% !important;
  max-width: none !important;
  object-position: 58% 56% !important;
  transform: none !important;
}

body.straight-frontpage .test-front-hero--minimal .test-front-hero__box {
  width: min(720px, 53vw) !important;
  border-color: rgba(241, 236, 226, 0.24) !important;
  background: rgba(18, 32, 46, 0.72) !important;
}

body.straight-frontpage .test-front-hero--minimal h1 {
  max-width: 14ch !important;
  color: var(--ref-cream) !important;
  font-size: clamp(2.85rem, 4.8vw, 5.35rem) !important;
  letter-spacing: -0.05em !important;
}

body.straight-frontpage .hero-eyebrow {
  color: var(--ref-sand) !important;
}

body.straight-frontpage .test-front-hero__actions {
  display: flex !important;
  justify-content: center !important;
}

body.straight-frontpage .hero-consultation-button {
  border-color: var(--ref-cream) !important;
  background: var(--ref-terracotta) !important;
  color: var(--ref-navy) !important;
}

body.straight-frontpage .test-about-section {
  min-height: 100svh;
  display: grid;
  align-items: center;
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .test-about-section > .section-heading {
  align-items: start !important;
}

body.straight-frontpage .test-about-section > .section-heading > .eyebrow {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ref-terracotta) !important;
  box-shadow: none !important;
}

body.straight-frontpage .test-about-section > .section-heading > h2 {
  margin-top: 0 !important;
  color: var(--ref-cream) !important;
}

body.straight-frontpage .about-story-card {
  display: block !important;
  padding: 0 !important;
  border-color: rgba(216, 194, 166, 0.28) !important;
  background: var(--ref-navy) !important;
}

body.straight-frontpage .about-story-card::after {
  display: none !important;
  content: none !important;
}

body.straight-frontpage .about-story-card > img {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.straight-frontpage .about-story-card:nth-child(1) > img {
  object-position: 76% 48%;
}

body.straight-frontpage .about-story-card:nth-child(2) > img {
  object-position: 58% 50%;
}

body.straight-frontpage .about-story-card:nth-child(3) > img {
  object-position: 58% 42%;
  /* Keep young Shea in the open right side, without altering the photo ratio. */
  transform: translateX(5%) scale(1.1) !important;
  transform-origin: center center;
}

body.straight-frontpage .about-story-card:nth-child(4) > img {
  object-position: 50% 0%;
  /* A uniform scale preserves the portrait while shifting Shea beyond the caption. */
  transform: translateX(6%) scale(1.12) !important;
  transform-origin: center top;
}

body.straight-frontpage .about-story-card:nth-child(5) > img {
  object-position: 0% 52%;
}

body.straight-frontpage .about-story-card:nth-child(6) > img {
  object-position: 68% 52%;
}

body.straight-frontpage .about-story-card:nth-child(7) > img {
  object-position: 72% 52%;
}

body.straight-frontpage .about-story-card > div {
  position: absolute;
  z-index: 1;
  top: auto;
  right: auto;
  bottom: clamp(18px, 3vw, 34px);
  left: clamp(18px, 3vw, 34px);
  display: flex;
  width: min(42%, 430px) !important;
  margin: 0;
  padding: clamp(20px, 2.4vw, 34px) !important;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(241, 236, 226, 0.22);
  border-radius: clamp(18px, 2vw, 26px);
  background: rgba(18, 32, 46, 0.82);
  box-shadow: 0 18px 44px rgba(7, 14, 21, 0.2);
  transform: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

body.straight-frontpage .about-story-card--portrait::after {
  display: none !important;
}

body.straight-frontpage .about-story-card--copy-right > div {
  right: var(--about-copy-inset);
  left: auto;
}

body.straight-frontpage .about-story-card--copy-top > div {
  top: var(--about-copy-inset);
  bottom: auto;
}

body.straight-frontpage .about-story-card h3,
body.straight-frontpage .about-story-carousel .about-story-card p,
body.straight-frontpage .about-story-carousel .about-story-card p:first-child {
  font-family: "Montserrat", Arial, sans-serif !important;
}

body.straight-frontpage .about-story-card h3 {
  max-width: 20ch;
  color: var(--ref-cream) !important;
  font-size: clamp(1.55rem, 2.15vw, 2.5rem) !important;
  letter-spacing: -0.04em !important;
}

body.straight-frontpage .about-story-carousel .about-story-card p,
body.straight-frontpage .about-story-carousel .about-story-card p:first-child {
  margin-top: 14px !important;
  color: rgba(241, 236, 226, 0.9) !important;
  font-size: clamp(0.94rem, 1vw, 1.08rem) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

body.straight-frontpage .about-story-carousel__arrow {
  border-color: rgba(216, 194, 166, 0.34) !important;
  background: var(--ref-navy) !important;
  color: var(--ref-cream) !important;
}

body.straight-frontpage .about-story-carousel__dots button::before {
  background: rgba(216, 194, 166, 0.48) !important;
}

body.straight-frontpage .about-story-carousel__dots button[aria-current="true"]::before {
  background: var(--ref-terracotta) !important;
}

body.straight-frontpage .about-details-section {
  padding-top: clamp(78px, 9vw, 138px) !important;
  padding-bottom: clamp(78px, 9vw, 138px) !important;
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .about-details-section .training-focus {
  margin-top: 0 !important;
}

body.straight-frontpage .coaching-app-section {
  position: relative;
  overflow: hidden;
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .coaching-app-section::before {
  content: none !important;
}

body.straight-frontpage .coaching-app-shell--final {
  display: grid !important;
  width: min(1580px, 100%) !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(560px, 1.12fr) !important;
  gap: clamp(42px, 5vw, 88px) !important;
  align-items: center !important;
}

body.straight-frontpage .coaching-app-shell--final .coaching-app-copy h2 {
  max-width: 11ch;
  color: var(--ref-cream) !important;
  font-size: clamp(3rem, 5vw, 5.4rem) !important;
}

body.straight-frontpage .coaching-app-copy .eyebrow {
  color: var(--ref-sand) !important;
}

body.straight-frontpage .coaching-app-intro {
  max-width: 650px;
  margin: 24px 0 0;
  color: var(--ref-cream);
  font-size: clamp(1.08rem, 1.35vw, 1.28rem);
  font-weight: 600;
  line-height: 1.55;
}

body.straight-frontpage .coaching-app-shell--final .coaching-app-lead {
  max-width: 650px;
  margin-top: 18px;
  color: rgba(241, 236, 226, 0.88);
}

body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits {
  margin-top: 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits li {
  min-height: 0;
  padding: 20px;
  border-color: rgba(216, 194, 166, 0.34);
  border-radius: 18px;
  background: rgba(18, 32, 46, 0.28);
  color: var(--ref-cream);
}

body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits li:last-child {
  grid-column: 1 / -1;
}

body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits li > span {
  color: var(--ref-sand);
}

body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits strong,
body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits small {
  color: var(--ref-cream);
}

body.straight-frontpage .coaching-app-visual--screenshot {
  position: relative;
  display: grid;
  width: 100%;
  margin-right: clamp(-72px, -4vw, -24px);
  padding: clamp(18px, 2.2vw, 30px);
  gap: 14px;
  border: 1px solid rgba(18, 32, 46, 0.2);
  border-radius: 34px;
  background: var(--ref-cream);
  box-shadow: 0 32px 70px rgba(18, 32, 46, 0.24);
  transform: rotate(0.75deg);
}

body.straight-frontpage .coaching-app-visual--screenshot::before,
body.straight-frontpage .coaching-app-visual--screenshot::after {
  content: none !important;
}

body.straight-frontpage .coaching-app-device-header {
  display: flex;
  min-height: 64px;
  padding: 2px 6px 12px;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid rgba(18, 32, 46, 0.14);
}

body.straight-frontpage .coaching-app-logo {
  width: 82px;
  height: 50px;
  padding: 2px 6px;
  object-fit: contain;
}

body.straight-frontpage .coaching-app-device-header p {
  display: grid;
  margin: 0;
  color: var(--ref-navy);
  font-family: "Montserrat", Arial, sans-serif;
  line-height: 1.2;
}

body.straight-frontpage .coaching-app-device-header strong {
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.straight-frontpage .coaching-app-device-header p span {
  margin-top: 3px;
  color: var(--ref-olive);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.straight-frontpage .coaching-app-device-status {
  width: 18px;
  height: 18px;
  margin-left: auto;
  border: 5px solid rgba(84, 93, 67, 0.14);
  border-radius: 50%;
  background: var(--ref-olive);
}

body.straight-frontpage .coaching-app-visual--screenshot figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(18, 32, 46, 0.16);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(18, 32, 46, 0.14);
}

body.straight-frontpage .coaching-app-visual--screenshot figure img {
  display: block;
  width: 100%;
  height: auto;
}

body.straight-frontpage .coaching-app-actions .button {
  background: var(--ref-sand) !important;
  color: var(--ref-navy) !important;
}

body.straight-frontpage .portal-login-link,
body.straight-frontpage .coaching-app-credit,
body.straight-frontpage .coaching-app-credit a {
  color: var(--ref-cream) !important;
}

body.straight-frontpage .testimonials-section {
  display: grid;
  grid-template-columns: minmax(250px, 0.38fr) minmax(0, 1fr);
  gap: clamp(38px, 6vw, 92px);
  align-items: start;
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .testimonials-section > .section-heading {
  margin: 0 !important;
  text-align: left !important;
}

body.straight-frontpage .testimonials-section > .section-heading .eyebrow {
  color: var(--ref-terracotta) !important;
}

body.straight-frontpage .testimonials-section > .section-heading h2,
body.straight-frontpage .testimonials-section > .section-heading p:not(.eyebrow) {
  color: var(--ref-cream) !important;
}

body.straight-frontpage .testimonial-stage {
  width: 100%;
  margin: 0 !important;
}

body.straight-frontpage .testimonial-display,
body.straight-frontpage .testimonial-card,
body.straight-frontpage .testimonial-card.is-active {
  min-height: clamp(560px, 42vw, 660px) !important;
}

body.straight-frontpage .testimonial-stage__glow,
body.straight-frontpage .testimonial-plate {
  display: none !important;
}

body.straight-frontpage .testimonial-card {
  border-color: rgba(216, 194, 166, 0.34) !important;
  background: var(--ref-slate) !important;
  box-shadow: none !important;
}

body.straight-frontpage .testimonial-dots {
  bottom: 72px !important;
}

body.straight-frontpage .testimonial-dots button::before {
  background: var(--ref-terracotta) !important;
  opacity: 0.48;
}

body.straight-frontpage .testimonial-dots button[aria-current="true"]::before,
body.straight-frontpage .testimonial-dots button.is-active::before {
  background: var(--ref-terracotta) !important;
  opacity: 1;
  transform: scale(1.16);
}

body.straight-frontpage .testimonial-controls {
  bottom: 4px !important;
}

body.straight-frontpage .testimonial-controls button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-color: var(--ref-sand) !important;
  background: var(--ref-terracotta) !important;
  color: var(--ref-cream) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.straight-frontpage .testimonial-controls button:is(:hover, :focus-visible, :active) {
  transform: none !important;
}

body.straight-frontpage .testimonial-controls button > span {
  display: block !important;
  width: 1em;
  height: 1em;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, sans-serif !important;
  font-size: 1em !important;
  line-height: 0.88 !important;
  text-align: center;
  transform: none !important;
}

@media (min-width: 1081px) {
  body.straight-frontpage .testimonial-stage {
    min-height: calc(clamp(560px, 42vw, 660px) + 128px) !important;
  }
}

body.straight-frontpage .socials-section {
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .socials-section .socials-heading .eyebrow,
body.straight-frontpage .socials-section .socials-heading h2,
body.straight-frontpage .socials-section .socials-heading > p:last-child {
  color: var(--ref-cream) !important;
}

body.straight-frontpage .social-card {
  border-color: rgba(18, 32, 46, 0.18) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.straight-frontpage .socials-grid a.social-card.social-card--strava {
  background: var(--ref-terracotta) !important;
  color: var(--ref-cream) !important;
}

body.straight-frontpage .socials-grid a.social-card.social-card--instagram {
  background: var(--ref-sand) !important;
  color: var(--ref-navy) !important;
}

body.straight-frontpage .socials-grid a.social-card.social-card--facebook {
  background: var(--ref-slate) !important;
  color: var(--ref-cream) !important;
}

body.straight-frontpage .socials-grid a.social-card.social-card--youtube {
  background: #875354 !important;
  color: var(--ref-cream) !important;
}

body.straight-frontpage .social-card :where(small, strong, p) {
  color: inherit !important;
}

body.straight-frontpage .social-card .social-icon {
  border: 1px solid currentColor !important;
  background: transparent !important;
  color: inherit !important;
}

body.straight-frontpage .socials-grid a.social-card.social-card--youtube .social-icon {
  border-color: rgba(241, 236, 226, 0.68) !important;
  background: #643b3e !important;
}

body.straight-frontpage .events-card {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  border-color: rgba(216, 194, 166, 0.24) !important;
  background: var(--ref-navy) !important;
  box-shadow: none !important;
}

body.straight-frontpage .site-footer {
  border-top-color: rgba(216, 194, 166, 0.22) !important;
  background: var(--ref-navy) !important;
  color: var(--ref-cream) !important;
}

body.straight-frontpage .site-footer__brand {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--ref-cream);
  text-decoration: none;
}

body.straight-frontpage .site-footer__brand img {
  width: 58px;
  height: auto;
  object-fit: contain;
}

body.straight-frontpage .site-footer__brand span {
  display: grid;
  margin: 0;
  gap: 3px;
}

body.straight-frontpage .site-footer__brand strong,
body.straight-frontpage .site-footer__brand small,
body.straight-frontpage .site-footer__meta a {
  color: var(--ref-cream) !important;
}

body.straight-frontpage .site-footer__brand small {
  color: rgba(241, 236, 226, 0.72) !important;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.straight-frontpage .events-card__head,
body.straight-frontpage .events-list {
  width: 100% !important;
  min-width: 0;
}

body.straight-frontpage .events-list article {
  width: 100%;
  min-width: 0;
}

body.straight-frontpage .events-card :where(.panel-label, time, strong, p) {
  color: var(--ref-cream) !important;
}

body.straight-frontpage .apply-section {
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .tardis-section {
  padding-top: clamp(72px, 9vw, 132px) !important;
  padding-bottom: clamp(72px, 9vw, 132px) !important;
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .test-personality-card {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  border: 1px solid rgba(18, 32, 46, 0.14) !important;
  border-radius: 28px !important;
  background: var(--ref-olive) !important;
  box-shadow: none !important;
}

body.straight-frontpage .test-personality-card > div {
  display: flex;
  min-height: 480px;
  padding: clamp(38px, 6vw, 86px) !important;
  flex-direction: column;
  justify-content: center;
  background: var(--ref-olive) !important;
}

body.straight-frontpage .test-personality-card blockquote {
  max-width: 17ch;
  color: var(--ref-cream) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: clamp(1.8rem, 3.4vw, 3.6rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.12 !important;
}

body.straight-frontpage .test-personality-card cite {
  margin-top: 24px;
  color: var(--ref-sand) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

body.straight-frontpage .test-personality-card figure {
  min-height: 480px;
  background: var(--ref-navy);
}

body.straight-frontpage .test-personality-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
}

body.straight-frontpage .faq-section,
body.straight-frontpage .pricing-section,
body.straight-frontpage .privacy-note-section {
  background: var(--ref-olive-effect) !important;
}

body.straight-frontpage .pricing-section > .section-heading .eyebrow,
body.straight-frontpage .pricing-section > .section-heading h2,
body.straight-frontpage .faq-section > .section-heading .eyebrow {
  color: var(--ref-cream) !important;
}

body.straight-frontpage .faq-grid :where(summary, p) {
  font-family: "Montserrat", Arial, sans-serif !important;
}

@media (max-width: 1080px) {
  body.straight-frontpage .coaching-app-shell--final,
  body.straight-frontpage .testimonials-section {
    grid-template-columns: 1fr !important;
  }

  body.straight-frontpage .coaching-app-visual--screenshot {
    width: min(820px, 100%);
    margin: 0 auto;
  }

  body.straight-frontpage .testimonials-section > .section-heading {
    max-width: 720px !important;
  }
}

@media (max-width: 760px) {
  body.straight-frontpage .test-frontpage-header .brand-lockup small {
    display: block !important;
    font-size: 0.44rem !important;
    letter-spacing: 0.11em !important;
    white-space: nowrap;
  }

  body.straight-frontpage .test-front-hero--minimal {
    min-height: calc(100svh - var(--header-height, 72px)) !important;
  }

  body.straight-frontpage .test-front-hero--minimal .test-front-hero__photo::before {
    background: rgba(18, 32, 46, 0.38) !important;
  }

  body.straight-frontpage .test-front-hero--minimal .test-front-hero__photo img {
    width: 100% !important;
    object-position: 59% center !important;
    transform: none !important;
  }

  body.straight-frontpage .test-front-hero--minimal .test-front-hero__box {
    width: 100% !important;
    background: rgba(18, 32, 46, 0.8) !important;
  }

  body.straight-frontpage .test-front-hero--minimal h1 {
    max-width: 12ch !important;
    font-size: clamp(2.35rem, 11vw, 3.35rem) !important;
  }

  body.straight-frontpage .test-about-section > .section-heading > h2 {
    max-width: 12ch !important;
    font-size: clamp(2.35rem, 10vw, 3.4rem) !important;
  }

  body.straight-frontpage .about-story-card > div {
    position: absolute;
    top: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
    width: auto !important;
    padding: 19px 18px !important;
    border: 1px solid rgba(241, 236, 226, 0.22) !important;
    border-radius: 18px !important;
    background: rgba(18, 32, 46, 0.82) !important;
    box-shadow: 0 14px 32px rgba(7, 14, 21, 0.2) !important;
    transform: none !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  body.straight-frontpage .about-story-card > img,
  body.straight-frontpage .about-story-card:nth-child(4) > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }

  body.straight-frontpage .about-story-card {
    display: block !important;
  }

  body.straight-frontpage .about-story-card h3 {
    font-size: clamp(1.45rem, 7vw, 2rem) !important;
  }

  body.straight-frontpage .about-story-carousel .about-story-card p,
  body.straight-frontpage .about-story-carousel .about-story-card p:first-child {
    margin-top: 10px !important;
    font-size: 0.86rem !important;
    line-height: 1.48 !important;
  }

  body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits {
    grid-template-columns: 1fr;
  }

  body.straight-frontpage .coaching-app-shell--final .coaching-app-benefits li:last-child {
    grid-column: auto;
  }

  body.straight-frontpage .coaching-app-visual--screenshot {
    padding: 18px;
    border-radius: 22px;
  }

  body.straight-frontpage .testimonials-section {
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  body.straight-frontpage .testimonials-section > .section-heading {
    text-align: left !important;
  }

  body.straight-frontpage .testimonial-dots {
    bottom: 76px !important;
  }

  body.straight-frontpage .testimonial-display,
  body.straight-frontpage .testimonial-card,
  body.straight-frontpage .testimonial-card.is-active {
    min-height: 640px !important;
  }

  body.straight-frontpage .test-personality-card {
    grid-template-columns: 1fr !important;
  }

  body.straight-frontpage .test-personality-card > div,
  body.straight-frontpage .test-personality-card figure {
    min-height: 360px;
  }

  body.straight-frontpage .test-personality-card blockquote {
    max-width: 18ch;
    font-size: clamp(1.7rem, 8vw, 2.5rem) !important;
  }
}

@media (max-width: 420px) {
  body.straight-frontpage .test-front-hero--minimal .test-front-hero__content {
    padding: 12px !important;
  }

  body.straight-frontpage .test-front-hero--minimal .test-front-hero__box {
    padding: 22px 18px !important;
  }

  body.straight-frontpage .hero-consultation-button {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  body.straight-frontpage .about-story-carousel__controls {
    grid-template-columns: 48px 1fr 48px !important;
  }

  body.straight-frontpage .about-story-carousel__arrow {
    width: 48px;
    min-width: 48px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.straight-frontpage *,
  body.straight-frontpage *::before,
  body.straight-frontpage *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
