:root {
  --navy: #0c1826;
  --navy-2: #162433;
  --ivory: #f4efe6;
  --ivory-2: #e7e0d2;
  --champagne: #c6a56d;
  --champagne-deep: #9a7844;
  --ink: #1c1915;
  --steel: #5e584e;
  --line: rgba(28, 25, 21, 0.14);
  --line-light: rgba(244, 239, 230, 0.16);
  --pad: clamp(1.25rem, 3vw, 3.5rem);
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: Outfit, "Segoe UI", sans-serif;
  --header: 4.6rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ivory);
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 300;
  font-size: 1.05rem;
  line-height: 1.6;
  overflow-x: clip;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--champagne); outline-offset: 3px; }
h1, h2, h3, p, a, strong, dd { overflow-wrap: anywhere; }

.skip {
  position: absolute;
  left: 1rem;
  top: -4rem;
  background: var(--ivory);
  color: var(--navy);
  padding: 0.6rem 0.8rem;
  z-index: 20;
}
.skip:focus { top: 0.6rem; }

.review-flag {
  margin: 0;
  background: #6e542c;
  color: var(--ivory);
  text-align: center;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.68rem;
  padding: 0.45rem 1rem;
}

.mast {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--navy);
  color: var(--ivory);
  border-bottom: 1px solid var(--line-light);
}
.mast__bar {
  min-height: var(--header);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.4rem var(--pad);
}
.brand { display: flex; align-items: center; }
.brand img { height: 3.15rem; width: auto; background: none; }
.brand--foot img { height: 4.6rem; }
.nav-toggle {
  display: none;
  background: transparent;
  color: var(--ivory);
  border: 1px solid var(--line-light);
  min-height: 2.75rem;
  padding: 0 0.9rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.72rem;
}
.site-nav { display: flex; align-items: center; gap: 1.35rem; }
.site-nav a {
  color: var(--ivory);
  text-decoration: none;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.site-nav a:hover { color: var(--champagne); }
.lang { display: inline-flex; gap: 0.55rem; padding-left: 0.8rem; border-left: 1px solid var(--line-light); }
.lang a { color: rgba(244, 239, 230, 0.55); text-decoration: none; letter-spacing: 0.12em; font-size: 0.75rem; }
.lang a[aria-current="true"] { color: var(--champagne); }

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  height: calc(100svh - var(--header) - 1.8rem);
  min-height: 640px;
  max-height: 920px;
  background: var(--navy);
  color: var(--ivory);
  overflow: hidden;
}
.hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(2rem, 5vw, 4.5rem) var(--pad) clamp(2rem, 4vw, 3.2rem);
  max-width: 46rem;
}
.kicker {
  margin: 0 0 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.72rem;
  color: var(--champagne);
}
.hero h1 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(3.6rem, 6.1vw, 6.7rem);
  line-height: 0.9;
  letter-spacing: -0.02em;
}
.hero h1 em { font-style: italic; font-weight: 500; color: #f7f1e6; }
.lede { margin: 1.4rem 0 0; max-width: 38rem; color: rgba(244, 239, 230, 0.82); font-size: 1.12rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 0.8rem 1.4rem; align-items: center; margin-top: 1.8rem; }
.cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.65rem 1.2rem;
  border: 1px solid var(--champagne);
  color: var(--ivory);
  text-decoration: none;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.72rem;
}
.cta:hover { background: var(--champagne); color: var(--navy); }
.cta--solid { background: var(--navy); color: var(--ivory); border-color: var(--navy); }
.cta--solid:hover { background: var(--champagne); border-color: var(--champagne); color: var(--navy); }
.text-link { color: var(--champagne); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.75rem; text-underline-offset: 0.28rem; }
.hero__note { margin: 1.6rem 0 0; color: rgba(244, 239, 230, 0.48); font-size: 0.78rem; max-width: 28rem; }
.hero__stack { display: grid; grid-template-rows: 1.15fr 0.95fr 0.9fr; min-height: 100%; }
.hero__stack figure { margin: 0; position: relative; overflow: hidden; min-height: 0; }
.hero__stack img { width: 100%; height: 100%; object-fit: cover; }
.hero__stack figcaption {
  position: absolute;
  left: 0.8rem;
  bottom: 0.7rem;
  color: var(--ivory);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

.services {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
  background: var(--ivory);
}
.services a {
  display: grid;
  gap: 0.35rem;
  padding: 1.15rem var(--pad) 1.2rem 1.1rem;
  text-decoration: none;
  border-left: 1px solid var(--line);
  min-height: 7.2rem;
}
.services a:first-child { border-left: 0; }
.services b {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.55rem;
  color: var(--champagne-deep);
}
.services strong { font-weight: 400; font-size: 0.98rem; }
.services span { color: var(--steel); font-size: 0.86rem; }

.intro { padding: clamp(4rem, 8vw, 7rem) 0; background: var(--ivory); }
.wrap { width: min(1440px, calc(100% - (var(--pad) * 2))); margin-inline: auto; }
.intro__grid, .worker__grid, .close__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
}
.intro h2, .band h2, .worker h2, .close h2, .licence h3, .story h3 {
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 0.96;
}
.intro h2 { margin: 0; font-size: clamp(3rem, 5vw, 5.1rem); }
.prose p { margin: 0 0 1rem; color: var(--steel); }
.prose p:last-child { margin-bottom: 0; }
.ink { color: var(--ink); }

.licence-ribbon {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--navy);
  color: var(--ivory);
}
.licence-ribbon a {
  display: block;
  padding: 1.4rem 1.5rem;
  text-decoration: none;
  border-left: 1px solid var(--line-light);
}
.licence-ribbon a:first-child { border-left: 0; }
.licence-ribbon small { display: block; letter-spacing: 0.16em; text-transform: uppercase; color: var(--champagne); font-size: 0.68rem; }
.licence-ribbon strong { display: block; margin-top: 0.35rem; font-family: var(--serif); font-size: clamp(1.5rem, 2vw, 2rem); font-weight: 500; }
.licence-ribbon span { display: block; margin-top: 0.25rem; color: rgba(244, 239, 230, 0.66); font-size: 0.88rem; }

.band { padding: clamp(4rem, 8vw, 7.5rem) 0; }
.band--navy { background: var(--navy); color: var(--ivory); }
.band--sand { background: var(--ivory-2); }
.section-head { max-width: 44rem; margin-bottom: clamp(2rem, 4vw, 3.2rem); }
.section-head h2, .band h2 { margin: 0; font-size: clamp(2.8rem, 4.6vw, 4.6rem); }
.section-head p { margin: 1rem 0 0; color: var(--steel); max-width: 38rem; }
.band--navy .section-head p, .band--navy .story p, .band--navy .program p { color: rgba(244, 239, 230, 0.78); }

.mosaic { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0.7rem; }
.story { position: relative; overflow: hidden; min-height: 28rem; background: var(--navy); color: var(--ivory); }
.story img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.story--fisheries { grid-column: 1 / -1; min-height: 40rem; }
.story--fisheries img { object-position: 62% center; }
.story--hospitality { grid-column: span 5; min-height: 34rem; }
.story--manufacturing { grid-column: span 7; min-height: 34rem; }
.story--manufacturing img { object-position: 72% center; }
.story--construction { grid-column: span 7; min-height: 32rem; }
.story--construction img { object-position: center 42%; }
.story--domestic { grid-column: span 5; min-height: 32rem; }
.story--domestic img { object-position: center 30%; }
.story__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 24, 38, 0.05) 18%, rgba(12, 24, 38, 0.72) 68%, rgba(12, 24, 38, 0.94) 100%);
}
.story__copy { position: absolute; left: 0; right: 0; bottom: 0; padding: clamp(1.2rem, 2vw, 2rem); max-width: 40rem; }
.story h3 { margin: 0; font-size: clamp(2.2rem, 3vw, 3.3rem); }
.story p { margin: 0.55rem 0 0; }
.shot {
  margin: 0.8rem 0 0;
  color: rgba(244, 239, 230, 0.62);
  font-size: 0.75rem;
}

.program {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  min-height: 42rem;
  background: var(--navy);
  color: var(--ivory);
}
.program__copy { padding: clamp(2.5rem, 5vw, 4.5rem) var(--pad); display: flex; flex-direction: column; justify-content: center; }
.program h2 { margin: 0; font-size: clamp(3rem, 5vw, 5rem); }
.program p { margin: 1rem 0 0; max-width: 36rem; }
.program figure { margin: 0; position: relative; min-height: 24rem; }
.program img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.program figcaption {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  right: 1rem;
  color: rgba(244, 239, 230, 0.8);
  font-size: 0.78rem;
}

.journey { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; }
.journey li {
  padding: 1.5rem 1.4rem 1.6rem 0;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 4.2rem minmax(0, 1fr);
  gap: 0.4rem 1rem;
}
.journey b {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  font-size: 2rem;
  color: var(--champagne-deep);
  line-height: 1;
}
.journey strong { display: block; font-weight: 400; font-size: 1.15rem; }
.journey span { display: block; color: var(--steel); margin-top: 0.35rem; }

.licences { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 4rem); }
.licence { border-top: 1px solid var(--line-light); padding-top: 1.3rem; }
.licence h3 { margin: 0.4rem 0 1rem; font-size: clamp(2rem, 3vw, 2.8rem); max-width: 16ch; }
.licence dl { margin: 0; }
.licence div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 0.8rem; padding: 0.55rem 0; border-top: 1px solid var(--line-light); }
.licence dt { color: var(--champagne); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.68rem; }
.licence dd { margin: 0; }
.licence > p { color: rgba(244, 239, 230, 0.7); }

.prepare { margin: 1.2rem 0 0; padding: 0; list-style: none; }
.prepare li { padding: 0.9rem 0; border-top: 1px solid var(--line); }
.prepare strong { display: block; font-family: var(--serif); font-size: 1.45rem; font-weight: 500; }
.quiet { color: var(--steel); font-size: 0.92rem; }
.channels { display: flex; flex-wrap: wrap; gap: 0.7rem 1.4rem; margin-top: 1.2rem; }
.channels a { color: var(--navy); }

.close { padding: clamp(4.5rem, 9vw, 8rem) 0; background: var(--navy); color: var(--ivory); }
.close h2 { margin: 0; font-size: clamp(3.2rem, 6vw, 6rem); max-width: 12ch; }
.close p { color: rgba(244, 239, 230, 0.78); }
.close .channels a { color: var(--ivory); border-bottom: 1px solid var(--champagne); text-decoration: none; }

.colophon { background: #09131e; color: var(--ivory); padding: 3rem 0 2.4rem; }
.colophon__grid { display: grid; grid-template-columns: 1.3fr 0.8fr 0.9fr; gap: 2rem; }
.colophon a { display: block; color: rgba(244, 239, 230, 0.82); text-decoration: none; margin: 0.35rem 0; }
.colophon a:hover { color: var(--champagne); }
.colophon__label { letter-spacing: 0.16em; text-transform: uppercase; color: var(--champagne); font-size: 0.68rem; }
.colophon .quiet { color: rgba(244, 239, 230, 0.5); }

@media (max-width: 960px) {
  .nav-toggle { display: inline-flex; align-items: center; }
  .site-nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0.3rem var(--pad) 1rem;
    background: var(--navy);
    border-bottom: 1px solid var(--line-light);
  }
  .site-nav.is-open { display: flex; }
  .site-nav a, .lang { min-height: 2.75rem; display: inline-flex; align-items: center; }
  .lang { margin-top: 0.3rem; padding: 0.4rem 0 0; border-left: 0; border-top: 1px solid var(--line-light); width: 100%; }
  .hero, .intro__grid, .program, .worker__grid, .close__grid, .licences, .licence-ribbon, .journey, .colophon__grid, .services {
    grid-template-columns: 1fr;
  }
  .hero { height: auto; min-height: 0; max-height: none; overflow: visible; }
  .hero, .hero__copy, .hero__stack, .services a, .story, .program, .wrap { min-width: 0; }
  .hero h1 { font-size: 2.35rem; max-width: 100%; }
  .hero__copy { width: 100%; padding-left: 1.35rem; padding-right: 1.5rem; }
  .hero .lede { font-size: 1rem; max-width: 21rem; }
  .hero__actions { flex-direction: column; align-items: flex-start; }
  .hero__actions a { max-width: 100%; }
  .hero__stack { grid-template-rows: 22rem; }
  .hero__stack figure:not(:first-child) { display: none; }
  .hero__copy { padding-top: 2rem; }
  .services a { border-left: 0; border-top: 1px solid var(--line); min-height: 0; padding: 0.95rem 0; }
  .story, .story--fisheries, .story--hospitality, .story--manufacturing, .story--construction, .story--domestic {
    grid-column: 1 / -1;
    min-height: 26rem;
  }
  .journey li { grid-template-columns: 3.2rem minmax(0, 1fr); padding-right: 0; }
  .licence div { grid-template-columns: 6.2rem minmax(0, 1fr); }
  .brand img { height: 2.7rem; }
  .brand--foot img { height: 4rem; }
  .program__copy { padding: 2.4rem var(--pad) 1rem; }
  .program figure { min-height: 18rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cta { transition: none; }
}

.site-nav a[aria-current="page"] { color: var(--champagne); }

.portrait {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(16rem, 0.78fr);
  align-items: stretch;
  height: min(70vh, 38rem);
  min-height: 22rem;
  max-height: 42rem;
  background: var(--navy);
  color: var(--ivory);
  overflow: hidden;
}
.portrait__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.15rem;
  padding: clamp(1.8rem, 4vw, 3.2rem) clamp(1.4rem, 4vw, 4.2rem);
  min-width: 0;
  min-height: 0;
}
.portrait__copy .kicker { margin-bottom: 0.55rem; }
.portrait h1 {
  margin: 0 0 0.9rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.6rem, 4.4vw, 4.35rem);
  line-height: 0.96;
  letter-spacing: -0.02em;
  max-width: 12ch;
}
.portrait .lede { margin: 0; max-width: 28rem; color: rgba(244, 239, 230, 0.78); }
.portrait figure {
  margin: 0;
  position: relative;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
.portrait img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portrait figcaption,
.folio figcaption,
.build figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 1.8rem 0.9rem 0.7rem;
  color: rgba(244, 239, 230, 0.92);
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
  background: linear-gradient(transparent, rgba(12, 24, 38, 0.78));
}

.facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.4rem, 3vw, 3rem);
}
.facts article { border-top: 1px solid var(--line); padding-top: 1.1rem; min-width: 0; }
.facts h2 {
  margin: 0 0 0.55rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.7rem, 2.2vw, 2.3rem);
}
.facts p { margin: 0; color: var(--steel); }

.leader {
  scroll-margin-top: calc(var(--header) + 0.75rem);
}
.leader-intro { overflow: clip; }
.leader-intro__grid {
  display: grid;
  grid-template-columns: minmax(14rem, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(1.8rem, 4.5vw, 4.5rem);
  align-items: center;
}
.leader__portrait {
  margin: 0;
  position: relative;
  background: linear-gradient(165deg, rgba(244, 239, 230, 0.08), transparent 55%), var(--navy-2);
  border-top: 1px solid rgba(198, 165, 109, 0.45);
  overflow: hidden;
  aspect-ratio: 11 / 14;
  max-height: 36rem;
}
.leader__portrait::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 28%;
  pointer-events: none;
  background: linear-gradient(transparent, rgba(12, 24, 38, 0.42));
}
.leader__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 12%;
  display: block;
}
.leader-intro__copy { min-width: 0; }
.leader-intro__copy .kicker { margin-bottom: 0.7rem; }
.leader-intro__copy h2 {
  margin: 0 0 1.2rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.2rem, 3.6vw, 3.55rem);
  line-height: 1.02;
  letter-spacing: -0.02em;
  max-width: 16ch;
  color: var(--ivory);
}
.leader__name {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  color: var(--champagne);
  letter-spacing: -0.01em;
}
.leader__role {
  margin: 0.25rem 0 0.45rem;
  color: rgba(244, 239, 230, 0.78);
  font-size: 0.98rem;
  letter-spacing: 0.03em;
}
.leader__subtitle {
  margin: 0 0 1.25rem;
  color: rgba(244, 239, 230, 0.58);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.leader-badges {
  list-style: none;
  margin: 0 0 1.35rem;
  padding: 0;
  display: grid;
  gap: 0.7rem;
  border-top: 1px solid rgba(244, 239, 230, 0.16);
  border-bottom: 1px solid rgba(244, 239, 230, 0.16);
  padding: 1rem 0;
}
.leader-badges li {
  display: grid;
  gap: 0.15rem;
}
.leader-badges span {
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--champagne);
  font-weight: 500;
}
.leader-badges strong {
  font-weight: 400;
  color: rgba(244, 239, 230, 0.9);
  font-size: 0.98rem;
  max-width: 36rem;
}
.leader-intro__lede {
  display: grid;
  gap: 0.85rem;
  max-width: 38rem;
}
.leader-intro__lede p {
  margin: 0;
  color: rgba(244, 239, 230, 0.84);
  font-size: 1.02rem;
}

.leader-journey__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 4.5vw, 4rem);
  align-items: start;
}
.leader-journey article {
  min-width: 0;
  border-top: 1px solid var(--line);
  padding-top: 1.25rem;
}
.leader-journey h3 {
  margin: 0 0 1rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.7rem, 2.4vw, 2.25rem);
  line-height: 1.12;
  max-width: 18ch;
  color: var(--navy);
}
.leader-journey p {
  margin: 0;
  max-width: 36rem;
  color: var(--steel);
  font-size: 1.02rem;
}
.leader-journey p + p { margin-top: 0.85rem; }

.leader-roles .section-head { max-width: 42rem; }
.leader-roles__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}
.leader-roles__list li {
  display: grid;
  grid-template-columns: 7.5rem minmax(7rem, 10rem) minmax(0, 1.1fr) minmax(0, 1.5fr);
  gap: 0.75rem 1.25rem;
  align-items: baseline;
  border-top: 1px solid var(--line);
  padding: 1.25rem 0;
}
.leader-roles__list li:last-child { border-bottom: 1px solid var(--line); }
.leader-roles__status {
  margin: 0;
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--champagne-deep);
  font-weight: 500;
}
.leader-roles__org {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.55rem;
  color: var(--navy);
}
.leader-roles__title {
  margin: 0;
  font-weight: 500;
  color: var(--ink);
}
.leader-roles__body {
  margin: 0;
  color: var(--steel);
  max-width: 38rem;
}
.leader-roles__note {
  margin: 1.4rem 0 1rem;
  max-width: 44rem;
  color: var(--steel);
}

.leader-close__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(1.8rem, 4vw, 3.5rem);
  align-items: start;
}
.leader-close h2 {
  margin: 0.55rem 0 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.1rem, 3.4vw, 3.2rem);
  line-height: 1.05;
  max-width: 14ch;
  color: var(--ivory);
}
.leader-close__body p {
  margin: 0;
  max-width: 40rem;
  color: rgba(244, 239, 230, 0.82);
  font-size: 1.02rem;
}
.leader-close__body p + p { margin-top: 0.9rem; }
.leader-close__statement {
  margin-top: 1.6rem !important;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(198, 165, 109, 0.4);
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.45rem, 2.2vw, 1.9rem);
  line-height: 1.28;
  color: var(--champagne) !important;
  max-width: 28ch !important;
}

.lines { list-style: none; margin: 0; padding: 0; }
.lines li { border-top: 1px solid var(--line); }
.lines li:last-child { border-bottom: 1px solid var(--line); }
.lines a {
  display: grid;
  grid-template-columns: 3.2rem minmax(9rem, 16rem) minmax(0, 1fr);
  gap: 0.6rem 1.2rem;
  align-items: baseline;
  padding: 1.15rem 0;
  text-decoration: none;
  min-width: 0;
}
.lines b {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  font-size: 1.35rem;
  color: var(--champagne-deep);
}
.lines strong { font-family: var(--serif); font-weight: 500; font-size: 1.65rem; }
.lines span { color: var(--steel); }
.lines a:hover strong { color: var(--champagne-deep); }

.prep { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; }
.prep li {
  display: grid;
  grid-template-columns: 3.2rem minmax(0, 1fr);
  gap: 0.5rem 0.9rem;
  padding: 1.35rem 1.4rem 1.45rem 0;
  border-top: 1px solid var(--line-light);
  min-width: 0;
}
.prep b {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  font-size: 1.7rem;
  color: var(--champagne);
  line-height: 1;
}
.prep strong { display: block; font-weight: 400; }
.prep span { display: block; margin-top: 0.35rem; color: rgba(244, 239, 230, 0.74); }

.principles { display: grid; grid-template-columns: 1fr 1fr; }
.principles article { padding: 1.35rem 1.5rem 1.5rem 0; border-top: 1px solid var(--line); min-width: 0; }
.principles h3 {
  margin: 0 0 0.4rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.75rem;
}
.principles p { margin: 0; color: var(--steel); }
.page-about .band .text-link { color: var(--champagne-deep); }

.industry-open { padding: clamp(3rem, 6vw, 5.5rem) 0 clamp(1.6rem, 3vw, 2.6rem); }
.industry-open h1 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(3rem, 5.4vw, 5.4rem);
  line-height: 0.94;
  letter-spacing: -0.02em;
  max-width: 16ch;
}
.industry-open .lede { max-width: 34rem; color: var(--steel); }
.jump { display: flex; flex-wrap: wrap; gap: 0.7rem 1.35rem; margin-top: 1.6rem; }
.jump a {
  color: var(--navy);
  text-decoration: none;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.72rem;
  border-bottom: 1px solid var(--champagne);
  padding-bottom: 0.12rem;
}

.folio { display: grid; min-width: 0; }
.folio figure, .build figure { margin: 0; position: relative; }
.folio img, .build img { width: 100%; height: 100%; object-fit: cover; }
.folio__copy { padding: clamp(2rem, 4vw, 3.6rem) clamp(1.35rem, 3vw, 3rem); min-width: 0; }
.folio__copy h2, .build h2, .program-note h2, .folio__panel h2 {
  margin: 0.1rem 0 0.7rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 0.96;
}
.folio__copy h3, .build h3 {
  margin: 1.25rem 0 0.45rem;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--champagne-deep);
}
.folio__copy p, .build__copy p, .program-note p { margin: 0.5rem 0 0; }
.roles { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }
.roles li { border: 1px solid var(--line); padding: 0.32rem 0.65rem; font-size: 0.92rem; }
.roles--two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.4rem; }
.roles--two li { border: 0; border-top: 1px solid var(--line); padding: 0.5rem 0; }

.folio--fisheries {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  background: var(--navy-2);
  color: var(--ivory);
}
.folio--fisheries .folio__copy h3 { color: var(--champagne); }
.folio--fisheries figure { min-height: 42rem; }
.folio--fisheries .roles li { border-color: var(--line-light); }

.program-note {
  background: var(--ivory-2);
  padding: clamp(1.8rem, 4vw, 2.8rem) 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.program-note .wrap { max-width: 52rem; }
.program-note h2 { max-width: 20ch; font-size: clamp(1.8rem, 3vw, 2.5rem); }
.program-note p { max-width: 40rem; color: var(--steel); }
.program-note .text-link { color: var(--champagne-deep); }

.folio--domestic {
  grid-template-columns: minmax(0, 1.08fr) minmax(15rem, 0.82fr);
  background: var(--ivory);
}
.folio--domestic figure { min-height: 36rem; }

.folio--hospitality { position: relative; min-height: 44rem; display: block; }
.folio--hospitality > img { position: absolute; inset: 0; }
.folio__panel {
  position: relative;
  z-index: 1;
  width: min(34rem, 86%);
  margin: 7.5rem 7% 2.5rem auto;
  background: rgba(244, 239, 230, 0.96);
  color: var(--ink);
  padding: clamp(1.5rem, 3vw, 2.3rem);
}
.folio__panel .roles { margin: 0.8rem 0 1rem; }
.shot { margin: 1.1rem 0 0; color: var(--steel); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; }

.folio--plant {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  background: #f7f3ec;
}
.folio--plant figure { min-height: 40rem; }
.folio--plant img { object-position: 38% center; }

.build { background: var(--navy); color: var(--ivory); }
.build figure { height: 26rem; }
.build img { object-position: center 42%; }
.build__copy {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: clamp(1.4rem, 4vw, 3.5rem);
  padding-top: clamp(2.2rem, 5vw, 3.8rem);
  padding-bottom: clamp(2.2rem, 5vw, 3.8rem);
}
.build h3 { color: var(--champagne); }
.build .roles li { border-color: var(--line-light); color: var(--ivory); }

@media (max-width: 960px) {
  .portrait, .facts, .prep, .principles, .leader-intro__grid, .leader-journey__grid, .leader-close__grid,
  .folio--fisheries, .folio--domestic, .folio--plant, .build__copy, .roles--two {
    grid-template-columns: 1fr;
  }
  .portrait, .portrait__copy, .portrait figure, .folio, .folio__copy, .folio__panel, .build, .build__copy, .facts article, .lines a, .leader-intro__copy {
    min-width: 0;
  }
  .portrait {
    height: auto;
    max-height: none;
    min-height: 0;
    overflow: visible;
  }
  .portrait h1, .industry-open h1 { font-size: 2.45rem; max-width: 100%; }
  .portrait .lede, .industry-open .lede { font-size: 1rem; max-width: 22rem; }
  .portrait figure {
    height: 16rem;
    min-height: 16rem;
  }
  .leader__portrait {
    max-width: 22rem;
    max-height: 26rem;
    aspect-ratio: 4 / 5;
    margin-inline: auto 0;
  }
  .leader-intro__copy h2 { font-size: 2.2rem; max-width: 100%; }
  .leader-roles__list li {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
  .folio--domestic figure { min-height: 16rem; }
  .folio--fisheries figure, .folio--plant figure { min-height: 16rem; }
  .lines a { grid-template-columns: 2.6rem minmax(0, 1fr); }
  .lines span { grid-column: 2; }
  .folio--hospitality { min-height: 0; }
  .folio--hospitality > img { position: static; height: 16rem; }
  .folio__panel { width: 100%; margin: 0; }
  .build figure { height: 14rem; }
  .jump a { min-height: 2.4rem; display: inline-flex; align-items: center; }
}

@media (max-width: 560px) {
  .leader__portrait {
    max-width: none;
    max-height: 22rem;
    width: 100%;
  }
  .leader-intro__copy h2 { font-size: 1.95rem; }
  .leader-intro__lede p,
  .leader-journey p,
  .leader-close__body p { font-size: 1rem; }
  .leader-close__statement { max-width: 100% !important; }
}

.solution-open, .program-open {
  padding: clamp(3rem, 6vw, 5.2rem) 0 clamp(1.6rem, 3vw, 2.4rem);
}
.solution-open h1, .program-open h1 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(3rem, 5.2vw, 5.2rem);
  line-height: 0.96;
  letter-spacing: -0.02em;
  max-width: 16ch;
}
.solution-open .lede, .program-open .lede { max-width: 36rem; color: var(--steel); }

.solution-photo { margin: 0; position: relative; height: 26rem; }
.solution-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.solution-photo figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 1.8rem 0.9rem 0.75rem;
  color: rgba(244, 239, 230, 0.92);
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
  background: linear-gradient(transparent, rgba(12, 24, 38, 0.78));
}

.solution-rail { max-width: 58rem; }
.rail { list-style: none; margin: 0; padding: 0; }
.rail li {
  display: grid;
  grid-template-columns: 4.2rem minmax(0, 1fr);
  gap: 0.4rem 1.1rem;
  padding: 1.35rem 0 1.45rem;
  border-top: 1px solid var(--line);
  min-width: 0;
}
.rail b {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1;
  color: var(--champagne-deep);
}
.rail strong {
  display: block;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.45rem, 2vw, 1.85rem);
}
.rail span { display: block; margin-top: 0.35rem; color: var(--steel); }

.duties {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.4rem, 3vw, 2.8rem);
}
.duties article { border-top: 1px solid var(--line-light); padding-top: 1.1rem; min-width: 0; }
.duties h3 {
  margin: 0 0 0.55rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.7rem, 2.2vw, 2.2rem);
}
.duties p { margin: 0; color: rgba(244, 239, 230, 0.78); }

.solution-fit {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(12rem, 0.6fr);
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: end;
}
.solution-fit h2 { font-size: clamp(2.3rem, 3.6vw, 3.6rem); max-width: 16ch; }
.solution-fit p { color: var(--steel); max-width: 40rem; }
.solution-fit__links { display: flex; flex-direction: column; align-items: flex-start; gap: 0.9rem; margin: 0; }
.page-solutions .band--sand .text-link,
.page-programs .band .text-link { color: var(--champagne-deep); }

.program-open { padding-bottom: clamp(1.2rem, 2vw, 1.8rem); }
.farm { position: relative; min-height: 52rem; }
.farm > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.farm__sheet {
  position: relative;
  z-index: 1;
  width: min(38rem, 86%);
  margin: 8% 0 6% 6%;
  background: rgba(244, 239, 230, 0.96);
  color: var(--ink);
  padding: clamp(1.5rem, 3vw, 2.4rem);
}
.farm__sheet h2 {
  margin: 0.1rem 0 0.7rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.6rem, 4vw, 4rem);
  line-height: 0.96;
}
.farm__sheet p { margin: 0.55rem 0 0; }
.farm__sheet .shot { margin-top: 1.2rem; }

.limits {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem, 4vw, 4rem);
}
.limits h2 { font-size: clamp(2rem, 3vw, 2.8rem); max-width: 14ch; }
.limits ul { list-style: none; margin: 1rem 0 0; padding: 0; }
.limits li {
  padding: 0.75rem 0;
  border-top: 1px solid var(--line);
  color: var(--ink);
}

.quiet-lines { list-style: none; margin: 0; padding: 0; }
.quiet-lines li { border-top: 1px solid var(--line); }
.quiet-lines li:last-child { border-bottom: 1px solid var(--line); }
.quiet-lines a {
  display: grid;
  grid-template-columns: minmax(10rem, 16rem) minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem 0;
  text-decoration: none;
  min-width: 0;
}
.quiet-lines strong { font-family: var(--serif); font-weight: 500; font-size: 1.55rem; }
.quiet-lines span { color: var(--steel); }
.quiet-lines__more { margin: 1.4rem 0 0; }

.ask { padding: clamp(3.2rem, 7vw, 5.5rem) 0; background: var(--ivory-2); }
.ask h2 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.4rem, 4vw, 3.8rem);
  line-height: 0.98;
  max-width: 16ch;
}
.ask p { max-width: 34rem; color: var(--steel); }
.ask .cta { margin-top: 0.4rem; }

@media (max-width: 960px) {
  .solution-open h1, .program-open h1 { font-size: 2.4rem; max-width: 100%; }
  .solution-open .lede, .program-open .lede { font-size: 1rem; max-width: 22rem; }
  .solution-photo { height: 14rem; }
  .duties, .solution-fit, .limits, .quiet-lines a { grid-template-columns: 1fr; }
  .rail, .rail li, .duties article, .farm__sheet, .solution-fit, .limits, .quiet-lines a, .ask { min-width: 0; }
  .farm { min-height: 0; }
  .farm > img { position: static; height: 16rem; }
  .farm__sheet { width: 100%; margin: 0; }
  .solution-fit__links { margin-top: 0.4rem; }
}

.govern-open, .edition-open {
  padding: clamp(3rem, 6vw, 5.2rem) 0 0.4rem;
}
.desk-open {
  background: var(--navy);
  color: var(--ivory);
  padding: clamp(3.2rem, 7vw, 5.6rem) 0 clamp(2.4rem, 5vw, 4rem);
}
.govern-open h1, .edition-open h1, .desk-open h1 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(3rem, 5.2vw, 5.1rem);
  line-height: 0.96;
  letter-spacing: -0.02em;
  max-width: 16ch;
}
.govern-open .lede, .edition-open .lede { max-width: 38rem; color: var(--steel); }
.desk-open .lede { max-width: 38rem; color: rgba(244, 239, 230, 0.78); }

.instruments { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.instrument { background: var(--ivory); padding: clamp(1.3rem, 2vw, 2rem); min-width: 0; }
.instrument--navy { background: var(--navy); color: var(--ivory); }
.instrument h2 {
  margin: 0 0 1rem;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.7rem, 2.2vw, 2.35rem);
  line-height: 1.05;
  max-width: 22ch;
}
.instrument dl { margin: 0 0 1rem; }
.instrument div {
  display: grid;
  grid-template-columns: 6.4rem minmax(0, 1fr);
  gap: 0.7rem;
  padding: 0.55rem 0;
  border-top: 1px solid var(--line);
}
.instrument--navy div { border-top-color: var(--line-light); }
.instrument dt {
  margin: 0;
  color: var(--champagne-deep);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.68rem;
}
.instrument--navy dt { color: var(--champagne); }
.instrument dd { margin: 0; }
.instrument > p { margin: 0; color: var(--steel); }
.instrument--navy > p { color: rgba(244, 239, 230, 0.78); }

.read-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.2rem, 3vw, 2.4rem); }
.read-three article { border-top: 1px solid var(--line); padding-top: 1rem; min-width: 0; }
.read-three h3 { margin: 0 0 0.45rem; font-family: var(--serif); font-weight: 500; font-size: 1.7rem; }
.read-three p { margin: 0; color: var(--steel); }

.govern-care { max-width: 52rem; }
.care { list-style: none; margin: 0; padding: 0; }
.care li { padding: 1.05rem 0; border-top: 1px solid var(--line-light); min-width: 0; }
.care strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 1.45rem; }
.care span { display: block; margin-top: 0.3rem; color: rgba(244, 239, 230, 0.76); }
.care__private { color: rgba(244, 239, 230, 0.55); font-size: 0.92rem; }
.care__links { display: flex; flex-wrap: wrap; gap: 0.8rem 1.4rem; }
.page-compliance .band--navy .text-link { color: var(--champagne); }

.edition { list-style: none; margin: 0; padding: 0; }
.edition li {
  display: grid;
  grid-template-columns: 3.4rem minmax(0, 1fr);
  gap: 0.4rem 1rem;
  padding: 1.35rem 0;
  border-top: 1px solid var(--line);
  min-width: 0;
}
.edition li:last-child { border-bottom: 1px solid var(--line); }
.edition b {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  font-size: 1.45rem;
  color: var(--champagne-deep);
  line-height: 1;
}
.edition__state {
  margin: 0 0 0.25rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.68rem;
  color: var(--champagne-deep);
}
.edition h2 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.7rem, 2.4vw, 2.3rem);
}
.edition p { margin: 0.4rem 0 0; color: var(--steel); max-width: 40rem; }
.edition__links { display: flex; flex-wrap: wrap; gap: 0.7rem 1.3rem; }
.page-insights .text-link,
.page-contact .text-link,
.page-compliance .band--sand .text-link { color: var(--champagne-deep); }

.reading { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.reading article { padding: 1.15rem 1.4rem 1.25rem 0; border-top: 1px solid var(--line-light); min-width: 0; }
.reading h3 { margin: 0 0 0.4rem; font-family: var(--serif); font-weight: 500; font-size: 1.65rem; }
.reading p { margin: 0; color: rgba(244, 239, 230, 0.76); }

.channels-xl { list-style: none; margin: 0; padding: 0; }
.channels-xl li {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: 0.8rem 1.2rem;
  align-items: baseline;
  padding: 1.15rem 0;
  border-top: 1px solid var(--line);
  min-width: 0;
}
.channels-xl li:last-child { border-bottom: 1px solid var(--line); }
.channels-xl span {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--champagne-deep);
}
.channels-xl a {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(1.7rem, 3vw, 2.8rem);
  line-height: 1.15;
  text-decoration: none;
}

.paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.2rem, 3vw, 2.2rem); }
.paths article { border-top: 1px solid var(--line); padding-top: 1rem; min-width: 0; }
.paths h3 { margin: 0 0 0.45rem; font-family: var(--serif); font-weight: 500; font-size: 1.7rem; }
.paths p { margin: 0.4rem 0 0; color: var(--steel); }
.paths .cta { margin-top: 0.8rem; }
.paths__aside { display: flex; flex-wrap: wrap; gap: 0.8rem 1.4rem; margin-top: 1.6rem; }
.paths__hint { max-width: 40rem; color: var(--steel); font-size: 0.92rem; }

@media (max-width: 960px) {
  .govern-open h1, .edition-open h1, .desk-open h1 { font-size: 2.35rem; max-width: 100%; }
  .govern-open .lede, .edition-open .lede, .desk-open .lede { font-size: 1rem; max-width: 22rem; }
  .instruments, .read-three, .reading, .paths, .channels-xl li { grid-template-columns: 1fr; }
  .instrument, .instrument div, .read-three article, .edition li, .reading article, .paths article, .channels-xl a, .care li {
    min-width: 0;
  }
  .channels-xl a { font-size: 1.55rem; }
}

.kicker,
.text-link,
.page-about .band .text-link,
.page-solutions .band--sand .text-link,
.page-programs .band .text-link,
.page-insights .text-link,
.page-contact .text-link,
.page-compliance .band--sand .text-link,
.program-note .text-link {
  color: #6e542c;
}
.hero .kicker,
.hero .text-link,
.portrait .kicker,
.portrait .text-link,
.program .kicker,
.program .text-link,
.band--navy .kicker,
.band--navy .text-link,
.desk-open .kicker,
.desk-open .text-link,
.folio--fisheries .kicker,
.folio--fisheries .text-link,
.close .kicker,
.close .text-link,
.instrument--navy .kicker,
.instrument--navy .text-link,
.build .kicker,
.build .text-link,
.page-compliance .band--navy .text-link,
.page-programs .band--navy .text-link,
.page-insights .band--navy .text-link,
.page-about .band--navy .text-link,
.page-solutions .band--navy .text-link,
.page-industries .band--navy .text-link {
  color: var(--champagne);
}

/* Task 05C — About corporate identity */
.page-about .portrait__sub {
  margin: 0 0 0.75rem;
  max-width: 34rem;
  font-family: var(--serif);
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--champagne);
}
.page-about .portrait .lede {
  max-width: 34rem;
  font-size: 0.98rem;
  line-height: 1.55;
}
.page-about .portrait__creds {
  list-style: none;
  margin: 1.15rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  max-width: 34rem;
}
.page-about .portrait__creds a {
  display: block;
  padding: 0.7rem 0.85rem;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(198, 166, 90, 0.35);
  background: rgba(7, 18, 30, 0.35);
  min-width: 0;
}
.page-about .portrait__creds a:hover,
.page-about .portrait__creds a:focus-visible {
  border-color: var(--champagne);
  outline: none;
}
.page-about .portrait__creds small {
  display: block;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--champagne);
  font-size: 0.66rem;
}
.page-about .portrait__creds strong {
  display: block;
  margin-top: 0.3rem;
  font-family: var(--serif);
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  font-weight: 500;
  line-height: 1.15;
  word-break: break-word;
}
.page-about .portrait__creds span {
  display: block;
  margin-top: 0.25rem;
  color: rgba(244, 239, 230, 0.62);
  font-size: 0.78rem;
  line-height: 1.35;
}
.page-about .company-identity__grid {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
.page-about .company-identity .section-head {
  margin-bottom: 0;
}
.page-about .company-identity__body {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(14rem, 0.75fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: start;
}
.page-about .company-categories {
  border-top: 1px solid var(--line);
  padding-top: 1.1rem;
}
.page-about .company-categories__label {
  margin: 0 0 0.85rem;
  font-family: var(--serif);
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--navy);
}
.page-about .company-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-about .company-categories li {
  position: relative;
  padding: 0.7rem 0 0.7rem 1.1rem;
  border-top: 1px solid var(--line);
  color: var(--steel);
  line-height: 1.45;
}
.page-about .company-categories li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05rem;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--champagne);
}
.page-about .prep--five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.page-about .prep--five li {
  min-width: 0;
}
@media (max-width: 1100px) {
  .page-about .prep--five {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 960px) {
  .page-about .company-identity__body,
  .page-about .portrait__creds,
  .page-about .prep--five {
    grid-template-columns: 1fr;
  }
  .page-about .portrait__copy {
    padding-bottom: 1.4rem;
  }
}
@media (max-width: 720px) {
  .page-about .portrait__creds {
    grid-template-columns: 1fr 1fr;
  }
  .page-about .prep--five {
    grid-template-columns: 1fr;
  }
}