.fotogenic-scope .workflow-story.page-shell { width: calc(100% - 64px); max-width: 1280px; margin: var(--fotogenic-section-start) auto var(--fotogenic-section-end); color: #111217; font-family: var(--fotogenic-font-sans); }
.workflow-story__heading { margin-bottom: var(--fotogenic-content-gap); }
.fotogenic-scope .workflow-story__heading h2 { margin: 0; overflow-wrap: anywhere; }
.workflow-story__heading h2 span { color: #7024d8; background: linear-gradient(105deg,#be185d,#9c39e8 48%,#294ee6); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.fotogenic-scope .workflow-story__heading p { margin: var(--fotogenic-title-intro-gap) 0 0; max-width: 540px;  text-wrap: balance; max-inline-size: min(100%, 28ch);}
.workflow-story__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.workflow-story__step { min-width: 0; }
.workflow-story__visual { height: clamp(330px,33vw,470px); position: relative; }
.workflow-story__input, .workflow-story__scene { overflow: hidden; border-radius: 12px; background: #f0ece7; }
.fotogenic-scope .workflow-story__visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fotogenic-scope .workflow-story__input img { object-position: 83% center; }
.workflow-story__glass { position: absolute; top: 16px; left: 16px; z-index: 4; padding: 8px 12px; border: 1px solid #ffffffb3; border-radius: 12px; background: #ffffffdf; backdrop-filter: blur(16px) saturate(125%); -webkit-backdrop-filter: blur(16px) saturate(125%); color: #25202c; font-size: 12px; font-weight: 500; line-height: 1.3; box-shadow: inset 0 1px 0 #ffffffe6, 0 4px 18px #2923330d; pointer-events: none; white-space: nowrap; }
.workflow-story__layer { position: absolute; inset: 0; z-index: 0; visibility: hidden; pointer-events: none; }
.workflow-story__layer.is-current { z-index: 2; visibility: visible; }
.workflow-story__layer.is-outgoing { z-index: 1; visibility: visible; }
.workflow-story__review { --workflow-print-back: translate(0%,0%) rotate(-5deg); --workflow-print-front: translate(42.424%,22.368%) rotate(5deg); }
.workflow-story__review-set { position: absolute; inset: 0; z-index: 0; visibility: hidden; pointer-events: none; }
.workflow-story__review-set.is-current { z-index: 2; visibility: visible; }
.workflow-story__review-set.is-outgoing { z-index: 1; visibility: visible; }
.workflow-story__presets {
 visibility: hidden; position: absolute; z-index: 5; left: 14px; right: 14px; bottom: 14px;
 display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 10px;
 border: 1px solid #ffffffb3; border-radius: 12px;
 background: linear-gradient(135deg,#ffffff70,#ffffff14 48%,#ffffff4d),#f9f7fb80;
 backdrop-filter: blur(24px) saturate(145%); -webkit-backdrop-filter: blur(24px) saturate(145%);
 box-shadow: inset 0 1px 1px #fffffff2, inset 0 -1px 1px #ffffff66, inset 1px 0 1px #ffffff80, inset -1px 0 1px #ffffff40, 0 8px 24px #21192b14;
}
.workflow-story__presets button { display: grid; gap: 6px; padding: 0; background: none; border: 0; cursor: pointer; font: inherit; font-size: 12px; color: #292633; min-width: 0; }
.fotogenic-scope .workflow-story__presets img { height: 58px; border: 2px solid transparent; border-radius: 8px; transition: border-color 250ms; }
.workflow-story__presets button[aria-pressed=true] { color: #563481; font-weight: 600; }
.workflow-story__presets button[aria-pressed=true] img { border-color: #a57aff; }
.workflow-story__presets button:focus-visible { outline: 2px solid #69449d; outline-offset: 4px; border-radius: 8px; }
.fotogenic-scope .workflow-story__print { position: absolute; top: 5%; left: 2%; margin: 0; width: 66%; height: 76%; border: 4px solid #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 12px 24px #21173512; }
.workflow-story__print--back { z-index: 1; transform: var(--workflow-print-back); }
/* Leave room for the rotated front print inside its stage. */
.workflow-story__print--front { z-index: 2; transform: var(--workflow-print-front); }
.workflow-story__review-set.is-swapped .workflow-story__print--back { z-index: 2; transform: var(--workflow-print-front); }
.workflow-story__review-set.is-swapped .workflow-story__print--front { z-index: 1; transform: var(--workflow-print-back); }
/* The three captions remain in document order on every viewport. */
.workflow-story__copy { display: grid; grid-template-columns: 42px minmax(0,1fr); column-gap: 12px; row-gap: 7px; margin-top: 18px; }
.workflow-story__number { grid-column: 1; grid-row: 1; align-self: start; font-size: 30px; font-weight: 700; line-height: 1; letter-spacing: -.035em; color: #8050c4; }
.fotogenic-scope .workflow-story__copy h3 { grid-column: 2; margin: 0; font-size: clamp(20px,1.65vw,24px); font-weight: 650; line-height: 1.25; letter-spacing: -.025em; }
.fotogenic-scope .workflow-story__copy p { grid-column: 2; margin: 0; color: #555; font-size: 16px; line-height: 1.5;  text-wrap: balance;}
.fotogenic-scope .workflow-story__status { margin: 0; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media(max-width:1024px) {
 .fotogenic-scope .workflow-story.page-shell { width: calc(100% - 40px); margin: var(--fotogenic-section-start) auto var(--fotogenic-section-end); }
 .workflow-story__heading { margin-bottom: var(--fotogenic-content-gap); }
 .fotogenic-scope .workflow-story__heading h2 { font-size: var(--fotogenic-type-section-title); line-height: var(--fotogenic-leading-title); }
 .fotogenic-scope .workflow-story__heading p { max-width: 290px; }
 .workflow-story__grid { grid-template-columns: 1fr; gap: 48px; }
 .workflow-story__visual { height: auto; aspect-ratio: 4 / 4.5; }
 .workflow-story__input { aspect-ratio: 4 / 4.5; }
 .workflow-story__copy { margin-top: 16px; }
 .workflow-story__glass { top: 12px; left: 12px; font-size: 11px; padding: 7px 10px; }
}
@media(min-width:701px) and (max-width:1024px) { .workflow-story__grid { max-width: 480px; margin-inline: auto; } }

.workflow-story.is-enhanced .workflow-story__presets { visibility: visible; }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .workflow-story__presets { background: #f3f0f6; } }

@media(prefers-reduced-transparency:reduce) { .workflow-story__glass,.workflow-story__presets { background: #f3f0f6; backdrop-filter: none; -webkit-backdrop-filter: none; } }

@media(max-width:600px) { .workflow-story__scene { aspect-ratio: 4 / 6; } }

/* The scene already reserves its exit gap. Keep pricing workflow spacing independent. */
.fotogenic-scope .scene-unfold + .workflow-story.page-shell { margin-top: 0; position: relative; 
	margin-bottom: var(--fotogenic-section-end);
}
@media(min-width:1025px) {
 .fotogenic-scope .scene-unfold + .workflow-story.page-shell { margin-bottom: var(--fotogenic-section-end); }
}
@media(max-width:700px) {
 .fotogenic-scope .scene-unfold + .workflow-story.page-shell { margin-bottom: var(--fotogenic-section-end); }
}

/* Image-led campaign content reuses the homepage workflow and motion. */
.fotogenic-scope .workflow-story--campaign .workflow-story__heading { text-align: center; }
.fotogenic-scope .workflow-story--campaign .workflow-story__heading h2 {
 font-size: var(--fotogenic-type-section-title);
 line-height: var(--fotogenic-leading-title);
 font-weight: 650;
 letter-spacing: -.035em;
 text-wrap: balance;
}
.fotogenic-scope .workflow-story--campaign .workflow-story__heading p {
 margin-inline: auto;
 max-width: 44ch;
 max-inline-size: 44ch;
 color: #555;
}
.fotogenic-scope .workflow-story--campaign .workflow-story__visual { height: auto; aspect-ratio: 3 / 4; }
.fotogenic-scope .workflow-story--campaign .workflow-story__visual img { object-fit: contain; object-position: center; }
.fotogenic-scope .workflow-story--campaign .workflow-story__presets img { object-fit: cover; }

.workflow-story__cta { display:flex; justify-content:center; margin-top:var(--fotogenic-content-gap); }
.workflow-story__cta a { display:inline-flex; align-items:center; justify-content:center; min-height:var(--fotogenic-shell-button-height); padding:0 var(--fotogenic-shell-button-padding); border-radius:var(--fotogenic-button-radius); background:#111; color:#fff; font-size:var(--fotogenic-shell-button-font-size); font-weight:650; line-height:1.5; text-decoration:none; }
.workflow-story__cta a:focus-visible { outline:2px solid #8050c4; outline-offset:4px; }