/* Approved landing motion: existing chapters, one native scroll surface.
   No application routes, customer data, or nested scroll containers. */
html.chapter-scene-scroll{scroll-snap-type:none;scroll-padding-top:var(--chapter-header,88px)}
main[data-landing-motion=scenes]{isolation:isolate}
main[data-landing-motion=scenes]>.home-chapter{scroll-snap-align:none;scroll-margin-top:var(--chapter-header,88px);transform-origin:center top}
main[data-landing-motion=scenes]>.home-chapter:not(#intro){min-height:calc(100svh - var(--chapter-header,88px))}
main[data-landing-motion=scenes]>.home-chapter:after{content:'';position:absolute;inset:0;pointer-events:none;background:#000;opacity:var(--scene-shade,0);z-index:25}
.masthead[data-scene-tone=light]{background:#fffffff5;color:var(--ink);border-color:#2222}
.masthead[data-scene-tone=dark]{background:#18201ef5;color:#fff;border-color:#fff2}
.masthead[data-scene-tone=intro]{background:#181d1928;color:#fff;border-color:#fff2}
main[data-landing-motion=scenes] #script{background:#fff;color:#232726}
main[data-landing-motion=scenes] #storyboard{background:#18201e;color:#fff}
main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading h2{font-weight:500;letter-spacing:-.055em}
main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading h2 em{font-family:inherit;font-style:normal;font-weight:inherit}
main[data-landing-motion=scenes] :is(#script,#storyboard) .real-notes ol{display:none}
main[data-landing-motion=scenes] :is(#script,#storyboard) .real-notes .motion-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:9px;display:inline-flex;width:fit-content;margin-top:25px}
main[data-landing-motion=scenes] :is(#script,#storyboard) .real-gallery{box-shadow:0 20px 50px -35px #0006}
main[data-landing-motion=scenes] #script .real-gallery{background:#fff}
@media(min-width:761px){
 main[data-landing-motion=scenes]>.home-chapter{position:sticky;top:var(--scene-top,88px);transform:translateY(var(--scene-lift,0px)) scale(var(--scene-scale,1));overflow:clip}
 main[data-landing-motion=scenes]>#intro{top:0;min-height:100svh}
 main[data-landing-motion=scenes]>.motion-footer{position:relative;z-index:30}
 main[data-landing-motion=scenes] :is(#script,#storyboard){grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);grid-template-rows:1fr 1fr;column-gap:5vw;padding-top:40px;padding-bottom:38px;row-gap:0}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading{align-self:end}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading>.eyebrow,
 main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading>div>.eyebrow{position:absolute;top:40px}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading h2{font-size:clamp(36px,3.7vw,76px)!important;margin-top:0}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading>p{font-size:clamp(15px,1.3vw,20px);max-width:365px;line-height:1.65;margin-top:28px}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .real-notes{align-self:start}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .real-gallery{grid-row:1 / 3;align-self:center}
 .chapter-scene-scroll .chapter-rail-links>a[aria-current]:not(:hover):not(:focus-visible)>span{opacity:0}
}
@media(max-width:760px){
 main[data-landing-motion=scenes]>.home-chapter{position:relative;transform:none}
 main[data-landing-motion=scenes]>.home-chapter:after{display:none}
 main[data-landing-motion=scenes] :is(#script,#storyboard){padding-top:40px;padding-bottom:38px}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .home-feature-heading h2{font-size:clamp(34px,8vw,48px)!important;line-height:1.08}
 main[data-landing-motion=scenes] :is(#script,#storyboard) .real-notes .motion-link{font-size:12px;margin-top:4px}
}
body.motion-off main[data-landing-motion=scenes]>.home-chapter{position:relative;top:auto;transform:none}
body.motion-off main[data-landing-motion=scenes]>.home-chapter:after{display:none}
@media(prefers-reduced-motion:reduce){
 .masthead[data-scene-tone]{transition:none}
}

.landing-workflow .real-gallery-top { gap: 8px 12px; }
.landing-workflow .real-gallery-top button {
  min-height: 44px;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  color: #202726;
}
.landing-workflow .real-gallery-top button[aria-pressed="true"] { background: #202726; color: #fff; }
.landing-workflow [data-landing-workflow-panel][hidden] { display: none; }
.landing-workflow [data-landing-workflow-panel] img {
  display: block;
  width: 100%;
  height: auto;
  background: #f5f5f3;
}
.landing-workflow [data-landing-workflow-panel] p,
.landing-workflow figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 16px;
  margin: 0;
  padding: 8px 16px;
  color: #333c39;
  border-top: 1px solid #dce0dc;
  font-size: 13px;
  line-height: 1.45;
}
.landing-workflow figcaption { color: #4d5853; font-size: 12px; }
.landing-workflow a, .landing-workflow [data-workflow-enlarge] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media(max-width:760px){
 .landing-workflow .real-gallery-top button { padding-inline: 5px; font-size: 11px; }
 .landing-workflow [data-landing-workflow-panel] p, .landing-workflow figcaption { padding-inline: 12px; }
}

/* A single product tour; the other capabilities are links, not repeated demos. */
.landing-workflow .real-gallery-top>div { display:flex; flex-wrap:wrap; gap:4px; }
.landing-workflow .workflow-step-copy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px 18px;
  padding:4px 16px;
  border-top:1px solid #dce0dc;
  color:#333c39;
  font-size:14px;
}
.landing-workflow .workflow-step-copy p { display:block; padding:0; border:0; }
.landing-workflow .workflow-step-copy a { flex:none; }
.landing-workflow .workflow-image-actions { color:#4d5853; font-size:12px; }
.home-crew-overview .crew-overview-links {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center;
  gap:0 32px;
  min-width:0;
}
.crew-overview-links a {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  min-height:105px;
  border-top:1px solid #fff5;
  padding:16px 28px 16px 0;
  text-decoration:none;
}
.crew-overview-links a strong { font-size:clamp(18px,1.55vw,25px); font-weight:600; }
.crew-overview-links a span { color:#e0e6e2; font-size:15px; line-height:1.45; }
.crew-overview-links a b { position:absolute; right:2px; top:16px; }
.crew-overview-links a:hover strong, .crew-overview-links a:focus-visible strong { text-decoration:underline; text-underline-offset:.2em; }
@media(max-width:760px){
 .landing-workflow .workflow-step-copy { padding:8px 12px; flex-wrap:wrap; }
 .landing-workflow .real-gallery-top button { padding-inline:7px; font-size:12px; }
 .home-crew-overview .crew-overview-links { grid-template-columns:1fr; }
 .crew-overview-links a { min-height:84px; }
}
.chapter-alias { position:absolute; inset:0 auto auto 0; width:0; height:0; }
@media(min-width:1100px){
 main[data-page=home] .home-crew-overview {
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.35fr);
  align-content:center;
  gap:clamp(32px,5vw,80px);
 }
 main[data-page=home] .home-crew-overview .home-feature-heading {
  display:block;
  align-self:center;
  margin:0;
 }
 .home-crew-overview .home-feature-heading>p { margin-top:22px; max-width:340px; }
}
@media(max-width:760px){
 .landing-workflow .real-gallery-top>div { display:grid; grid-template-columns:1fr 1fr; width:100%; }
 .landing-workflow .real-gallery-top button { text-align:left; }
}

#script .workflow-film {
  display:grid;
  grid-template-columns:minmax(96px, 146px) minmax(0, 1fr);
  align-items:start;
  gap:14px 18px;
  width:100%;
}
main[data-landing-motion=scenes] #script .home-feature-heading > div > .eyebrow {
  position:static;
  display:block;
  margin-bottom:14px;
}
main[data-landing-motion=scenes] #script .home-feature-heading > p {
  margin-top:16px;
}
#script .workflow-film-poster {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2 / 3;
  background:#171d19;
}
.workflow-kicker {
  display:block;
  margin-bottom:8px;
  color:#5e5c4f;
  font-size:10px;
  letter-spacing:.12em;
}
.workflow-film-note p {
  margin:0;
  color:#474d48;
  font-size:14px;
  line-height:1.55;
}
main[data-landing-motion=scenes] #script .workflow-film .motion-link {
  grid-column:1 / -1;
  margin-top:0;
}
.landing-workflow .workflow-contact-sheet {
  display:grid;
  grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);
  grid-template-rows:repeat(2, minmax(0, 1fr));
  aspect-ratio:8 / 3;
  gap:4px;
  margin:0;
  padding:4px;
  background:#1a211e;
  list-style:none;
}
.landing-workflow .workflow-shot {
  position:relative;
  min-width:0;
  overflow:hidden;
  color:#fff9ed;
  isolation:isolate;
}
.landing-workflow .workflow-shot:first-child { grid-row:span 2; }
.landing-workflow .workflow-shot img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#252c26;
}
.landing-workflow .workflow-shot::after {
  position:absolute;
  inset:auto 0 0;
  height:48%;
  background:linear-gradient(0deg,#111713f2,transparent);
  content:"";
}
.landing-workflow .workflow-shot > div {
  position:absolute;
  inset:auto 0 0;
  z-index:1;
  padding:clamp(8px,1.2vw,16px);
}
.landing-workflow .workflow-shot span {
  display:block;
  margin-bottom:4px;
  font-size:10px;
  letter-spacing:.1em;
  color:#ebd3a7;
}
.landing-workflow .workflow-shot strong {
  display:block;
  font-size:clamp(13px,1.4vw,20px);
  line-height:1.2;
  font-weight:500;
}
@media (max-width:1000px) {
  #script .workflow-film { grid-template-columns:96px minmax(0, 1fr); }
  .landing-workflow .real-gallery-top>div {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .landing-workflow .real-gallery-top button { text-align:left; }
  .landing-workflow .workflow-contact-sheet {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
    aspect-ratio:auto;
  }
  .landing-workflow .workflow-shot:first-child { grid-area:auto / 1 / auto / -1; }
  .landing-workflow .workflow-shot img {
    position:static;
    height:auto;
    aspect-ratio:16 / 9;
  }
  .landing-workflow .workflow-shot::after { display:none; }
  .landing-workflow .workflow-shot > div { position:static; }
}
@media (max-width:760px) {
  #script .workflow-film { order:2; }
  main[data-active-chapter=script] .chapter-rail { right:4px; }
  main[data-active-chapter=script] .chapter-rail:not(.rail-open) .chapter-rail-toggle {
    flex-direction:column;
    justify-content:center;
    gap:2px;
    min-width:44px;
    min-height:44px;
    padding:4px;
  }
}
@media (min-width:761px) {
  #workflow-script > img {
    max-height:58svh;
    object-fit:contain;
  }
}