/*
 * Design system: Executive Editorial subpages (company / privacy).
 * Shares tokens with styles.css; keeps the LP's ink-navy + brass restraint.
 */

.subpage-hero {
  position: relative;
  overflow: hidden;
  padding-bottom: 64px;
  background:
    radial-gradient(circle at 94% 0%, rgba(193, 138, 86, 0.12), transparent 34%),
    linear-gradient(124deg, var(--ink-deep), var(--ink) 70%);
}
.subpage-hero::after {
  position: absolute;
  right: 0;
  bottom: 88px;
  width: 38vw;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--brass));
}
.subpage-hero__heading { padding-top: 64px; }
.subpage-hero h1 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(30px, 7vw, 50px);
  font-weight: 900;
  letter-spacing: -0.015em;
  line-height: 1.3;
}

.section--company { background: var(--paper); }
.company-table { max-width: 780px; margin: 0; border-top: 1px solid rgba(10, 24, 46, 0.22); }
.company-table > div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(10, 24, 46, 0.16);
}
.company-table dt {
  color: var(--brass-dark);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 2.1;
}
.company-table dd { margin: 0; color: var(--ink-copy); font-size: 15px; font-weight: 600; line-height: 1.9; }
.company-table dd small { display: block; color: var(--ink-muted); font-size: 12px; font-weight: 500; }

.section--president { background: var(--ink-deep); }
.president-grid { display: grid; gap: 38px; }
.president-photo { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(246, 243, 236, 0.24); background: #10233d; }
.president-photo img { display: block; width: 100%; height: auto; object-fit: cover; filter: saturate(0.82) contrast(1.02); }
.president-photo::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 62%, rgba(6, 17, 31, 0.5)); pointer-events: none; }
.president-photo figcaption {
  position: absolute;
  z-index: 1;
  bottom: 13px;
  left: 15px;
  margin: 0;
  padding-left: 9px;
  border-left: 1px solid var(--brass-light);
  color: var(--paper);
  font-family: var(--latin-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.13em;
}
.president-photo__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 9px;
  min-height: 260px;
  padding: 22px;
  background:
    radial-gradient(circle at 80% 12%, rgba(193, 138, 86, 0.16), transparent 42%),
    linear-gradient(150deg, #10233d, var(--ink-deep));
}
.president-photo__placeholder::before { width: 30px; height: 1px; content: ""; background: var(--brass-light); }
.president-photo__placeholder span {
  color: var(--paper);
  font-family: var(--latin-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}
.president-copy h2 { color: var(--paper); font-size: clamp(26px, 6vw, 38px); }
.president-copy .president-name-en {
  margin: 10px 0 0;
  color: var(--brass-light);
  font-family: var(--latin-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}
.president-copy .section-copy { max-width: 560px; }

.page-cta { background: var(--paper); }
.page-cta .cta-band { margin-top: 0; }

.privacy-hero { padding-bottom: 46px; }
.section--privacy { background: var(--paper); }
.privacy-body { max-width: 760px; }
.privacy-body > p { margin: 0 0 6px; }
.privacy-body article { padding: 26px 0; border-bottom: 1px solid rgba(10, 24, 46, 0.14); }
.privacy-body article:last-of-type { border-bottom: 0; }
.privacy-body h2 { margin: 0 0 12px; color: var(--ink); font-size: 18px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.5; }
.privacy-body p, .privacy-body li { color: var(--ink-muted); font-size: 14px; font-weight: 500; letter-spacing: 0.015em; line-height: 1.95; }
.privacy-body ul { margin: 10px 0 0; padding-left: 20px; }
.privacy-body a { color: var(--brass-dark); text-decoration: underline; text-underline-offset: 3px; }
.privacy-meta { margin-top: 30px !important; color: var(--ink-muted); font-size: 13px !important; }

@media (min-width: 640px) {
  .subpage-hero__heading { padding-top: 82px; }
  .privacy-body p, .privacy-body li { font-size: 15px; }
  .company-table > div { grid-template-columns: 150px minmax(0, 1fr); padding: 23px 0; }
  .company-table dt { font-size: 13px; }
  .company-table dd { font-size: 16px; }
  .president-photo__placeholder { min-height: 320px; }
}

@media (min-width: 1024px) {
  .subpage-hero { padding-bottom: 84px; }
  .subpage-hero__heading { padding-top: 96px; }
  .president-grid { grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); align-items: start; gap: 6.5vw; }
  .president-photo { max-width: 420px; }
}