/* VEX evolution — extends the original editorial composition. */
:root{--muted:#b5b0b3;--red-soft:#ff8293;--ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:90px}
body{overflow-x:clip}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--red-soft);outline-offset:6px}
main:focus,section:focus{outline:none}
[hidden]{display:none!important}
.site-nav{padding-top:22px;padding-bottom:22px;background:linear-gradient(#030303 0%,rgba(3,3,3,.92) 52%,transparent);gap:24px}
.nav-links{display:flex;gap:30px;margin-left:auto;font-family:var(--display);font-size:12px}
.nav-links a,.nav-action,.text-action{display:inline-flex;align-items:center;min-height:44px}
.nav-action{padding-bottom:0;letter-spacing:.06em}
.brand{display:flex;align-items:center;min-height:44px}
.brand img{filter:none}
.hero-copy{width:min(850px,65vw)}
.hero h1{font-size:clamp(60px,6.7vw,108px);line-height:.98;letter-spacing:-.055em}
.hero-summary{max-width:43ch;line-height:1.6}
.hero-side{font-size:9px;letter-spacing:.15em}
.scene-index{letter-spacing:.12em}
.text-action{letter-spacing:.07em;gap:18px;width:fit-content;transition:color .25s,border-color .25s}
.text-action span,.contact-action span{transition:transform .3s var(--ease)}
.text-action:hover span,.contact-action:hover span{transform:translate(4px,-3px)}
.manifesto{min-height:85svh}
.manifesto h2{max-width:19ch;letter-spacing:-.045em;line-height:1.04}
.manifesto-note{max-width:42ch;line-height:1.65}
.motion-control{position:static;flex-shrink:0;display:flex;align-items:center;gap:16px;min-height:44px;padding:0 15px;border:1px solid #494046;border-radius:0;background:#080708;color:#d8d3d5;font-size:11px;cursor:pointer}
.motion-control:hover{border-color:var(--red-soft);color:white}
.build-lab{padding-top:100px;padding-bottom:100px;background:#080708;isolation:isolate;min-height:auto}
.lab-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;align-items:end;margin-bottom:56px}
.lab-heading .scene-index{grid-column:1/-1;margin-bottom:22px}
.lab-heading h2,.process-heading h2{font-family:var(--display);font-size:clamp(48px,6.5vw,100px);line-height:1;letter-spacing:-.05em;margin:0}
.lab-heading h2 em,.process-heading h2 em{font-style:normal;color:var(--red-soft)}
.lab-heading>p:last-child,.process-heading>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);max-width:39ch;margin-bottom:4px}
.live-system{border:1px solid #514249;background:#0d0b0d;position:relative;overflow:clip;box-shadow:0 30px 70px #0005}
.system-topline,.system-bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid #30282d;font-size:10px;color:#c6bec3;letter-spacing:.03em}
.system-mark{font-family:var(--display);letter-spacing:.12em;color:#f5f3f2}
.system-mark>span{color:var(--red-soft);margin-right:9px}
.demo-label{color:#c6bec3}
.system-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:22px;align-items:center;padding:28px;border-bottom:1px solid #30282d;font-family:var(--display);font-size:12px}
.system-flow>span{color:#b5a9b0;transition:color .4s}
.system-flow>span.active{color:#ff9dac}
.system-flow>i{height:1px;background:#41313a;position:relative;overflow:hidden}
.system-flow>i:after{content:"";position:absolute;inset:0;background:#ff8293;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
[data-state="registered"] .system-flow>i:first-of-type:after,[data-state="review"] .system-flow>i:after,[data-state="done"] .system-flow>i:after{transform:scaleX(1)}
.system-workspace{display:grid;grid-template-columns:1fr 1.12fr}
.request-pane,.result-pane{padding:38px 34px;min-width:0}
.request-pane{border-right:1px solid #30282d}
.pane-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b5a9b0;margin:0 0 20px}
.request-pane h3{font-family:var(--display);font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.025em;margin:0 0 24px}
.request-note{font-size:18px;line-height:1.5;color:#ddd5da;max-width:27ch;margin:0 0 30px}
.demo-rule{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.6;color:#c6bec3;max-width:34ch;margin:0 0 34px;min-height:44px;cursor:pointer}
.demo-rule input{width:18px;height:18px;flex-shrink:0;accent-color:#ef3d55;margin-top:2px}
.demo-primary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:52px;width:100%;padding:15px 20px;border:1px solid #ef3d55;background:#ef3d55;color:#180308;font-family:var(--display);font-weight:600;text-align:left;cursor:pointer;transition:background .25s,transform .25s}
.demo-primary:hover{background:#ff8293;transform:translateY(-2px)}
.demo-primary:disabled{cursor:default;transform:none;background:#261c21;border-color:#57424c;color:#c6bec3}
.demo-reset{border:0;background:none;color:#c6bec3;min-height:44px;text-decoration:underline;text-underline-offset:5px;padding:10px 0;cursor:pointer}
.demo-reset:disabled{opacity:.5;cursor:default}
.result-pane{background:#100c0f}
.result-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}
.status-tag{color:#d5bdc8;font-size:10px;line-height:1.5;text-align:right}
.result-ticket{border-top:1px solid #6c4b5c;padding-top:22px;transition:transform .45s var(--ease)}
.ticket-id{font-family:var(--display);font-size:10px;letter-spacing:.12em;color:var(--red-soft)}
.result-ticket h3{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.025em;margin:14px 0}
.result-ticket>p{color:var(--muted);font-size:13px;line-height:1.6;min-height:42px}
.ticket-fields{margin:24px 0 0;font-size:12px}
.ticket-fields>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid #30282d}
.ticket-fields dt{color:#b5a9b0}.ticket-fields dd{margin:0;text-align:right;color:#f5f3f2}
.demo-announcement{margin:20px 0 0;font-size:12px;line-height:1.6;color:#ffacb9;min-height:39px}
.system-bottomline{border-top:1px solid #30282d;border-bottom:0;font-size:10px;line-height:1.5}
.system-bottomline>span:last-child{white-space:nowrap}
.lab-footnote{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-top:24px}
.lab-footnote p{color:#b5a9b0;max-width:66ch;font-size:12px;line-height:1.75;margin:0}
.lab-footnote a{font-size:10px;flex-shrink:0}
.no-script-note{line-height:1.7;color:var(--red-soft)}
html:not(.js) .demo-primary,html:not(.js) .demo-reset{display:none}
/* Vertical by default: horizontal choreography is progressive enhancement. */
.sideways-story{height:auto}
.sideways-sticky{position:relative;height:auto;overflow:visible;display:block}
.sideways-track{display:block;width:100%;will-change:auto}
.sideways-panel{width:100%;height:auto;min-height:90svh;border-right:0;border-bottom:1px solid var(--line)}
.sideways-panel h2,.sideways-panel h3{max-width:14ch;letter-spacing:-.045em;line-height:1.02;z-index:1}
.sideways-panel h2{font-size:clamp(56px,7.2vw,112px)}
.sideways-panel h3{font-size:clamp(48px,6.2vw,94px)}
.sideways-panel h2 em{font-style:normal;color:var(--red-soft)}
.sideways-panel p{z-index:1}
.sideways-counter{display:none;background:#030303;color:#f5f3f2;padding:12px 16px;bottom:24px;right:var(--pad)}
.js.motion-full .sideways-story{height:340svh}
.js.motion-full .sideways-sticky{position:sticky;top:0;height:100svh;overflow:clip;display:flex}
.js.motion-full .sideways-track{display:flex;width:max-content;will-change:transform}
.js.motion-full .sideways-panel{width:100vw;height:100svh;min-height:0;flex-shrink:0}
.js.motion-full .sideways-counter{display:block}
.panel-art{position:absolute;right:6vw;width:29vw;top:50%;transform:translateY(-50%);pointer-events:none}
.art-system{display:grid;gap:25px;perspective:900px}
.art-system>span{padding:25px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #79505c;background:#180c12;color:#f5f3f2;font-size:13px;font-family:var(--display);transform:rotateY(-14deg) rotateZ(-5deg)}
.art-system>span:nth-child(2){transform:translateX(-18px) rotateY(-14deg) rotateZ(-5deg)}
.art-system i{width:7px;height:7px;background:var(--red-soft)}
.art-product{perspective:900px;transform:translateY(-50%) rotate(-9deg)}
.product-window{display:block;padding:30px;background:#21040d;color:#ffe3e9;border:1px solid #3d0b19;transform:rotateY(-15deg)}
.product-window b{font-size:20px;font-family:var(--display);display:block;margin-bottom:35px}
.product-window i{display:block;height:12px;background:#f792a8;margin:16px 0;opacity:.8;width:80%}
.product-window i:nth-child(3){width:52%}.product-window i:nth-child(4){height:60px;background:#532233;width:100%}
.product-window small{display:block;margin-top:30px;font-size:11px;color:#ffd5e0}
.process-heading{margin-bottom:65px;display:grid;grid-template-columns:1.5fr 1fr;gap:24px 80px;align-items:end}
.process-heading .scene-index{grid-column:1/-1}
.process-heading h2{font-size:clamp(44px,5vw,78px)}
.principles{background:#070607}
.principle-list h3{font-family:var(--display);font-size:clamp(28px,3.6vw,56px);font-weight:500;letter-spacing:-.04em;line-height:1.12;margin:0}
.principle-list p{line-height:1.7}
.contact{min-height:90svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.contact h2{max-width:13ch;font-size:clamp(64px,7vw,108px);line-height:1.02;letter-spacing:-.045em}
.contact>p:not(.scene-index){max-width:43ch;line-height:1.65}
.contact-action{min-height:52px;display:inline-flex;align-items:center;gap:35px}
.contact-email{font-size:12px;color:#c6bec3;display:inline-flex;align-items:center;min-height:44px;margin-top:20px;overflow-wrap:anywhere}
.footer{padding-bottom:90px}
.footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1100px){.motion-control{width:44px;justify-content:center;padding:0}.motion-control [data-motion-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-nav .nav-action{margin-left:auto}}
@media(min-width:761px) and (max-width:1100px){.hero-copy{width:68vw}.hero h1{font-size:7vw}.nav-links{gap:18px}.lab-heading{column-gap:40px}.lab-footnote{flex-direction:column;gap:20px}.sideways-panel h3{max-width:12ch}.panel-art{right:4vw;width:27vw}.request-pane,.result-pane{padding:28px 24px}}
@media(max-width:760px){
  .nav-links{display:none}.site-nav{gap:12px;padding:13px 20px 28px}.nav-action{font-size:10px;letter-spacing:.04em}.brand img{width:76px}
  .hero{padding-top:295px;padding-bottom:90px;min-height:100svh}.hero-copy{width:100%}.hero h1{font-size:clamp(44px,12.8vw,65px);letter-spacing:-.055em;line-height:1.04;margin-top:19px}.hero-summary{font-size:15px;line-height:1.6;margin:24px 0 20px;max-width:34ch}.hero .scene-index{font-size:10px}
  .motion-control{bottom:12px;right:20px;font-size:10px;min-height:44px;padding:0 12px}.scene-index{font-size:10px}
  .manifesto{min-height:80svh;padding-top:100px}.manifesto h2{font-size:clamp(36px,9.8vw,52px);line-height:1.12;max-width:18ch}.manifesto-note{font-size:15px}
  .build-lab{padding:82px 20px}.lab-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.lab-heading .scene-index{margin:0}.lab-heading h2{font-size:49px}.lab-heading>p:last-child{font-size:15px;margin:0}
  .system-topline{flex-direction:column;gap:10px;align-items:flex-start;padding:20px}.system-flow{gap:10px;padding:22px 20px;font-size:11px}.system-workspace{grid-template-columns:1fr}.request-pane,.result-pane{padding:26px 20px}.request-pane{border-right:0;border-bottom:1px solid #30282d}.request-pane h3{font-size:28px}.request-note{font-size:16px}.demo-rule{margin-bottom:24px}.result-heading{gap:8px}.result-ticket h3{font-size:25px}.result-ticket>p{min-height:0}.system-bottomline{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px}.lab-footnote{flex-direction:column;gap:20px}.lab-footnote p{font-size:12px}
  .sideways-panel{padding:110px 20px 100px;min-height:80svh;justify-content:center}.sideways-panel h2{font-size:clamp(45px,12.5vw,65px);max-width:12ch}.sideways-panel h3{font-size:clamp(39px,10.8vw,58px);max-width:13ch;line-height:1.05}.sideways-panel p:not(.scene-index){font-size:15px;max-width:31ch}.sideways-counter{bottom:18px;right:auto;left:20px;font-size:10px}.panel-art{display:none}
  .process-heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.process-heading h2{font-size:43px}.process-heading>p:last-child{font-size:15px}.principle-list h3{font-size:28px}.principle-list article{grid-template-columns:25px 1fr;gap:12px;padding:30px 0}.principle-list p{font-size:14px}
  .contact{min-height:85svh;padding-top:100px}.contact h2{font-size:clamp(48px,13vw,70px);max-width:13ch}.contact>p:not(.scene-index){font-size:15px}.contact-action{font-size:22px}.contact-email{font-size:11px}.footer{padding-bottom:90px}
}
@media(max-width:360px){.hero{padding-top:260px}.hero h1{font-size:43px}.lab-heading h2{font-size:43px}.system-mark{letter-spacing:.05em}.result-heading{flex-direction:column}.motion-control{font-size:9px}.contact-email{max-width:100%}}
@media(prefers-reduced-motion:reduce){.word{animation:none;opacity:1;transform:none}.js [data-reveal]{opacity:1;transform:none}.panel-art{transform:translateY(-50%)}.demo-primary:hover{transform:none}}
html.motion-reduced .word{animation:none;opacity:1;transform:none}
html.motion-reduced [data-reveal]{opacity:1;transform:none;transition:none}
html.motion-reduced *,html.motion-reduced *:before,html.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}