.trajectory-page{--of-trajectory-accent:var(--co-gold);--of-trajectory-soft:var(--co-bg-soft);--of-trajectory-paper:var(--of-feedback-sheet);--of-trajectory-ink:var(--co-ink);--of-trajectory-muted:var(--co-ink-dim);--of-trajectory-line:var(--co-line)}
.trajectory-main{max-width:1280px;margin:auto;padding:0 clamp(20px,4vw,48px)}.trajectory-hero{padding:72px 0 54px;border-bottom:1px solid var(--of-trajectory-line)}.trajectory-kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--of-trajectory-accent);margin:0 0 14px}.trajectory-hero h1{font-size:clamp(48px,6.6vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:0 0 22px}.trajectory-hero h1 span{color:var(--of-trajectory-accent)}.trajectory-subtitle{font-size:clamp(21px,2.2vw,30px);line-height:1.4;font-weight:500;margin:0 0 22px;letter-spacing:-.02em}.trajectory-intro{max-width:1060px;font-size:18px;line-height:1.7;color:var(--of-trajectory-muted);margin:0}.trajectory-anchors{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trajectory-anchors a{display:flex;gap:20px;align-items:center;padding:12px 18px;border:1px solid var(--of-trajectory-line);border-radius:12px;text-decoration:none;background:var(--of-feedback-glass);font-size:14px}.trajectory-anchors a:hover{border-color:var(--of-trajectory-accent)}.trajectory-section{padding:56px 0 0;scroll-margin-top:110px}.trajectory-section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:end;margin-bottom:28px}.trajectory-section h2,.trajectory-contact h2{font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:0}.trajectory-section-head>p,.trajectory-example>div>p:last-child{font-size:16px;line-height:1.7;color:var(--of-trajectory-muted);margin:0}.trajectory-card{border:1px solid var(--of-trajectory-line);border-radius:26px;padding:32px;background:var(--of-feedback-glass);box-shadow:var(--co-shadow)}.trajectory-pyramids{display:grid;grid-template-columns:1fr 40px 1fr;gap:20px}.trajectory-diagram-label{font-size:20px;letter-spacing:-.02em;font-weight:600;text-align:center;margin:0 0 24px}.trajectory-diagram-label span{display:block;color:var(--of-trajectory-muted);font-size:13px;font-weight:400;letter-spacing:0;margin-top:6px}.trajectory-pyramid{display:flex;flex-direction:column;gap:7px}.trajectory-pyramid button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:var(--band-width);min-height:52px;margin:0 auto;padding:12px 18px;border:1px solid var(--of-trajectory-line);border-radius:11px;background:var(--of-trajectory-soft);font-size:15px;font-weight:500;color:var(--of-trajectory-ink);transition:border-color .2s,background .2s}.trajectory-band-number{font-size:12px;font-weight:600;color:var(--of-trajectory-accent)}.trajectory-pyramid button[aria-pressed="true"]{background:var(--of-trajectory-accent);border-color:var(--of-trajectory-accent);color:var(--of-trajectory-paper)}.trajectory-pyramid button[aria-pressed="true"] .trajectory-band-number{color:inherit}.trajectory-pyramid button:hover{border-color:var(--of-trajectory-accent)}.trajectory-pyramid-link{align-self:center;text-align:center;font-size:28px;color:var(--of-trajectory-accent)}.trajectory-caption{font-size:13px;color:var(--of-trajectory-muted);line-height:1.6;margin:20px 0 0;text-align:center}.trajectory-details{background:var(--of-trajectory-soft);border:1px solid var(--of-trajectory-line);border-radius:18px;padding:26px;margin-top:26px;scroll-margin-top:120px}.trajectory-detail-heading{display:flex;gap:16px;align-items:center}.trajectory-level-tag{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--of-trajectory-accent);color:var(--of-trajectory-paper);font-size:17px;font-weight:600}.trajectory-detail-heading .trajectory-kicker{margin:0 0 4px;font-size:10px}.trajectory-detail-heading h3{font-size:24px;letter-spacing:-.025em;line-height:1.25;margin:0}.trajectory-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:22px}.trajectory-details h4{font-size:14px;margin:0 0 8px}.trajectory-details p{font-size:15px;line-height:1.7;color:var(--of-trajectory-muted);margin:0}.trajectory-detail-bottom{margin-top:20px;padding-top:18px;border-top:1px solid var(--of-trajectory-line);display:grid;gap:10px}.trajectory-detail-bottom strong{color:var(--of-trajectory-ink)}.trajectory-chart{display:block;width:100%;height:auto;font-family:inherit}.trajectory-chart .trajectory-grid-line{stroke:var(--of-trajectory-line);stroke-width:1}.trajectory-chart-border{stroke:var(--of-trajectory-line)}.trajectory-quadrants{fill:none;stroke:var(--of-trajectory-line);stroke-dasharray:5 7}.trajectory-zone-label{fill:var(--of-trajectory-muted);font-size:14px}.trajectory-curve{fill:none;stroke:var(--of-trajectory-accent);stroke-width:3;stroke-linecap:round}.trajectory-point{fill:var(--of-trajectory-paper);stroke:var(--of-trajectory-accent);stroke-width:2}.trajectory-point-number{fill:var(--of-trajectory-accent);font-size:14px;font-weight:600}.trajectory-chart a[aria-current="true"] .trajectory-point{fill:var(--of-trajectory-accent);stroke-width:4}.trajectory-chart a[aria-current="true"] .trajectory-point-number{fill:var(--of-trajectory-paper)}.trajectory-chart a:hover .trajectory-point{stroke-width:5}.trajectory-point-label{fill:var(--of-trajectory-ink);font-size:17px;font-weight:500}.trajectory-axis{stroke:var(--of-trajectory-muted);stroke-width:1.5;fill:none}.trajectory-axis-label{fill:var(--of-trajectory-ink);font-size:16px;font-weight:500}.trajectory-scale-label{fill:var(--of-trajectory-muted);font-size:12px}.trajectory-chart-selection{text-align:center;font-size:14px;margin:16px 0 0;color:var(--of-trajectory-muted)}.trajectory-chart-selection strong{color:var(--of-trajectory-accent)}.trajectory-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.trajectory-reading article{border-left:2px solid var(--of-trajectory-line);padding-left:20px}.trajectory-reading span,.trajectory-axis-number{font-size:12px;font-weight:600;color:var(--of-trajectory-accent)}.trajectory-reading h3{font-size:18px;margin:12px 0 10px;letter-spacing:-.02em}.trajectory-reading p,.trajectory-axes p{font-size:14px;line-height:1.7;color:var(--of-trajectory-muted);margin:0}.trajectory-axes{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.trajectory-axes article{padding:22px 18px;border:1px solid var(--of-trajectory-line);border-radius:18px;background:var(--of-feedback-glass)}.trajectory-axes h3{font-size:19px;margin:12px 0}.trajectory-axes h4{font-size:14px;line-height:1.4;margin:0 0 12px}.trajectory-example{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;margin-top:20px}.trajectory-example h2{margin-bottom:18px}.trajectory-example ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}.trajectory-example li{display:flex;gap:16px}.trajectory-example li>span{border:1px solid var(--of-trajectory-line);border-radius:50%;background:var(--of-feedback-glass);color:var(--of-trajectory-accent);flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;font-size:12px;font-weight:600}.trajectory-example li h3{font-size:17px;margin:0 0 6px}.trajectory-example li p{color:var(--of-trajectory-muted);font-size:14px;line-height:1.7;margin:0}.trajectory-example>.trajectory-caption{grid-column:1/-1;margin:0}.trajectory-contact{border-top:1px solid var(--of-trajectory-line);margin:58px 0;padding:40px 0 0}.trajectory-contact>p:not(.trajectory-kicker){font-size:17px;line-height:1.7;color:var(--of-trajectory-muted);max-width:960px;margin:18px 0 24px}.trajectory-home{text-decoration:none;font-size:14px}.trajectory-skip{position:fixed;left:20px;top:-100px;z-index:60;background:var(--of-trajectory-paper);color:var(--of-trajectory-ink);padding:12px 18px;border-radius:10px}.trajectory-skip:focus{top:12px}
@media(max-width:1000px){.trajectory-axes{grid-template-columns:repeat(3,1fr)}.trajectory-pyramids{gap:12px;grid-template-columns:1fr 24px 1fr}.trajectory-pyramid button{padding-inline:12px;font-size:13px}}
@media(max-width:760px){.trajectory-hero{padding-top:38px}.trajectory-section-head{grid-template-columns:1fr;gap:16px}.trajectory-card{padding:20px;border-radius:20px}.trajectory-detail-grid{grid-template-columns:1fr;gap:16px}.trajectory-details{padding:20px}.trajectory-detail-heading h3{font-size:20px}.trajectory-reading{grid-template-columns:1fr;gap:20px}.trajectory-axes{grid-template-columns:repeat(2,1fr)}.trajectory-example{grid-template-columns:1fr;gap:22px}.trajectory-section{padding-top:40px}.trajectory-home{display:none}.trajectory-pyramids{grid-template-columns:1fr;gap:24px}.trajectory-pyramid-link{display:none}.trajectory-pyramid-column{width:100%;max-width:460px;margin:auto}.trajectory-diagram-label{margin-bottom:16px}.trajectory-pyramid button{min-height:46px;font-size:14px}.trajectory-chart-scroll{overflow:auto;margin:0 -8px;padding:0 8px 8px}.trajectory-chart{min-width:650px}.trajectory-caption{text-align:left}.trajectory-contact{margin-bottom:40px}.trajectory-intro{font-size:16px}}
@media(max-width:400px){.trajectory-axes{grid-template-columns:1fr}.trajectory-pyramid button{font-size:13px}.trajectory-main{padding-inline:16px}}
.trajectory-chart a{pointer-events:bounding-box;cursor:pointer}.trajectory-chart-border,.trajectory-quadrants,.trajectory-curve,.trajectory-axis{pointer-events:none}

.trajectory-section-head{display:block}.trajectory-section-head>p{max-width:1060px;margin-top:16px}.trajectory-cta-short{display:none}.trajectory-pyramid button{transition:border-color .2s}
@media(max-width:760px){.trajectory-cta-long{display:none}.trajectory-cta-short{display:inline}.trajectory-section-head>p{margin-top:16px}}

.trajectory-responsibility{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}.trajectory-responsibility>div{border-left:2px solid var(--of-trajectory-accent);padding-left:16px}.trajectory-two-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:22px}.trajectory-two-dimensions h3{font-size:25px;letter-spacing:-.025em;line-height:1.3;margin:0 0 18px}.trajectory-two-dimensions p,.trajectory-two-dimensions li{font-size:15px;line-height:1.7;color:var(--of-trajectory-muted)}.trajectory-two-dimensions strong{color:var(--of-trajectory-ink)}.trajectory-two-dimensions ul{padding-left:18px;margin:18px 0 0;display:grid;gap:14px}.trajectory-two-dimensions h4{font-size:17px;margin:22px 0 0}.trajectory-responsible-metrics{margin-top:22px;padding:22px 26px;background:var(--of-trajectory-soft);border-radius:16px;font-size:15px;line-height:1.7;color:var(--of-trajectory-muted)}.trajectory-responsible-metrics strong{color:var(--of-trajectory-ink)}
@media(max-width:760px){.trajectory-responsibility,.trajectory-two-dimensions{grid-template-columns:1fr;gap:20px}.trajectory-two-dimensions h3{font-size:23px}}
.trajectory-curve{stroke-dasharray:9 7}
/* Let the landscape show through dark panels without fading their text. */
html[data-theme="sombre"] body.trajectory-page[data-surface="caseone"] {
    --of-feedback-glass: color-mix(in srgb, var(--of-feedback-sheet) 76%, transparent);
    --of-trajectory-soft: color-mix(in srgb, var(--of-feedback-hover) 82%, transparent);
}