/* Scoped to the About section; the rest of the Gp template is unchanged. */
#about.goldly-about{--ga-ink:var(--heading-color);--ga-muted:color-mix(in srgb,var(--default-color),transparent 20%);--ga-gold:var(--accent-color);position:relative;isolation:isolate;padding:104px 0;background:var(--background-color);color:var(--default-color);font-family:var(--default-font)}
#about.goldly-about::before,#about.goldly-about::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
#about.goldly-about::before{background:radial-gradient(ellipse at 78% 42%,color-mix(in srgb,var(--accent-color),transparent 94%) 0%,color-mix(in srgb,var(--accent-color),transparent 97%) 35%,transparent 65%)}
#about.goldly-about::after{background-image:radial-gradient(#939eaf38 .7px,transparent .8px);background-size:24px 24px;mask-image:radial-gradient(ellipse 43% 55% at 78% 47%,#0009,transparent);-webkit-mask-image:radial-gradient(ellipse 43% 55% at 78% 47%,#0009,transparent)}
#about .ga-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:80px;align-items:start}
#about .ga-intro{position:sticky;top:112px;align-self:start}
#about .ga-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:6px 11px;border:1px solid color-mix(in srgb,var(--accent-color),transparent 75%);border-radius:30px;background:color-mix(in srgb,var(--accent-color),white 94%);color:var(--default-color);font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:25px}
#about .ga-eyebrow::before{content:"";width:5px;height:5px;background:var(--accent-color);border-radius:50%}
#about .ga-intro h2{font-family:var(--heading-font);font-size:28px;font-weight:700;line-height:1.3;letter-spacing:normal;color:var(--ga-ink);margin:0 0 20px;max-width:480px}
#about .ga-lead{font-size:16px;line-height:1.6;color:var(--default-color);margin:0 0 26px;max-width:465px}
#about .ga-capabilities{list-style:none;padding:0;margin:0;display:grid;gap:10px}
#about .ga-capabilities li{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;background:#f8faf980;border:1px solid #e9edea;border-radius:9px;font-size:16px;line-height:1.6;transition:background .2s,border-color .2s;color:var(--default-color)}
#about .ga-capabilities li:hover{background:color-mix(in srgb,var(--accent-color),white 96%);border-color:color-mix(in srgb,var(--accent-color),transparent 55%)}
#about .ga-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;width:20px;height:20px;border-radius:0;background:transparent;color:var(--ga-gold)}

#about .ga-check i{width:auto;height:auto;stroke-width:2.1;font-size:20px;line-height:1}
#about .ga-context{font-size:15px;line-height:1.7;color:var(--ga-muted);margin:24px 0 0}
#about .ga-conversion{border-top:1px solid #e6e9e6;margin-top:30px;padding-top:25px}
#about .ga-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 23px}
#about .ga-metric{display:flex;flex-direction:column-reverse;gap:5px}
#about .ga-metric dt{font-weight:400;font-size:12px;line-height:1.5;color:var(--ga-muted)}
#about .ga-metric dd{font-size:36px;line-height:1.15;font-weight:700;letter-spacing:normal;margin:0;color:var(--ga-ink);font-variant-numeric:tabular-nums}
#about .ga-metric:last-child dd{color:var(--ga-gold)}
#about .ga-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--accent-color);color:var(--contrast-color);border:1px solid var(--accent-color);border-radius:4px;padding:10px 24px;font-size:16px;font-weight:400;transition:background .2s,box-shadow .2s;font-family:var(--default-font)}
#about .ga-cta i{width:auto;height:auto;color:var(--contrast-color);transition:transform .2s;font-size:16px;line-height:1}
#about .ga-cta:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%);box-shadow:0 4px 14px #19231e15;color:var(--contrast-color)}
#about .ga-cta:hover svg{transform:translate(2px,-2px)}
#about .ga-cta:focus-visible,#about .ga-source:focus-visible{outline:2px solid var(--accent-color);outline-offset:5px}
#about .ga-metric-note{font-size:12px;line-height:1.6;color:#7b837e;margin:12px 0 0}
#about .ga-timeline-header{padding-left:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}
#about .ga-timeline-header h3{font-size:14px;font-weight:500;letter-spacing:1.3px;margin:0;color:var(--ga-muted);font-family:var(--heading-font)}
#about .ga-timeline-header>span{font-size:12px;color:var(--ga-muted);font-variant-numeric:tabular-nums}
#about .ga-timeline{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:17px}
#about .ga-timeline-stage{--ga-rail-left:21px;--ga-rail-top:21px;position:relative;isolation:isolate}
/* The original 1px line remains the static track. This clipped layer only carries light. */
#about .ga-timeline-rail{position:absolute;left:calc(var(--ga-rail-left) - 6px);top:var(--ga-rail-top);bottom:45px;width:14px;overflow:hidden;pointer-events:none;z-index:1}
#about .ga-timeline-beam{position:absolute;inset:0;opacity:0;animation:ga-timeline-pulse 5.6s linear infinite}
#about .ga-timeline-beam::after{content:"";position:absolute;left:6px;top:-96px;width:2px;height:96px;border-radius:2px;background:linear-gradient(to bottom,transparent 0%,var(--accent-color) 50%,color-mix(in srgb,var(--accent-color),white 80%) 85%,transparent 100%);box-shadow:0 0 5px color-mix(in srgb,var(--accent-color),transparent 56%),0 0 10px color-mix(in srgb,var(--accent-color),transparent 81%)}
/* 4.8 seconds travelling, followed by 0.8 seconds of stillness. */
@keyframes ga-timeline-pulse{0%{transform:translateY(0);opacity:0}5%{opacity:1}80%{opacity:1}85.7142857%,100%{transform:translateY(calc(100% + 96px));opacity:0}}
#about .ga-timeline::before{content:"";position:absolute;left:21px;top:21px;bottom:45px;width:1px;background:linear-gradient(to bottom,color-mix(in srgb,var(--accent-color),transparent 88%),color-mix(in srgb,var(--accent-color),transparent 47%) 25%,color-mix(in srgb,var(--accent-color),transparent 31%) 80%,color-mix(in srgb,var(--accent-color),transparent 81%))}
#about .ga-milestone{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr);gap:22px;align-items:start}
#about .ga-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #e2e7e2;border-radius:4px;background:#fff;color:var(--accent-color);box-shadow:0 2px 5px #17201d04;transition:border-color .25s,color .25s,box-shadow .25s}
#about .ga-card{border:1px solid #e5e9e6;background:#ffffffd9;border-radius:12px;padding:18px 19px;transition:border-color .25s,box-shadow .25s,transform .25s}
#about .ga-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}
#about .ga-card h4{font-family:var(--heading-font);font-weight:700;font-size:18px;line-height:1.4;letter-spacing:normal;margin:0;color:var(--heading-color)}
#about .ga-year{flex-shrink:0;padding:2px 7px;border-radius:5px;background:color-mix(in srgb,var(--accent-color),white 88%);color:var(--contrast-color);font-size:12px;line-height:1.7;font-weight:600;font-variant-numeric:tabular-nums}
#about .ga-card p{font-size:14px;color:var(--ga-muted);line-height:24px;margin:0}
#about .ga-milestone:hover .ga-node{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 3px 10px color-mix(in srgb,var(--accent-color),transparent 95%)}
#about .ga-milestone:hover .ga-card{border-color:color-mix(in srgb,var(--accent-color),transparent 40%);box-shadow:0 7px 22px #24342707;transform:translateX(3px)}
#about .ga-milestone-current .ga-node{background:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color);box-shadow:0 4px 15px color-mix(in srgb,var(--accent-color),transparent 88%)}
#about .ga-milestone-current .ga-card{border-color:color-mix(in srgb,var(--accent-color),transparent 40%);background:linear-gradient(115deg,color-mix(in srgb,var(--accent-color),white 92%),#fffffff5 70%)}
#about .ga-milestone-current .ga-year{background:var(--accent-color);color:var(--contrast-color)}
#about .ga-node{z-index:2;color:var(--accent-color);border-radius:4px}
#about .ga-source{display:inline-flex;align-items:center;gap:7px;margin:19px 0 0 65px;font-size:10px;color:#7b837e}
#about .ga-source svg{width:12px;height:12px}
#about .ga-source:hover{color:var(--ga-gold)}
@media(min-width:1400px){#about .ga-layout{gap:100px}}
@media(min-width:992px) and (max-height:800px){#about .ga-intro{position:static}}
@media(max-width:1199px){#about .ga-layout{gap:45px}#about .ga-intro h2{font-size:28px;font-family:var(--heading-font);font-weight:700;letter-spacing:normal;line-height:1.3}#about .ga-lead{font-size:16px;line-height:1.6;color:var(--default-color)}#about .ga-card{padding:16px}#about .ga-milestone{gap:17px}#about .ga-timeline-header{padding-left:60px}#about .ga-source{margin-left:60px}}
@media(max-width:991px){#about.goldly-about{padding:72px 0;--ga-ink:var(--heading-color);--ga-muted:color-mix(in srgb,var(--default-color),transparent 20%);--ga-gold:var(--accent-color);background:var(--background-color);color:var(--default-color);font-family:var(--default-font)}#about .ga-layout{grid-template-columns:1fr;gap:48px}#about .ga-intro{position:static}#about .ga-intro h2{max-width:none;font-size:28px;font-family:var(--heading-font);font-weight:700;letter-spacing:normal;line-height:1.3}#about .ga-lead{max-width:600px;font-size:16px;line-height:1.6;color:var(--default-color)}#about .ga-metrics{max-width:430px}#about .ga-timeline-header{padding-left:65px}#about .ga-milestone{gap:22px}#about .ga-source{margin-left:65px}}
@media(max-width:575px){#about.goldly-about{padding:60px 0;--ga-ink:var(--heading-color);--ga-muted:color-mix(in srgb,var(--default-color),transparent 20%);--ga-gold:var(--accent-color);background:var(--background-color);color:var(--default-color);font-family:var(--default-font)}#about .ga-layout{gap:39px}#about .ga-eyebrow{font-size:12px;letter-spacing:.8px;margin-bottom:21px;font-weight:600;color:var(--default-color)}#about .ga-intro h2{font-size:28px;letter-spacing:normal;font-family:var(--heading-font);font-weight:700;line-height:1.3}#about .ga-lead{font-size:16px;line-height:1.6;color:var(--default-color)}#about .ga-capabilities li{padding:12px;font-size:16px;color:var(--default-color)}#about .ga-context{font-size:15px;line-height:1.7}#about .ga-cta{width:100%;font-size:16px;gap:14px;font-weight:400;font-family:var(--default-font);background:var(--accent-color);color:var(--contrast-color);border:1px solid var(--accent-color);border-radius:4px;padding:10px 24px}#about .ga-metric dd{font-size:36px;font-weight:700;letter-spacing:normal}#about .ga-timeline-header{padding-left:49px}#about .ga-timeline-header h3{font-size:14px;letter-spacing:.7px;font-weight:500;font-family:var(--heading-font)}#about .ga-timeline-header>span{font-size:12px;color:var(--ga-muted)}#about .ga-milestone{grid-template-columns:35px minmax(0,1fr);gap:14px}#about .ga-node{width:35px;height:35px;border-radius:4px;color:var(--accent-color)}#about .ga-node i{width:17px;height:17px}#about .ga-timeline::before{left:17px;top:18px}#about .ga-card{padding:14px}#about .ga-card-heading{gap:8px}#about .ga-card h4{font-size:18px;line-height:1.4;font-family:var(--heading-font);font-weight:700;letter-spacing:normal;color:var(--heading-color)}#about .ga-card p{font-size:14px;line-height:24px}#about .ga-year{font-size:12px;padding:2px 5px;color:var(--contrast-color)}#about .ga-source{margin-left:49px}#about .ga-timeline{gap:14px}}
@media(prefers-reduced-motion:reduce){#about .ga-node,#about .ga-card,#about .ga-cta,#about .ga-cta i,#about .ga-capabilities li{transition:none;font-size:16px;color:var(--default-color)}#about .ga-milestone:hover .ga-card,#about .ga-cta:hover svg{transform:none}}
@media(max-width:575px){#about .ga-timeline-stage{--ga-rail-left:17px;--ga-rail-top:18px}}
@media(prefers-reduced-motion:reduce){#about .ga-timeline-beam{animation:none;opacity:0}}

#about .ga-node i{font-size:20px;line-height:1}
@media(max-width:575px){#about .ga-node i{font-size:18px}#about .ga-card-heading{flex-wrap:wrap}#about .ga-timeline-header{flex-wrap:wrap}}