/* =========================================================
   EVTM Premium: content sections added in the business upgrade.
   Built only from the existing design tokens (premium.css) so the look is unchanged.
   ========================================================= */
.import, .strategy, .enquiry { padding: 140px 0; background: rgba(5, 6, 26, .88); }
.wrap { max-width: 1400px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 72px) 0 clamp(70px, 9vw, 150px); }
.import-grid, .pillars, .timeline, .fineprint, .faq, .enquiry-grid, .corridors { max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: clamp(70px, 9vw, 150px); padding-right: clamp(24px, 5vw, 72px); }

/* Hero: four stats */
.hero-stats--4 div { padding-right: 28px; margin-right: 28px; }
.story-ctas, .ore-ctas, .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.cta-actions { justify-content: center; margin-top: 0; }
.btn--dark { background: var(--bg); color: var(--gold-2); border: 1px solid var(--line-gold); }
.btn--dark:hover { color: #fff; border-color: var(--gold); }

/* ---------- 04 Business divisions ---------- */
.work-grid--5 { grid-template-columns: repeat(6, 1fr); }
.work-grid--5 .division { grid-column: span 2; display: flex; flex-direction: column; }
.work-grid--5 .division:nth-child(4), .work-grid--5 .division:nth-child(5) { grid-column: span 3; }
.division h3 { font-size: 1.28rem; }
.div-list { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 8px; }
.div-list li { position: relative; padding-left: 20px; font-size: .92rem; color: var(--text); }
.div-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 8px; height: 1px; background: var(--gold); }
.div-link { margin-top: auto; padding-top: 22px; color: var(--gold-2); text-decoration: none; font: 600 .88rem var(--font-body); position: relative; z-index: 1; }
.div-link span { display: inline-block; transition: transform .3s var(--ease); }
.div-link:hover { color: #fff; }
.div-link:hover span { transform: translateX(4px); }
.planned-tag, .status-pill { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 5px 11px; margin: -8px 0 14px; border-radius: 999px; border: 1px solid rgba(255, 165, 61, .45); background: rgba(255, 165, 61, .08); color: #ffc98a; font: 600 .66rem var(--font-display); letter-spacing: .14em; text-transform: uppercase; }
.division--planned { border-color: rgba(255, 165, 61, .22); }

/* ---------- 05 Import clearance ---------- */
.import-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: start; }
.process { list-style: none; margin: 0; padding: 0; position: relative; }
.process::before { content: ""; position: absolute; left: 27px; top: 10px; bottom: 10px; width: 1px; background: linear-gradient(var(--gold), rgba(232, 194, 122, .1)); }
.process li { position: relative; display: grid; grid-template-columns: 56px 1fr; gap: 18px; padding: 0 0 28px; }
.p-no { position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--bg); border: 1px solid var(--line-gold); font: 300 1.1rem var(--font-display); color: var(--gold-2); }
.process h3 { font-size: 1.15rem; margin: 8px 0 6px; }
.process p { margin: 0; font-size: .96rem; }
.import-side { position: sticky; top: 30px; padding: 28px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); display: grid; gap: 20px; }
.import-side h3 { font-size: 1.1rem; }
.doc-chips { list-style: none; margin: -6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.doc-chips li { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255, 255, 255, .03); font-size: .82rem; color: #e6e8ff; }
.doc-chips small { color: var(--muted); }
.note, .example, .context-box { padding: 16px 18px; border-radius: var(--radius-sm); border: 1px solid var(--line); background: rgba(255, 255, 255, .02); }
.note b, .example b, .context-box b { display: block; font: 600 .74rem var(--font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }
.note b small, .example b small, .context-box b small { color: var(--muted); letter-spacing: .04em; text-transform: none; font-weight: 500; }
.note p, .example p, .context-box p { margin: 0; font-size: .9rem; line-height: 1.6; }
.example { border-style: dashed; }
.import-side .btn { justify-self: start; }

/* FAQ (native details/summary: keyboard + screen-reader friendly) */
.faq { margin-top: 70px; }
.faq-title { font-size: clamp(1.3rem, 2.4vw, 1.7rem); font-weight: 600; margin-bottom: 18px; }
.faq details { border-top: 1px solid var(--line); }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { list-style: none; cursor: pointer; padding: 20px 44px 20px 0; position: relative; font: 600 1.02rem var(--font-display); color: #fff; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--line-gold); display: grid; place-items: center; font: 400 1.1rem var(--font-body); color: var(--gold); transition: transform .3s var(--ease); }
.faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq summary:hover { color: var(--gold-2); }
.faq details p { margin: 0 0 22px; max-width: 860px; color: var(--text); }

/* ---------- 06 Global network: legend, corridors ---------- */
.globe-legend { position: absolute; left: clamp(70px, 9vw, 150px); bottom: 8vh; list-style: none; margin: 0; padding: 14px 18px; display: grid; gap: 8px; border-radius: var(--radius-sm); background: rgba(5, 6, 26, .72); border: 1px solid var(--line); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); pointer-events: none; font: 500 .82rem var(--font-body); color: #e6e8ff; }
.globe-legend li { display: flex; align-items: center; gap: 10px; }
.lg { width: 14px; height: 14px; flex: none; display: inline-block; }
.lg--office { border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(232, 194, 122, .2); width: 10px; height: 10px; margin: 0 2px; }
.lg--corridor { height: 2px; width: 18px; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.lg--market { border-radius: 50%; border: 2px solid var(--cyan); }
.lg--gateway { width: 11px; height: 11px; margin: 0 1.5px; background: #ffa53d; transform: rotate(45deg); }

.corridors { margin-top: -6vh; margin-bottom: 70px; position: relative; }
.corridors-head { max-width: 760px; margin-bottom: 22px; }
.corridors-head h3 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); font-weight: 600; }
.corridors-head p { margin: 10px 0 0; color: var(--muted); }
.corridor-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.corridor { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 10px; text-align: left; padding: 22px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: var(--text); font: inherit; cursor: pointer; transition: border-color .3s, transform .4s var(--ease), background .3s; }
.corridor:hover { border-color: rgba(0, 224, 255, .45); transform: translateY(-4px); }
.corridor[aria-pressed="true"] { border-color: var(--cyan); background: rgba(0, 224, 255, .07); }
.c-no { font: 300 1.6rem var(--font-display); color: rgba(255, 255, 255, .25); }
.c-route { display: flex; align-items: center; gap: 10px; }
.c-end { font: 700 1.05rem var(--font-display); color: #fff; line-height: 1.15; }
.c-end small { display: block; font: 600 .6rem var(--font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin-top: 3px; }
.c-end--office small { color: var(--gold); }
.c-end--market small { color: var(--cyan); }
.c-line { flex: 1; min-width: 18px; height: 1px; background: repeating-linear-gradient(90deg, var(--cyan) 0 5px, transparent 5px 9px); }
.c-region { font: 600 .68rem var(--font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.corridor p { margin: 0; font-size: .9rem; line-height: 1.55; }
.c-status { margin-top: auto; font: 600 .74rem var(--font-body); color: var(--cyan); }

/* Globe label variants + popover header for non-office points */
.g-label--market { border-color: rgba(0, 224, 255, .35); }
.g-label--market span { color: var(--cyan); }
.g-label--gateway { border-color: rgba(255, 165, 61, .5); }
.g-label--gateway span { color: #ffc98a; }
.cp-head { height: 70px; display: flex; align-items: flex-end; padding: 14px 16px; background: radial-gradient(260px 120px at 20% 0%, rgba(0, 224, 255, .25), transparent 70%), #0d1033; }
.cp-head--gateway { background: radial-gradient(260px 120px at 20% 0%, rgba(255, 165, 61, .3), transparent 70%), #0d1033; }
.cp-head span { font: 600 .62rem var(--font-display); letter-spacing: .2em; text-transform: uppercase; color: var(--cyan); }
.cp-head--gateway span { color: #ffc98a; }

/* ---------- 07 Iron ore: Paradip (planned) ---------- */
.ore { min-height: 100vh; display: flex; align-items: center; padding: 140px clamp(24px, 5vw, 72px) 140px clamp(70px, 9vw, 150px); background: linear-gradient(90deg, rgba(5, 6, 26, .94) 0%, rgba(5, 6, 26, .82) 48%, rgba(5, 6, 26, .1) 75%); }
.ore-inner { max-width: 620px; }
.status-pill { margin: 0 0 18px; }
.status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #ffa53d; box-shadow: 0 0 10px #ffa53d; }
.ore .sec-title { font-size: clamp(2rem, 4.2vw, 3.4rem); margin-bottom: 24px; }
.ore p { margin: 0 0 16px; font-size: 1.02rem; }
.ore-lead { font-size: 1.1rem !important; color: #e6e8ff; }
.ore-facts { margin: 26px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--line); background: var(--line); }
.ore-facts div { padding: 16px 18px; background: rgba(12, 14, 40, .92); }
.ore-facts dt { font: 600 .64rem var(--font-display); letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.ore-facts dd { margin: 6px 0 0; font: 600 1rem var(--font-display); color: #fff; }
.context-box { margin-bottom: 26px; }

/* ---------- 08 Strategy ---------- */
.pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pillars article { padding: 30px 26px; border-radius: var(--radius); border: 1px solid var(--line); background: linear-gradient(160deg, rgba(26, 30, 77, .6), rgba(12, 14, 40, .6)); }
.pillars article span { font: 300 2.2rem var(--font-display); color: rgba(255, 255, 255, .18); }
.pillars article h3 { font-size: 1.25rem; margin: 14px 0 10px; }
.pillars article p { margin: 0; font-size: .96rem; }
.timeline { list-style: none; margin-top: 56px; margin-bottom: 0; display: grid; grid-template-columns: repeat(3, 1fr); position: relative; }
.timeline::before { content: ""; position: absolute; left: clamp(70px, 9vw, 150px); right: clamp(24px, 5vw, 72px); top: 9px; height: 1px; background: linear-gradient(90deg, var(--gold), rgba(232, 194, 122, .3) 60%, rgba(255, 165, 61, .6)); }
.timeline li { position: relative; padding: 34px 24px 0 0; display: grid; gap: 6px; }
.timeline li::before { content: ""; position: absolute; left: 0; top: 2px; width: 15px; height: 15px; border-radius: 50%; background: var(--bg); border: 2px solid var(--gold); }
.timeline .tl-done::before { background: var(--gold); }
.timeline .tl-now::before { box-shadow: 0 0 0 5px rgba(232, 194, 122, .18); }
.timeline .tl-target::before { border: 2px dashed #ffa53d; }
.timeline b { font: 600 .74rem var(--font-display); letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
.timeline .tl-target b { color: #ffc98a; }
.timeline span { font: 600 1.1rem var(--font-display); color: #fff; }
.timeline small { color: var(--muted); font-size: .86rem; }
.fineprint { margin-top: 34px; margin-bottom: 0; font-size: .82rem; color: var(--muted); }

/* ---------- 12 Enquiry ---------- */
.enquiry-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: clamp(24px, 4vw, 56px); align-items: start; }
.engage { padding: 30px; border-radius: var(--radius); border: 1px solid var(--line); background: linear-gradient(160deg, rgba(26, 30, 77, .55), rgba(12, 14, 40, .55)); }
.engage h3 { font-size: 1.25rem; margin-bottom: 18px; }
.engage-steps { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; gap: 18px; }
.engage-steps li { counter-increment: s; position: relative; padding-left: 46px; display: grid; gap: 4px; }
.engage-steps li::before { content: "0" counter(s); position: absolute; left: 0; top: 0; font: 600 .82rem "JetBrains Mono", ui-monospace, Consolas, monospace; color: var(--gold); padding: 4px 7px; border: 1px solid var(--line-gold); border-radius: 6px; }
.engage-steps b { font: 600 1rem var(--font-display); color: #fff; }
.engage-steps span { font-size: .92rem; }
.engage-tip { margin: 22px 0 0; padding-top: 18px; border-top: 1px dashed var(--line); font-size: .88rem; color: var(--muted); }
.engage-tip b { color: var(--gold-2); }

.enquiry-form { padding: clamp(22px, 3vw, 34px); border-radius: var(--radius); border: 1px solid var(--line-gold); background: var(--surface); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); display: grid; gap: 16px; }
.ef-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ef-field { display: grid; gap: 6px; }
.ef-field label { font: 600 .74rem var(--font-display); letter-spacing: .12em; text-transform: uppercase; color: var(--gold-2); }
.ef-field label span { color: var(--gold); }
.ef-field input, .ef-field select, .ef-field textarea {
  width: 100%; padding: 13px 14px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(5, 6, 26, .6);
  color: #fff; font: 500 16px var(--font-body); outline: none; transition: border-color .25s, box-shadow .25s;
}
.ef-field select { -webkit-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 15px) 55%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
.ef-field select option { color: #111; }
.ef-field textarea { resize: vertical; min-height: 130px; }
.ef-field input::placeholder, .ef-field textarea::placeholder { color: var(--muted); }
.ef-field input:focus, .ef-field select:focus, .ef-field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(232, 194, 122, .15); }
.ef-field [aria-invalid="true"] { border-color: var(--error); }
.ef-error { margin: 0; font-size: .8rem; color: #ff8a9b; }
.ef-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ef-consent { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; cursor: pointer; }
.ef-consent input { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--gold); flex: none; }
.ef-consent.is-invalid span { color: #ff8a9b; }
.ef-privacy { margin: -4px 0 0; font-size: .8rem; color: var(--muted); }
.ef-actions .btn { width: 100%; }
.ef-actions .btn.is-busy { opacity: .7; cursor: progress; }
.ef-status { padding: 14px 16px; border-radius: 10px; font-size: .92rem; line-height: 1.5; }
.ef-status--ok { border: 1px solid rgba(43, 217, 138, .45); background: rgba(43, 217, 138, .08); color: #c9f5df; }
.ef-status--error { border: 1px solid rgba(255, 77, 106, .45); background: rgba(255, 77, 106, .08); color: #ffd0d8; }
.ef-status--busy { border: 1px solid var(--line); color: var(--muted); }
.ef-inline { background: none; border: 0; padding: 0; color: var(--gold-2); font: inherit; text-decoration: underline; cursor: pointer; }
.faq--general { margin-top: 80px; }

/* Footer nav */
.footer-nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.footer-nav a { color: var(--muted); text-decoration: none; font-size: .86rem; }
.footer-nav a:hover { color: var(--gold-2); }

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
  .import-grid, .pillars, .timeline, .fineprint, .faq, .enquiry-grid, .corridors { padding-left: clamp(28px, 5vw, 60px); }
  .timeline::before { left: clamp(28px, 5vw, 60px); }
  .globe-legend { left: clamp(28px, 5vw, 60px); }
  .corridor-list { grid-template-columns: 1fr 1fr; }
  .work-grid--5 { grid-template-columns: repeat(2, 1fr); }
  .work-grid--5 .division, .work-grid--5 .division:nth-child(4), .work-grid--5 .division:nth-child(5) { grid-column: auto; }
  .work-grid--5 .division:nth-child(5) { grid-column: 1 / -1; }
  .ore { padding-left: clamp(28px, 5vw, 60px); background: linear-gradient(90deg, rgba(5, 6, 26, .95) 0%, rgba(5, 6, 26, .85) 60%, rgba(5, 6, 26, .3) 100%); }
  .import-grid { grid-template-columns: 1fr; }
  .import-side { position: static; }
}
@media (max-width: 900px) {
  .import, .strategy, .enquiry { padding: 90px 0; }
  .import-grid, .pillars, .timeline, .fineprint, .faq, .enquiry-grid, .corridors { padding-left: 20px; padding-right: 20px; }
  .ore { min-height: 0; padding: 90px 20px; background: rgba(5, 6, 26, .9); }
  .ore-facts { grid-template-columns: 1fr; }
  .globe-legend { left: 20px; right: 20px; bottom: 3vh; grid-template-columns: 1fr 1fr; font-size: .76rem; }
  .corridors { margin-top: 30px; }
  .corridor-list { grid-template-columns: 1fr; }
  .pillars { grid-template-columns: 1fr; }
  .timeline { grid-template-columns: 1fr; gap: 26px; }
  .timeline::before { left: 27px; right: auto; top: 10px; bottom: 10px; width: 1px; height: auto; background: linear-gradient(var(--gold), rgba(255, 165, 61, .6)); }
  .timeline li { padding: 0 0 0 34px; }
  .timeline li::before { left: 0; }
  .enquiry-grid { grid-template-columns: 1fr; }
  .ef-row { grid-template-columns: 1fr; }
  .work-grid--5 { grid-template-columns: 1fr; }
  .work-grid--5 .division:nth-child(5) { grid-column: auto; }
  .hero-stats--4 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .hero-stats--4 div { border-right: 0; margin: 0; padding: 0; }
  .site-footer .footer-nav { order: 2; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .corridor-list { grid-template-columns: 1fr 1fr; }
  .pillars { grid-template-columns: repeat(3, 1fr); }
  .work-grid--5 { grid-template-columns: 1fr 1fr; }
  .work-grid--5 .division:nth-child(5) { grid-column: 1 / -1; }
  .hero-stats--4 { grid-template-columns: repeat(4, 1fr); }
}

/* Keep the hero uncluttered: only office labels there; the full network is labelled in Global Network & Iron Ore */
html[data-gstate="hero"] .g-label--market, html[data-gstate="presence"] .g-label--market, html[data-gstate="hero"] .g-label--gateway, html[data-gstate="presence"] .g-label--gateway { display: none; }
html[data-gstate="paradip"] .g-label:not(.g-label--gateway) { display: none; }
/* Label overlap is resolved in js/globe.js (layoutLabels) */
html[data-gstate="footprint"]:not(.stage-in-view) .globe-labels { display: none; }
@media (pointer: coarse) { .footer-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; } .div-link { min-height: 44px; display: inline-flex; align-items: center; } }
/* Where the globe is only a faint background, hide its labels at once (no fade-out over content) */
html[data-gstate="far"] .globe-labels, html[data-gstate="about"] .globe-labels, html[data-gstate="presence"] .globe-labels { display: none; }

/* ---------- Warehouses, planned expansion, four-column strategy ---------- */
.facility { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; margin: 0 0 10px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line); background: rgba(5, 6, 26, .55); font: 600 .62rem var(--font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.facility::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--muted); }
.facility--wh { border-color: var(--line-gold); color: var(--gold-2); }
.facility--wh::before { background: var(--gold); box-shadow: 0 0 8px var(--gold); }
.oc-body .facility { margin: 10px 0 0; }
.lg--expansion { border-radius: 50%; border: 2px dashed #ffa53d; }
.g-label--expansion { border-color: rgba(255, 165, 61, .5); border-style: dashed; }
.g-label--expansion span { color: #ffc98a; }
.cp-head--expansion { background: radial-gradient(260px 120px at 20% 0%, rgba(255, 165, 61, .22), transparent 70%), #0d1033; }
.cp-head--expansion span { color: #ffc98a; }
html[data-gstate="hero"] .g-label--expansion, html[data-gstate="presence"] .g-label--expansion { display: none; }
.pillars--4 { grid-template-columns: repeat(4, 1fr); }
.timeline--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1200px) { .pillars--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .pillars--4, .timeline--4 { grid-template-columns: 1fr; } }
@media (min-width: 601px) and (max-width: 900px) { .pillars--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .div-link { min-height: 44px; display: inline-flex; align-items: center; } }

/* Content sections: let the globe glow through on the right, keep the reading side dark */
.work, .values, .founders, .offices, .import, .strategy, .enquiry {
  background: linear-gradient(90deg, rgba(5, 6, 26, .9) 0%, rgba(5, 6, 26, .78) 50%, rgba(5, 6, 26, .3) 100%);
}
.work { background: linear-gradient(180deg, var(--bg), transparent 18%), linear-gradient(90deg, rgba(5, 6, 26, .9) 0%, rgba(5, 6, 26, .78) 50%, rgba(5, 6, 26, .3) 100%); }
@media (max-width: 900px) {
  .work, .values, .founders, .offices, .import, .strategy, .enquiry { background: rgba(5, 6, 26, .62); }
  .work { background: linear-gradient(180deg, var(--bg), rgba(5, 6, 26, .62) 18%); }
}

/* ---------- Values: fuller statements ---------- */
.values-stage .v-key { margin: 6px 0 0; font: 600 .74rem var(--font-display); letter-spacing: .28em; text-transform: uppercase; color: var(--cyan); }
.values-stage h3 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.1; }
.values-stage .v-text > p:not(.v-key) { font-size: 1.04rem; line-height: 1.75; }
.v-points { list-style: none; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line-gold); display: grid; gap: 10px; }
.v-points li { position: relative; padding-left: 26px; font: 500 .95rem var(--font-body); color: #fff; }
.v-points li::before { content: ""; position: absolute; left: 0; top: .45em; width: 12px; height: 12px; border: 1px solid var(--gold); transform: rotate(45deg); background: rgba(232, 194, 122, .18); }
.values-stage { min-height: 460px; }

/* ---------- Directors: engraved title under each name ---------- */
.founder-list p { font: 600 .72rem/1.5 "Cinzel", Georgia, serif; font-style: normal; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-2); margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line-gold); display: inline-block; }

/* ---------- Track record ---------- */
.record { margin: 70px max(clamp(24px, 5vw, 72px), calc((100% - 1300px) / 2)) 0 max(clamp(70px, 9vw, 150px), calc((100% - 1300px) / 2)); padding: clamp(28px, 4vw, 48px); border-radius: var(--radius); border: 1px solid var(--line-gold); background: linear-gradient(135deg, rgba(232, 194, 122, .08), rgba(12, 14, 40, .75) 45%); display: grid; grid-template-columns: minmax(260px, 1fr) 2fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.record-head h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 10px 0 14px; }
.record-head p:not(.kicker) { margin: 0; color: var(--muted); }
.record-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.record-list li { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; align-items: start; padding: 18px; border-radius: var(--radius-sm); border: 1px solid var(--line); background: rgba(5, 6, 26, .55); }
.record-list svg { grid-row: span 2; width: 44px; height: 44px; padding: 10px; border-radius: 12px; border: 1px solid var(--line-gold); fill: none; stroke: var(--gold); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.record-list b { font: 600 1rem var(--font-display); color: #fff; }
.record-list span { font-size: .88rem; color: var(--muted); line-height: 1.5; }
@media (max-width: 1100px) { .record { grid-template-columns: 1fr; margin-left: clamp(24px, 5vw, 72px); } }
@media (max-width: 900px) { .record { margin: 50px 20px 0; } .values-stage { min-height: 0; } }
@media (max-width: 560px) { .record-list { grid-template-columns: 1fr; } }
/* Five value tabs: wrap instead of scrolling sideways on tablets and phones */
@media (max-width: 900px) {
  .values-tabs { display: grid; grid-template-columns: repeat(3, 1fr); overflow: visible; }
  .values-tabs button { border-bottom: 1px solid var(--line); }
}
@media (max-width: 560px) {
  .values-tabs { grid-template-columns: 1fr 1fr; }
  .values-tabs button:last-child:nth-child(odd) { grid-column: span 2; }
}

/* ---------- Seven-section update (Oct 2026): routes by status, trade categories, contact options ---------- */
.lg--developing { height: 2px; width: 18px; background: repeating-linear-gradient(90deg, #ffa53d 0 5px, transparent 5px 9px); }
.corridor-list--3 { grid-template-columns: repeat(3, 1fr); }
.corridor--development { border-color: rgba(255, 165, 61, .3); }
.corridor--development:hover { border-color: rgba(255, 165, 61, .6); }
.corridor--development[aria-pressed="true"] { border-color: #ffa53d; background: rgba(255, 165, 61, .07); }
.corridor--development .c-line { background: repeating-linear-gradient(90deg, #ffa53d 0 5px, transparent 5px 9px); }
.corridor--development .c-status { color: #ffc98a; }
.corridor .planned-tag { margin: -4px 0 0; }
.corridor .c-goods { color: var(--muted); }
.c-goods b { display: block; margin-bottom: 4px; font: 600 .64rem var(--font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.trade-cap { margin-top: 90px; }
.trade-cap .corridors-head { margin-bottom: 26px; }
.pillars--cats article .planned-tag { margin: 10px 0 0; display: flex; width: max-content; font: 600 .66rem var(--font-display); color: #ffc98a; }
.story-commitments { margin: 0 0 8px; }
.contact-options { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.contact-options .btn { flex-wrap: wrap; }
.co-val { font-weight: 500; opacity: .85; }
.footer-contact { display: flex; flex-wrap: wrap; gap: 4px 18px; }
@media (max-width: 1200px) { .corridor-list--3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .corridor-list--3 { grid-template-columns: 1fr; } .contact-options li, .contact-options .btn { width: 100%; } }
@media (min-width: 601px) and (max-width: 900px) { .pillars--cats { grid-template-columns: 1fr 1fr; } }

/* ---------- Audit pass (Nov 2026): six services, category status, route statuses, legal page ---------- */
.work-grid--6 { grid-template-columns: repeat(3, 1fr); }
.work-grid--6 .division { display: flex; flex-direction: column; }
.svc-role, .cat-status { display: inline-flex; align-self: flex-start; width: max-content; max-width: 100%; margin: 0 0 12px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line-gold); background: rgba(5, 6, 26, .55); font: 600 .62rem/1.4 var(--font-display); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-2); white-space: normal; }
.pillars--cats article .cat-status { display: flex; margin: 10px 0 0; font: 600 .62rem/1.4 var(--font-display); color: var(--gold-2); }
.pillars--cats article .cat-status--prospective { border-color: rgba(255, 165, 61, .45); background: rgba(255, 165, 61, .08); color: #ffc98a; }
.lg--proposed { height: 2px; width: 18px; background: repeating-linear-gradient(90deg, var(--cyan) 0 3px, transparent 3px 7px); }
.corridor--proposed .c-line { background: repeating-linear-gradient(90deg, var(--cyan) 0 3px, transparent 3px 7px); }
.corridor--proposed .planned-tag { border-color: rgba(0, 224, 255, .4); background: rgba(0, 224, 255, .06); color: #9ff2ff; }
html.no-globe .globe-legend { display: none; }
.legal { max-width: 860px; }
.legal h2 { font-size: clamp(1.2rem, 2vw, 1.5rem); margin: 34px 0 10px; }
.legal p, .legal li { font-size: 1rem; line-height: 1.7; }
.legal ul { padding-left: 20px; }
.legal a, .ef-privacy a, .ore p a { color: var(--gold-2); }
.op-note { margin: 0; font-size: .9rem; color: var(--muted); }
@media (max-width: 1200px) { .work-grid--6 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .work-grid--6 { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .wrap { padding-left: 20px; padding-right: 20px; } }
.values-head { margin-top: 80px; margin-bottom: 4px; }
/* Seven service cards: the last card spans the row instead of sitting alone */
.work-grid--6 .division:last-child:nth-child(3n+1) { grid-column: 1 / -1; }
@media (max-width: 1200px) { .work-grid--6 .division:last-child:nth-child(3n+1) { grid-column: auto; } .work-grid--6 .division:last-child:nth-child(odd) { grid-column: 1 / -1; } }
@media (max-width: 600px) { .work-grid--6 .division:last-child:nth-child(odd) { grid-column: auto; } }
@media (min-width: 901px) { .hero-stats--4 { flex-wrap: nowrap; } .hero-stats--4 div { padding-right: 24px; margin-right: 24px; } .hero-stats--4 dt { max-width: 9.5em; line-height: 1.45; } }