.build-story{position:relative;height:190vh;min-height:1050px;border-block:1px solid var(--line);background:var(--bg)}
.story-sticky{position:sticky;top:100px;min-height:500px;height:calc(100svh - 100px);max-height:780px;display:flex;flex-direction:column;justify-content:center;padding-block:34px 30px}
.story-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}
.story-topline .eyebrow{color:var(--accent-contrast,var(--accent));font-size:10px}.story-topline>.micro{font-size:8px}
.story-layout{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:25px;flex:1;min-height:0}
.story-copy{min-width:0}
.story-copy h2{font-size:clamp(37px,3.7vw,59px)}.story-copy h2 .serif-word{color:var(--accent-contrast,var(--accent))}
.story-copy>p{font-size:12px;line-height:1.9;max-width:295px;margin-top:23px}
.story-current{margin-top:32px;padding-left:15px;border-left:1px solid var(--accent)}.story-current>span{font-size:9px;letter-spacing:.12em;color:var(--accent-contrast,var(--accent))}.story-current>p{font-size:11px;max-width:280px;margin-top:6px;min-height:36px}
.story-visual{position:relative;min-width:0}.story-visual:before{content:'';position:absolute;inset:4%;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.06),transparent 70%);pointer-events:none}
#story-canvas{position:relative;display:block;width:100%;height:auto;aspect-ratio:960/580}
.story-visual-note{display:block;text-align:right;color:var(--muted);font-size:7px;letter-spacing:.12em}
.story-stages{display:flex;position:relative;justify-content:space-between;padding-bottom:17px;color:var(--muted);gap:15px;margin-top:25px}
.story-stages>span{font-size:9px;letter-spacing:.08em;transition:color .2s}.story-stages b{font-weight:500;margin-left:15px}.story-stages .is-current{color:var(--accent-contrast,var(--accent))}
.story-progress{position:absolute;left:0;bottom:0;right:0;height:1px;background:var(--line)}.story-progress i{display:block;width:100%;height:1px;background:var(--accent);transform:scaleX(var(--story-progress,0));transform-origin:left;box-shadow:0 0 12px rgba(var(--accent-rgb),.3)}
.transmission{border:1px solid var(--line);border-radius:6px;padding:25px 25px 20px;background:var(--bg);text-align:center;overflow:hidden}
.transmission>.eyebrow{text-align:left;font-size:8px;color:var(--muted)}
.transmission-circuit{width:100%;height:auto;display:block;overflow:visible;color:var(--accent-contrast,var(--accent));margin-block:5px}
.circuit-tracks{fill:none;stroke:currentColor;stroke-width:1;opacity:.25}.circuit-pins{fill:var(--bg);stroke:currentColor;stroke-width:1;opacity:.5}
.transmission-fox{fill:var(--accent)}
.transmission h3{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.045em}.transmission h3:focus{outline:none}.transmission>p{font-size:12px;margin-top:10px}.transmission .text-link{margin-top:22px;border:0;border-bottom:1px solid var(--line);padding-inline:0}
.transmission-pulse{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-dasharray:38 400;stroke-dashoffset:38}
.pulse-halo{stroke-width:8;filter:blur(4px);opacity:.5}.pulse-core{stroke-width:2.5;stroke-dasharray:.1 .9;stroke-dashoffset:.1}
.receiver-ring{fill:var(--bg);stroke:currentColor;stroke-width:1;opacity:.7}.receiver-echo{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-origin:445px 120px}
.receiver-check{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32}
.is-transmitted>.form-row,.is-transmitted>label,.is-transmitted>.honey,.is-transmitted>.cf-turnstile,.is-transmitted>.form-note,.is-transmitted>.submit-button{display:none!important}
.is-transmitted .pulse-core{animation:transmit-core 1.15s cubic-bezier(.35,0,.4,1) .15s both}
.is-transmitted .pulse-halo{animation:transmit-halo 1.15s cubic-bezier(.35,0,.4,1) .15s both}
.is-transmitted .transmission-fox{animation:transmit-fox 1.2s ease both}
.is-transmitted .receiver-check{animation:transmit-check .45s ease 1.15s both}
.is-transmitted .receiver-echo{animation:transmit-echo .8s ease 1.1s both}
.is-transmitted #contact-result{font-size:12px;text-align:center;line-height:1.8;padding-inline:10px}
@keyframes transmit-core{0%{stroke-dashoffset:.12;opacity:0}12%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:-1;opacity:0}}
@keyframes transmit-halo{0%{stroke-dashoffset:40;opacity:0}12%{opacity:.5}90%{opacity:.5}100%{stroke-dashoffset:-390;opacity:0}}
@keyframes transmit-fox{0%,100%{opacity:1}40%{opacity:.55}65%{opacity:1;filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.5))}}
@keyframes transmit-check{to{stroke-dashoffset:0}}
@keyframes transmit-echo{0%{opacity:.7;scale:1}100%{opacity:0;scale:1.8}}
@media(max-width:1050px){.story-layout{grid-template-columns:.8fr 1.2fr;gap:10px}.story-copy h2{font-size:41px}.story-copy>p{font-size:11px}.story-sticky{min-height:500px}}
@media(max-width:760px){.build-story{height:165svh;min-height:950px}.story-sticky{top:77px;height:calc(100svh - 77px);max-height:800px;min-height:560px;padding-block:25px}.story-topline>.micro{font-size:7px}.story-topline .eyebrow{font-size:8px}.story-layout{grid-template-columns:1fr;gap:0;flex:0}.story-copy{padding-top:20px}.story-copy h2{font-size:37px}.story-copy h2 br:last-of-type{display:none}.story-copy>p{margin-top:12px;max-width:370px;font-size:11px}.story-current{margin-top:15px}.story-current>p{min-height:0;font-size:10px;max-width:370px}.story-visual{margin-top:10px}.story-visual-note{font-size:6px}.story-stages{margin-top:20px;padding-bottom:13px}.story-stages b{margin-left:7px}.story-stages>span{font-size:8px}.transmission{padding:22px 15px}.transmission h3{font-size:28px}}
@media(max-height:700px) and (min-width:761px){.story-sticky{top:100px;min-height:390px;height:calc(100svh - 100px);padding-block:20px}.story-copy h2{font-size:35px}.story-copy>p{font-size:11px;margin-top:15px}.story-current{margin-top:18px}.story-layout{grid-template-columns:.8fr 1.2fr}.story-visual{max-width:550px;justify-self:end}.story-stages{margin-top:12px}}
@media(max-height:740px) and (max-width:760px){.story-sticky{min-height:0;height:auto;position:relative;top:0;padding-block:35px}.build-story{height:auto;min-height:0}.story-copy h2{font-size:35px}.story-visual{max-width:480px;width:100%;justify-self:center}}
@media(prefers-reduced-motion:reduce){.build-story{height:auto;min-height:0}.story-sticky{position:relative;top:0;height:auto;min-height:0;max-height:none;padding-block:45px}.story-layout{padding-block:30px}.story-progress i{transform:none}.transmission-pulse,.receiver-echo{display:none}.is-transmitted .transmission-fox,.is-transmitted .receiver-check{animation:none;filter:none}.receiver-check{stroke-dashoffset:0}}
@media(max-width:760px){.story-layout{grid-template-columns:minmax(0,1fr);flex:0 0 auto}.story-copy h2 br:last-of-type{display:initial}}