/* Preserve the authored palette when a browser offers automatic recoloring. */
:root {
  color-scheme: light;
  color-scheme: only light;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Native heading levels can change without changing the captured typography. */
.inkd-heading-1 { --inkd-heading-size: var(--heading-1-size-value); color: var(--headingExtraLargeColor); }
.inkd-heading-2 { --inkd-heading-size: var(--heading-2-size-value); color: var(--headingLargeColor); }
.inkd-heading-3 { --inkd-heading-size: var(--heading-3-size-value); color: var(--headingMediumColor); }
.inkd-heading-4 { --inkd-heading-size: var(--heading-4-size-value); color: var(--headingSmallColor); }
[class*="inkd-heading-"] {
  line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--inkd-heading-size)) / 25));
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  [class*="inkd-heading-"] {
    font-size: calc((var(--inkd-heading-size) - 1) * (.012 * min(100vh, 900px)) + 1rem);
  }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
  [class*="inkd-heading-"] {
    font-size: min(calc((var(--inkd-heading-size) - 1) * 1.2vw + 1rem), max(calc((var(--inkd-heading-size) - 1) * .012 * var(--maxPageWidth) + 1rem), calc(var(--inkd-heading-size) * 1rem)));
  }
}

/* The original grey is 3.99:1 against the HAUS light background. */
body[data-inkd-site="inkdhaus"] [data-section-theme="light"] .sqsrte-text-color--darkAccent {
  color: #6c6c6c !important;
}

/* A two-color focus indicator remains visible on light and dark sections. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #111;
}
.inkd-email, .inkd-dm { color: inherit; text-decoration: none; }
.inkd-email:hover, .inkd-dm:hover { text-decoration: underline; }
.inkd-contact-status { font-size: 1rem; line-height: 1.5; margin: 1rem 0 0; }
.inkd-contact-status a { text-decoration: underline; }
body[data-contact-enabled="false"] form [type="submit"]:disabled { opacity: .55; cursor: not-allowed; }

/* White navigation needs a dark backing throughout the animated gradient. */
#header.black::before, #header.bright-inverse::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 75%, transparent 100%);
  pointer-events: none;
}
.user-items-list-carousel__media { height: auto; }

/* The contact copy and thin input borders span the moving gradient's light edges.
   A 65% black shade bounds the brightest background at #595959, giving the
   captured #d9d9d9 copy at least 4.9:1 contrast without changing its typography. */
body[data-inkd-site="inkdhaus"][data-inkd-page="contact"] main .section-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .65);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .preFade, .preSlide, .preScale { opacity: 1 !important; transform: none !important; transition: none !important; }
}