/* Spectrum curves are artwork, drawn behind ordinary readable HTML. */
.swarm-page .principles-band{--accent:var(--swarm-accent);--accent-rgb:var(--swarm-rgb)}
.principles-band{position:relative;isolation:isolate;overflow:hidden;background:var(--paper,#f6f4ee);padding:64px 0 53px;min-height:255px}
.principles-band:before,.spectrum-backdrop:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20250%22%20fill%3D%22none%22%3E%3Cg%20stroke-width%3D%221.1%22%20opacity%3D%22.38%22%3E%3Cpath%20stroke%3D%22%23cf696a%22%20d%3D%22M25%2033C330%2033%20590%20125%20815%20125%22%2F%3E%3Cpath%20stroke%3D%22%23aa80c2%22%20d%3D%22M25%2093C330%2093%20590%20125%20815%20125%22%2F%3E%3Cpath%20stroke%3D%22%234eae95%22%20d%3D%22M25%20158C330%20158%20590%20125%20815%20125%22%2F%3E%3Cpath%20stroke%3D%22%23598fbb%22%20d%3D%22M25%20218C330%20218%20590%20125%20815%20125%22%2F%3E%3Cpath%20stroke%3D%22%23966bb3%22%20d%3D%22M815%20125C1010%20125%201210%2096%201420%2096%22%2F%3E%3Cpath%20stroke%3D%22%235186c7%22%20d%3D%22M815%20125C1010%20125%201210%20108%201420%20108%22%2F%3E%3Cpath%20stroke%3D%22%2348a9ab%22%20d%3D%22M815%20125C1010%20125%201210%20119%201420%20119%22%2F%3E%3Cpath%20stroke%3D%22%2371a762%22%20d%3D%22M815%20125C1010%20125%201210%20131%201420%20131%22%2F%3E%3Cpath%20stroke%3D%22%23c6ad65%22%20d%3D%22M815%20125C1010%20125%201210%20142%201420%20142%22%2F%3E%3Cpath%20stroke%3D%22%23c96e6d%22%20d%3D%22M815%20125C1010%20125%201210%20154%201420%20154%22%2F%3E%3Cellipse%20cx%3D%22815%22%20cy%3D%22125%22%20rx%3D%2235%22%20ry%3D%2233%22%20stroke%3D%22%239eb1b7%22%20opacity%3D%22.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 56% 50%,rgba(var(--accent-rgb,81,200,229),.07),transparent 31%);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
.principles-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9;mask-image:linear-gradient(transparent,#000 20%,#000 78%,transparent)}
.principles-band[data-field-engine="three"] .principles-canvas{display:block}
.principles-band[data-field-engine="three"]:before{background-image:radial-gradient(ellipse at 56% 50%,rgba(var(--accent-rgb,81,200,229),.055),transparent 31%)}
.principles-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%;position:relative}
.principles-copy article{min-width:0}
.principles-copy h3{font:400 clamp(22px,2vw,29px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:0 0 15px;color:#123245}
.principles-copy p{font-size:13px;line-height:1.75;color:#456170;max-width:290px;margin:0;text-wrap:pretty}
.principles-motion-toggle{display:block;position:relative;margin:27px 5% 0 auto;color:#315c70;background:rgba(246,244,238,.78);border:1px solid #b2c4c7;padding:8px 12px;font-size:10px;min-height:44px;cursor:pointer}
.principles-motion-toggle[hidden]{display:none}
.principles-motion-toggle:hover{background:#e8eeeb}
.spectrum-backdrop{position:absolute;inset:0;isolation:isolate;overflow:hidden;pointer-events:none;background:transparent}
.spectrum-backdrop:before{z-index:0;opacity:.66}
.spectrum-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;background:transparent;opacity:.92;mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.spectrum-backdrop[data-field-engine="canvas2d"] .spectrum-canvas{display:block}
.spectrum-backdrop[data-field-engine="canvas2d"]:before{background-image:none}
.spectrum-backdrop[data-spectrum-dark="true"]:before{opacity:.9}
[data-spectrum-action]{display:none}
html[data-spectrum-lines="ready"] [data-spectrum-action]{display:inline-block}
[data-spectrum-action][hidden]{display:none!important}
@media(min-width:1480px){.principles-motion-toggle{margin-right:calc((100% - 1332px)/2)}}
@media(max-width:740px){.principles-band{padding:37px 0 29px;min-height:420px}.principles-copy{grid-template-columns:1fr;gap:27px}.principles-copy h3{font-size:25px;margin-bottom:7px}.principles-copy p{max-width:440px;font-size:12px}.principles-motion-toggle{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.principles-band *{scroll-behavior:auto}}