/* QDS Interactive v1.1 WordPress local-pilot adapter. All content remains usable without JavaScript. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}

.qdsi-mask-pending{clip-path:inset(0 0 14% 0);opacity:.82;transition:clip-path .72s cubic-bezier(.22,.72,.24,1),opacity .5s ease}
.qdsi-mask-pending.qdsi-mask-visible{clip-path:inset(0);opacity:1}
.page-hero--visual.qdsi-mask-pending{clip-path:none;opacity:1}
.page-hero--visual.qdsi-mask-pending .page-hero__content{opacity:.55;transform:translateX(-2rem);transition:opacity .55s ease,transform .7s cubic-bezier(.22,.72,.24,1)}
.page-hero--visual.qdsi-mask-pending.qdsi-mask-visible .page-hero__content{opacity:1;transform:none}

[data-qdsi-kinetic-headline]{position:relative}
.qdsi-kinetic-ready{transform:translateY(.28em);opacity:.72;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .55s ease}
.qdsi-kinetic-ready.qdsi-kinetic-visible{transform:none;opacity:1}
.qdsi-kinetic-ready::after{content:'';display:block;width:min(170px,28%);height:7px;margin-top:1.1rem;border-radius:10px;background:var(--abc-accent);transform:scaleX(.2);transform-origin:left;transition:transform .75s .15s ease}
.qdsi-kinetic-visible::after{transform:scaleX(1)}

.qdsi-sticky-stack{display:block!important;max-width:1160px;margin-inline:auto}
.qdsi-sticky-stack>.application-path-card{position:sticky;top:calc(112px + (var(--qdsi-stack-index)*14px));min-height:250px;margin:0 0 2.5rem;padding:clamp(2rem,4vw,4rem);border:1px solid rgba(var(--abc-primary-rgb),.13);background:linear-gradient(125deg,var(--abc-surface),var(--abc-primary-soft))}
.qdsi-sticky-stack>.application-path-card:nth-child(even){margin-left:8%;background:linear-gradient(125deg,var(--abc-surface),var(--abc-accent-soft))}
.qdsi-sticky-stack>.application-path-card:nth-child(odd){margin-right:8%}

.qdsi-horizontal-story{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(310px,1fr);grid-template-columns:none!important;gap:1.4rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:.5rem .35rem 2rem;scrollbar-color:var(--abc-primary) var(--abc-border)}
.qdsi-horizontal-story>.resource-card{scroll-snap-align:start;min-height:330px}
.qdsi-story-controls{display:flex;justify-content:flex-end;gap:.65rem;margin:-1rem 0 1.25rem}
.qdsi-story-controls button,.qdsi-filter-controls button,.qdsi-detail-popover>button{min-height:44px;padding:.55rem .9rem;border:1px solid var(--abc-border-strong);border-radius:999px;background:var(--abc-surface);color:var(--abc-text);font-weight:800;cursor:pointer}
.qdsi-story-controls button:hover,.qdsi-filter-controls button:hover,.qdsi-filter-controls button[aria-pressed=true],.qdsi-detail-popover>button:hover{border-color:var(--abc-primary);background:var(--abc-primary);color:var(--abc-surface)}

.qdsi-media-scrub{--qdsi-scrub:0;will-change:background-position}

.qdsi-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:0 0 1.35rem}
.qdsi-filter-controls[hidden]{display:none}
.qdsi-filter-controls [data-qdsi-filter-count]{margin-left:auto;color:var(--abc-text-muted);font-weight:700}
.resource-card[hidden]{display:none!important}

.qdsi-timeline{position:relative;isolation:isolate}
.qdsi-timeline::before{content:'';position:absolute;left:8%;right:8%;top:2.4rem;height:3px;z-index:-1;background:linear-gradient(90deg,var(--abc-primary),var(--abc-accent))}
.qdsi-timeline .step{padding:5.2rem 1.4rem 1.5rem;border:0;border-radius:20px;background:var(--abc-surface);box-shadow:0 14px 36px rgba(var(--abc-shadow-rgb),.1)}
.qdsi-timeline .step::before{left:50%;top:1rem;transform:translateX(-50%);width:3.2rem;height:3.2rem;border:5px solid var(--abc-surface);box-shadow:0 0 0 2px var(--abc-primary)}
.qdsi-timeline .step:nth-child(even)::before{background:var(--abc-accent);box-shadow:0 0 0 2px var(--abc-accent)}

.qdsi-context-cta{position:fixed;right:clamp(1rem,2vw,2rem);bottom:clamp(1rem,2vw,2rem);z-index:90;display:grid;grid-template-columns:auto auto;gap:.12rem .75rem;min-width:280px;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(var(--abc-navy-rgb),.95);color:var(--abc-text-on-dark);box-shadow:0 18px 45px rgba(var(--abc-shadow-rgb),.28);backdrop-filter:blur(12px);transition:opacity .2s ease,transform .2s ease}
.qdsi-context-cta>span:first-child{grid-column:1/-1;color:var(--abc-accent-light);font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.qdsi-context-cta a{color:var(--abc-surface);font-weight:900;text-decoration:none}
.qdsi-context-cta__progress{grid-column:1/-1;height:3px;margin-top:.45rem;background:linear-gradient(90deg,var(--abc-accent) calc(var(--qdsi-page-progress,0)*100%),rgba(255,255,255,.18) 0)}
.qdsi-context-cta.is-suppressed{opacity:0;pointer-events:none;transform:translateY(18px)}

.qdsi-detail-popover{margin-top:1.35rem}
.qdsi-detail-popover [popover]{max-width:min(520px,calc(100vw - 2rem));padding:1.5rem;border:1px solid var(--abc-border);border-radius:18px;background:var(--abc-surface);color:var(--abc-text);box-shadow:0 24px 80px rgba(var(--abc-shadow-rgb),.3)}
.qdsi-detail-popover [popover]::backdrop{background:rgba(var(--abc-navy-rgb),.5)}
.qdsi-detail-popover [popover] h2{font-size:1.45rem}
.qdsi-detail-popover [popover] button{min-height:42px;padding:.5rem .85rem;border:0;border-radius:8px;background:var(--abc-primary);color:var(--abc-surface);font-weight:800}

@media(max-width:980px){.qdsi-sticky-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:1rem}.qdsi-sticky-stack>.application-path-card,.qdsi-sticky-stack>.application-path-card:nth-child(even),.qdsi-sticky-stack>.application-path-card:nth-child(odd){position:static;min-height:0;margin:0}.qdsi-horizontal-story{grid-auto-columns:minmax(280px,78vw)}.qdsi-context-cta{display:none}}
@media(max-width:720px){.qdsi-sticky-stack{grid-template-columns:1fr}.qdsi-horizontal-story{display:grid!important;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr!important;overflow:visible;scroll-snap-type:none;padding:0}.qdsi-story-controls{display:none}.qdsi-timeline{grid-template-columns:1fr}.qdsi-timeline::before{left:1.35rem;right:auto;top:1rem;bottom:1rem;width:3px;height:auto}.qdsi-timeline .step{padding:1.4rem 1.2rem 1.4rem 4.4rem}.qdsi-timeline .step::before{left:1.35rem;top:1.15rem;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms}.qdsi-mask-pending,.qdsi-kinetic-ready,.qdsi-kinetic-ready::after,.qdsi-context-cta{transition:none;clip-path:none;opacity:1;transform:none}.qdsi-kinetic-ready::after{transform:none}.qdsi-media-scrub{will-change:auto}}
