/* Spatial grid and directional chapter transitions inspired by the reference rhythm. */
:root{--grid-line:rgba(16,42,67,.075);--grid-line-strong:rgba(16,42,67,.13)}
:root[data-theme=dark]{--grid-line:rgba(242,239,231,.075);--grid-line-strong:rgba(242,239,231,.14)}
.chapter{background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),radial-gradient(circle at 72% 44%,color-mix(in srgb,var(--orange) 8%,transparent),transparent 34%);background-size:64px 64px,64px 64px,100% 100%;background-position:center center,center center,center center}
.chapter:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0 24%,var(--grid-line-strong) 24% calc(24% + 1px),transparent calc(24% + 1px) 76%,var(--grid-line-strong) 76% calc(76% + 1px),transparent calc(76% + 1px)),linear-gradient(var(--grid-line-strong) 1px,transparent 1px);background-size:100% 100%,100% 25%;opacity:.34}
.contact-chapter{background-color:var(--deep);background-image:linear-gradient(rgba(199,230,109,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(199,230,109,.07) 1px,transparent 1px),radial-gradient(circle at 80% 42%,rgba(199,230,109,.12),transparent 35%);background-size:64px 64px,64px 64px,100% 100%}
.chapter.motion-before .chapter-copy{transform:translate3d(-36px,18px,0) scale(.98);opacity:.3}
.chapter.motion-before .chapter-art{transform:translate3d(48px,0,0) rotate(2deg) scale(.96);opacity:.3}
.chapter.motion-after .chapter-copy{transform:translate3d(36px,18px,0) scale(.98);opacity:.3}
.chapter.motion-after .chapter-art{transform:translate3d(-48px,0,0) rotate(-2deg) scale(.96);opacity:.3}
.chapter.motion-current .chapter-copy,.chapter.motion-current .chapter-art{opacity:1}
.chapter.motion-current.motion-forward .chapter-copy{animation:chapter-copy-forward .78s var(--ease) both}
.chapter.motion-current.motion-forward .chapter-art{animation:chapter-art-forward .88s var(--ease) 90ms both}
.chapter.motion-current.motion-back .chapter-copy{animation:chapter-copy-back .78s var(--ease) both}
.chapter.motion-current.motion-back .chapter-art{animation:chapter-art-back .88s var(--ease) 90ms both}
.chapter.motion-current:before{animation:chapter-number-in .8s var(--ease) both}
.chapter.motion-current .chapter-index{animation:chapter-index-in .7s var(--ease) 180ms both}
@keyframes chapter-copy-forward{from{opacity:0;transform:translate3d(-48px,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes chapter-art-forward{from{opacity:0;transform:translate3d(54px,0,0) rotate(4deg) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes chapter-copy-back{from{opacity:0;transform:translate3d(48px,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes chapter-art-back{from{opacity:0;transform:translate3d(-54px,0,0) rotate(-4deg) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes chapter-number-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes chapter-index-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.chapter{background-size:42px 42px,42px 42px,100% 100%}.chapter:after{opacity:.24}.chapter.motion-before .chapter-copy,.chapter.motion-after .chapter-copy{transform:none;opacity:.25}.chapter.motion-before .chapter-art,.chapter.motion-after .chapter-art{transform:none;opacity:.25}.chapter.motion-current.motion-forward .chapter-copy,.chapter.motion-current.motion-back .chapter-copy{animation-duration:.62s}.chapter.motion-current.motion-forward .chapter-art,.chapter.motion-current.motion-back .chapter-art{animation-duration:.7s}}
@media(prefers-reduced-motion:reduce){.chapter.motion-current .chapter-copy,.chapter.motion-current .chapter-art,.chapter.motion-current:before,.chapter.motion-current .chapter-index{animation:none!important}.chapter.motion-before .chapter-copy,.chapter.motion-after .chapter-copy,.chapter.motion-before .chapter-art,.chapter.motion-after .chapter-art{transform:none;opacity:1}}
.content-mini{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.content-mini .eyebrow{margin-bottom:10px}.content-mini h2{font-size:clamp(24px,3vw,39px);letter-spacing:-.035em;margin-bottom:10px}.content-mini .lead{font-size:12px;line-height:1.6}.content-mini .quote-mark,.content-mini .side-quote{display:none}.final-support{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.final-support .eyebrow{margin-bottom:10px}.final-support-copy{max-width:600px;margin:0;color:#a9bac6;font-size:12px;line-height:1.65}.final-support .metric-row{margin-top:16px}.process-mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.process-mini span{padding:7px 9px;border:1px solid rgba(255,255,255,.22);color:#c7d2d9;font:700 9px var(--mono)}@media(max-width:700px){.content-mini{margin-top:20px;padding-top:14px}.content-mini h2{font-size:25px}.content-mini .lead{font-size:11px}.final-support{margin-top:18px;padding-top:14px}.final-support-copy{font-size:11px}.final-support .metric-row{gap:10px}.final-support .metric-row span{font-size:8px}.process-mini{gap:5px;margin-top:11px}.process-mini span{padding:5px 6px;font-size:7px}}

/* Alternating editorial split layout and bidirectional chapter travel. */
#gateway .chapter-copy,#contact .chapter-copy{order:2}#gateway .chapter-art,#contact .contact-art{order:0}#build .chapter-copy{order:0}#build .chapter-art{order:2}.header-cta{border-radius:999px;color:var(--paper);background:var(--ink)}.header-cta:hover{color:var(--ink);background:transparent;border-color:var(--ink)}.picker-trigger{border-radius:999px}.picker-menu{border-radius:16px}.picker-option{border-radius:10px;min-height:36px;padding-top:6px;padding-bottom:6px}.language-picker .picker-menu{width:190px;grid-template-columns:1fr}.chapter.motion-before .chapter-copy{transform:none;opacity:1;animation:chapter-text-out-up .62s var(--ease) both}.chapter.motion-after .chapter-copy{transform:none;opacity:1;animation:chapter-text-out-down .62s var(--ease) both}.chapter.motion-before .chapter-art{transform:none;opacity:1;animation:chapter-art-out-left .66s var(--ease) both}.chapter.motion-after .chapter-art{transform:none;opacity:1;animation:chapter-art-out-right .66s var(--ease) both}.chapter.motion-current.motion-forward .chapter-copy{animation:chapter-text-in-up .72s var(--ease) both}.chapter.motion-current.motion-back .chapter-copy{animation:chapter-text-in-down .72s var(--ease) both}.chapter.motion-current.motion-forward .chapter-art{animation:chapter-art-in-right .78s var(--ease) 80ms both}.chapter.motion-current.motion-back .chapter-art{animation:chapter-art-in-left .78s var(--ease) 80ms both}@keyframes chapter-text-in-up{from{opacity:0;transform:translate3d(0,80px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes chapter-text-in-down{from{opacity:0;transform:translate3d(0,-80px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes chapter-text-out-up{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,-80px,0)}}@keyframes chapter-text-out-down{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,80px,0)}}@keyframes chapter-art-in-right{from{opacity:0;transform:translate3d(100px,0,0) rotate(4deg) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}@keyframes chapter-art-in-left{from{opacity:0;transform:translate3d(-100px,0,0) rotate(-4deg) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}@keyframes chapter-art-out-left{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100px,0,0) rotate(-4deg) scale(.94)}}@keyframes chapter-art-out-right{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100px,0,0) rotate(4deg) scale(.94)}}@media(max-width:700px){#gateway .chapter-copy,#gateway .chapter-art,#build .chapter-copy,#build .chapter-art,#contact .chapter-copy,#contact .contact-art{order:initial}.language-picker .picker-menu{grid-template-columns:1fr}.chapter.motion-before .chapter-copy,.chapter.motion-after .chapter-copy{animation-duration:.5s}.chapter.motion-before .chapter-art,.chapter.motion-after .chapter-art{animation-duration:.55s}}@media(prefers-reduced-motion:reduce){.chapter.motion-before .chapter-copy,.chapter.motion-after .chapter-copy,.chapter.motion-before .chapter-art,.chapter.motion-after .chapter-art{animation:none!important;opacity:1;transform:none}}