/* TOHKSA :: Institutional Gold
   Values taken directly from the Figma source. */

:root {
  --tohksa-gold: #BC9953;
  --tohksa-navy: #111A32;
  --tohksa-ink: #05081C;
  --tohksa-footer: #080D19;
  --tohksa-surface: #F2F5F9;
  --tohksa-muted: #19274A;
  --tohksa-gutter: 55px;
}

body { font-family: 'IBM Plex Sans', sans-serif; color: var(--tohksa-ink); }

/* ---------- Shared ---------- */
.tohksa-eyebrow {
  font-size: 18px; line-height: 19px; font-weight: 700;
  letter-spacing: 0.015625em; color: var(--tohksa-gold);
  text-transform: uppercase; margin: 0 0 24px;
}
.tohksa-btn {
  display: inline-flex; align-items: center; gap: 10px;
  height: 43px; padding: 0 20px; border-radius: 5px;
  font-size: 16px; line-height: 24px; letter-spacing: 0.0078125em;
  text-decoration: none; white-space: nowrap; transition: opacity .2s ease;
}
.tohksa-btn:hover { opacity: .88; }
.tohksa-btn--primary { background: var(--tohksa-gold); color: #fff; }
.tohksa-btn--secondary { background: #fff; color: var(--tohksa-ink); }
.tohksa-btn svg { flex: 0 0 auto; }

/* ---------- Header ---------- */
.tohksa-header {
  position: absolute; top: 0; left: 0; right: 0; z-index: 20;
  display: flex; align-items: center; justify-content: space-between;
  padding: 34px var(--tohksa-gutter) 0;
}
.tohksa-header .wp-block-site-logo img { width: 80px; height: auto; }
.tohksa-navpill {
  display: flex; align-items: center; gap: 34px;
  background: var(--tohksa-navy); border-radius: 10px;
  height: 57px; padding: 0 34px;
}
.tohksa-navpill .wp-block-navigation { gap: 34px; }
.tohksa-navpill .wp-block-navigation-item__content {
  color: #fff; font-size: 16px; line-height: 24px;
  letter-spacing: 0.0078125em; text-decoration: none;
}
.tohksa-navpill .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.tohksa-navpill .wp-block-navigation-item__content:hover { color: var(--tohksa-gold); }
.tohksa-lang { display: inline-flex; color: #fff; line-height: 0; }

/* ---------- Hero ---------- */
.tohksa-hero {
  position: relative; min-height: 811px;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 0 var(--tohksa-gutter) 43px;
  background-size: cover; background-position: center;
  color: #fff; overflow: hidden;
}
.tohksa-hero__aside {
  position: absolute; right: var(--tohksa-gutter); top: 459px;
  width: 368px;
}
.tohksa-hero__aside p {
  font-size: 16px; line-height: 20px; margin: 0 0 23px; color: #fff;
}
.tohksa-hero__actions { display: flex; gap: 13px; }
.tohksa-hero__title {
  font-size: 40px; line-height: 50px; font-weight: 400;
  color: #fff; margin: 0; max-width: 794px;
}

/* ---------- Footer ---------- */
.tohksa-footer {
  background: var(--tohksa-footer); color: #fff;
  padding: 76px var(--tohksa-gutter) 30px;
}
.tohksa-footer a { color: #fff; text-decoration: none; }
.tohksa-footer a:hover { color: var(--tohksa-gold); }
.tohksa-footer__cols { display: flex; gap: 56px; }
.tohksa-footer__cols ul { list-style: none; margin: 0; padding: 0; }
.tohksa-footer__cols li { font-size: 14px; line-height: 24px; text-transform: uppercase; }
.tohksa-footer__logo img { width: 80px; height: auto; }
.tohksa-footer__tagline {
  font-size: 28px; line-height: 38px; color: #fff;
  margin: 88px 0 0; max-width: 498px;
}
.tohksa-footer__copyright {
  font-size: 13.9px; line-height: 24px; color: var(--tohksa-gold);
  text-align: right; margin: 18px 0 0;
}

/* ---------- Responsive (not defined in the source file) ---------- */
@media (max-width: 1100px) {
  :root { --tohksa-gutter: 32px; }
  .tohksa-hero { min-height: 640px; padding-bottom: 40px; }
  .tohksa-hero__aside { position: static; width: 100%; max-width: 420px; margin-bottom: 40px; }
  .tohksa-hero { justify-content: flex-end; }
  .tohksa-hero__title { font-size: 32px; line-height: 40px; }
}
@media (max-width: 782px) {
  :root { --tohksa-gutter: 20px; }
  .tohksa-header { flex-wrap: wrap; gap: 16px; padding-top: 20px; }
  .tohksa-navpill { height: auto; padding: 12px 20px; gap: 18px; flex-wrap: wrap; }
  .tohksa-hero { min-height: 520px; }
  .tohksa-hero__title { font-size: 26px; line-height: 34px; }
  .tohksa-hero__actions { flex-wrap: wrap; }
  .tohksa-footer__cols { flex-direction: column; gap: 24px; }
  .tohksa-footer__tagline { font-size: 22px; line-height: 30px; margin-top: 48px; }
  .tohksa-footer__copyright { text-align: left; }
}

/* ---------- RTL (Arabic via Polylang) ---------- */
[dir="rtl"] body { font-family: 'IBM Plex Sans Arabic', sans-serif; }
[dir="rtl"] .tohksa-hero__aside { right: auto; left: var(--tohksa-gutter); }
[dir="rtl"] .tohksa-footer__copyright { text-align: left; }
/* ---------- Full-bleed + centred 1440 canvas ---------- */
.tohksa-bleed,
.tohksa-hero {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.tohksa-inner {
  width: 100%;
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--tohksa-gutter);
  padding-right: var(--tohksa-gutter);
  box-sizing: border-box;
}

/* Header sits on the same centred canvas */
.tohksa-header { padding-left: 0; padding-right: 0; }
.tohksa-header > .tohksa-inner {
  display: flex; align-items: center; justify-content: space-between;
}

/* Hero re-based on the inner container */
.tohksa-hero { padding: 0 0 43px; position: relative; }
.tohksa-hero > .tohksa-inner { position: relative; }
.tohksa-hero__aside {
  position: absolute; right: var(--tohksa-gutter); left: auto;
  top: 459px; width: 368px;
}
.tohksa-hero__title { margin: 0; max-width: 794px; }

/* Footer on the same canvas */
.tohksa-footer { padding-left: 0; padding-right: 0; }

@media (max-width: 1100px) {
  .tohksa-hero__aside { position: static; width: 100%; max-width: 420px; margin: 0 0 36px; }
  .tohksa-hero > .tohksa-inner { display: flex; flex-direction: column; justify-content: flex-end; }
}
/* ---------- About ---------- */
.tohksa-about { background: #fff; padding: 214px 0 0; text-align: center; }
.tohksa-about .tohksa-eyebrow { text-align: center; margin-bottom: 26px; }
.tohksa-about__title { font-size: 50px; line-height: 60px; font-weight: 400; color: var(--tohksa-ink); margin: 0 auto 40px; max-width: 444px; }
.tohksa-about__body { font-size: 18px; line-height: 24px; font-weight: 300; letter-spacing: 0.0117188em; color: var(--tohksa-ink); max-width: 692px; margin: 0 auto; }
.tohksa-about__mark { margin: 92px auto 0; display: block; width: 312px; height: auto; }

/* ---------- Philosophy / Vision / Mission ---------- */
.tohksa-pvm { background: var(--tohksa-surface); position: relative; padding: 120px 0 140px; overflow: hidden; }
.tohksa-pvm__bg { position: absolute; left: 0; right: 0; bottom: 90px; width: 100%; opacity: 1; pointer-events: none; }
.tohksa-pvm .tohksa-inner { position: relative; z-index: 2; }
.tohksa-pvm__text { font-size: 24px; line-height: 38px; color: var(--tohksa-ink); margin: 0; }
.tohksa-pvm__philosophy { max-width: 650px; }
.tohksa-pvm__vision { max-width: 566px; margin-left: auto; margin-top: 180px; }
.tohksa-pvm__mission { max-width: 618px; margin-top: 180px; }

/* ---------- Core Values ---------- */
.tohksa-values { position: relative; background-size: cover; background-position: center; padding: 91px 0 120px; color: #fff; }
.tohksa-values .tohksa-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.tohksa-values__list { list-style: none; margin: 0; padding: 0; font-size: 34px; line-height: 60px; font-weight: 500; }
.tohksa-values__list li { color: rgba(255,255,255,.45); }
.tohksa-values__list li:first-child { color: #fff; }
.tohksa-values__note { font-size: 18px; line-height: 24px; font-weight: 300; letter-spacing: 0.0117188em; color: #fff; max-width: 295px; margin: 120px 0 0; }
.tohksa-values__statement { font-size: 28px; line-height: 38px; letter-spacing: 0.0117188em; color: #fff; max-width: 446px; margin: 300px 0 0; }

/* ---------- Legacy & Identity ---------- */
.tohksa-legacy { background: var(--tohksa-navy); color: #fff; padding: 100px 0 120px; }
.tohksa-legacy__title { font-size: 50px; line-height: 60px; font-weight: 400; color: #fff; margin: 0 0 120px; max-width: 599px; }
.tohksa-legacy__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px; }
.tohksa-legacy__cols h3 { font-size: 18px; line-height: 19px; font-weight: 700; letter-spacing: 0.015625em; color: var(--tohksa-gold); margin: 0 0 24px; }
.tohksa-legacy__cols p { font-size: 14px; line-height: 22px; color: #fff; margin: 0 0 18px; max-width: 353px; }
.tohksa-legacy__cols strong { font-weight: 700; }
.tohksa-legacy__cta { text-align: center; margin-top: 100px; }
.tohksa-legacy__cta p { font-size: 18px; line-height: 24px; font-weight: 300; color: #fff; margin: 0 0 20px; }

/* ---------- News ---------- */
.tohksa-news { background: var(--tohksa-surface); padding: 110px 0 140px; }
.tohksa-news__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 56px; }
.tohksa-news__lede { font-size: 28px; line-height: 38px; color: var(--tohksa-ink); margin: 0; max-width: 423px; }
.tohksa-news__more { display: inline-flex; align-items: center; gap: 12px; font-size: 18px; line-height: 24px; color: var(--tohksa-navy); text-decoration: none; white-space: nowrap; }
.tohksa-news__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.tohksa-card { background: #fff; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; min-height: 468px; }
.tohksa-card img { width: 100%; height: 190px; object-fit: cover; display: block; }
.tohksa-card__body { padding: 28px; display: flex; flex-direction: column; flex: 1; }
.tohksa-card__meta { font-size: 14px; line-height: 24px; letter-spacing: .04em; text-transform: uppercase; color: var(--tohksa-muted); margin: 0 0 14px; }
.tohksa-card__title { font-size: 28px; line-height: 38px; font-weight: 400; color: var(--tohksa-muted); margin: 0 0 14px; }
.tohksa-card__text { font-size: 14px; line-height: 22px; color: var(--tohksa-ink); margin: 0; }
.tohksa-card__arrow { margin-top: auto; align-self: flex-end; color: var(--tohksa-navy); }

@media (max-width: 1100px) {
  .tohksa-about { padding-top: 110px; }
  .tohksa-about__title { font-size: 36px; line-height: 46px; }
  .tohksa-values .tohksa-inner { grid-template-columns: 1fr; }
  .tohksa-values__statement, .tohksa-values__note { margin-top: 40px; max-width: none; }
  .tohksa-pvm__vision, .tohksa-pvm__mission { margin-top: 64px; margin-left: 0; }
  .tohksa-legacy__title { font-size: 36px; line-height: 46px; margin-bottom: 56px; }
  .tohksa-legacy__cols { grid-template-columns: 1fr 1fr; gap: 40px; }
  .tohksa-news__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 782px) {
  .tohksa-values__list { font-size: 26px; line-height: 44px; }
  .tohksa-legacy__cols { grid-template-columns: 1fr; }
  .tohksa-news__grid { grid-template-columns: 1fr; }
  .tohksa-news__head { flex-direction: column; align-items: flex-start; }
  .tohksa-card { min-height: 0; }
}