
.cp-horizons{--cp-serif:var(--serif,Georgia,'Times New Roman',serif);--cp-sans:var(--sans,Arial,Helvetica,sans-serif);--cp-gold:#d7b777;box-sizing:border-box;width:100%;background:#101f35;color:rgba(255,255,255,.78);font:400 16px/1.6 var(--cp-sans);-webkit-font-smoothing:antialiased}
.cp-horizons *{box-sizing:border-box}
.cp-horizons .cp-inner{max-width:1200px;margin:0 auto;padding:clamp(32px,5vw,64px) var(--pad,clamp(1.25rem,5vw,5rem))}
.cp-horizons .cp-header{text-align:center}
.cp-horizons .cp-kicker{font:700 .875rem/1.6 var(--cp-sans);letter-spacing:.11em;color:#D4B26A;margin:0 0 18px}
.cp-horizons h1{font:400 clamp(2rem,3.8vw,3.55rem)/1.17 var(--cp-serif);letter-spacing:-.025em;color:#fff;margin:0 auto 22px;text-wrap:pretty}
.cp-horizons .cp-subtitle{font:400 1.125rem/1.6 var(--cp-sans);max-width:62ch;margin:0 auto;color:rgba(255,255,255,.78)}
.cp-horizons .cp-stage{display:block;width:100%;max-width:880px;height:auto;margin:36px auto 32px;overflow:visible}
.cp-horizons .cp-arc{fill:none;stroke:var(--arc-colour);stroke-opacity:var(--strength);stroke-width:var(--stroke);transition:stroke-opacity .2s ease-out,stroke-width .2s ease-out}
.cp-horizons .cp-endpoint{fill:var(--arc-colour);fill-opacity:var(--strength);transition:fill-opacity .2s ease-out}
.cp-horizons .cp-apex{font:400 1.125rem var(--cp-serif);fill:var(--arc-colour);text-anchor:middle;dominant-baseline:middle}
.cp-horizons .cp-apex-bg{fill:#101f35}
.cp-horizons .cp-svg-number{font:700 .75rem var(--cp-sans);fill:var(--arc-colour);text-anchor:middle}
.cp-horizons .cp-centre-label{font:italic 1rem var(--cp-serif);fill:rgba(255,255,255,.78);text-anchor:middle}
.cp-horizons .cp-horizon.is-active .cp-arc{stroke-opacity:1;stroke-width:2.5px}
.cp-horizons .cp-horizon.is-active .cp-endpoint{fill-opacity:1}
.cp-horizons .cp-horizon.is-dim .cp-arc{stroke-opacity:.25}
.cp-horizons .cp-horizon.is-dim .cp-endpoint{fill-opacity:.25}
.cp-horizons .cp-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.cp-horizons .cp-control{display:flex;flex-direction:column;align-items:flex-start;min-width:44px;min-height:44px;width:100%;padding:20px 0 0;border:0;border-top:1px solid rgba(255,255,255,.18);border-radius:0;text-align:left;background:transparent;color:#fff;cursor:pointer;font:inherit;user-select:text;-webkit-tap-highlight-color:transparent}
.cp-horizons .cp-control:last-child{border-top-color:#d7b777}
.cp-horizons .cp-control:focus-visible{outline:2px solid #d7b777;outline-offset:2px}
.cp-horizons .cp-control[aria-pressed=true]{border-top-color:#d7b777}
.cp-horizons .cp-number{display:block;font:700 .875rem/1.6 var(--cp-sans);color:rgba(255,255,255,.6);margin-bottom:12px}
.cp-horizons .cp-name{display:block;font:400 1.25rem/1.4 var(--cp-serif);color:#fff;margin-bottom:12px}
.cp-horizons .cp-description{display:block;font:400 1rem/1.6 var(--cp-sans);color:rgba(255,255,255,.78)}
.cp-horizons .cp-control:last-child .cp-name{color:#d7b777}
.cp-horizons .cp-control.is-dim{border-top-color:rgba(255,255,255,.099)}
.cp-horizons .cp-control.is-dim:last-child{border-top-color:rgba(168,130,53,.55)}
.cp-horizons .cp-control.is-dim .cp-name:not(.cp-gold),.cp-horizons .cp-control.is-dim .cp-description{color:rgba(255,255,255,.55)}
.cp-horizons .cp-foot{font:italic 1rem/1.6 var(--cp-serif);text-align:center;color:rgba(255,255,255,.78);border-top:1px solid rgba(255,255,255,.18);padding-top:24px;margin:40px 0 0}
.cp-horizons .cp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:719px){.cp-horizons .cp-stage{height:200px;margin:26px auto 28px}.cp-horizons .cp-apex-wrap{display:none}.cp-horizons .cp-svg-number{font-size:36px}.cp-horizons .cp-centre-label{font-size:42px;transform:translateY(40px)}.cp-horizons .cp-columns{grid-template-columns:1fr;gap:24px}.cp-horizons .cp-control{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 16px;padding-top:20px}.cp-horizons .cp-number{grid-column:1;grid-row:1/3;margin:0;padding-top:3px}.cp-horizons .cp-name,.cp-horizons .cp-description{grid-column:2}.cp-horizons .cp-name{margin-bottom:8px}.cp-horizons .cp-foot{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.cp-horizons *,.cp-horizons *::before,.cp-horizons *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
