/* SERVICE-STORY-01: editorial storytelling within the Lyfera palette. */
.service-story{color:var(--n900);overflow:clip}
.service-story [data-public-reveal]{--public-reveal-duration:var(--d-slow);transition-delay:0ms}
.service-story [data-public-reveal-order="1"]{transition-delay:50ms}
.service-story [data-public-reveal-order="2"]{transition-delay:100ms}
.service-story [data-public-reveal-order="3"]{transition-delay:150ms}
.story-main{padding-top:calc(var(--chrome-h,128px) + var(--s12))}
.story-main h1,.story-main h2,.story-main h3{font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0}
.story-main h1{font-size:clamp(52px,6.8vw,108px)}
.story-main h2{font-size:clamp(38px,4.7vw,76px)}
.story-main h3{font-size:clamp(24px,2.5vw,36px);line-height:1.15}
.story-main em{font-style:normal;color:var(--brand)}
.story-main p{margin:0}
.story-main .story-eyebrow{color:var(--n600);margin-bottom:var(--s6);letter-spacing:.1em}
.story-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:var(--s12);align-items:center;padding-bottom:var(--s12)}
.story-hero__copy{padding-block:var(--s8)}
.story-main .story-lead{font-size:clamp(18px,1.6vw,24px);line-height:1.55;max-width: forty}
.story-main .story-lead{max-width:42ch;margin-top:var(--s6);color:var(--n700)}
.story-actions{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center;margin-top:var(--s8)}
.story-main .story-small{font-size:13px;line-height:1.65;color:var(--n600);max-width:65ch;margin-top:var(--s5)}
.story-hero__figure{position:relative;margin:0;min-width:0}
.story-portrait{overflow:hidden;position:relative;aspect-ratio:3/4;background:var(--surface-subtle)}
.story-portrait img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}
.story-placeholder{height:100%;display:grid;place-items:center;padding:var(--s8);color:var(--n600);text-align:center;border:1px solid var(--n200)}
.story-caption{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding-top:var(--s4);font-size:10px;line-height:1.5;color:var(--n600)}
.story-caption a{color:var(--n900);text-decoration:none}
.story-figure-index{position:absolute;top:var(--s4);left:var(--s4);padding:var(--s2) var(--s3);background:var(--surface);color:var(--n900);font-size:9px}
.story-chapters{display:flex;justify-content:space-between;gap:var(--s5);border-block:1px solid var(--n200);padding-block:var(--s5);font-size:11px}
.story-chapters a{color:var(--n700);text-decoration:none;min-height:44px;display:flex;align-items:center}
.story-section{padding-block:clamp(72px,10vw,160px);scroll-margin-top:calc(var(--chrome-h,128px) + var(--s8))}
.story-intro{max-width:1100px;text-align:center}
.story-intro .story-lead{margin-inline:auto;max-width: fifty}
.story-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:end}
.story-split .story-lead{margin-top:0}
.story-process{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,128px);align-items:start}
.story-process__visual{position:sticky;top:calc(var(--chrome-h,128px) + var(--s6))}
.story-process__visual figure{margin:0}
.story-process__visual .story-portrait{max-height:70vh}
.story-process__chapters article{padding-block:var(--s10);min-height:60vh}
.story-process__chapters article+article{border-top:1px solid var(--n200)}
.story-number{display:block;font-size:14px;color:var(--brand);font-family:var(--mono);margin-bottom:var(--s6)}
.story-process__chapters article>p:not(.mono):not(.story-small){font-size:18px;line-height:1.65;color:var(--n700);margin-top:var(--s6);max-width:42ch}
.story-quality{background:var(--surface-subtle)}
.story-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-top:var(--s12)}
.story-reference figure{margin:0;min-width:0}
.story-reference figcaption{font-size:10px;text-transform:uppercase;margin-top:var(--s4);color:var(--n600)}
.story-quality__foot{display:flex;justify-content:space-between;gap:var(--s5);align-items:center;flex-wrap:wrap;margin-top:var(--s6)}
.story-quality__foot .story-small{margin:0}
.story-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8);margin-top:var(--s12)}
.story-pillars article{border-top:1px solid var(--n200);padding-top:var(--s6)}
.story-pillars .mono{color:var(--n600);font-size:11px}
.story-pillars h3{margin-top:var(--s5)}
.story-pillars p{color:var(--n700);font-size:16px;line-height:1.65;margin-top:var(--s4)}
.story-status{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);padding:var(--s8);margin-top:var(--s12);background:var(--surface-subtle)}
.story-status .mono{color:var(--brand);font-size:11px}
.story-status p{margin-top:var(--s3);font-size:15px;line-height:1.6;color:var(--n700)}
.story-ending{max-width:1100px}
.story-ending .panel{margin-top:var(--s12)!important;padding-top:var(--s8);border-top:1px solid var(--n200)}
.story-ending .panel h2{font-size:28px;letter-spacing:-.03em}
.story-ending .panel .prose{font-size:16px;line-height:1.65}
.story-ending .panel .hint{font-size:13px;line-height:1.65;color:var(--n600)}
.story-use-list{margin-top:var(--s12)}
.story-use-list article{display:grid;grid-template-columns:60px 1fr 1fr;gap:var(--s8);padding-block:var(--s8);border-top:1px solid var(--n200);align-items:start}
.story-use-list article:last-child{border-bottom:1px solid var(--n200)}
.story-use-list p:not(.mono){color:var(--n700);line-height:1.65;font-size:17px;max-width:45ch}
.story-banner{position:relative;min-height:85svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#141311;color:#f2efe9}
.story-banner>.story-portrait{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.story-banner .story-portrait img{object-position:center 32%}
.story-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,14,12,.85),rgba(15,14,12,.2))}
.story-banner .shell{padding-block:var(--s12);width:100%}
.story-banner h2{margin-top:var(--s6);font-size:clamp(42px,5.8vw,92px)}
.story-banner .control{margin-top:var(--s8);color:#f2efe9;border-color:rgba(242,239,233,.5)}
.story-workflow{list-style:none;padding:0;margin:0}
.story-workflow li{padding-block:var(--s6);border-bottom:1px solid var(--n200)}
.story-workflow .mono{color:var(--brand)}
.story-workflow p{font-size:17px;line-height:1.65;color:var(--n700);margin-top:var(--s4)}
.story-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:start}
.story-enquiry .control{margin-top:var(--s8)}
.story-enquiry .contact-intake-panel{padding:var(--s8);background:var(--surface-subtle)}
.story-main a:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.story-caption a:hover,.story-chapters a:hover{color:var(--brand)}}
@media(max-width:1000px){.story-hero,.story-split,.story-process,.story-enquiry{gap:var(--s8)}.story-main h1{font-size:clamp(48px,7vw,76px)}.story-use-list article{grid-template-columns:36px 1fr;gap:var(--s5)}.story-use-list article>p{grid-column:2}.story-pillars{gap:var(--s5)}}
@media(max-width:700px){.story-main{padding-top:calc(var(--chrome-h,80px) + var(--s8))}.story-hero,.story-split,.story-process,.story-enquiry{grid-template-columns:1fr}.story-hero__copy{padding-top:0}.story-hero__figure .story-portrait{max-height:70svh}.story-chapters{flex-wrap:wrap;gap:var(--s2) var(--s5)}.story-chapters a{font-size:9px}.story-process__visual{position:relative;top:auto}.story-process__chapters article{min-height:0;padding-block:var(--s8)}.story-pillars,.story-status{grid-template-columns:1fr}.story-reference{gap:var(--s2);margin-top:var(--s8)}.story-reference figcaption{font-size:8px;line-height:1.6}.story-main h2{font-size:clamp(36px,8vw,52px)}.story-status,.story-enquiry .contact-intake-panel{padding:var(--s5)}.story-use-list article{grid-template-columns:24px 1fr}.story-banner{min-height:70svh}.story-banner:after{background:rgba(15,14,12,.58)}.story-enquiry .duo{grid-template-columns:1fr;gap:var(--s6)}.story-section{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.service-story [data-story-parallax]{transform:none!important}}

.story-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s10) var(--s12);margin-top:var(--s12)}
.story-feature-grid article{border-top:1px solid var(--n200);padding-top:var(--s6)}
.story-feature-grid article>p:not(.mono){font-size:16px;line-height:1.65;color:var(--n700);margin-top:var(--s5);max-width:55ch}
.story-feature-status{display:block;color:var(--n600);font-size:10px;margin-top:var(--s5)}
.story-feature-grid .control{margin-top:var(--s5)}
.story-diary{display:grid;grid-template-columns:1fr 2fr;gap:var(--s10);margin-top:var(--s12);padding-block:var(--s8);border-block:1px solid var(--n200)}
.story-diary blockquote{font-size:clamp(20px,2.2vw,30px);line-height:1.55;letter-spacing:-.02em;margin:0;white-space:pre-line}
.story-diary .control{margin-top:var(--s5)}
@media(max-width:700px){.story-feature-grid,.story-diary{grid-template-columns:1fr}}