/* Promoted from brand/v2-fi-hero-workshop.css. The page carried a workshop body class and its
   stylesheet into canon, which is how a header-frame override shipped
   unnoticed. Same rules, no scaffolding. */
/* Isolated FI opening workshop. The production V2 page and shared field
   compositions remain untouched. */

.fi-opening {
  padding-block: clamp(8.75rem, 10vw, 10rem) clamp(8rem, 10vw, 11rem);
}

.fi-opening .ground::before {
  background: radial-gradient(ellipse 70% 42% at 48% 18%, rgba(255,255,255,.045), rgba(255,255,255,.014) 58%, transparent 80%);
}

.fi-opening > .frame {
  max-width: 84rem;
}

.fi-opening-copy {
  width: min(100%, 72.5rem);
  margin-inline: auto;
  display: grid;
  justify-items: center;
  text-align: center;
}

.fi-opening-message {
  display: grid;
  justify-items: center;
}

.fi-opening-message h1 {
  max-width: 18ch;
  font-size: clamp(4.25rem, 5vw, 5rem);
}

.fi-opening-message h1 span {
  display: block;
}

.fi-opening-message .fi-product-name {
  color: var(--clay-display);
}

.fi-opening-message .lead {
  max-width: 43rem;
  margin-top: 1.75rem;
}

.fi-opening-message .actions {
  margin-top: 2.25rem;
  justify-content: center;
}

.fi-product-chapter {
  margin-top: clamp(4.5rem, 5vw, 6rem);
}

.fi-system-proof {
  overflow: hidden;
  width: min(100%, 84vw);
  margin: 0;
  margin-inline: auto;
  padding: clamp(.75rem, 1.25vw, 1.125rem);
  border: var(--hair) solid rgba(255,255,255,.13);
  border-radius: calc(var(--r-4) + .25rem);
  background: rgba(13,15,18,.9);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 2.5rem 6rem -2.5rem rgba(0,0,0,.82);
}

.fi-proof-matte {
  margin: clamp(.55rem, .8vw, .8rem);
  padding: clamp(2rem, 3.2vw, 3.5rem);
  border-radius: calc(var(--r-3) - .25rem);
  background: #0A0B0D;
}

.fi-system-proof .fimem {
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: 0;
}

html.field-ready .fi-system-proof .fimem.rv {
  opacity: 1;
  transform: none;
}

.fi-system-proof .fimem-plate {
  min-height: clamp(27rem, 34vw, 32rem);
  padding: clamp(2rem, 3.2vw, 3.25rem);
}

.fi-system-proof .fimem-h {
  font-size: clamp(2rem, 3vw, 2.75rem);
}

.fi-system-proof .fimem-chart {
  height: clamp(14rem, 17vw, 18rem);
}

.fi-system-proof .fimem-cap {
  font-size: .75rem;
}

.fi-next {
  padding-top: clamp(7rem, 8vw, 8rem);
}

.fi-next-caption {
  max-width: none;
  margin-top: 1.5rem;
  text-align: center;
}

@media (min-width: 62.0625rem) {
  .fi-opening {
    padding: 0 0 clamp(5.5rem, 7vw, 7rem);
  }

  .fi-opening-copy {
    min-height: clamp(40rem, calc(100svh - 8.5rem), 52rem);
    align-content: center;
  }

  .fi-product-chapter {
    margin-top: 0;
  }
}

@media (max-width: 46rem) {
  .fi-opening {
    padding-block: 8.5rem 6rem;
  }

  .fi-opening-message h1 {
    font-size: clamp(3.2rem, 13vw, 4.25rem);
  }

  .fi-product-chapter {
    margin-top: 6rem;
  }

  .fi-proof-matte {
    padding: 1rem;
  }
}