.nx-story-hero{padding-top:clamp(48px,7vw,104px)}.nx-story-hero__grid{grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,72px);display:grid}@media (width>=1040px){.nx-story-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;column-gap:clamp(48px,6vw,96px)}}.nx-story-hero__copy{min-width:0}.nx-story-hero__eyebrow{margin-bottom:var(--space-6)}.nx-story-hero__title{max-width:16ch;font-size:clamp(38px,5.4vw,80px);font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-display);color:var(--text-strong);text-wrap:balance;margin:0}.nx-story-hero__answer{max-width:38rem;font-size:var(--type-lead-size);color:var(--text-body);text-wrap:pretty;margin:clamp(20px,2.6vw,32px) 0 0;line-height:1.6}.nx-story-hero__form{min-width:0;max-width:560px;margin-top:clamp(24px,3vw,40px)}.nx-story-hero__page{gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-subtle);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(96px,auto);display:grid;transform:rotate(-1deg)}.nx-story-hero__panel{justify-content:space-between;gap:var(--space-4);min-height:110px;padding:var(--space-3) var(--space-4) var(--space-4);border:var(--border-width-strong) solid var(--text-strong);border-radius:var(--radius-control);background-color:var(--surface-raised);background-image:repeating-linear-gradient(135deg, color-mix(in oklch, var(--text-strong) 8%, transparent) 0 1px, transparent 1px 9px);flex-direction:column;display:flex;position:relative}.nx-story-hero__panel:first-child,.nx-story-hero__panel:nth-child(4){grid-column:1/-1}.nx-story-hero__panel--inked{background:var(--ink);box-shadow:inset 0 3px 0 var(--accent)}.nx-story-hero__caption{border:var(--border-width) solid var(--text-strong);border-radius:var(--radius-xs);background:var(--surface-page);font:var(--weight-medium) 11.5px / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-strong);align-self:flex-start;padding:2px 8px}.nx-story-hero__lines{gap:7px;display:grid}.nx-story-hero__lines span{background:var(--border-control);border-radius:3px;height:6px;display:block}.nx-story-hero__lines span:nth-child(2){width:82%}.nx-story-hero__lines span:nth-child(3){width:55%}.nx-story-hero__panel--inked .nx-story-hero__lines span{background:var(--accent);opacity:.85}.nx-story-hero__panel--inked .nx-story-hero__lines span+span{background:var(--on-ink);opacity:.35}@keyframes story-hero-up{0%{opacity:.01;transform:translateY(24px)}}@keyframes story-hero-fade{0%{opacity:0}}@keyframes story-hero-draw{0%{clip-path:inset(0 0 100%)}}html[data-motion=full] .nx-story-hero__eyebrow{animation:story-hero-fade 1s var(--ease-expo) both}html[data-motion=full] .nx-story-hero__title{animation:story-hero-up 1.1s var(--ease-expo) both}html[data-motion=full] :is(.nx-story-hero__answer,.nx-story-hero__form){animation:story-hero-up 1.1s var(--ease-expo) .15s both}html[data-motion=full] .nx-story-hero__panel{animation:story-hero-draw .8s var(--ease-expo) both;animation-delay:calc(.35s + var(--i) * .18s)}html[data-motion=lite] :is(.nx-story-hero__eyebrow,.nx-story-hero__answer,.nx-story-hero__form,.nx-story-hero__page){animation:story-hero-fade var(--duration-slow) var(--ease-out) both}main[data-archetype=storyboard] #familiar .nx-landing-card{position:relative}main[data-archetype=storyboard] #familiar .nx-landing-card:before,main[data-archetype=storyboard] #familiar .nx-landing-card:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);position:absolute}main[data-archetype=storyboard] #familiar .nx-landing-card:before{background:var(--border-soft);width:20px;height:15px;bottom:-15px;left:28px}main[data-archetype=storyboard] #familiar .nx-landing-card:after{background:var(--surface-raised);width:16px;height:12px;bottom:-12px;left:29px}main[data-archetype=storyboard] #familiar .nx-landing-cards{row-gap:var(--space-7)}.nx-story{gap:var(--space-6);display:grid}.nx-story__controls{display:none}html[data-motion] .nx-story[data-ready] .nx-story__controls{align-items:center;gap:var(--space-3) var(--space-5);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.nx-story__btn{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:var(--border-width) solid var(--border-control);border-radius:var(--radius-pill);background:var(--surface-raised);font:inherit;font-size:15px;font-weight:var(--weight-semibold);color:var(--text-strong);cursor:pointer;transition:background-color var(--duration-fast), border-color var(--duration-fast);line-height:1;display:inline-flex}.nx-story__btn--next{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}@media (hover:hover){.nx-story__btn:not([aria-disabled=true]):hover{border-color:var(--text-strong)}.nx-story__btn--next:not([aria-disabled=true]):hover{background:var(--ink-hover)}}.nx-story__btn[aria-disabled=true]{border-style:dashed;border-color:var(--border-control);color:var(--text-muted);cursor:default;background:0 0}.nx-story__btn:focus-visible{outline:var(--focus-outline);outline-offset:3px}.nx-story__status{font:var(--weight-medium) 13px / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;text-align:center;color:var(--text-muted);margin:0}@media (width<=600px){html[data-motion] .nx-story[data-ready] .nx-story__controls{grid-template-columns:1fr 1fr}.nx-story__status{text-align:left;grid-area:1/1/auto/-1}.nx-story__btn{padding:0 var(--space-3);justify-content:center}}.nx-story__strip{gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.nx-story__strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.nx-story__strip{grid-template-columns:repeat(var(--panels), minmax(0, 1fr))}}.nx-story__panel{border:var(--border-width-strong) solid var(--text-strong);border-radius:var(--radius-control);background:var(--surface-raised);perspective:900px;min-width:0;transition:box-shadow var(--duration-base);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.nx-story__when{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-right:var(--border-width-strong) solid var(--text-strong);border-bottom:var(--border-width-strong) solid var(--text-strong);border-bottom-right-radius:var(--radius-control);background:var(--surface-page);font:var(--weight-medium) 12.5px / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-strong);justify-self:start;margin:0;display:flex}.nx-story__num{font-weight:var(--weight-semibold);color:var(--accent-strong)}.nx-story__sides{gap:0;min-width:0;display:grid}.nx-story__side{align-content:start;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-6);display:grid}.nx-story__side--before{background-image:repeating-linear-gradient(135deg, color-mix(in oklch, var(--text-strong) 8%, transparent) 0 1px, transparent 1px 9px)}.nx-story__side--after{background:var(--ink);color:var(--on-ink);box-shadow:inset 0 3px 0 var(--accent)}.nx-story__tag{font:var(--weight-medium) 11.5px / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin:0}.nx-story__side--after .nx-story__tag{color:var(--accent)}.nx-story__text{color:var(--text-body);text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.55}.nx-story__side--after .nx-story__text{color:var(--on-ink)}html[data-motion] .nx-story[data-ready] .nx-story__side{backface-visibility:hidden;grid-area:1/1}html[data-motion] .nx-story[data-ready] .nx-story__panel:not([data-turned]) .nx-story__side--after,html[data-motion] .nx-story[data-ready] .nx-story__panel[data-turned] .nx-story__side--before{visibility:hidden}html[data-motion] .nx-story[data-ready] .nx-story__panel[data-current]{box-shadow:0 0 0 3px var(--accent)}@keyframes story-flip{0%{transform:rotateY(-90deg)}}@keyframes story-fade{0%{opacity:0}}html[data-motion=full] .nx-story[data-moved] .nx-story__panel[data-changed] .nx-story__side{animation:story-flip .45s var(--ease-out) both;transform-origin:0}html[data-motion=lite] .nx-story[data-moved] .nx-story__panel[data-changed] .nx-story__side{animation:story-fade var(--duration-base) var(--ease-out) both}html[data-motion=off] :is(.nx-story__btn,.nx-story__panel){transition:none}.nx-story-frame>.nx-container>.nx-lead{max-width:46rem}.nx-story-frame .nx-module__body+:not(.nx-module__next){margin-top:clamp(56px,7vw,96px)}
