/* Minimal ADA compatibility over the unchanged Studio Nuts native CSS.
   Enable only on native-template documents carrying body.ada-native-fidelity.
   Native grid placement, whitespace, frame sizes, typography and motion remain
   owned by 0af1e73b64f7_main.css; no page-level layout is defined here. */

/* ADA uses a semantic h1 where the source hero used h2. Match that h2's exact
   desktop size, tracking and negative bottom margin. Font/line-height inherit. */
.ada-native-fidelity .hero-headline > .ada-native-hero-title {
  font-size: 6vw;
  letter-spacing: -.15vw;
  margin-bottom: -.6vw;
}

/* Retain every native member frame's geometry while cropping replacement
   portrait photographs inside it, rather than over the following details. */
.ada-native-fidelity .studio-team .member-image {
  overflow: hidden;
}
.ada-native-fidelity .studio-team .member-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Native work cards have a fixed work-image frame. Fill that existing frame
   when ADA artwork/room photographs differ from the source thumbnail ratios. */
.ada-native-fidelity .image-container .work-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 500px) {
  .ada-native-fidelity .hero-headline > .ada-native-hero-title {
    font-size: 16vw;
    letter-spacing: -.5vw;
    margin-bottom: -1vw;
  }
  /* Keep the source's measured square mobile member frame when its replacement
     ADA photograph has a portrait intrinsic ratio. Native width is untouched. */
  .ada-native-fidelity .studio-team .member-image {
    height: auto;
    aspect-ratio: 1;
  }
  /* Source gallery images reached this square through their 70vw minimum.
     Keep that square with replacement portrait assets; do not enlarge it for
     added captions. The native width and min/max constraints remain in force. */
  .ada-native-fidelity .studio-gallery .slider-item {
    height: auto;
    aspect-ratio: 1;
    overflow: hidden;
  }
  .ada-native-fidelity .studio-gallery .slider-item > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* These ADA text links replaced source contact icons. Preserve the original
   social row geometry and provide only a readable text size/line-height. */
.ada-native-fidelity .ada-contact-action {
  font-size: clamp(11px, .9vw, 14px);
  line-height: 1.3;
}

/* The existing brand layer uses 1rem below 767px; the native root is 1vw.
   Keep only the tree/wordmark physically readable, without changing that root,
   the native header grid, its height, its position, or any hero composition. */
@media (max-width: 767px) {
  .ada-native-fidelity .header .logo.ada-brand-logo {
    font-size: 17px;
    gap: 8px;
  }
  .ada-native-fidelity .header .logo.ada-brand-logo .ada-brand-tree {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    object-fit: contain;
  }
  .ada-native-fidelity .header .logo.ada-brand-logo .ada-wordmark {
    font-size: 17px;
  }
  .ada-native-fidelity .ada-contact-action {
    font-size: 12px;
  }
}

/* Only the already-declared local poster fallback. Real video sizing and the
   native reel expansion/collapse timeline receive no overrides. */
.ada-native-fidelity .ada-phone-reel-poster:has(> video[data-local-media="image-fallback"]) {
  background-image: var(--ada-reel-poster);
  background-position: center;
  background-size: cover;
}

/* These native plaques now contain ADA photographs. Remove the source logo
   inversion from photographs only; keep plaque padding, borders and image size. */
.ada-native-fidelity .studio-clients .partner-logo .image:has(> img[data-ada-image-purpose="content"]) {
  filter: none;
  mix-blend-mode: normal;
}

/* Explicit full-documentation figures are the sole full-image exception.
   Their container is still the native .gallery-container/.gallery-grid: one
   column, native column span and native gap. Thumbnail/hero/next-project images
   are untouched and keep the source's cover frames. The source gallery's
   min/max-height:100dvh (unset on phone) remains in force. Existing inline
   figure max-width values are retained rather than upscaling a small image. */
.ada-native-fidelity .ada-official-gallery .ada-figure {
  margin: 0;
  min-width: 0;
}
.ada-native-fidelity .ada-official-gallery .ada-figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.ada-native-fidelity .ada-official-gallery .ada-figure > figcaption {
  margin-top: 1vw;
  font-size: clamp(12px, .9vw, 14px);
  line-height: 1.5;
}

/* Added specification notes stay inside their existing native grid column.
   No extra card grid, fixed width, or replacement page typography is added. */
.ada-native-fidelity .ada-product-notes {
  margin: 1vw 0 0;
  max-width: 100%;
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.ada-native-fidelity .ada-product-notes :is(summary, p, dl, dt, dd, a) {
  font-size: inherit;
  line-height: inherit;
}
.ada-native-fidelity .ada-product-notes > summary {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: .2em;
}
.ada-native-fidelity .ada-product-notes dl {
  margin: 1vw 0;
}
.ada-native-fidelity .ada-product-notes :is(dt, dd) {
  margin: 0;
}
.ada-native-fidelity .ada-product-notes dd + dt {
  margin-top: .5em;
}

/* Preserve original form geometry. Override the page-wide no-selection rule
   only for the existing ADA inquiry controls, without resizing/repositioning. */
.ada-native-fidelity form[data-ada-inquiry="true"] :is(input:not([type="hidden"]), textarea, select) {
  pointer-events: auto;
  user-select: text;
  -webkit-user-select: text;
  touch-action: manipulation;
}