/* Fine, restrained line studies sit in the margins of the copy. */
.copy-accent-row{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:990px;position:relative;z-index:6}
.copy-accent-row>p{flex:1;max-width:650px}
.line-accent{--drawing-ink:#f3ead5;--drawing-guide:#b4ded3;--drawing-highlight:#d3bbf0;--drawing-node:#0b1011;--drawing-edge:#071013e6;--drawing-shadow:#07101366;width:164px;flex:0 0 164px;pointer-events:none;transform-origin:center}
.line-accent svg{width:100%;height:auto;overflow:visible;display:block;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px var(--drawing-edge)) drop-shadow(0 0 4px var(--drawing-shadow))}
/* Keep the same crisp line weight when the drawings scale down on phones. */
.line-accent svg path,.line-accent svg circle{vector-effect:non-scaling-stroke}
.line-ink{stroke:var(--drawing-ink);opacity:1}
.line-muted{stroke:var(--drawing-guide);opacity:.9;stroke-width:1.35}
.line-highlight{stroke:var(--drawing-highlight);opacity:1}
.compass-labels{fill:var(--drawing-ink);font-size:11px;font-weight:500}
.line-point,.line-compass-needle>path[fill]{fill:var(--drawing-guide);fill-opacity:.9;stroke:none}
.line-handle,.line-compass-needle>circle{stroke:var(--drawing-guide);stroke-width:1.8;fill:var(--drawing-node)}
.line-compass-needle{transform-origin:90px 80px;animation:compass-bearing 12s ease-in-out infinite}
.line-trace{stroke:var(--drawing-highlight);stroke-width:2.4;stroke-dasharray:18 82;animation:path-trace 5s ease-in-out infinite}
.line-drift{animation:line-drift 6s ease-in-out infinite}
.line-accent:not(.is-on-screen) svg *,.motion-paused .line-accent svg *{animation-play-state:paused!important}
#contact .copy-accent-row{max-width:900px}
#contact .copy-accent-row>.body-large{max-width:640px}
@keyframes compass-bearing{0%,100%{transform:rotate(28deg)}35%{transform:rotate(-16deg)}62%{transform:rotate(40deg)}80%{transform:rotate(24deg)}}
@keyframes path-trace{0%{stroke-dashoffset:18;opacity:0}18%,70%{opacity:.9}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes line-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-4px)}}
@media(max-width:600px){.copy-accent-row{gap:16px;align-items:center}.line-accent{width:104px;flex-basis:104px}.copy-accent-row>.section-description{font-size:15px}#contact .copy-accent-row>.body-large{font-size:20px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=enabled]) .line-accent svg *{animation:none!important}}