/*
 * Gotek mobile editorial contract.
 *
 * This is the single decision layer for layouts at 820px and below. Earlier
 * responsive rules remain as compatibility foundations, but alignment,
 * reading measure, section rhythm and product identity are defined here.
 */

.gotek-service-mobile-story { display: none; }

@media (max-width: 820px) {
  :root {
    --gotek-mobile-gutter: 16px;
    --gotek-mobile-section-sm: 40px;
    --gotek-mobile-section-md: 56px;
    --gotek-mobile-section-lg: 72px;
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  body,
  button,
  input,
  select,
  textarea {
    font-family: "Be Vietnam Pro", system-ui, sans-serif;
  }

  main :where(p, li, dd, figcaption),
  .gotek-footer :where(p, address) {
    overflow-wrap: break-word;
  }

  /* Reading copy has one floor. Small labels remain free to use the compact
     metadata scale because their classes explicitly identify that role. */
  html body[class][class][class] main :where(
    p:not([class*="kicker"]):not([class*="eyebrow"]):not([class*="label"]):not([class*="meta"]):not([class*="role"]),
    li,
    dd,
    figcaption:not([class*="meta"])
  ) {
    font-size: 14px !important;
    line-height: 1.62 !important;
    text-align: left !important;
  }

  /* Kicker and eyebrow text is metadata rather than reading copy, but it must
     remain legible on a real phone instead of inheriting 10px legacy sizes. */
  html body[class][class][class] main :where(
    [class*="kicker"],
    [class*="eyebrow"]
  ) {
    font-size: max(12px, .75rem) !important;
    line-height: 1.45 !important;
  }

  main :where(button, a, summary, input, select, textarea) {
    touch-action: manipulation;
  }

  main :where(button, summary, input, select),
  main a[class],
  .gotek-footer a {
    min-height: 44px;
  }

  main :where(a, button, summary, input, select, textarea):focus-visible,
  .gotek-footer a:focus-visible {
    outline: 3px solid rgba(8, 113, 239, .34);
    outline-offset: 3px;
  }

  /* Home: one promise, then a decision-oriented reading sequence. */
  body.home .home-partners,
  body.home .hero-global-followup,
  body.home .metaads-feature-chapter,
  body.home .delivery-chapter,
  body.home .culture-chapter {
    display: none !important;
  }

  body.home .hero-sequence .hero-beat-origin {
    justify-items: start !important;
    text-align: left !important;
  }

  body.home .hero-sequence :where(.hero-kicker, h1, h1 span, .hero-beat-origin > p) {
    margin-inline: 0 !important;
    text-align: left !important;
  }

  html body.home[class][class] main :where(
    .hero-intro,
    .hero-beat-bridge > p,
    .hero-beat-global > p,
    p:not([class*="kicker"]):not([class*="meta"]):not([class*="eyebrow"])
  ) {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  html body.home .hero-sequence[data-hero-scene] .hero-beat-origin .hero-intro,
  html body.home .hero-sequence[data-hero-scene] .hero-beat-bridge > p:not(.hero-kicker),
  html body.home .hero-sequence[data-hero-scene] .hero-beat-global > p:not(.hero-kicker) {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  body.home main > section:not(.hero-sequence):not(.contact-chapter) {
    padding-top: var(--gotek-mobile-section-md) !important;
    padding-bottom: var(--gotek-mobile-section-md) !important;
  }

  body.home :where(.services-heading, .services-showcase__head, .ecosystem-intro, .resources-head) {
    justify-items: start !important;
    text-align: left !important;
  }

  body.home :where(.services-heading, .services-showcase__head, .ecosystem-intro, .resources-head)
  :where(h2, p, .section-context, .services-showcase__eyebrow, .ecosystem-kicker) {
    max-width: 100% !important;
    margin-inline: 0 !important;
    text-align: left !important;
  }

  /* The process title is the one deliberate centered chapter transition. */
  body.home .global-process__head {
    justify-items: center !important;
    text-align: center !important;
  }

  body.home .global-process__head :where(h2, p, .global-process__eyebrow) {
    margin-inline: auto !important;
    text-align: center !important;
  }

  body.home .global-process__step,
  body.home .global-process__step :where(h3, p) {
    text-align: left !important;
  }

  body.home :where(.services-heading > p, .global-process__head > p, .services-showcase__head > p,
  .ecosystem-intro > p, .resources-head > p, .global-process__step p,
  .services-product-card__content p, .ecosystem-unit-copy p, .resource-card p) {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.home .services-showcase__tabs {
    border-top: 1px solid #dce5f1;
  }

  body.home .services-showcase__tabs :where(a, button) {
    min-height: 52px !important;
    border: 0 !important;
    border-bottom: 1px solid #dce5f1 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.home .services-showcase__tabs :where(a, button).is-active {
    color: #075de0 !important;
    background: #f2f7ff !important;
    box-shadow: inset 3px 0 #075de0 !important;
  }

  body.home .services-product-card,
  body.home .ecosystem-master,
  body.home .ecosystem-unit,
  body.home .resource-card {
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  /* About: narrative first, symbolic centering only at the closing promise. */
  body.gotek-about-page main :where(.about-hero__copy, .about-story__copy,
  .about-purpose-gallery__header, .about-values__heading,
  .about-process-mosaic__content, .about-people__grid > div:first-child,
  .about-ecosystem .about-heading) {
    justify-items: start !important;
    align-items: start !important;
    text-align: left !important;
  }

  body.gotek-about-page main :where(.about-hero__copy, .about-story__copy,
  .about-purpose-gallery__header, .about-values__heading,
  .about-process-mosaic__content, .about-people__grid > div:first-child,
  .about-ecosystem .about-heading) :where(h1, h2, h3, p, .about-kicker) {
    max-width: 100% !important;
    margin-inline: 0 !important;
    text-align: left !important;
  }

  body.gotek-about-page .about-hero--renewed div.about-hero__copy {
    text-align: left !important;
  }

  body.gotek-about-page .about-hero--renewed .about-hero__visual-logo {
    justify-self: center;
  }

  html body.gotek-about-page[class][class] main p:not(.about-kicker),
  html body.gotek-about-page[class][class] main .about-purpose-gallery__statements article p:last-child,
  html body.gotek-about-page[class][class] main .about-ecosystem :where(.about-heading, article) :where(p, li) {
    font-size: 14px !important;
    line-height: 1.65 !important;
    text-align: left !important;
  }

  body.gotek-about-page main :where(.about-story__copy > p,
  .about-purpose-gallery__header > p:last-child,
  .about-purpose-gallery__statements p:last-child,
  .about-values__heading > p:last-child,
  .about-value p, .about-value h4,
  .about-process-mosaic__content header > p:last-child,
  .about-process-mosaic__steps p,
  .about-people__grid > div:first-child > p:not(.about-kicker),
  .about-ecosystem .about-heading > p,
  .about-ecosystem article p,
  .about-ecosystem article li,
  .about-closing p) {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.gotek-about-page .about-purpose-gallery__images {
    display: flex !important;
    width: calc(100vw - var(--gotek-mobile-gutter)) !important;
    height: auto !important;
    margin-right: calc(var(--gotek-mobile-gutter) * -1) !important;
    padding: 0 var(--gotek-mobile-gutter) 10px 0 !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-padding-inline: var(--gotek-mobile-gutter);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%);
  }

  body.gotek-about-page .about-purpose-gallery__images::-webkit-scrollbar,
  body.gotek-about-page .about-people__mosaic::-webkit-scrollbar { display: none; }

  body.gotek-about-page .about-purpose-gallery__images figure,
  body.gotek-about-page .about-purpose-gallery__images figure:first-child,
  body.gotek-about-page .about-purpose-gallery__images figure:nth-child(2),
  body.gotek-about-page .about-purpose-gallery__images figure:nth-child(3) {
    flex: 0 0 min(82vw, 330px) !important;
    width: min(82vw, 330px) !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    scroll-snap-align: start;
  }

  body.gotek-about-page .about-purpose-gallery__statements {
    grid-template-columns: 1fr !important;
  }

  body.gotek-about-page .about-purpose--gallery .about-purpose-gallery__statements article,
  body.gotek-about-page .about-purpose--gallery .about-purpose-gallery__statements article:first-child,
  body.gotek-about-page .about-purpose--gallery .about-purpose-gallery__statements article:nth-child(2) {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 22px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d6e0ec !important;
    border-radius: 0 !important;
    text-align: left !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.gotek-about-page .about-values-orbit {
    display: block !important;
  }

  body.gotek-about-page .about-values-orbit__visual {
    display: none !important;
  }

  body.gotek-about-page .about-values--orbit .about-value,
  body.gotek-about-page .about-values--orbit .about-value--4 {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 20px 0 22px 48px !important;
    border: 0 !important;
    border-top: 1px solid #d8e2ed !important;
    border-radius: 0 !important;
    text-align: left !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.gotek-about-page .about-values--orbit .about-value:last-child {
    border-bottom: 1px solid #d8e2ed !important;
  }

  body.gotek-about-page .about-value__title span {
    top: 22px !important;
    left: 0 !important;
  }

  body.gotek-about-page .about-process-mosaic__media {
    display: none !important;
  }

  body.gotek-about-page .about-process-mosaic__grid {
    display: block !important;
  }

  body.gotek-about-page .about-process-mosaic__steps {
    display: block !important;
    margin-top: 24px !important;
  }

  body.gotek-about-page .about-process-mosaic__steps li,
  body.gotek-about-page .about-process-mosaic__steps li:nth-child(even) {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 20px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d5dfeb !important;
  }

  body.gotek-about-page .about-process-mosaic__steps h3 {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  body.gotek-about-page .about-people__mosaic {
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%);
  }

  body.gotek-about-page .about-ecosystem article {
    min-height: 0 !important;
    padding: 28px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d6e0eb !important;
    border-radius: 0 !important;
    text-align: left !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.gotek-about-page .about-ecosystem article :where(h3, p, li, a),
  body.gotek-about-page .about-ecosystem .about-heading :where(h2, p) {
    text-align: left !important;
  }

  body.gotek-about-page .about-ecosystem :where(.about-ecosystem__role, .about-ecosystem__logo) {
    align-self: flex-start !important;
    justify-self: flex-start !important;
    margin-inline: 0 !important;
  }

  body.gotek-about-page .about-closing__grid > div {
    justify-items: center !important;
    text-align: center !important;
  }

  body.gotek-about-page .about-closing :where(h2, p) {
    margin-inline: auto !important;
    text-align: center !important;
  }

  /* Product pages keep only the chapters that answer a different decision.
     The hidden groups repeat copy already retained in the native process,
     products, capability/checklist and FAQ modules. */
  body.gotek-hosting-service-page main :where(
    .gotek-hosting-tech-section,
    .gotek-infrastructure-capability
  ),
  body.gotek-hosting-service-page main #gotek-editorial-intro + section + section,
  body.gotek-saas-service-page main :where(
    .gotek-web-principles,
    .gotek-saas-opening-benefits,
    .gotek-tech-section,
    .gotek-why-section,
    .gotek-saas-journey
  ),
  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page) main :where(
    .gotek-web-principles,
    .gotek-tech-section,
    .gotek-why-section,
    .gotek-deploy-section
  ),
  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page)
  main section.py-24.bg-white.dark\:bg-slate-950.overflow-hidden:not(.relative):not(.gotek-tech-section) {
    display: none !important;
  }

  /* Native service hero and page-specific decision module. */
  body.gotek-website-service-page .gotek-service-hero {
    min-height: 0 !important;
    padding: 88px 0 0 !important;
  }

  body.gotek-website-service-page .gotek-service-hero__shell {
    display: flex !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  body.gotek-website-service-page .gotek-service-hero__copy {
    box-sizing: border-box;
    width: 100%;
    padding: 24px var(--gotek-mobile-gutter) 32px;
    text-align: left;
  }

  body.gotek-website-service-page .gotek-service-hero :where(.about-kicker, h1, .gotek-service-hero__description) {
    margin-inline: 0 !important;
    text-align: left !important;
  }

  body.gotek-website-service-page .gotek-service-hero h1 {
    max-width: 14ch !important;
    font-size: clamp(30px, 8.5vw, 36px) !important;
    line-height: 1.12 !important;
  }

  body.gotek-website-service-page .gotek-service-hero__description {
    max-width: 38ch !important;
    margin-top: 13px !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  body.gotek-website-service-page .gotek-service-hero .about-button {
    width: max-content !important;
    min-height: 48px !important;
    margin: 0 !important;
  }

  body.gotek-website-service-page .gotek-service-hero__media {
    box-sizing: border-box;
    width: 100%;
    min-height: 300px;
    padding: 4px 0 0;
    overflow: hidden;
  }

  body.gotek-website-service-page .gotek-service-hero__media img {
    width: 100%;
    height: 320px;
    object-fit: contain;
    object-position: center bottom;
  }

  body.gotek-website-service-page .gotek-service-mobile-story {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: var(--gotek-mobile-section-md) var(--gotek-mobile-gutter);
  }

  body.gotek-website-service-page .gotek-service-mobile-story > header {
    max-width: 42rem;
    margin: 0;
    text-align: left;
  }

  body.gotek-website-service-page .gotek-service-mobile-story > header > p {
    margin: 0 0 10px;
    color: #0667e8;
    font-size: 11px !important;
    font-weight: 750;
    line-height: 1.45;
    letter-spacing: .13em;
  }

  body.gotek-website-service-page .gotek-service-mobile-story h2 {
    max-width: 22ch !important;
    margin: 0 !important;
    color: #0a1a4f;
    font-size: clamp(26px, 7.4vw, 32px) !important;
    line-height: 1.18 !important;
    text-align: left !important;
    text-wrap: balance;
  }

  body.gotek-website-service-page .gotek-service-mobile-story > header > div {
    max-width: 42ch;
    margin-top: 14px;
    color: #52647f;
    font-size: 14px;
    line-height: 1.65;
  }

  body.gotek-website-service-page .gotek-service-mobile-story ol {
    display: block;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
  }

  body.gotek-website-service-page .gotek-service-mobile-story li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(10, 26, 79, .14);
    text-align: left;
  }

  body.gotek-website-service-page .gotek-service-mobile-story li > span {
    padding-top: 3px;
    color: #0667e8;
    font-size: 12px;
    font-weight: 750;
  }

  body.gotek-website-service-page .gotek-service-mobile-story h3 {
    margin: 0 0 7px !important;
    color: #0a1a4f;
    font-size: 17px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  body.gotek-website-service-page .gotek-service-mobile-story li p {
    margin: 0;
    color: #536580;
    font-size: 14px !important;
    line-height: 1.62 !important;
    text-align: left !important;
  }

  body.gotek-hosting-service-page .gotek-service-mobile-story {
    color: #fff;
    background: #071b3e;
  }

  body.gotek-hosting-service-page .gotek-service-mobile-story h2,
  body.gotek-hosting-service-page .gotek-service-mobile-story h3 { color: #fff !important; }
  body.gotek-hosting-service-page .gotek-service-mobile-story > header > p { color: #65c9ff; }
  body.gotek-hosting-service-page .gotek-service-mobile-story :where(header > div, li p) { color: #bdcadc !important; }
  body.gotek-hosting-service-page .gotek-service-mobile-story li { border-color: rgba(255, 255, 255, .16); }
  body.gotek-hosting-service-page .gotek-service-mobile-story li > span { color: #65c9ff; }

  html body.gotek-hosting-service-page[class][class] main #ecosystem :where(p, li),
  html body.gotek-hosting-service-page[class][class] main #service-ecosystem :where(p, li) {
    font-size: 14px !important;
    line-height: 1.62 !important;
    text-align: left !important;
  }

  html body.gotek-website-service-page[class][class] main :where(#ecosystem, #service-ecosystem) .ecosystem-intro,
  html body.gotek-website-service-page[class][class] main :where(#ecosystem, #service-ecosystem) .ecosystem-intro :where(h2, p) {
    justify-items: start !important;
    margin-inline: 0 !important;
    text-align: left !important;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story {
    background: #f1f6fc;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story li {
    display: block;
    padding: 0;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story details {
    width: 100%;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story summary {
    position: relative;
    box-sizing: border-box;
    display: grid;
    width: 100%;
    min-height: 60px;
    padding: 16px 42px 16px 0;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    cursor: pointer;
    list-style: none;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story summary::-webkit-details-marker {
    display: none;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 4px;
    color: #0667e8;
    font-size: 24px;
    font-weight: 400;
    transform: translateY(-50%);
  }

  body.gotek-saas-service-page .gotek-service-mobile-story details[open] summary::after {
    content: "−";
  }

  body.gotek-saas-service-page .gotek-service-mobile-story summary > span {
    color: #0667e8;
    font-size: 12px;
    font-weight: 750;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story summary h3 {
    margin: 0 !important;
  }

  body.gotek-saas-service-page .gotek-service-mobile-story details > p {
    padding: 0 42px 18px 50px;
  }

  body.gotek-website-service-page:not(.gotek-saas-service-page):not(.gotek-hosting-service-page)
  .gotek-service-mobile-story li {
    border-left: 3px solid #dbeaff;
    padding-left: 14px;
  }

  body.gotek-website-service-page main :where(p, li, figcaption),
  body.gotek-website-service-page main :where(a, button, summary) {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  body.gotek-website-service-page main :where(section header, .gotek-faq-shell > header),
  body.gotek-website-service-page main :where(section header, .gotek-faq-shell > header) :where(h2, p, div) {
    text-align: left !important;
  }

  body.gotek-website-service-page main :where(section, section header, article, aside, .gotek-faq-shell, .gotek-faq-layout)
  :where(h2, h3, h4, p, li, summary, div:not([class])) {
    text-align: left !important;
  }

  body.gotek-website-service-page main .gotek-faq-shell > header :where(h2, p, div) {
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  body.gotek-website-service-page main .gotek-faq-layout,
  body.gotek-website-service-page main .gotek-faq-list {
    text-align: left !important;
  }

  /* Insights, articles and legal documents are reading surfaces. */
  body :where(.gotek-blog-intro-grid, .gotek-blog-section-head, .gotek-article-header,
  .gotek-article-content, .entry-content, .wp-page > article > header) {
    text-align: left !important;
  }

  body .gotek-blog-topics {
    position: relative;
    gap: 6px !important;
    scroll-snap-type: x proximity;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 16px), transparent 100%);
  }

  body .gotek-blog-topics > a {
    padding-inline: 9px !important;
    scroll-snap-align: start;
  }

  html body.gotek-website-service-page[class][class][class] main
  .gotek-industry-websites .gotek-industry-websites__header > div {
    max-width: 48ch !important;
    margin-inline: 0 !important;
    text-align: left !important;
  }

  body :where(.gotek-article-content, .entry-content) :where(p, li, dd) {
    font-size: max(14px, 1em) !important;
  }

  body :where(.gotek-article-content, .entry-content) :where(table, pre) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  /* Contact and careers follow task order, so all working copy is left-led. */
  body :where(.contact-complete-hero__inner, .contact-complete-form-section,
  .contact-complete-intro, .contact-complete-quick__card,
  .careers-hero__copy, .careers-principles header, .careers-section-head,
  .careers-journey header, .careers-life__copy, .careers-apply__intro,
  .careers-faq > header) {
    justify-items: start !important;
    text-align: left !important;
  }

  body :where(.contact-complete-hero__inner, .contact-complete-form-section,
  .contact-complete-intro, .careers-main) :where(h1, h2, h3, p) {
    text-align: left !important;
  }

  body .contact-complete-form__grid,
  body .career-form__grid {
    grid-template-columns: 1fr !important;
  }

  body :where(.contact-complete-form, .career-form) label > span {
    display: block;
    margin-bottom: 7px;
    text-align: left;
  }

  html body[class][class][class] main :where(.contact-complete-form, .career-form) label,
  html body[class][class][class] main :where(.contact-complete-form, .career-form) label > span:not([class*="meta"]) {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body[class][class][class] main :where(.contact-complete-form, .career-form) label small {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body .careers-journey ol {
    display: block !important;
    border-top: 1px solid #d7e0ec;
  }

  body .careers-journey li,
  body .careers-journey li + li {
    min-height: 0 !important;
    padding: 22px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d7e0ec !important;
    text-align: left !important;
  }

  body .careers-principles__grid article {
    padding: 22px 0 !important;
    border: 0 !important;
    border-top: 1px solid #d9e2ed !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Footer identity closes centrally; all useful information remains scannable. */
  body .gotek-footer :where(.gotek-footer-brand > p, .gotek-footer-column,
  .gotek-footer-info, .gotek-footer-base, address) {
    text-align: left !important;
  }

  html body[class][class] .gotek-footer :where(p, address, a) {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  body .gotek-footer :where(.gotek-footer-logo, .gotek-footer-social) {
    align-self: center !important;
    justify-content: center !important;
  }

  body .gotek-footer-cta,
  body .gotek-footer-cta :where(h2, p) {
    text-align: center !important;
  }

  html body.error404[class][class] .gotek-error-card,
  html body.error404[class][class] .gotek-error-card :where(h1, p) {
    text-align: center !important;
  }

  /* The sole centered chapter transition on the homepage. */
  html body.home[class][class] .global-process__head :where(h2, p, .global-process__eyebrow),
  html body.gotek-about-page[class][class] .about-closing :where(h2, p) {
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  body.gotek-website-service-page .gotek-service-hero__media,
  body.gotek-website-service-page .gotek-service-hero__media img {
    min-height: 280px;
    height: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gotek-service-hero,
  .gotek-service-hero *,
  .gotek-service-mobile-story,
  .gotek-service-mobile-story * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}