/* About page -------------------------------------------------------------- */
html.is-about-page {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

html.is-about-page body {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}

.about-page-app {
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  overflow: visible;
}

.about-page-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100vw;
  min-height: 100svh;
  background: var(--bg);
  overflow: visible;
  scroll-behavior: smooth;
}

.about-scroll-column {
  position: relative;
  min-width: 0;
  overflow: visible;
}

.about-scroll-track {
  width: 100%;
  transform: none;
}

.about-scroll-column-videos {
  position: relative;
  grid-area: 1 / 1;
  z-index: 1;
  width: 100vw;
  overflow: hidden;
}

.about-video-hover-blur {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  min-height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition:
    background-color 1s cubic-bezier(0.365, 0.220, 0.000, 0.995),
    backdrop-filter 1s cubic-bezier(0.365, 0.220, 0.000, 0.995),
    -webkit-backdrop-filter 1s cubic-bezier(0.365, 0.220, 0.000, 0.995);
}

@media (min-width: 701px) {
  .about-page-app.is-about-video-blur-active .about-video-hover-blur {
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(var(--overlay-blur));
    -webkit-backdrop-filter: blur(var(--overlay-blur));
  }
}

.about-scroll-column-intro-contact {
  grid-area: 1 / 1;
  z-index: 5;
  width: 350px;
  color: var(--text);
}

.about-scroll-column-text {
  grid-area: 1 / 1;
  z-index: 4;
  width: 350px;
  padding: 0;
  color: var(--text);
  justify-self: end;
}

.about-scroll-column-intro-contact .about-scroll-track {
  min-height: var(--page-height);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--about-text-size);
  padding: 7px;
}

.about-scroll-column-text .about-scroll-track {
  display: flex;
  flex-direction: column;
  gap: var(--about-text-size);
  padding: 7px;
}

.about-video-track {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.about-video-card {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--bg);
}

.about-video-frame {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  background: var(--bg);
}

.about-video-poster,
.about-video-frame video {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc((100lvh - 1em - (6 * 7px)));
  object-fit: cover;
  object-position: center center;
  background: var(--bg);
}

.about-video-frame.has-poster .about-video-poster {
  position: relative;
  z-index: 1;
}

.about-video-frame.has-poster video {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-height: none;
  opacity: 0;
}

.about-video-frame.has-poster video.is-video-ready { opacity: 1; }

.about-page-section {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--text);
  font-size: var(--about-text-size);
  line-height: 1.1;
  font-weight: 550;
  letter-spacing: 0.005em;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.about-page-section p { margin: 0; }
.about-page-section a { color: var(--text); text-decoration: none; }

.about-entry {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

.about-work-list p,
.about-client-list p,
.about-entry {
  width: 100%;
  margin: 0;
}

.about-portfolio-download {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3px 7px;
}
.about-portfolio-link { align-self: center; }

.contact-intro { width: 100%; margin: 0; text-align: left; }

.about-contact-links-section { gap: 0; margin-top: 0; }
.about-contact-buttons {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.about-contact-button {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  background: transparent;
  color: var(--text) !important;
  text-decoration: none;
  border-top: 0;
}

.about-underlined-link {
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: repeat-x;
  background-size: 2px 1px;
  background-position: 0 95%;
}

.about-underlined-link:hover,
.about-underlined-link:focus-visible { background-image: none; }

.about-portfolio-link {
  display: inline-block;
  width: max-content;
  max-width: 100%;
  border: 1px solid currentColor;
  min-height: var(--site-menu-toggle-height);
  padding: 0 8px;
  border-radius: 2em;
  font-size: var(--site-menu-button-size);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-image: none;
}

@media (min-width: 701px) {
  html.is-about-page,
  html.is-about-page body {
    width: 100%;
    height: var(--page-height);
    min-height: var(--page-height);
    overflow: hidden;
    overscroll-behavior: none;
  }

  html.is-about-page body { touch-action: none; }

  .about-page-app,
  .about-page-stage,
  .about-scroll-column {
    height: var(--page-height);
    min-height: var(--page-height);
    overflow: hidden;
  }

  .about-page-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .about-scroll-track {
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 700px) {
  html.is-about-page {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  html.is-about-page::-webkit-scrollbar { display: none !important; }

  html.is-about-page body,
  body[data-page="about"] {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    touch-action: auto !important;
  }

  body[data-page="about"] .app,
  body[data-page="about"] .about-page-app,
  body[data-page="about"] .about-page-stage,
  body[data-page="about"] .about-scroll-column,
  body[data-page="about"] .about-scroll-track {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  body[data-page="about"] .about-page-stage {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-page="about"] .about-scroll-column-intro-contact,
  body[data-page="about"] .about-scroll-column-text {
    position: relative !important;
    z-index: 6;
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-page="about"] .about-scroll-column-text .about-scroll-track {
    display: flex !important;
    flex-direction: column !important;
    padding-top: 0px;
    gap: 1em;
    padding-bottom: 75svh;
  }

  body[data-page="about"] .about-scroll-column-intro-contact .about-scroll-track {
    padding-bottom: var(--about-text-size);
  }

  body[data-page="about"] .about-video-track { padding-bottom: 0 !important; }

  body[data-page="about"] .about-page-section {
    position: relative;
    z-index: 6;
  }

}


/* Imprint / data privacy page ------------------------------------------- */
html.is-imprint-page {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

html.is-imprint-page body {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}

.imprint-page-app {
  min-height: 100%;
  background: var(--bg);
  overflow: visible;
}

.imprint-page-main {
  position: relative;
  width: 100vw;
  min-height: 100svh;
  padding: 0;
  color: var(--text);
  overflow: visible;
}

.imprint-video-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100vw;
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
  pointer-events: none;
}

.imprint-video-card,
.imprint-video-frame {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.imprint-video-poster,
.imprint-video-frame video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imprint-video-frame.has-poster .imprint-video-poster { position: relative; z-index: 1; }
.imprint-video-frame.has-poster video { position: absolute; inset: 0; z-index: 2; }
.imprint-video-hover-blur {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition:
    background-color 1s cubic-bezier(0.365, 0.220, 0.000, 0.995),
    backdrop-filter 1s cubic-bezier(0.365, 0.220, 0.000, 0.995),
    -webkit-backdrop-filter 1s cubic-bezier(0.365, 0.220, 0.000, 0.995);
}

@media (min-width: 701px) {
  .imprint-page-app.is-imprint-video-blur-active .imprint-video-hover-blur {
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(var(--overlay-blur));
    -webkit-backdrop-filter: blur(var(--overlay-blur));
  }
}

.imprint-chapter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  color: var(--text);
  font: inherit;
  letter-spacing: inherit;
}

.imprint-bordered { border-top: var(--rule-border) !important; width: 100%; }
.imprint-chapter .imprint-bordered:first-of-type { border-top: 0; }
.imprint-data-privacy-text { width: 100%; }
.imprint-name { width: 100%; }
.imprint-address {
  display: block;
}
.imprint-download-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3px 7px;
  width: 100%;
  margin-top: 1em;
}

.imprint-download-label {
  margin: 0;
  font-size: var(--ui-font-size);
  line-height: 1.2;
}

.imprint-download-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  min-height: var(--site-menu-toggle-height);
  padding: 0 8px;
  margin-top: 0 !important;
  border: 1px solid currentColor;
  border-radius: 2em;
  font-size: var(--site-menu-button-size);
  line-height: 1;
}

html.is-imprint-page,
html.is-imprint-page body { scrollbar-width: none; -ms-overflow-style: none; }
html.is-imprint-page::-webkit-scrollbar,
html.is-imprint-page body::-webkit-scrollbar { display: none; }


/* Final about / imprint structure --------------------------------------- */
body[data-page="about"],
body[data-page="imprint"] {
  --about-text-size: 1.6em;
}

@media (max-width: 700px) {
  body[data-page="about"],
  body[data-page="imprint"] { --about-text-size: 1.9em; }
}

@media (max-width: 400px) {
  body[data-page="about"],
  body[data-page="imprint"] { --about-text-size: 1.6em; }
}

body[data-page="about"] .about-scroll-column-intro-contact .about-scroll-track,
body[data-page="about"] .about-scroll-column-text .about-scroll-track,
body[data-page="imprint"] .imprint-scroll-track {
  padding: 0 !important;
  gap: 0 !important;
}

body[data-page="about"] .about-scroll-column-text .about-scroll-track {
  min-height: var(--page-height);
  justify-content: space-between;
}

body[data-page="about"] .about-page-section,
body[data-page="imprint"] .imprint-chapter {
  padding: 0;
  margin: 0;
  text-align: left;
}

body[data-page="about"] .button-link-label,
body[data-page="imprint"] .button-link-label {
  margin: 0;
  font-size: var(--ui-font-size);
  line-height: 1.2;
  font-weight: 550;
  letter-spacing: 0.005em;
}

.about-accordion-stack {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 7px;
  margin: 0;
}

.about-accordion-stack > .about-accordion-section {
  padding: 0;
  margin: 0 !important;
}

.about-accordion-section {
  border-top: var(--rule-border);
  margin-bottom: 0 !important;
}

.about-accordion-section:first-child {
  border-top: 0;
}

.about-accordion-toggle {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7em;
  width: 100%;
  padding: 0.25em 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.about-accordion-icon {
  position: relative;
  flex: 0 0 auto;
  width: 0.6em;
  height: 0.6em;
  margin-left: 0;
}

.about-accordion-icon::before,
.about-accordion-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: var(--rule-border-width);
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: opacity 0.32s cubic-bezier(0.365, 0.220, 0.000, 0.995);
}

.about-accordion-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.about-accordion-section.is-open .about-accordion-icon::after,
.about-accordion-section.is-active .about-accordion-icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.about-accordion-panel {
  overflow: hidden;
  height: 0;
  max-height: none;
  transition: height 0.65s cubic-bezier(0.365, 0.220, 0.000, 0.995);
}

.about-accordion-panel[hidden] {
  display: block;
  height: 0;
}

.about-accordion-content {
  margin: 0;
  padding-top: calc(2em - 0.25em);
  padding-bottom: 2em;
  opacity: 0;
  transition: none;
}

.about-accordion-section.is-content-visible .about-accordion-content {
  opacity: 1;
  transition: opacity 0.45s cubic-bezier(0.365, 0.220, 0.000, 0.995);
}

.about-accordion-section.is-closing .about-accordion-content {
  opacity: 0;
  transition: none;
}

body[data-page="about"] .about-scroll-column-text .about-scroll-track .about-contact-links-section {
  margin-top: auto;
  margin-bottom: 0;
}

body[data-page="about"] .about-contact-buttons {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}

body[data-page="about"] .about-contact-button {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
}

.button-link-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px 7px !important;
}

.small-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  min-height: var(--site-menu-toggle-height);
  padding: 0 0.7em;
  border: var(--rule-border-width) solid currentColor;
  border-radius: 2em;
  color: var(--text);
  background: transparent;
  text-decoration: none;
  font-size: var(--site-menu-button-size) !important;
  line-height: 1 !important;
}

body[data-page="imprint"] .imprint-page-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: var(--page-height);
  overflow: hidden;
}

body[data-page="imprint"] .imprint-scroll-column {
  position: relative;
  z-index: 2;
  width: 350px;
  max-width: 50vw;
  height: var(--page-height);
  overflow: hidden;
  color: var(--text);
}

body[data-page="imprint"] .imprint-scroll-column-imprint {
  grid-column: 1;
  justify-self: start;
}

body[data-page="imprint"] .imprint-scroll-column-privacy {
  grid-column: 2;
  justify-self: end;
}

body[data-page="imprint"] .imprint-scroll-track {
  width: 100%;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}


.imprint-video-background {
  top: 0;
  left: 0;
}

@media (max-width: 700px) {
  body[data-page="about"] .about-scroll-column-intro-contact,
  body[data-page="about"] .about-scroll-column-text,
  body[data-page="about"] .about-scroll-track {
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-page="about"] .about-scroll-column-videos {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    pointer-events: none;
  }

  body[data-page="about"] .about-video-track {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    height: auto !important;
  }

  body[data-page="about"] .about-video-card { display: block !important; }
  body[data-page="about"] .about-video-card:nth-child(n+7) { display: none !important; }

  body[data-page="about"] .about-video-frame,
  body[data-page="about"] .about-video-poster,
  body[data-page="about"] .about-video-frame video {
    width: 100%;
    height: auto !important;
    max-height: calc((100svh - 1em - (6 * 7px))) !important;
    object-fit: cover;
  }

  body[data-page="about"] .about-video-hover-blur { display: none !important; }

  body[data-page="imprint"] .imprint-page-main {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: visible;
  }

  body[data-page="imprint"] .imprint-scroll-column {
    width: 100%;
    max-width: none;
    height: auto;
    overflow: visible;
  }

  body[data-page="imprint"] .imprint-scroll-track {
    transform: none !important;
  }

  body[data-page="imprint"] .imprint-video-background {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body[data-page="imprint"] .imprint-video-card-secondary { display: none; }
}

body[data-page="about"] .about-contact-links-section,
body[data-page="about"] .about-contact-button {
  font-size: var(--about-text-size);
  line-height: 1.1;
  font-weight: 550;
  letter-spacing: 0.005em;
}

body[data-page="about"] .about-contact-links-section .about-contact-button {
  font-size: 1em;
}


body[data-page="imprint"] .imprint-chapter-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  margin: 0;
  color: var(--text);
  opacity: 1;
  transition: none;
}

body[data-page="imprint"] .imprint-chapter-content p,
body[data-page="imprint"] .imprint-chapter-content a {
  display: block;
  width: 100%;
  margin: 0;
  color: var(--text);
  text-decoration: none;
}

/* Targeted refinements after accordion/imprint review --------------------- */
body[data-page="imprint"] .imprint-chapter {
  font-size: var(--about-text-size);
  line-height: 1.1;
  font-weight: 550;
  letter-spacing: 0.005em;
}

body[data-page="imprint"] .imprint-chapter-content,
body[data-page="imprint"] .imprint-chapter-content p,
body[data-page="imprint"] .imprint-chapter-content a:not(.small-button) {
  font: inherit;
  letter-spacing: inherit;
}

body[data-page="about"] a.small-button,
body[data-page="imprint"] a.small-button,
body[data-page="imprint"] .imprint-chapter-content a.small-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: max-content !important;
  max-width: 100%;
  min-height: var(--site-menu-toggle-height);
  padding: 0 0.7em;
  border: var(--rule-border-width) solid currentColor;
  border-radius: 2em;
  color: var(--text);
  background: transparent;
  text-align: center;
  text-decoration: none;
  font-size: var(--site-menu-button-size) !important;
  line-height: 1 !important;
}


body[data-page="about"] .about-accordion-stack,
body[data-page="about"] .about-accordion-panel,
body[data-page="about"] .about-accordion-content {
  overflow-anchor: none;
}

body[data-page="about"] .about-accordion-panel {
  will-change: height;
}

html.is-resizing body[data-page="about"] .about-accordion-panel {
  transition: height 0.65s cubic-bezier(0.365, 0.220, 0.000, 0.995) !important;
}

html.is-resizing body[data-page="about"] .about-accordion-section.is-content-visible .about-accordion-content {
  transition: opacity 0.45s cubic-bezier(0.365, 0.220, 0.000, 0.995) !important;
}


body[data-page="about"] .about-video-track {
  gap: 0 !important;
  overflow: hidden;
}

body[data-page="about"] .about-video-card {
  margin: -0.5px;
  width: calc(100% + 1px);
}

body[data-page="about"] .about-video-frame,
body[data-page="about"] .about-video-poster,
body[data-page="about"] .about-video-frame video {
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Latest requested refinements 2026-06-20 ---------------------------- */
body[data-page="about"] .about-intro-section,
body[data-page="about"] .about-contact-links-section {
  padding: 7px;
}
body[data-page="about"] .about-contact-buttons > a,
body[data-page="about"] .about-contact-button {
  padding: 0.25em 0;
  border-top: var(--rule-border) !important;
}

body[data-page="about"] .about-contact-buttons > a:last-child,
body[data-page="about"] .about-contact-button:last-child {
  padding-bottom: 0;
}

body[data-page="about"] .about-contact-links-section > p,
body[data-page="imprint"] .imprint-copy > p {
  margin: 0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

body[data-page="about"] .about-contact-links-section > p:first-of-type,
body[data-page="imprint"] .imprint-copy > p:first-of-type {
  padding-top: 0;
}

body[data-page="imprint"] .imprint-copy-imprint > a.imprint-bordered {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

body[data-page="imprint"] .imprint-chapter-imprint {
  padding: 7px;
}

body[data-page="imprint"] .imprint-chapter-privacy {
  padding: 7px !important;
}

.about-work-list .about-accordion-toggle {
  padding-top: 0;
}

.about-bureau-section .about-accordion-content {
  padding-bottom: 0;
}

@media (min-width: 701px) {
  body[data-page="imprint"] .imprint-scroll-column {
    max-width: 50vw;
  }
}


/* Final requested legal/contact spacing pass ----------------------------- */
body[data-page="about"] .about-intro-section {
  margin: 0 0 calc((2em) - 14px);
}

body[data-page="about"] .about-accordion-stack,
body[data-page="about"] .about-contact-links-section {
  margin: 0;
}

body[data-page="about"] .about-portfolio-download {
  margin-top: calc(2em - 0.25rem) !important;
  margin-bottom: 0;
}

body[data-page="about"] .about-contact-links-section > .contact-intro {
  padding-bottom: calc(1em - 0.25em);
}

body[data-page="about"] .about-contact-buttons > a[href^="mailto:"],
body[data-page="about"] .about-contact-button[href^="mailto:"] {
  border-top: 0 !important;
}

body[data-page="imprint"] .imprint-download-row {
  margin-top: calc(2em - 0.25em);
  margin-bottom: 0;
}

@media (max-width: 700px) {
  body[data-page="imprint"] .imprint-chapter-imprint {
    margin: 0 0 calc(1em - 0.25em - 7px);
  }

  body[data-page="about"] .about-contact-links-section > .contact-intro {
    display: none;
  }

  body[data-page="about"] .about-intro-section {
    margin: 0 0 calc((2em) - 0.25em - 14px);
  }

  body[data-page="about"] .about-portfolio-download,
  body[data-page="imprint"] .imprint-download-row {
    margin-bottom: calc(2em - 7px);
  }
}


/* 404 page --------------------------------------------------------------- */
body[data-page="not-found"] .not-found-page {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: var(--page-height);
  min-height: var(--page-height);
  padding: 7px;
  color: var(--text);
  font-size: var(--ui-font-size);
  line-height: 1;
}

body[data-page="not-found"] .not-found-content.button-link-container {
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-page="not-found"] .not-found-title {
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

body[data-page="not-found"] .not-found-home {
  cursor: pointer !important;
}