/* Outcome-first exploration only. No changes to the preserved case or homepage. */

.fns-outcome-story .story-outcome { padding-block: 68px 32px; }
.story-outcome > .case-reading { margin-inline: auto; text-align: center; }
.story-outcome h2 { text-wrap: balance; }
.story-glimpse { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(24px,5vw,70px); max-width: 970px; margin: 55px auto 0; padding: 0 20px; list-style: none; }
.story-glimpse li { position: relative; min-width: 0; }
.story-glimpse li:nth-child(even) { padding-top: 35px; }
.story-glimpse li + li::before { content: "→"; position: absolute; top: 45%; left: -37px; font-family: "Bradley Hand",cursive; font-size: 25px; color: #93adcd; }
.story-glimpse a { display: block; transition: transform .3s ease; }
.story-glimpse a:hover { transform: translateY(-5px); }
.story-glimpse img { display: block; width: 100%; height: auto; border-radius: 7%; box-shadow: 0 15px 32px rgb(31 58 85 / 8%); }
.story-glimpse a > span { display: flex; align-items: baseline; gap: 9px; margin-top: 20px; font-size: .94rem; font-weight: 600; letter-spacing: -.015em; }
.story-glimpse b { font-size: .66rem; color: #7f93ab; font-weight: 500; letter-spacing: .03em; }
.fns-outcome-story .story-preview-note { margin: 38px auto 0; text-align: center; color: var(--case-blue-ink); font-size: 1.25rem; rotate: -2deg; }
.story-rewind { text-align: center; padding-block: 85px 70px; }
.story-rewind > svg { width: 65px; height: 65px; stroke: #7ba4df; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; margin: 0 auto 22px; }
.fns-outcome-story .story-rewind h2 { font-size: clamp(1.7rem,3vw,2.5rem); }
.story-act-nav { display: flex; gap: 38px; justify-content: center; margin: 30px 0 24px; }
.story-act-nav a { color: #8294ab; font-size: .73rem; letter-spacing: .04em; padding: 10px 0; }
.story-act-nav span { color: var(--portfolio-ink); font-size: .92rem; letter-spacing: 0; margin-left: 8px; }
.story-act-nav a:hover span { color: var(--case-blue-ink); }
.story-original-link { font-size: .75rem; color: var(--case-muted); text-decoration: underline; text-underline-offset: 5px; }
.story-act { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 75px 2% 40px; }
.story-act .case-kicker { color: var(--case-blue-ink); margin-bottom: 14px; }
.fns-outcome-story .story-act h2 { font-size: clamp(3.2rem,6.4vw,5.4rem); line-height: 1.08; letter-spacing: -.055em; }
.story-act > .case-handwriting { font-size: 1.35rem; rotate: -5deg; margin: 20px 3% 0 0; color: #6f92c4; }
.fns-outcome-story .story-act + :is(.case-context-section,.case-structure-section) { padding-top: 32px; }
.story-prototype { padding-block: 65px 80px; }
.story-prototype .case-reading { margin-inline: 0; }
.story-prototype-route { display: flex; gap: 32px; justify-content: space-between; list-style: none; margin: 42px 0 38px; padding: 28px 0; }
.story-prototype-route li { position: relative; max-width: 132px; font: 1.4rem/1.35 "Bradley Hand","Segoe Print",cursive; color: var(--case-blue-ink); }
.story-prototype-route li + li::before { content: "→"; position: absolute; left: -27px; color: #98acc7; }
.fns-outcome-story #research { padding-top: 80px; }
.fns-outcome-story .case-research-board { margin-bottom: 45px; }
.story-research-changes { margin-top: 70px; }
.fns-outcome-story .story-research-changes h3 { font-size: 2rem; }
.story-table-scroll { overflow-x: auto; margin-top: 30px; }
.story-research-changes table { border-collapse: collapse; width: 100%; text-align: left; }
.story-research-changes caption { text-align: left; font-size: .8rem; color: var(--case-muted); margin-bottom: 20px; }
.story-research-changes th { width: 33.33%; font-size: .88rem; font-weight: 650; padding: 0 30px 17px 0; color: var(--case-blue-ink); vertical-align: top; }
.story-research-changes th small { display: block; font-size: .72rem; font-weight: 400; margin-top: 5px; color: var(--case-muted); }
.story-research-changes td { padding: 22px 30px 22px 0; border-top: 1px solid #e0e7ef; font-size: .94rem; line-height: 1.6; vertical-align: top; color: var(--case-muted); }
.story-research-changes td:first-child { color: var(--portfolio-ink); font-weight: 550; }
.story-research-changes > .case-small { max-width: 760px; margin-top: 24px; }
.fns-outcome-story #the-experience { padding-top: 110px; }
.story-build-time { padding-block: 5px 55px; }
.story-build-time > .case-handwriting { color: #7194c5; text-align: center; rotate: -2deg; }
.story-build-time .case-launch-line { max-width: 640px; margin-inline: auto; }
.fns-outcome-story #act-learn { margin-top: 25px; }
.story-special-cuts { padding-block: 90px 80px; }
.story-special-cuts > .case-reading { max-width: 740px; margin-inline: auto; text-align: center; }
.fns-outcome-story .story-special-cuts h3 { font-size: clamp(2rem,4vw,3.5rem); line-height: 1.12; letter-spacing: -.045em; }
.story-special-stage { display: grid; grid-template-columns: minmax(0,340px) 120px minmax(0,340px); justify-content: center; gap: 24px; margin-top: 55px; position: relative; }
.story-special-stage::before { content: ""; position: absolute; inset: 0 -6% 150px; z-index: -1; background: radial-gradient(ellipse at 30% 50%,#eaf6fb 0,transparent 55%),radial-gradient(ellipse at 75% 70%,#f1edff 0,transparent 50%); }
.story-special-stage figure { margin: 0; min-width: 0; }
.story-special-stage figure:last-child { padding-top: 65px; }
.story-special-stage figure > a { display: block; border-radius: 6.6667% / 3%; overflow: hidden; box-shadow: 0 22px 45px rgb(42 63 84 / 9%); }
.story-special-stage img { display: block; width: 100%; height: auto; }
.story-special-stage figcaption { margin-top: 28px; line-height: 1.6; }
.story-special-stage figcaption strong { display: block; margin-bottom: 8px; color: var(--portfolio-ink); font-size: 1.12rem; font-weight: 600; }
.story-special-stage figcaption span { display: block; font-size: .96rem; color: var(--case-muted); }
.story-special-connector { align-self: center; margin-top: -180px; text-align: center; color: var(--case-blue-ink); }
.story-special-connector span { display: block; font-size: 1.25rem; rotate: -7deg; }
.story-special-connector svg { width: 100%; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.fns-outcome-story .story-special-takeaway { text-align: center; font-size: 1.3rem; color: var(--case-blue-ink); margin: 48px auto 0; }
@media (max-width: 700px) {
  .story-special-stage { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
  .story-special-connector { display: none; }
  .story-special-stage figure:last-child { padding-top: 35px; }
  .story-special-stage figcaption span { font-size: .85rem; }
  .story-glimpse { gap: 22px; padding-inline: 0; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 450px; }
  .story-glimpse li:nth-child(even) { padding-top: 25px; }
  .story-glimpse li + li::before { display: none; }
  .story-glimpse a > span { font-size: .82rem; }
  .story-act { align-items: flex-start; flex-direction: column; gap: 0; padding-top: 60px; }
  .story-act > .case-handwriting { margin-top: 20px; }
  .story-act-nav { gap: 18px; }
  .story-act-nav span { font-size: .8rem; margin-left: 4px; }
  .story-prototype-route { flex-wrap: wrap; justify-content: flex-start; gap: 30px 35px; }
  .story-prototype-route li { font-size: 1.17rem; }
  .story-research-changes table { min-width: 620px; }
}
@media (prefers-reduced-motion: reduce) {
  .story-glimpse a { transition: none; }
  .story-glimpse a:hover { transform: none; }
}

/* Editorial refinement: retain the portfolio language, vary the reading pace. */
.fns-outcome-story :is(.case-structure-section,.case-context-section) { padding-block: 62px; }
.fns-outcome-story .story-act { padding-block: 100px 34px; }
.fns-outcome-story .story-rewind { padding-block: 65px 45px; }
.fns-outcome-story .story-prototype { padding-block: 42px 50px; }
.fns-outcome-story .story-prototype h2 { font-size: clamp(1.8rem,3.1vw,2.5rem); }
.fns-outcome-story .story-prototype-route { margin-block: 24px; padding-block: 18px; }
.fns-outcome-story .case-reading > p:not(.case-kicker,.case-problem-label) { max-width: 62ch; text-wrap: pretty; }
.fns-outcome-story .case-exploration-wall figcaption { line-height: 1.45; }
.fns-outcome-story .case-exploration-wall figcaption strong { display: block; font-size: .95rem; color: var(--portfolio-ink); font-weight: 600; }
.fns-outcome-story .case-exploration-wall figcaption span { display: block; font-size: .83rem; margin-top: 9px; color: var(--case-muted); max-width: 26ch; }
.fns-outcome-story #research { padding-block: 65px 60px; }
.fns-outcome-story .case-research-board { margin-block: 42px 60px; }
.story-research-changes { max-width: 900px; margin: 0 auto; }
.fns-outcome-story .story-research-changes h3 { font-size: clamp(1.9rem,3vw,2.5rem); }
.story-research-changes header .case-small { margin-top: 18px; color: var(--case-muted); font-size: .8rem; }
.story-evidence-row { display: grid; grid-template-columns: 1fr 70px 1fr; gap: 30px; align-items: center; margin-top: 45px; padding-block: 20px 30px; }
.story-evidence-observation { display: grid; grid-template-columns: 78px 1fr; column-gap: 22px; }
.story-evidence-observation > strong { grid-row: 1/3; font-size: 5rem; line-height: 1; font-weight: 600; letter-spacing: 0; color: var(--case-blue-ink); font-variant-numeric: tabular-nums; }
.fns-outcome-story .story-evidence-row h4 { font-size: 1.28rem; letter-spacing: -.02em; line-height: 1.3; }
.fns-outcome-story .story-evidence-row p { font-size: .96rem; line-height: 1.65; margin-top: 10px; }
.story-evidence-arrow { font-size: 3rem; color: #84a9d7; text-align: center; }
.story-evidence-direction > span { display: block; font-size: .72rem; color: var(--case-blue-ink); margin-bottom: 12px; }
.story-evidence-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 24px; padding: 28px 0 10px; }
.fns-outcome-story .story-evidence-secondary h4 { font-size: 1.05rem; }
.fns-outcome-story .story-evidence-secondary p { font-size: .94rem; margin-top: 8px; }
.fns-outcome-story .story-evidence-note { max-width: 650px; margin-top: 24px; font-size: .76rem; color: var(--case-muted); }
.story-recordings { margin-top: 38px; }
.fns-outcome-story #the-experience { padding-top: 95px; padding-bottom: 35px; }
.story-walkthrough { max-width: 930px; margin: 38px auto 0; }
.story-walkthrough .case-final-flow-grid { margin-top: 20px; padding-bottom: 35px; }
.fns-outcome-story .case-design-intro { padding-block: 60px 30px; }
.fns-outcome-story .case-design-intro h2 { font-size: clamp(2rem,3.3vw,2.7rem); }
.fns-outcome-story :is(.case-discovery,.case-choice-section,.case-cut-section) { padding-bottom: 55px; }
.fns-outcome-story .case-price-section { padding-block: 50px; }
.fns-outcome-story .case-size-detail > a { aspect-ratio: .8; }
.fns-outcome-story .case-size-detail img { transform: translateY(-32%); }
.fns-outcome-story .case-demo video { clip-path: inset(0 round 7% / 3.15%); }
.fns-outcome-story .story-special-cuts { padding-block: 65px 50px; }
.story-special-stage { grid-template-columns: minmax(0,320px) 100px minmax(0,400px); gap: 25px; }
.story-special-stage figure:last-child { padding-top: 230px; }
.story-special-stage figure > .story-special-sheet { position: relative; aspect-ratio: 360 / 260; border-radius: 7% / 10%; }
.story-special-stage .story-special-sheet img { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; }
.story-special-connector { align-self: start; margin-top: 385px; }
.story-special-selection { position: relative; }
.story-special-selection::before,.story-special-selection::after { content: ""; position: absolute; z-index: 1; border: 1.5px solid #427ed1; border-radius: 5px; pointer-events: none; }
.story-special-selection::before { left: 8.7%; top: 52.3%; width: 19%; height: 2.1%; border-radius: 3px; }
.story-special-selection::after { right: 5%; bottom: 11.6%; width: 33.7%; height: 8%; }
.story-special-takeaway { max-width: 650px; text-wrap: balance; }
.story-lock-note { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 55px; padding-block: 48px 70px; }
.story-lock-note > .case-handwriting { color: var(--case-blue-ink); font-size: 1.35rem; rotate: -5deg; }
.fns-outcome-story .story-lock-note h2 { font-size: 1.55rem; line-height: 1.25; letter-spacing: -.025em; }
.fns-outcome-story .story-lock-note p { font-size: .96rem; margin-top: 12px; }
.fns-outcome-story .story-lock-note .case-small { font-size: .75rem; }
.story-engineering { display: grid; grid-template-columns: 1fr 1fr; gap: 45px 9%; padding-block: 60px 25px; }
.story-engineering #delivery .case-reading { width: 100%; }
.fns-outcome-story .story-engineering h2 { font-size: clamp(2.1rem,3.4vw,2.9rem); }
.story-engineering .case-production-number strong { color: var(--case-blue-ink); font-size: clamp(4rem,6.5vw,5.5rem); }
.fns-outcome-story .story-engineering .case-production-number h3 { font-size: 1.12rem; letter-spacing: -.015em; margin-top: 10px; }
.fns-outcome-story .story-build-details { margin: 30px 0 0; display: grid; gap: 23px; }
.story-build-details dt { font-weight: 600; font-size: .95rem; }
.story-build-details dd { margin: 5px 0 0; font-size: .9rem; line-height: 1.6; color: var(--case-muted); }
.story-engineering .story-build-time { grid-column: 1/-1; padding: 0; }
.story-engineering .case-launch-line { margin-block: 0; }
.story-engineering .story-build-time > .case-handwriting { font-size: 1.25rem; margin-top: 18px; }
.fns-outcome-story #act-learn { margin-top: 30px; }
.fns-outcome-story #launch { padding-block: 24px 36px; }
.fns-outcome-story .story-live-status { display: flex; align-items: center; gap: 10px; color: var(--case-blue-ink); font-size: .84rem; margin-bottom: 22px; }
.story-live-status span { width: 8px; height: 8px; background: #4388e6; border-radius: 50%; box-shadow: 0 0 0 5px #e7f1ff; }
.fns-outcome-story #outcomes { padding-block: 64px; }
.fns-outcome-story #outcomes h2 { font-size: clamp(2rem,3.45vw,2.9rem); }
.fns-outcome-story #outcomes > .case-reading p { font-size: 1.06rem; }
.story-metric-summary { position: relative; }
.fns-outcome-story .story-metric-summary { border: 0; margin-top: 40px; padding: 0; }
.fns-outcome-story .story-metric-summary .case-demo-notice { padding-left: 14px; border-left: 2px solid #bacce6; max-width: 650px; font-size: .83rem; }
.story-metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5%; margin: 52px 0 35px; }
.story-metric { position: relative; display: flex; flex-direction: column; padding-block: 18px 25px; isolation: isolate; }
.story-metric::before { content: ""; position: absolute; z-index: -1; inset: -15% -8% 0; background: radial-gradient(ellipse,rgb(210 230 252 / 34%),transparent 68%); pointer-events: none; }
.fns-outcome-story .story-metric dt { order: 2; margin-top: 19px; font-size: 1.05rem; color: var(--portfolio-ink,#101216); font-weight: 550; letter-spacing: -.02em; }
.story-metric dd { position: relative; margin: 0; }
.story-metric-value { display: inline-flex; align-items: baseline; white-space: nowrap; color: var(--case-blue-ink); font-size: clamp(3.5rem,7.3vw,6.6rem); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.035em; line-height: 1.05; }
.story-metric-sign { font-size: .62em; font-weight: 450; margin-right: .06em; }
.story-metric-unit { font-size: .42em; font-weight: 450; margin-left: .08em; letter-spacing: 0; }
.story-metric-arrow { position: absolute; width: 48px; height: 45px; right: 2%; top: -25px; color: #7999c5; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transform: rotate(-9deg); }
.story-metric-arrow--down { transform: rotate(6deg); }
.fns-outcome-story .story-metric small { display: block; margin-top: 12px; font-size: .72rem; font-weight: 400; color: var(--case-muted); letter-spacing: .01em; }
.fns-outcome-story .story-metric-summary > .case-small { max-width: 650px; font-size: .76rem; }
@media(max-width:600px) { .story-metric-grid { grid-template-columns: 1fr; gap: 35px; } .story-metric { max-width: 320px; } .story-metric-value { font-size: 4.8rem; } .story-metric-arrow { right: 12%; top: 0; } }
.story-draft-results { margin-top: 28px; }
.fns-outcome-story .story-draft-results .case-demo-results { margin-top: 0; }
.fns-outcome-story #ongoing-research { padding-block: 64px; }
.fns-outcome-story #ongoing-research h2 { font-size: clamp(2rem,3.45vw,2.9rem); }
.fns-outcome-story #ongoing-research .case-section-note { margin-top: 12px; max-width: 650px; font-size: .8rem; }
.fns-outcome-story #ongoing-research .case-closing-thought { max-width: 760px; margin: 55px auto 0; text-align: center; font-size: 1.55rem; text-wrap: balance; }
.story-learning-loop { position: relative; isolation: isolate; margin-top: 55px; padding-bottom: 30px; }
.story-learning-path { position: absolute; inset: 0 0 auto; width: 100%; height: 340px; stroke: #9eb7d8; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.story-learning-return { stroke: #bdcde1; stroke-dasharray: 4 6; }
.story-learning-return-tip { stroke: #bdcde1; stroke-dasharray: none; }
.story-learning-steps { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0; padding: 0; position: relative; }
.story-learning-steps li { text-align: center; padding: 0 12px; }
.story-learning-object { display: grid; place-items: center; width: 98px; height: 98px; margin: 0 auto 27px; color: var(--case-blue-ink); border-radius: 29px; background: linear-gradient(145deg,#fcfdff,#e2ecfa); box-shadow: inset 1px 2px 2px #fff, inset -2px -4px 4px rgb(138 165 204 / 15%), 0 15px 26px rgb(73 109 158 / 10%); transform: rotate(-8deg); }
.story-learning-object--refine { transform: rotate(7deg); background: linear-gradient(145deg,#fdfdff,#e7eaf9); }
.story-learning-object--test { transform: rotate(-5deg); }
.story-learning-object svg { width: 52px; height: 52px; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.story-learning-label { display: block; color: var(--case-muted); font-size: .74rem; margin-bottom: 9px; }
.fns-outcome-story .story-learning-steps h3 { font-size: clamp(1.2rem,2vw,1.55rem); letter-spacing: -.025em; font-weight: 550; margin: 0; }
.fns-outcome-story .story-learning-steps p { font-size: .9rem; line-height: 1.6; color: var(--case-muted); margin: 12px 0 0; }
.fns-outcome-story .story-learning-repeat { color: var(--case-blue-ink); font-size: 1.3rem; text-align: center; margin: 100px auto 0; transform: rotate(-3deg); }
.fns-outcome-story #ongoing-research .case-section-note { margin: 8px auto 0; text-align: center; max-width: 690px; }
@media(max-width:650px) {
  .story-learning-path { display: none; }
  .story-learning-steps { grid-template-columns: 1fr; gap: 45px; }
  .story-learning-object { width: 82px; height: 82px; margin-bottom: 22px; }
  .fns-outcome-story .story-learning-repeat { margin-top: 38px; font-size: 1.1rem; }
}
.fns-outcome-story .case-next { padding-top: 30px; }
@media (max-width: 700px) {
  .fns-outcome-story :is(.case-structure-section,.case-context-section) { padding-block: 45px; }
  .story-evidence-row { grid-template-columns: 1fr; gap: 20px; }
  .story-evidence-arrow { display: none; }
  .story-evidence-direction { margin-left: 100px; }
  .story-evidence-secondary { gap: 25px; }
  .story-special-stage { grid-template-columns: 1fr 1fr; gap: 24px; }
  .story-special-stage figure:last-child { padding-top: 100px; }
  .story-special-stage figure > .story-special-sheet { border-radius: 12px; }
  .story-lock-note,.story-engineering { grid-template-columns: 1fr; gap: 30px; }
  .story-lock-note { padding-block: 35px 45px; }
  .story-engineering { padding-top: 30px; }
}

/* Final structural pass: two motion moments, two visual findings, three decisions. */
.story-motion-glimpse{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:100px;margin:48px auto 0}
.story-motion-glimpse figure{margin:0;min-width:0}.story-motion-glimpse figure:nth-child(2){padding-top:45px}
.story-motion-glimpse video,.story-size-cut-grid video,.story-production-wall video{display:block;width:100%;height:auto;border-radius:7% / 3.15%;clip-path:inset(0 round 7% / 3.15%)}
.story-motion-glimpse video{box-shadow:0 22px 50px rgb(35 67 95 / 10%)}
.story-motion-glimpse figcaption{margin-top:23px;font-size:1.06rem;line-height:1.5;font-weight:550}
.story-motion-glimpse b{font-weight:400;color:var(--case-blue-ink);font-size:.74rem;margin-right:12px}
.fns-outcome-story .story-rewind{padding-block:53px 37px}.fns-outcome-story .story-act{padding-block:82px 28px}
.story-visual-finding{display:grid;grid-template-columns:.9fr 1fr;gap:75px;align-items:center;padding-block:32px}
.story-finding-stat{display:flex;gap:22px;align-items:baseline}.story-finding-stat strong{font-size:5rem;line-height:1;font-weight:600;color:var(--case-blue-ink);letter-spacing:0;font-variant-numeric:tabular-nums}
.fns-outcome-story .story-finding-stat h4{font-size:1.5rem;letter-spacing:-.025em}
.fns-outcome-story .story-finding-copy>p{font-size:1rem;margin-top:18px}.story-finding-next{margin-top:28px}
.story-finding-next .case-handwriting{display:block;color:var(--case-blue-ink);font-size:1.13rem;margin-bottom:15px}
.fns-outcome-story .story-finding-next h5{font-size:1.05rem;letter-spacing:-.01em;font-weight:600}
.fns-outcome-story .story-finding-next p{font-size:.9rem;margin-top:8px}
.story-visual-finding figure{margin:0;min-width:0;width:min(100%,420px);justify-self:center}.story-visual-finding figure>a{position:relative;display:block;overflow:hidden;border-radius:22px;box-shadow:0 14px 32px rgb(39 65 85 / 6%)}
.story-visual-finding img{display:block;width:100%;height:auto;max-width:none}.story-research-swipe,.story-research-pricing{aspect-ratio:1.3}
.story-research-swipe img{position:static;transform:translateY(-11.25%)}
.story-visual-finding .story-research-pricing img{position:static;width:140%;transform:translate(-24%,-64%)}
.story-visual-finding figcaption{margin-top:14px;font-size:.74rem;color:var(--case-muted)}
.story-recordings .case-interview-players video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:14px;background:#101216}
.fns-outcome-story .case-character-intro--thinking .case-sai-aside{padding-bottom:18px;align-self:center}
.fns-outcome-story .case-character-intro--thinking .case-sai-aside img{display:block;height:auto}
.fns-outcome-story .case-character-intro--thinking .case-sai-aside figcaption{position:relative;width:fit-content;margin:18px auto 0;color:var(--case-blue-ink);rotate:-5deg}
.fns-outcome-story .case-character-intro--thinking .case-sai-aside svg{left:-43px;top:-30px;bottom:auto;width:48px;height:48px;transform:none;stroke:currentColor}
.story-size-cut{padding-block:35px 65px}.fns-outcome-story .story-size-cut h3,.fns-outcome-story .story-trust-decision h3{font-size:clamp(2rem,3.7vw,3rem);line-height:1.15;letter-spacing:-.04em}
.story-size-cut-grid{display:grid;grid-template-columns:1.12fr .85fr;max-width:920px;margin:44px auto 0;gap:95px;align-items:center}
.story-size-cut-grid figure{margin:0;min-width:0}.story-size-proof{display:block;overflow:hidden;aspect-ratio:.8;border-radius:22px}
.story-size-proof img{display:block;width:100%;height:auto;transform:translateY(-32%)}
.story-size-cut-grid figcaption{margin-top:25px;line-height:1.55}.story-size-cut-grid figcaption strong{display:block;font-size:1.1rem;font-weight:600}
.story-size-cut-grid figcaption span{display:block;color:var(--case-muted);font-size:.95rem;margin-top:8px}
.story-trust-decision{padding-block:50px 65px}.story-trust-proof{display:grid;grid-template-columns:1.5fr .65fr;gap:110px;max-width:870px;align-items:center;margin:40px auto 0}
.story-trust-proof figure{margin:0;min-width:0}.story-trust-proof a,.story-trust-proof img{display:block;width:100%;height:auto;border-radius:17px}
.story-trust-proof figcaption{font-size:1.2rem;margin-top:20px;color:var(--case-blue-ink);rotate:-3deg}
.story-engineering--proof{display:block}.story-engineering--proof #delivery{max-width:700px;margin-bottom:48px}
.story-engineering--proof #build-challenges{display:grid;grid-template-columns:.5fr 1fr;column-gap:45px;align-items:start}
.story-engineering--proof .case-production-number{align-self:center;padding-bottom:50px}
.story-engineering--proof .case-production-number strong{font-size:clamp(4.5rem,9vw,8rem);letter-spacing:-.02em}
.story-engineering--proof .case-production-number .case-handwriting{display:block;color:var(--case-blue-ink);font-size:1.35rem;margin-top:22px;rotate:-5deg}
.story-production-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;align-items:start}
.story-production-wall figure{margin:0;min-width:0}.story-production-wall figure:nth-child(3n+2){transform:translateY(18px)}
.story-production-wall a{display:block;overflow:hidden;border-radius:13px;background:#f1f8fa;box-shadow:0 12px 25px rgb(28 56 76 / 6%)}
.story-production-wall img{display:block;width:100%;height:auto}.story-production-wall .story-production-sizes a{aspect-ratio:480 / 700}
.story-production-wall .story-production-sizes img{transform:translateY(-32%)}
.story-production-wall figcaption{font-size:.7rem;line-height:1.4;color:var(--case-muted);margin-top:10px}
.fns-outcome-story .story-production-source{grid-column:2;font-size:.7rem;color:var(--case-muted);margin-top:28px}
.story-engineering--proof .story-build-time{margin-top:35px}
.fns-outcome-story #outcomes.story-results-pending{padding-block:4px 20px}
.fns-outcome-story #outcomes.story-results-pending h2{font-size:1.05rem;font-weight:500;letter-spacing:-.01em;color:var(--case-muted)}
@media(max-width:700px){
.story-motion-glimpse{gap:28px}.story-motion-glimpse figure:nth-child(2){padding-top:30px}.story-motion-glimpse figcaption{font-size:.88rem}.story-motion-glimpse b{display:block;margin-bottom:4px}
.story-visual-finding{gap:30px;grid-template-columns:1fr}.story-visual-finding figure{width:min(100%,420px)}
.story-size-cut-grid{gap:35px;grid-template-columns:1fr;max-width:440px}.story-trust-proof{gap:30px;grid-template-columns:1.2fr .8fr}
.story-engineering--proof #build-challenges{grid-template-columns:1fr}.story-engineering--proof .case-production-number{padding-bottom:35px}.fns-outcome-story .story-production-source{grid-column:1}
}