/*
  Meridian Ledger refinement layer — maintains the page as one cross-border strategy dossier.
  Motifs: document frames, registry margins, Meridian Gold routes, intentional asymmetry.
*/

/* Institutional wordmark treatment */
.hero-photo { background-image: url('assets/meridian-hero-thailand-asean.jpg'); }
.option-card-featured { background-image: linear-gradient(0deg, rgba(10,25,49,.96), rgba(10,25,49,.29)), url('assets/meridian-crossborder-map.jpg'); }
.brand-copy { position: relative; display: grid; gap: 3px; min-width: 154px; padding-left: 12px; line-height: 1.1; }
.brand-copy::before { position: absolute; top: 2px; bottom: 2px; left: 0; width: 1px; background: var(--gold); content: ""; }
.brand-name { letter-spacing: .23em; }
.brand-caption { font-size: 9px; font-weight: 600; letter-spacing: .1em; }
.brand-footer .brand-copy::before { background: var(--gold); }

/* Registry-style section markers */
.section { position: relative; overflow: hidden; }
.section-marker { position: relative; padding-left: 17px; }
.section-marker::before { position: absolute; top: 4px; bottom: 0; left: 0; width: 1px; background: var(--gold); content: ""; }

/* Overview as a stepped dossier ledger, not a uniform card grid */
.overview::before { position: absolute; top: 260px; right: -160px; width: 520px; height: 320px; border: 1px solid rgba(197,168,128,.26); border-radius: 45% 55% 53% 47%; content: ""; transform: rotate(-18deg); }
.overview::after { position: absolute; top: 339px; right: 3%; width: 290px; height: 1px; background: linear-gradient(90deg, transparent, rgba(197,168,128,.62), transparent); content: ""; transform: rotate(125deg); }
.focus-ledger { position: relative; z-index: 1; }
.focus-entry { position: relative; min-height: 256px; background: rgba(255,254,251,.48); transition: background 180ms var(--ease-out), transform 180ms var(--ease-out); }
.focus-entry::after { position: absolute; inset: 8px; border: 1px solid transparent; content: ""; transition: border-color 180ms var(--ease-out); pointer-events: none; }
.focus-entry:nth-child(2) { margin-top: 22px; }
.focus-entry:nth-child(3) { margin-top: 44px; }
.focus-entry:nth-child(4) { margin-top: 22px; }
.focus-entry:hover { background: var(--paper); transform: translateY(-5px); }
.focus-entry:hover::after { border-color: rgba(197,168,128,.44); }

/* China–Thailand–ASEAN cartographic signature + asymmetric investment ledger */
.options-section::before { position: absolute; top: 135px; left: -122px; width: 440px; height: 310px; border: 1px solid rgba(197,168,128,.22); border-radius: 50% 48% 52% 46%; content: ""; transform: rotate(24deg); }
.options-section::after { position: absolute; top: 343px; left: 4%; width: 390px; height: 1px; background: linear-gradient(90deg, transparent, rgba(197,168,128,.65), transparent); content: ""; transform: rotate(25deg); }
.options-heading, .investment-options { position: relative; z-index: 1; }
.investment-options { grid-template-columns: 1.15fr .85fr .85fr; }
.option-card { min-height: 290px; }
.option-card::before { inset: 8px; width: auto; height: auto; border: 1px solid transparent; background: transparent; transform: none; transition: border-color 180ms var(--ease-out); }
.option-card::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--gold); content: ""; transform: scaleX(0); transform-origin: left; transition: transform 230ms var(--ease-out); }
.option-card:hover::before { border-color: rgba(197,168,128,.44); }
.option-card:hover::after { transform: scaleX(1); }
.option-card-featured { grid-row: span 2; min-height: 598px; }
.option-card:nth-child(3), .option-card:nth-child(4) { margin-top: 23px; }

/* Process as an annotated route through the dossier */
.process-section::before { position: absolute; top: 33%; right: -80px; width: 410px; height: 250px; border: 1px solid rgba(197,168,128,.2); border-radius: 50%; content: ""; transform: rotate(-22deg); }
.process-layout { position: relative; z-index: 1; }
.process-photo-wrap::after { position: absolute; right: -9px; bottom: 2px; width: 100px; height: 1px; background: var(--gold); content: ""; transform: rotate(-35deg); }
.process-list li { position: relative; }
.process-list li::after { position: absolute; top: 24px; left: 28px; width: 1px; height: 47px; background: rgba(197,168,128,.35); content: ""; }
.process-list li:last-child::after { display: none; }
.process-list span { position: relative; z-index: 1; }

@media (max-width: 1040px) {
  .option-card, .option-card-featured { min-height: 310px; grid-row: auto; }
  .option-card:nth-child(3), .option-card:nth-child(4) { margin-top: 0; }
}

@media (max-width: 760px) {
  .brand-copy { min-width: 132px; padding-left: 9px; }
  .section-marker { padding-left: 13px; }
  .focus-entry:nth-child(2), .focus-entry:nth-child(3), .focus-entry:nth-child(4) { margin-top: 0; }
  .focus-entry::after { display: none; }
  .option-card, .option-card-featured { min-height: 270px; }
}