/* English Value marketing compositions. All colours resolve through Strata tokens. */
.value-refined { --vm-glass-fill:var(--site-surface); --vm-glass-border:var(--site-border); --vm-glass-shadow:0 14px 32px -26px var(--c-colour-border-strong); --vm-glass-blur:12px; }
.value-refined .pp-section,.value-refined .pp-hero { background:var(--site-bg); }
.value-refined .pp-section > .pp-inner { border-top:1px solid var(--site-border); padding-top:40px; }
.value-refined .vm-figure { width:100%; min-width:0; margin:0; position:relative; }
.value-refined .vm-figure figcaption { margin-top:24px; padding:0; font-size:13px; line-height:1.6; color:var(--site-secondary); }
.value-refined .vm-context { display:block; margin-bottom:8px; }
.value-refined .vm-sr { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.value-refined .vm-eyebrow,.value-refined .vm-note,.value-refined .vm-scroll-hint { font-size:13px; line-height:1.6; color:var(--site-secondary); }
.value-refined .vm-eyebrow { margin-bottom:18px; font-weight:600; }
.value-refined .vm-note { margin-top:20px; }
.value-refined .vm-icon { width:22px; height:22px; flex:none; }
.value-refined .vm-stock,.value-refined .vm-chart-tile,.value-refined .vm-metrics-tile,.value-refined .vm-list-panel,.value-refined .vm-tools-panel { background:var(--vm-glass-fill); border:1px solid var(--vm-glass-border); box-shadow:var(--vm-glass-shadow); }
@supports(backdrop-filter:blur(12px)) and (background:color-mix(in srgb,Canvas 90%,transparent)) {
 .value-refined { --vm-glass-fill:color-mix(in srgb,var(--site-surface) 90%,transparent); }
 .value-refined .vm-stock,.value-refined .vm-chart-tile,.value-refined .vm-metrics-tile,.value-refined .vm-list-panel,.value-refined .vm-tools-panel { backdrop-filter:blur(var(--vm-glass-blur)); }
}
.value-refined .vm-falling-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 36px; padding:48px 44px 64px; }
.value-refined .vm-falling-slot { min-width:0; perspective:850px; }
.value-refined .vm-falling-slot:nth-child(1) { order:3; z-index:2; }
.value-refined .vm-falling-slot:nth-child(2) { order:2; padding-top:42px; }
.value-refined .vm-falling-slot:nth-child(3) { order:1; }
.value-refined .vm-falling-slot:nth-child(4) { order:4; padding-top:32px; }
.value-refined .vm-falling-slot:nth-child(5) { order:5; }
.value-refined .vm-falling-slot:nth-child(6) { order:6; padding-top:30px; }
.value-refined .vm-falling-slot:nth-child(2) .vm-stock { transform:rotateX(28deg) rotateY(-12deg) rotateZ(18deg); }
.value-refined .vm-falling-slot:nth-child(3) .vm-stock { transform:rotateX(30deg) rotateY(20deg) rotateZ(-20deg); }
.value-refined .vm-falling-slot:nth-child(4) .vm-stock { transform:rotateX(-18deg) rotateY(-20deg) rotateZ(16deg); }
.value-refined .vm-falling-slot:nth-child(5) .vm-stock { transform:rotateX(26deg) rotateY(-12deg) rotateZ(-16deg); }
.value-refined .vm-falling-slot:nth-child(6) .vm-stock { transform:rotateX(34deg) rotateY(20deg) rotateZ(12deg); }
.value-refined .vm-stock-front { transform:none; }
.value-refined .vm-stock { border-radius:22px; padding:18px; min-width:0; }
.value-refined .vm-ticker { display:block; font-size:21px; letter-spacing:-.035em; color:var(--site-text); margin-bottom:12px; }
.value-refined .vm-stock dl { display:grid; grid-template-columns:1fr; gap:7px; }
.value-refined .vm-stock dt { font-size:13px; font-weight:400; color:var(--site-secondary); }
.value-refined .vm-stock dd { margin:0; font-size:14px; font-weight:600; line-height:1.45; color:var(--site-text); }
.value-refined .vm-technical { margin-top:2px; }
.value-refined .pm-coverage-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
.value-refined .pp-three-lenses { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.value-refined .vm-table-heading { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:18px; font-size:14px; color:var(--site-text); }
.value-refined .vm-table-heading span:first-child { font-weight:600; }
.value-refined .vm-scroll-hint { margin-bottom:10px; }
.value-refined .vm-table-scroll { overflow-x:auto; max-width:100%; overscroll-behavior-x:contain; position:relative; scrollbar-width:thin; }
.value-refined .vm-coverage-table { border-collapse:separate; border-spacing:0; table-layout:fixed; width:1840px; min-width:1840px; font-size:14px; color:var(--site-text); }
.value-refined .vm-coverage-table th,.value-refined .vm-coverage-table td { padding:17px 18px; border-bottom:1px solid var(--site-border); text-align:left; }
.value-refined .vm-coverage-table thead th { color:var(--site-secondary); font-size:13px; font-weight:500; }
.value-refined .vm-coverage-table .vm-col-headers th:first-child,.value-refined .vm-coverage-table tbody th:first-child { position:sticky; left:0; z-index:1; background:var(--site-bg); border-right:1px solid var(--site-border); }
.value-refined .vm-coverage-table col { width:140px; }
.value-refined .vm-coverage-table col.vm-timing-col { width:160px; }
.value-refined .vm-coverage-table :is(th,td):is(:nth-child(5),:nth-child(7),:nth-child(11)) { background:var(--site-slate-wash); }
.value-refined .vm-coverage-table .vm-number { text-align:right; font-variant-numeric:tabular-nums; }
.value-refined .vm-col-headers th { white-space:normal; border-top:1px solid var(--site-border); }
.value-refined .vg-gallery { position:relative; margin-top:46px; padding:30px; border:1px solid var(--site-border); border-radius:var(--radius-card); background:var(--site-surface); }
.value-refined .vg-controls[hidden] { display:none; }
.value-refined .vg-controls { margin-bottom:32px; }
.value-refined .vg-names,.value-refined .vg-paging { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.value-refined .vg-paging { margin-top:16px; justify-content:flex-end; font-size:13px; }
.value-refined .vg-controls button { min-height:44px; padding:10px 12px; font:inherit; font-size:13px; line-height:1.4; color:var(--site-text); background:transparent; border:1px solid transparent; border-radius:8px; cursor:pointer; }
.value-refined .vg-controls button[aria-current="true"] { border-color:var(--site-border); background:var(--site-surface-alt); font-weight:600; }
.value-refined .vg-controls button:disabled { color:var(--site-secondary); cursor:default; }
.value-refined .vg-slide { position:relative; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:48px; align-items:start; min-width:0; padding:8px 4px 28px; box-sizing:border-box; }
.value-refined .vg-slide + .vg-slide { margin-top:64px; }
.value-refined .vg-copy h3 { margin:14px 0 22px; font-size:30px; line-height:1.2; letter-spacing:-.035em; }
.value-refined .vg-copy .pp-caption { margin-top:24px; }
.value-refined .vg-slide-targets { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:28px; }
.value-refined .vg-slide-targets .vg-copy { padding-top:40px; }
.value-refined .vg-slide-timing { grid-template-columns:minmax(0,1fr); gap:28px; }
.value-refined .vg-slide-targets .vg-copy,.value-refined .vg-slide-timing .vg-copy { max-width:660px; }
.value-refined .vg-ready .vg-track { display:flex; align-items:flex-start; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; }
.value-refined .vg-ready .vg-slide { flex:0 0 100%; scroll-snap-align:start; scroll-snap-stop:always; margin:0; }
.value-refined .vm-target-stage { --vm-target-label-width:142px; height:480px; position:relative; }
.value-refined .vm-target-geometry { position:absolute; inset:0 auto 0 0; width:calc(100% - var(--vm-target-label-width)); height:100%; overflow:visible; }
.value-refined .vm-target-geometry path { fill:none; vector-effect:non-scaling-stroke; stroke-linejoin:round; stroke-linecap:round; }
.value-refined .vm-target-label { position:absolute; left:calc(100% - var(--vm-target-label-width) + 10px); width:calc(var(--vm-target-label-width) - 10px); transform:translateY(-50%); font-size:13px; line-height:1.4; color:var(--site-secondary); }
.value-refined .vm-target-label span { display:block; }
.value-refined .vm-target-label strong { display:block; margin-top:3px; font-size:19px; line-height:1.25; font-weight:500; color:var(--site-text); font-variant-numeric:tabular-nums; }
.value-refined .vm-chart { display:block; width:100%; height:auto; overflow:visible; }
.value-refined .vm-chart path { fill:none; vector-effect:non-scaling-stroke; stroke-linejoin:round; stroke-linecap:round; }
.value-refined .vm-grid path { stroke:var(--site-border); stroke-width:1; }
.value-refined .vm-price,.value-refined .vm-line-close { stroke:var(--c-colour-visual-line); stroke-width:2.5; }
.value-refined .vm-line-fast { stroke:var(--c-colour-bronze); stroke-width:2.5; stroke-dasharray:9 3; }
.value-refined .vm-line-slow { stroke:var(--site-text); stroke-width:2.5; }
.value-refined .vm-target-connector { stroke:var(--site-secondary); stroke-dasharray:3 6; stroke-width:1.25; }
.value-refined .vm-target-dots { position:absolute; inset:0 auto 0 0; width:calc(100% - var(--vm-target-label-width)); pointer-events:none; }
.value-refined .vm-target-marker,.value-refined .vm-current-marker { position:absolute; width:9px; height:9px; border-radius:50%; background:var(--c-colour-bronze); transform:translate(-50%,-50%); }
.value-refined .vm-current-marker { width:12px; height:12px; background:var(--c-colour-visual-line); }
.value-refined .vm-target-leader { stroke:var(--site-secondary); stroke-width:1; }
.value-refined .vm-current-guide { stroke:var(--c-colour-visual-line); stroke-width:1.5; stroke-dasharray:5 5; }
.value-refined .vm-chart-dates { display:flex; justify-content:space-between; gap:16px; font-size:13px; color:var(--site-secondary); font-variant-numeric:tabular-nums; }
.value-refined .vm-timeline { list-style:none; padding:0 0 0 26px; margin:0; }
.value-refined .vm-event { position:relative; padding:0 0 27px 16px; border-left:1px solid var(--site-border); }
.value-refined .vm-event:last-child { padding-bottom:0; border-color:transparent; }
.value-refined .vm-event::before { content:''; position:absolute; width:9px; height:9px; top:7px; left:-5px; border-radius:50%; background:var(--site-text); }
.value-refined .vm-event-downgrade::before { background:var(--c-colour-bronze); }
.value-refined .vm-event-initiation::before { background:var(--site-surface); outline:1px solid var(--site-secondary); }
.value-refined .vm-event-line { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 14px; color:var(--site-text); font-size:16px; }
.value-refined .vm-event-line time { font-size:13px; color:var(--site-secondary); }
.value-refined .vm-event p { margin-top:5px; font-size:15px; color:var(--site-text); }
.value-refined .vm-event-change { display:block; margin-top:4px; font-size:13px; color:var(--site-secondary); }
.value-refined .vm-technical-composition { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:22px; align-items:start; padding:12px 12px 30px; }
.value-refined .vm-chart-tile { padding:22px; border-radius:18px; transform:rotate(-1deg); }
.value-refined .vm-metrics-tile { padding:22px; border-radius:18px; transform:rotate(1deg); margin-top:72px; }
.value-refined .vm-legend { list-style:none; display:flex; flex-wrap:wrap; gap:12px 20px; padding:0; margin:18px 0 0; font-size:13px; }
.value-refined .vm-legend li { display:flex; align-items:center; gap:7px; }
.value-refined .vm-legend li span { width:20px; border-top:3px solid var(--site-text); }
.value-refined .vm-legend .vm-legend-close { border-color:var(--c-colour-visual-line); }
.value-refined .vm-legend .vm-legend-fast { border-color:var(--c-colour-bronze); border-top-style:dashed; }
.value-refined .vm-data-table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.6; color:var(--site-text); }
.value-refined .vm-data-table caption { text-align:left; padding-bottom:10px; font-size:13px; font-weight:600; }
.value-refined .vm-data-table th,.value-refined .vm-data-table td { padding:11px 0; border-bottom:1px solid var(--site-border); vertical-align:top; overflow-wrap:anywhere; }
.value-refined .vm-data-table th { width:52%; padding-right:18px; font-weight:400; text-align:left; color:var(--site-secondary); }
.value-refined .vm-data-table td { text-align:right; font-variant-numeric:tabular-nums; font-weight:500; }
.value-refined .vm-data-table .vm-group th { padding:20px 0 8px; color:var(--site-text); font-size:13px; font-weight:600; }
.value-refined .vm-data-table tbody:first-of-type .vm-group th { padding-top:0; }
.value-refined .vm-quality-source { margin-top:18px; font-size:13px; color:var(--site-secondary); }
.value-refined .vm-manage-composition { display:grid; gap:20px; }
.value-refined .vm-list-panel { border-radius:22px; padding:24px; margin-right:28px; }
.value-refined .vm-list-panel ul { list-style:none; padding:0; margin:0; }
.value-refined .vm-list-panel li { display:flex; gap:16px; justify-content:space-between; align-items:center; padding:16px 0; border-bottom:1px solid var(--site-border); }
.value-refined .vm-list-panel strong { display:block; font-size:15px; color:var(--site-text); }
.value-refined .vm-list-panel li div>span { display:block; font-size:13px; color:var(--site-secondary); margin-top:3px; }
.value-refined .vm-list-selected strong { text-decoration:underline; text-decoration-color:var(--c-colour-bronze); text-underline-offset:6px; }
.value-refined .vm-pin { display:flex; color:var(--site-secondary); }
.value-refined .vm-pin-on { color:var(--site-text); }
.value-refined .vm-tools-panel { margin-left:48px; padding:22px; border-radius:18px; }
.value-refined .vm-tool { display:flex; align-items:center; gap:14px; padding:12px 0; font-size:14px; color:var(--site-text); border-top:1px solid var(--site-border); }
@media(max-width:1000px) {
 .value-refined .pp-split { grid-template-columns:minmax(0,1fr); }
 .value-refined .vm-today { max-width:620px; justify-self:center; }
 .value-refined .vm-stock dl { grid-template-columns:1fr; }
 .value-refined .vm-technical { grid-column:1/-1; }
}
@media(max-width:900px) {
 .value-refined .vg-slide { grid-template-columns:minmax(0,1fr); gap:30px; }
 .value-refined .vm-technical-composition { grid-template-columns:minmax(0,1fr); padding:0; }
 .value-refined .vm-chart-tile,.value-refined .vm-metrics-tile { transform:none; margin:0; }
 .value-refined .pp-three-lenses { grid-template-columns:minmax(0,1fr); gap:24px; }
 .value-refined .vg-slide-targets .vg-copy { padding-top:0; }
}
@media(max-width:600px) {
 .value-refined .vg-gallery { padding:18px 12px; }
 .value-refined .vg-slide { padding-inline:2px; }
 .value-refined .vg-copy h3 { font-size:27px; }
 .value-refined .vm-stock { padding:14px 12px; border-radius:18px; }
 .value-refined .vm-stock dl { grid-template-columns:1fr; }
 .value-refined .vm-stock dd { font-size:13px; }
 .value-refined .vm-target-stage { --vm-target-label-width:122px; height:500px; }
 .value-refined .vm-target-label strong { font-size:18px; }
 .value-refined .vm-falling-cards { gap:28px 20px; padding:28px 18px 36px; }
 .value-refined .vm-falling-slot:nth-child(2),.value-refined .vm-falling-slot:nth-child(4),.value-refined .vm-falling-slot:nth-child(6) { padding-top:28px; }
 .value-refined .vm-falling-slot:nth-child(2) .vm-stock { transform:rotateX(16deg) rotateY(-10deg) rotateZ(7deg); }
 .value-refined .vm-falling-slot:nth-child(3) .vm-stock { transform:rotateX(20deg) rotateY(12deg) rotateZ(-8deg); }
 .value-refined .vm-falling-slot:nth-child(4) .vm-stock { transform:rotateX(-12deg) rotateY(-10deg) rotateZ(6deg); }
 .value-refined .vm-falling-slot:nth-child(5) .vm-stock { transform:rotateX(18deg) rotateY(-10deg) rotateZ(-7deg); }
 .value-refined .vm-falling-slot:nth-child(6) .vm-stock { transform:rotateX(22deg) rotateY(12deg) rotateZ(6deg); }
 .value-refined .vm-chart-tile,.value-refined .vm-metrics-tile { padding:16px 12px; }
 .value-refined .vm-list-panel,.value-refined .vm-tools-panel { margin:0; padding:20px; }
 .value-refined .vm-timeline { padding-left:7px; }
 .value-refined .pp-section > .pp-inner { padding-top:28px; }
}
@media(prefers-reduced-motion:reduce) { .value-refined .vg-track { scroll-behavior:auto; } }
@media(prefers-reduced-transparency:reduce) {
 .value-refined .vm-stock,.value-refined .vm-chart-tile,.value-refined .vm-metrics-tile,.value-refined .vm-list-panel,.value-refined .vm-tools-panel { background:var(--site-surface); backdrop-filter:none; }
}
