.lead{padding-block:var(--s-10);min-height:60vh;display:flex;flex-direction:column;justify-content:center}.lead__title{font-size:var(--t-h2-size);line-height:var(--t-h2-lh);letter-spacing:var(--t-h2-caps-ls);margin-bottom:var(--s-5)}.lead__body{max-width:58ch;color:var(--text-secondary)}.story{height:320vh;position:relative}.story__stage{position:relative;height:100svh;overflow:hidden;background:var(--c-dark-obsidian);color:var(--text-inverse)}.story__panels{position:relative;height:100%}.story__panel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s-8);padding:var(--page-pad);max-width:var(--grid-max);margin-inline:auto}.story__swatch{aspect-ratio:4 / 5;width:100%;max-height:72vh;border-radius:2px;will-change:transform}[data-tone=fionx] .story__swatch{background:linear-gradient(150deg,var(--p-royal-blue),var(--p-navy) 70%)}[data-tone=formx] .story__swatch{background:linear-gradient(150deg,var(--p-mauve),var(--p-burgundy) 70%)}[data-tone=fibrex] .story__swatch{background:linear-gradient(150deg,var(--p-sandstone),var(--p-espresso) 70%)}.story__copy{max-width:46ch}.story__impact{font-size:var(--t-nano-size);letter-spacing:var(--t-nano-caps-ls);color:var(--o-light-medium);margin-bottom:var(--s-4)}.story__name{font-size:var(--t-h1-size);line-height:var(--t-h1-lh);letter-spacing:var(--t-h1-caps-ls);margin-bottom:var(--s-5)}.story__desc{color:var(--o-light-dark);margin-bottom:var(--s-6)}.story__props{display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none;padding:0;margin:0}.story__props li{padding:var(--s-2) var(--s-4);border:1px solid var(--o-light-light);border-radius:999px;font-size:var(--t-p-s-size);letter-spacing:var(--t-p-s-ls)}.story__nav{position:absolute;left:var(--page-pad);bottom:var(--s-8);display:flex;gap:var(--s-5);list-style:none;margin:0;padding:0;z-index:2}.story__nav button{appearance:none;background:none;border:none;padding:var(--s-2) 0;color:var(--o-light-medium);font:inherit;font-size:var(--t-nano-size);letter-spacing:var(--t-nano-caps-ls);text-transform:uppercase;font-weight:700;cursor:pointer;position:relative;transition:color var(--mo-transition-base)}.story__nav button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--mo-transition-base)}.story__nav button[aria-current=true]{color:var(--c-white)}.story__nav button[aria-current=true]:after{transform:scaleX(1)}.story__progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--o-light-light);z-index:2}.story__progress span{display:block;height:100%;width:100%;background:var(--c-white);transform:scaleX(0);transform-origin:left center}@media(max-width:900px){.story__panel{grid-template-columns:1fr;align-content:center;gap:var(--s-5)}.story__swatch{max-height:30vh;aspect-ratio:16 / 9}}