.hx{--hx-navy:var(--brand-ink);--hx-navy-2:color-mix(in srgb, var(--brand-ink) 90%, #fff);--hx-navy-3:color-mix(in srgb, var(--brand-ink) 81%, #fff);--hx-on-navy:#fff;--hx-on-navy-muted:#ffffffd6;--hx-tag:var(--brand-accent);--hx-tag-bg:#ffffff1a;--hx-royal:var(--brand-primary);--hx-on-royal:#fff;--hx-surface:var(--surface-muted);--hx-platinum:var(--surface-muted);--hx-stage:var(--hx-platinum);--hx-chip:var(--hx-platinum);--hx-step-on:var(--hx-navy);--hx-link:var(--hx-royal);--hx-chip-on-card:var(--surface-bg);--hx-ink:var(--text-main);--hx-body:var(--text-muted);--hx-line:color-mix(in srgb, var(--text-main) 18%, transparent);--hx-spark:var(--brand-spark);--hx-focus:var(--brand-primary);--hx-focus-on-navy:var(--brand-accent)}html[data-design=classic][data-mode=dark] .hx{--hx-focus:var(--brand-accent);--hx-line:color-mix(in srgb, var(--text-main) 22%, transparent);--hx-step-on:color-mix(in srgb, var(--brand-primary) 65%, var(--brand-accent));--hx-link:var(--brand-accent)}
@property --sp-h{syntax:"<length>";inherits:true;initial-value:230px}.sp-loading{color:var(--hx-body);text-align:center;padding-block:40px;font-size:14px}.sp-row[hidden]{display:none}.sp-row{gap:10px;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.sp-panel{--sp-h:max(230px, 34cqi);isolation:isolate;min-width:0;height:var(--sp-h);background:var(--hx-navy);color:var(--hx-on-navy);flex-direction:column;flex:1 1 0;justify-content:flex-end;transition:flex-grow .5s;display:flex;position:relative;overflow:hidden;container-type:inline-size}.sp-panel:nth-child(3n+2){background:var(--hx-navy-2)}.sp-panel:nth-child(3n){background:var(--hx-navy-3)}.sp-panel[data-open]{flex-grow:2.3}.sp-panel:before{content:"";inset-inline:0;background:var(--hx-spark);opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0}.sp-panel[data-open]:before{opacity:1}.sp-media{z-index:-1;height:max(30%,100% - 222px);color:var(--hx-on-navy);pointer-events:none;padding:18px 22px 0;position:absolute;inset:0 0 auto}.sp-art-svg{width:100%;height:100%;display:block}.sp-art-line{fill:none;stroke:currentColor;stroke-opacity:.42;stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.sp-art-solid{fill:color-mix(in srgb, currentColor 7%, transparent);stroke:currentColor;stroke-opacity:.42;stroke-width:1.4px;vector-effect:non-scaling-stroke}.sp-art-faint{stroke-opacity:.24;stroke-dasharray:3 5}.sp-flow{fill:none;stroke:var(--hx-spark);stroke-width:2px;stroke-linecap:round;stroke-dasharray:6 10;vector-effect:non-scaling-stroke;animation:4s linear infinite spFlow}@keyframes spFlow{to{stroke-dashoffset:-64px}}.sp[data-paused] .sp-flow{animation-play-state:paused}.sp-media:has(.sp-photo){height:auto;padding:0;inset:0}.sp-media:has(.sp-photo):after{content:"";background:linear-gradient(to top, var(--hx-navy) 18%, color-mix(in srgb, var(--hx-navy) 40%, transparent) 60%, transparent);position:absolute;inset:0}.sp-photo{object-fit:cover;width:100%;height:100%}.sp-copy{padding:0 26px 26px}.sp-tag{white-space:nowrap;font-variant-numeric:tabular-nums;height:26px;color:var(--hx-tag);background:var(--hx-tag-bg);align-items:center;margin-bottom:12px;padding-inline:10px;font-size:12.5px;font-weight:700;line-height:1;display:inline-flex}.sp-title{overflow-wrap:break-word;color:var(--hx-on-navy);margin:0;font-size:clamp(18px,6.4cqi,28px);font-weight:700;line-height:1.25}.sp-trigger{all:unset;cursor:pointer}.sp-trigger:after{content:"";position:absolute;inset:0}.sp-trigger:focus-visible{outline:2px solid var(--hx-focus-on-navy);outline-offset:4px}.sp-body{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .3s,visibility 0s linear .5s;display:grid}.sp-panel[data-open] .sp-body{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .5s,opacity .4s .1s,visibility}.sp-body-in{min-height:0;overflow:hidden}.sp-desc{max-width:34em;color:var(--hx-on-navy-muted);margin:10px 0 0;font-size:15px;line-height:1.8}.sp-link{z-index:1;min-height:44px;color:var(--hx-on-navy);align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.sp-link:hover{color:var(--hx-tag)}.sp-link:focus-visible{outline:2px solid var(--hx-focus-on-navy);outline-offset:2px}@media (max-width:819.98px){.sp-row{flex-direction:column;gap:12px}.sp-panel{flex:none;height:auto;min-height:230px}.sp-media{height:150px;padding:14px 22px 0;position:relative}.sp-media:has(.sp-photo){position:absolute}.sp-copy{padding:8px 22px 24px}}@media (prefers-reduced-motion:reduce){.sp-panel,.sp-panel *,.sp-panel:before{transition:none!important;animation:none!important}}