/* Isolated trial: the About section remains the reference, not a new system. */
.section-intro, .section-intro * { box-sizing:border-box; }
.section-intro {
  position:relative;
  z-index:3;
  padding:140px 0 96px;
  color:var(--color-heading);
  background:var(--color-white);
  font-family:var(--font-family);
}
.section-intro__container { width:calc(100% - 2 * var(--page-gutter)); margin-inline:auto; }
.section-intro__eyebrow { margin:0 0 64px; color:inherit; font-size:var(--fs-label); font-weight:var(--fw-label); line-height:var(--lh-ui); letter-spacing:var(--ls-label); }
.section-intro__bar { width:25%; height:2px; margin-bottom:60px; background:color-mix(in srgb, var(--green-800) 10%, transparent); }
.section-intro__bar span { display:block; height:100%; background:var(--color-heading); transform-origin:left; }
.section-intro .section-intro__title { max-width:1061px; margin:0 0 40px; color:inherit; font-size:var(--fs-h2); font-weight:var(--fw-heading); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); text-wrap:initial; }
.section-intro__info { display:flex; align-items:center; justify-content:space-between; width:90%; gap:24px; }
.section-intro__info > p { width:45.45%; margin:0; color:inherit; font-size:var(--fs-body); font-weight:var(--fw-body); line-height:var(--lh-body); letter-spacing:var(--ls-body); }
.section-intro__info > a { max-width:100%; }
.section-intro__info > a:focus-visible { outline:2px solid var(--color-heading); outline-offset:4px; }
/* Keep the original panel travel, but give its introduction real flow space. */
.capabilities--intro-trial.is-capabilities-ready { height:calc(520vh + var(--cap-intro-height,600px)); margin-top:0; }
.capabilities--intro-trial .section-intro { z-index:2; }
.capabilities--intro-trial .capabilities__title { font-size:var(--fs-h2); line-height:var(--lh-h2); }
.supply-film--headed.is-scroll-ready .product-story__stage { margin-bottom:0; }
.supply-film--headed .product-story__media { top:30%; width:min(46vw,680px); }
@media(min-width:761px) and (max-height:760px) {
  .supply-film--headed .product-story__media { top:calc(76px + 9.56vw); width:min(34vw,500px); }
}
@media(min-width:1400px) { .section-intro { padding-top:164px; } }
@media(max-width:1023px) {
  .section-intro { padding:80px 0 64px; }
  .section-intro__eyebrow { margin-bottom:40px; }
  .section-intro__bar { width:100%; margin-bottom:40px; }
  .section-intro .section-intro__title { font-size:var(--fs-h2); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); margin-bottom:32px; }
  .section-intro__info { width:100%; flex-direction:column-reverse; align-items:flex-start; gap:40px; }
  .section-intro__info > p { width:100%; }
}
@media(max-width:760px) {
  .capabilities--intro-trial.is-capabilities-ready { height:auto; margin-top:0; }
  .supply-film--headed .product-story__media { top:auto; width:calc(100% + 40px); }
}
@media(prefers-reduced-motion:reduce) {
  .capabilities--intro-trial.is-capabilities-ready { height:auto; margin-top:0; }
  .capabilities--intro-trial .capabilities__stage { position:relative; height:auto; }
  .capabilities--intro-trial .capabilities__title { position:relative; inset:auto; padding:64px var(--page-gutter) 0; }
  .capabilities--intro-trial :is(.capabilities__panels,.capability-panel,.capability-panel__body,.capability-panel__copy,.capability-panel__media) { position:relative; inset:auto; transform:none!important; }
  .capabilities--intro-trial .capability-panel__body { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:48px; width:100%; height:auto; min-height:0; padding:100px var(--page-gutter); }
  .capabilities--intro-trial .capability-panel__copy { width:100%; min-width:0; }
  .capabilities--intro-trial .capability-panel__icon { position:relative; top:auto; margin-bottom:24px; }
  .capabilities--intro-trial .capability-panel__media { width:100%; }
  .capabilities--intro-trial .capabilities__index { display:none; }
  .supply-film--headed .product-story__stage { padding:40px var(--page-gutter) 80px; }
  .supply-film--headed .product-story__media { position:relative; top:auto; left:auto; width:100%; max-width:680px; margin-inline:auto; transform:none; }
  .supply-film--headed .product-story__text-block { position:relative; inset:auto; width:100%; max-width:640px; margin-top:48px; }
  .section-intro__bar span { transform:none!important; }
  .section-intro__title span, .section-intro__info > p { opacity:1!important; transform:none!important; }
}
@media(max-width:760px) and (prefers-reduced-motion:reduce) {
  .capabilities--intro-trial .capability-panel__body { grid-template-columns:1fr; padding-block:64px; }
}