/* D113 — accepted builder configuration: soft / dark / technical / 48 / title 0 / copy 0 / chart. */
.home-layout .home-record.experience-cards{--experience-ink:#303a2b;--experience-muted:#566047;--experience-line:#cdd1c2;--experience-accent:#b45d36;background:#eeeee7;color:var(--experience-ink);padding:48px var(--home-gutter) 28px;font-family:'Segoe UI',Arial,sans-serif}
.experience-cards .experience-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:30px;margin:0 0 30px}
.home-layout .experience-cards .experience-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:9px;letter-spacing:.11em;color:var(--experience-muted);font-weight:500;line-height:1.5}
.experience-eyebrow>span{width:4px;height:4px;background:var(--experience-accent)}
.home-layout .experience-cards h2{margin:0;letter-spacing:-.045em;font-size:clamp(32px,3.3vw,44px);font-weight:500;line-height:1.08;max-width:560px}
.home-layout .experience-cards #experience-intro{font-size:14px;line-height:1.6;margin:0;max-width:350px;color:var(--experience-muted)}
.experience-cards .record-metrics{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0}
.experience-cards .record-metrics>div,.experience-cards .record-metrics>div+div{display:block;background:#233129;color:#e1e8d6;border:0;margin:0;padding:24px;border-radius:14px;min-width:0;position:relative;grid-column:auto}
.experience-cards .experience-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.09em;color:#afbaa2;margin:0 0 12px}
.experience-cards .experience-glyph{display:block;width:23px;height:23px;border:1px solid #455241;border-radius:50%;text-align:center;font-size:15px;padding-top:2px;line-height:1;color:var(--experience-accent)}
.experience-cards .experience-display{padding:20px 0 18px}
.experience-cards .record-metrics dt,.experience-cards .record-metrics>div:first-child dt{font-size:15px;line-height:1.35;font-weight:500;margin:0 0 26px;color:#afbaa2;min-height:2.7em;max-width:180px}
.home-layout .experience-cards .record-metrics dd,.home-layout .experience-cards .record-metrics>div:first-child dd{margin:0;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;color:#e1e8d6;font-size:48px;font-weight:400;letter-spacing:-.045em;line-height:1.05;max-width:none}
.experience-cards .experience-value{font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;font-size:48px;font-weight:400;white-space:nowrap}
.experience-cards .metric-plus{font-family:'Segoe UI',sans-serif;display:inline;font-size:.48em;vertical-align:top;line-height:1.15;color:var(--experience-accent);margin-left:4px;position:relative;top:3px}
.experience-cards .record-metrics dd>.experience-unit{font-family:'Segoe UI',sans-serif;font-size:15px;font-weight:400;color:#afbaa2;letter-spacing:0;white-space:nowrap;line-height:1.4}
.experience-cards .experience-card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #455241;padding:16px 0 0;font-size:8px;letter-spacing:.07em;color:#afbaa2}
.experience-cards .experience-notches{font-size:11px;color:#9daa8c;letter-spacing:1px}
.home-layout .experience-cards .experience-period{font-size:11px;line-height:1.6;color:var(--experience-muted);display:flex;gap:15px;justify-content:flex-end;margin:16px 0 28px}
.experience-cards .experience-period>span{opacity:.75}
.experience-cards .experience-detail{display:grid;grid-template-columns:.9fr 1.5fr;gap:30px;border:0;border-radius:14px;background:#233129;color:#e1e8d6;padding:25px}
.home-layout .experience-cards .experience-context .experience-eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:14px;color:#afbaa2}
.home-layout .experience-cards h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:0}
.home-layout .experience-cards .experience-context>p:not(.experience-eyebrow){font-size:13px;line-height:1.6;color:#afbaa2;max-width:260px;margin:12px 0 15px}
.experience-cards .experience-context a{font-size:12px;display:inline-flex;gap:30px;align-items:center;color:#d9855c;text-decoration:none;min-height:36px}
.experience-cards .experience-chart{margin:0;min-width:0;align-self:end}
.experience-cards figcaption{font-size:11px;color:#afbaa2;margin-bottom:17px}
.experience-cards .experience-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:7px;align-items:end;height:116px;border-bottom:1px solid #455241;padding-bottom:18px}
.experience-cards .experience-bar{height:100%;display:flex;justify-content:flex-end;flex-direction:column;position:relative;min-width:0}
.experience-cards .experience-bar i{display:block;background:#8b997b;height:calc(var(--height)*80px);min-height:3px}
.experience-cards .experience-bar:nth-child(n+6) i{background:#667858}
.experience-cards .experience-bar:last-child i{background:var(--experience-accent)}
.experience-cards .experience-bar small{font-size:8px;text-align:center;color:#afbaa2;margin-bottom:4px;line-height:1.3}
.experience-cards .experience-bar b{position:absolute;bottom:-15px;font-weight:400;font-size:8px;color:#afbaa2;width:100%;text-align:center;line-height:1.3}
.experience-cards .experience-years{display:grid;grid-template-columns:5fr 9fr;gap:0;margin-top:6px;font-size:8px;color:#afbaa2}
.experience-cards .experience-years span:last-child{border-left:1px solid #455241;padding-left:7px}
.experience-cards .experience-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--experience-muted);margin-top:20px}
.experience-cards .experience-footer a{font-size:12px;color:var(--experience-ink);display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--experience-accent);padding:9px 0;text-decoration:none}
.experience-cards .experience-footer a>span{color:var(--experience-accent)}
@media(max-width:1050px){.experience-cards .experience-heading{grid-template-columns:1fr;gap:18px}.home-layout .experience-cards #experience-intro{max-width:600px}.experience-cards .record-metrics{gap:10px}.experience-cards .record-metrics>div,.experience-cards .record-metrics>div+div{padding:19px}.experience-cards .experience-value,.home-layout .experience-cards .record-metrics dd,.home-layout .experience-cards .record-metrics>div:first-child dd{font-size:44px}.experience-cards .record-metrics dt{font-size:14px}.experience-cards .experience-card-top{font-size:8px}.experience-cards .experience-card-bottom{font-size:7px}.experience-cards .experience-detail{grid-template-columns:.9fr 1.2fr;padding:20px;gap:23px}.experience-cards .experience-bars{gap:4px}.home-layout .experience-cards h3{font-size:22px}}
@media(max-width:700px){.home-layout .home-record.experience-cards{padding:35px 20px 24px}.experience-cards .record-metrics{grid-template-columns:1fr;gap:12px}.experience-cards .record-metrics>div,.experience-cards .record-metrics>div+div{padding:22px}.home-layout .experience-cards h2{font-size:34px}.experience-cards .experience-display{padding:17px 0}.experience-cards .record-metrics dt,.experience-cards .record-metrics>div:first-child dt{min-height:0;max-width:none;margin:0 0 18px;font-size:16px}.experience-cards .experience-value,.home-layout .experience-cards .record-metrics dd,.home-layout .experience-cards .record-metrics>div:first-child dd{font-size:48px}.experience-cards .record-metrics dd>.experience-unit{font-size:16px}.experience-cards .experience-card-top{font-size:9px}.experience-cards .experience-card-bottom{font-size:8px}.home-layout .experience-cards .experience-period{font-size:10px;flex-direction:column;gap:4px;margin:17px 0 25px}.experience-cards .experience-detail{grid-template-columns:1fr;gap:20px}.home-layout .experience-cards .experience-context>p:not(.experience-eyebrow){max-width:100%}.experience-cards .experience-bars{height:125px;gap:5px}.experience-cards .experience-footer{align-items:start;flex-direction:column;gap:6px}}
@media(max-width:360px){.home-layout .home-record.experience-cards{padding-inline:16px}.experience-cards .experience-bars{gap:4px}.experience-cards .experience-bar small,.experience-cards .experience-bar b{font-size:7px}}

/* D113 follow-up: compact cards; ready for a fourth confirmed metric. */
.experience-cards .record-metrics:has(>div:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.experience-cards .record-metrics>div,.experience-cards .record-metrics>div+div{padding:18px;border-radius:12px}
.experience-cards .experience-card-top{margin-bottom:4px}
.experience-cards .experience-glyph{width:20px;height:20px;font-size:13px}
.experience-cards .experience-display{padding:8px 0 12px}
.experience-cards .record-metrics dt,.experience-cards .record-metrics>div:first-child dt{margin-bottom:10px}
.experience-cards .experience-card-bottom{padding-top:11px}
@media(max-width:1050px){.experience-cards .record-metrics:has(>div:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.experience-cards .record-metrics>div,.experience-cards .record-metrics>div+div{padding:18px}.experience-cards .experience-display{padding:8px 0 12px}.experience-cards .record-metrics dt,.experience-cards .record-metrics>div:first-child dt{margin-bottom:16px}}
@media(max-width:520px){.experience-cards .record-metrics:has(>div:nth-child(4)){grid-template-columns:1fr}}

/* D114: intentionally blank fourth card, pending the user’s confirmed metric. */
.experience-cards .record-metrics>.experience-placeholder{min-height:198px}

/* D116 — five metrics supplied/selected by the user; mixed scopes labelled separately. */
.experience-cards .record-metrics:has(>div:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.experience-cards .experience-prefix{font:400 .48em/1 'Segoe UI',sans-serif;display:inline-block;vertical-align:baseline;margin-right:5px;color:#afbaa2;letter-spacing:0}
.experience-cards .experience-unit-note{display:block;font-size:11px;line-height:1.2;font-weight:400;margin-top:3px;color:#afbaa2}
.experience-cards .experience-card-bottom--rate{font-size:12px;letter-spacing:0}
.experience-cards .experience-card-bottom--rate .experience-notches{display:none}
.experience-cards .experience-card-top{font-size:8px}
.experience-cards .experience-card-bottom{min-height:29px}
.experience-cards .record-metrics dd>.experience-unit{font-size:12px}
.home-layout .experience-cards .experience-period{justify-content:space-between;flex-wrap:wrap;gap:6px 20px}
.experience-cards .experience-period>span{opacity:1}
.experience-cards .experience-chart-period{display:block;font-size:10px;opacity:.85;margin-top:4px}
.experience-cards .experience-footer>span{font-size:11px;line-height:1.5;max-width:600px}
@media(max-width:1200px){.experience-cards .record-metrics:has(>div:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}.experience-cards .record-metrics:has(>div:nth-child(5))>div{grid-column:span 2}.experience-cards .record-metrics:has(>div:nth-child(5))>div:nth-child(n+4){grid-column:span 3}}
@media(max-width:700px){.experience-cards .record-metrics:has(>div:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.experience-cards .record-metrics:has(>div:nth-child(5))>div,.experience-cards .record-metrics:has(>div:nth-child(5))>div:nth-child(n+4){grid-column:auto}.experience-cards .record-metrics:has(>div:nth-child(5))>div:last-child{grid-column:1/-1}.experience-cards .record-metrics dt,.experience-cards .record-metrics>div:first-child dt{font-size:14px;min-height:2.7em}.experience-cards .experience-value{font-size:44px}}
@media(max-width:520px){.experience-cards .record-metrics:has(>div:nth-child(5)){grid-template-columns:1fr}.experience-cards .record-metrics:has(>div:nth-child(5))>div:last-child{grid-column:auto}.experience-cards .experience-value{font-size:48px}.experience-cards .record-metrics dt,.experience-cards .record-metrics>div:first-child dt{font-size:16px;min-height:0}.experience-cards .record-metrics dd>.experience-unit{font-size:15px}}

/* D119 — accepted light outline button, variant 02. */
.home-layout .experience-cards .experience-context a.experience-about{display:inline-flex;align-items:center;justify-content:space-between;min-height:46px;gap:28px;margin-top:7px;padding:0 18px;font-size:14px;font-weight:600;line-height:1.4;color:#e1e8d6;background:transparent;border:1px solid #afbaa2;border-radius:6px;text-decoration:none;transition:background .2s,border-color .2s}.home-layout .experience-cards .experience-about>span{font-size:21px;line-height:1;font-weight:400;transition:transform .2s}.home-layout .experience-cards .experience-context a.experience-about:hover{background:#314137;border-color:#e1e8d6}.home-layout .experience-cards .experience-about:hover>span{transform:translate(2px,-2px)}.home-layout .experience-cards .experience-about:focus-visible{outline:3px solid #f88a51;outline-offset:5px}@media(prefers-reduced-motion:reduce){.home-layout .experience-cards .experience-context a.experience-about,.home-layout .experience-cards .experience-about>span{transition:none}.home-layout .experience-cards .experience-about:hover>span{transform:none}}

/* D123 — milk palette; accepted heartbeat at 60%. Labels remain stationary. */
.experience-cards .experience-bar i,
.experience-cards .experience-bar:nth-child(n+6) i{background:#d6d9d0;position:relative;transform-origin:50% 100%;transform:scaleY(var(--pulse-scale,1));filter:brightness(var(--pulse-brightness,1))}
.experience-cards .experience-bar:last-child i{background:#ec8250}
.experience-cards .experience-bar small,
.experience-cards .experience-bar b{color:#cbd1c6}
.experience-cards .experience-bar i::after{content:'';position:absolute;inset:0;opacity:var(--pulse-light,0);background:linear-gradient(0deg,transparent 10%,#fff9e3 100%);box-shadow:0 -6px 16px -8px #efbf86;pointer-events:none}
.experience-cards .experience-bar i::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#fff4db;opacity:var(--pulse-edge,0);box-shadow:0 -1px 5px #ffe6ac70;pointer-events:none}
@media(prefers-reduced-motion:reduce){.experience-cards .experience-bar i{transform:none;filter:none}.experience-cards .experience-bar i::after,.experience-cards .experience-bar i::before{display:none}}

/* D168: verified audit corrections, preserving the approved composition. */
.home-layout .experience-cards .experience-period{font-size:12px;line-height:1.6;display:grid;gap:4px}
.experience-cards .experience-card-bottom{font-size:10px}
.experience-cards .experience-card-bottom>span:first-child{max-width:100%;overflow-wrap:anywhere}