/* Page-specific styles for track-record. */

.qpa-button:hover:after{transform:translateX(6px)}

.qpa-button.qpa-accent:hover{background:var(--teal-deep);color:#fff;transform:translateY(-1px);box-shadow:none}

.qpa-button.qpa-dark:hover,.qpa-link-host:hover .qpa-button.qpa-dark{background:var(--ink);transform:translateY(-1px);box-shadow:0 16px 34px #0f2e382e}

.qpa-link-host:hover .qpa-button.qpa-accent{background:var(--teal-deep);transform:translateY(-1px)}

.qpa-button.qpa-download:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b2630' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7.5 10.5 4.5 4.5 4.5-4.5'/%3E%3Cpath d='M4 18v2h16v-2'/%3E%3C/svg%3E")}

.qpa-hero{position:relative;display:flex;align-items:flex-end;min-height:700px;overflow:hidden;background:var(--ink);color:#fff}

.qpa-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.qpa-hero-inner{position:relative;z-index:2;width:var(--page);margin-inline:auto;padding-top:220px}

.qpa-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:clamp(44px,6vw,96px);align-items:end;padding-bottom:68px}

.qpa-hero h1{max-width:13ch;margin-bottom:0;color:#fff;font-size:clamp(48px,5vw,76px);font-weight:500;line-height:1.03;letter-spacing:-.026em;text-wrap:balance}

.qpa-hero-side{padding:4px 0 4px clamp(28px,3.2vw,48px);border-left:1px solid transparent;border-image:var(--divider-v-dark)}

.qpa-hero-copy{max-width:610px;margin:0;color:#d9e3e4;font-size:17.5px;line-height:1.7}

.qpa-hero-copy p{margin:0}

.qpa-hero-copy p+p{margin-top:18px}

.qpa-stats{position:relative;overflow:hidden;background:var(--ink);color:#dce5e6;padding:clamp(84px,7vw,110px) 0}

.qpa-stats:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(780px 500px at 4% -8%,#17a3981f,transparent 68%),radial-gradient(640px 460px at 98% 106%,#3ec9bb14,transparent 70%)}

.qpa-stats>.qpa-wrap{position:relative;z-index:1}

.qpa-stats-head{margin-bottom:70px}

.qpa-stats-head h2{max-width:none;margin:0;color:#fff;font-size:clamp(38px,3.8vw,58px);white-space:nowrap}

.qpa-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

.qpa-metric-card{position:relative;min-height:190px;padding:34px clamp(28px,3vw,46px);border:1px solid var(--line-dark);border-radius:var(--r-box);display:flex;flex-direction:column;justify-content:space-between;gap:30px;transition:background .3s,border-color .3s}


.qpa-metric-card:hover{background:#ffffff08}

.qpa-metric-value{margin:0;color:#fff;font:500 clamp(30px,2.7vw,44px)/1 var(--display);letter-spacing:-.032em;transition:color .32s}

.qpa-metric-value.qpa-statement{font:400 clamp(20px,1.7vw,25px)/1.3 var(--display);letter-spacing:-.016em}

.qpa-timeline{padding:clamp(84px,7vw,110px) 0;background:var(--neutral)}

.qpa-timeline-head{margin-bottom:70px}

.qpa-timeline-head h2{max-width:none;margin-bottom:0;font-size:clamp(38px,3.8vw,58px);white-space:nowrap}

.qpa-timeline-track{position:relative;display:grid}

.qpa-timeline-track:before{content:"";position:absolute;z-index:1;left:274px;top:42px;bottom:42px;width:1px;background:linear-gradient(180deg,var(--teal) 0%,var(--line-fade) 18%,var(--line-fade) 88%,transparent 100%)}

.qpa-milestone{position:relative;display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:clamp(34px,5vw,80px);padding:clamp(34px,3.4vw,48px) 24px;transition:background .3s}

.qpa-milestone:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--teal),#17a39800);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.2,.7,.2,1)}

.qpa-milestone:after{content:"";position:absolute;z-index:2;left:269.5px;top:calc(clamp(34px,3.4vw,48px) + .42em);width:10px;height:10px;border-radius:2px;background:var(--teal);transform:rotate(45deg);transition:transform .35s,background .3s}

.qpa-milestone:hover{background:#fff}

.qpa-milestone:hover:before{transform:scaleY(1)}

.qpa-milestone:hover:after{transform:rotate(45deg) scale(1.28);background:var(--teal-deep)}

.qpa-milestone-year{position:relative;margin:0;padding-right:34px;color:var(--teal-deep);font:500 clamp(16px,1.35vw,20px)/1.3 var(--mono);letter-spacing:.02em}

.qpa-milestone-body{margin:0;max-width:900px;color:var(--text);font-size:17.5px;line-height:1.68}

.qpa-milestone-body strong{color:var(--head);font-weight:600}

.qpa-metric-number{display:inline-block;color:#fff;font-variant-numeric:tabular-nums;transition:color .38s ease}

.qpa-metric-card:hover .qpa-metric-number{color:var(--teal-lite)}

@media(max-width:1180px){
.qpa-metrics{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
.qpa-hero-side{max-width:680px;padding:28px 0 0;border-left:0;border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent 0%,var(--line-fade-dark) 18%,var(--line-fade-dark) 82%,transparent 100%) 1}
}

@media(max-width:800px){
.qpa-hero{min-height:680px}
.qpa-hero-inner{padding-top:190px}
.qpa-hero-grid{padding-bottom:48px}
.qpa-metrics{grid-template-columns:1fr}
.qpa-metric-card{min-height:0;gap:22px;padding:28px 16px}
.qpa-timeline-track:before{left:8px;top:34px;bottom:34px}
.qpa-milestone{grid-template-columns:1fr;gap:14px;padding:28px 16px 30px 34px}
.qpa-milestone:after{left:3.5px;top:calc(28px + .42em)}
.qpa-milestone-year{padding-right:0}
}

@media(max-width:520px){
}

/* Pretty paragraph wrapping for milestone body copy and hero copy */
.qpa-milestone-body,
.qpa-hero-copy p{text-wrap:pretty}

/* Tabular numerals on milestone years (2014, 2015–2019, etc.) for clean alignment */
.qpa-milestone-year{font-variant-numeric:tabular-nums}

/* Balanced wrapping for long statement-style metric values */
.qpa-metric-value.qpa-statement{text-wrap:balance}

/* Empty year slot: keeps grid column when year is blank but body is filled (added 12 August 2026) */
.qpa-milestone-year-empty{padding-right:0;color:transparent}
@media (max-width:768px){
	.qpa-milestone-year-empty{display:none}
}

/* Download section (dark, mirrors qpa-role from qpa-content-page) - added 12 August 2026 */
.qpa-tr-download{position:relative;overflow:hidden;background:var(--ink-2);color:#dce5e6}
.qpa-tr-download .qpa-kicker{color:var(--teal-lite)}
.qpa-tr-download h2{max-width:22ch;margin-bottom:24px;color:#fff;font-size:clamp(34px,3.5vw,54px);text-wrap:balance}
.qpa-tr-download .qpa-tr-download-sub{max-width:900px;margin:0 0 32px;color:#dce5e6;font-size:17.5px;line-height:1.68}
.qpa-tr-download .qpa-tr-download-sub p{margin:0 0 16px}.qpa-tr-download .qpa-tr-download-sub p:last-child{margin-bottom:0}
.qpa-tr-download .qpa-link{margin-top:8px}