/* Shared line drawing stays independent of the original founder artwork. */
.hero-scene,.workflow-section,.contact{position:relative;isolation:isolate;overflow:hidden}
.hero-scene{background:radial-gradient(ellipse at 8% 80%,#e5d6bd66,transparent 50%),var(--paper)}
.system-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;color:#97733f;overflow:hidden}
.systems-landscape{display:block;width:100%;height:100%;min-height:650px}
.systems-guides{opacity:.15}.systems-routes{opacity:.32}.systems-flow{opacity:.8}
.systems-junctions{opacity:.6;fill:var(--paper)}
.systems-flow path{animation:route-flow 24s linear infinite;animation-play-state:paused}
.systems-flow .systems-flow-branch{animation-duration:32s;animation-delay:-9s}
.junction-ring{transform-box:fill-box;transform-origin:center;animation:junction-arrival 12s ease-in-out infinite;animation-play-state:paused}
.junction-ring:nth-child(2){animation-delay:-6s}
body[data-background-motion="on"] .systems-flow path,body[data-background-motion="on"] .junction-ring{animation-play-state:running}
.hero{position:relative;padding-bottom:95px}
.hero-copy{background:radial-gradient(ellipse closest-side,#faf7f2f5 70%,#faf7f200 140%)}
.hero-art{box-shadow:0 18px 60px #6c553513}
.background-toggle{position:absolute;bottom:25px;left:0;border:1px solid #cfc2ae;background:#faf7f2ed;color:#655238;padding:10px 13px;min-height:40px;font-size:.65rem;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;gap:9px}
.motion-symbol{display:inline-flex;gap:3px;align-items:center;justify-content:center;width:11px;height:12px}
.motion-symbol:before,.motion-symbol:after{content:"";width:2px;height:9px;background:currentColor}
.background-toggle[aria-pressed="true"] .motion-symbol:before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;background:none}
.background-toggle[aria-pressed="true"] .motion-symbol:after{display:none}
.workflow-section .system-backdrop{opacity:.6;transform:scaleX(-1)}
.workflow-section .systems-guides{opacity:.1}
.workflow-layout>div:first-child{background:radial-gradient(ellipse closest-side,#f0e9dff5 70%,#f0e9df00 150%)}
.workflow li{background:#f0e9dfeb}
.workflow li.current{background:var(--paper)}
.contact .system-backdrop{opacity:.5;transform:rotate(180deg)}
.contact .wrap{position:relative}
.contact-grid>div{background:radial-gradient(ellipse closest-side,#f0e9dfee 65%,#f0e9df00 150%)}
@keyframes route-flow{from{stroke-dashoffset:1492}to{stroke-dashoffset:0}}
@keyframes junction-arrival{0%,72%,100%{opacity:.65;transform:scale(1)}82%{opacity:1;transform:scale(1.22)}}
@media(min-width:1500px){.hero-scene .hero{padding-bottom:105px}}
@media(max-width:760px){.hero-scene .hero{padding-bottom:90px}.systems-landscape{width:175%;max-width:none;margin-left:-28%;min-height:100%}.hero-scene .systems-guides{opacity:.12}.hero-scene .systems-routes{opacity:.3}.hero-copy{background:radial-gradient(ellipse closest-side,#faf7f2f5 80%,#faf7f200 160%)}.background-toggle{bottom:23px;font-size:.62rem}.workflow-section .system-backdrop{opacity:.35}.contact .system-backdrop{opacity:.4}}
@media(prefers-reduced-motion:reduce){.systems-flow path,.junction-ring{animation:none!important}.systems-flow{display:none}.background-toggle{display:none!important}}