.editorial-page{ padding-bottom: 78px; }
.editorial-heading{ padding: 22px 0 30px; border-bottom: 1px solid var(--line); }.editorial-heading .eyebrow{ margin: 0 0 10px; }.editorial-heading h1{ margin: 0; font: 600 42px/1.15 var(--font-display); }.editorial-heading > p:last-child{ max-width: 470px; margin: 10px 0 0; color: #707986; font-size: 12px; line-height: 1.75; }
.about-hero{ position: relative; min-height: 430px; overflow: hidden; background: #24464b; color: white; }.about-hero > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 54%; }.about-hero::after{ position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,34,39,.77), rgba(10,34,39,.22) 65%, rgba(10,34,39,.06)); content: ""; }.about-hero-copy{ position: absolute; z-index: 1; top: 50%; left: clamp(25px, 7vw, 90px); width: min(530px, 75%); transform: translateY(-50%); }.about-hero-copy .eyebrow{ color: #8ce1dc; }.about-hero-copy h1{ margin: 0; font: 600 clamp(35px, 5vw, 58px)/1.08 var(--font-display); }.about-hero-copy h1 em{ color: #71d3ce; font-style: normal; }.about-hero-copy > p:last-child{ max-width: 360px; margin: 15px 0 0; color: #e2f2f0; font-size: 12px; line-height: 1.7; }
.about-story{ display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; padding-block: 68px; }.about-story-intro .eyebrow{ margin: 0 0 10px; }.about-story-intro h2{ margin: 0; font: 600 27px/1.3 var(--font-display); }.about-story-copy p{ margin: 0 0 14px; color: #697583; font-size: 12px; line-height: 1.9; }.about-story-copy .text-link{ margin-top: 7px; }
.about-values{ display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); }.about-values > div{ padding: 23px 22px 23px 0; }.about-values > div + div{ border-left: 1px solid var(--line); padding-left: 22px; }.about-values span{ color: #087f86; font: 600 11px var(--font-display); }.about-values h3{ margin: 11px 0 6px; font: 600 15px var(--font-display); }.about-values p{ max-width: 260px; margin: 0; color: #7a8490; font-size: 10px; line-height: 1.7; }
.about-cta{ display: flex; align-items: end; justify-content: space-between; gap: 25px; padding-top: 52px; }.about-cta .eyebrow{ margin: 0 0 8px; }.about-cta h2{ margin: 0; font: 600 25px var(--font-display); }.about-cta > div{ display: flex; align-items: center; gap: 20px; }
.blog-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 24px; padding-block: 42px 72px; }
.blog-card{ min-width: 0; }
.blog-card-image{ display: block; overflow: hidden; aspect-ratio: 16 / 10; border-radius: 18px; background: #eef6f5; }
.blog-card-image img{ width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.blog-card:hover .blog-card-image img{ transform: scale(1.04); }
.blog-card-image.is-fallback,
.post-cover.is-fallback{ display: grid; place-items: center; background: linear-gradient(145deg, #14383d 0%, #1c5d62 58%, #0e2a2e 100%); }
.blog-card-fallback{ color: rgba(255, 255, 255, .2); font: 700 72px/1 var(--font-display); }
.blog-card-copy{ padding: 18px 4px 2px; }
.blog-card-meta{ display: flex; align-items: center; gap: 10px; color: #8a929c; font-size: 11px; }
.blog-category{ color: var(--gold-dark); font-size: 10px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; }
.blog-card h2{ margin: 10px 0 10px; font: 600 20px/1.32 var(--font-display); }
.blog-card h2 a:hover{ color: var(--gold-dark); }
.blog-card-copy > p{ margin: 0; color: #6f7986; font-size: 13px; line-height: 1.7; }
.blog-read-link{ display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 12px; font-weight: 600; }
.blog-read-link .btn-arrow{ width: 14px; height: 14px; color: var(--gold-dark); }
.blog-card.is-featured{ grid-column: 1 / -1; display: grid; grid-template-columns: 1.15fr .85fr; gap: 42px; align-items: center; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 1px solid var(--line); }
.blog-card.is-featured .blog-card-image{ aspect-ratio: 16 / 9; border-radius: 22px; }
.blog-card.is-featured .blog-card-copy{ padding: 0; }
.blog-card.is-featured h2{ margin: 12px 0 14px; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.18; }
.blog-card.is-featured .blog-card-copy > p{ font-size: 15px; line-height: 1.8; max-width: 440px; }
.blog-card.is-featured .blog-card-fallback{ font-size: 110px; }

.post-single{ padding-bottom: 96px; }
.post-header{ padding: 18px 0 28px; }
.post-header .eyebrow{ margin-bottom: 14px; }
.post-header h1{ margin: 0; font: 600 clamp(32px, 4.6vw, 52px)/1.16 var(--font-display); letter-spacing: -.02em; }
.post-meta{ display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 18px; color: #8a929c; font-size: 13px; }
.post-meta span::before{ margin-right: 14px; color: #d5dadc; content: "·"; }
.post-cover{ width: 100%; margin: 0 0 42px; overflow: hidden; border-radius: 22px; background: #eef6f5; }
.post-cover img{ display: block; width: 100%; height: min(52vw, 520px); object-fit: cover; }
.post-cover.is-fallback{ height: min(42vw, 420px); }
.post-cover .blog-card-fallback{ font-size: 140px; }
.post-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; align-items: start; }
.post-reading{ min-width: 0; }
.post-aside{ display: grid; gap: 22px; position: sticky; top: calc(var(--sticky-offset, 88px) + 18px); }
.post-aside-panel{ padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.post-aside-panel .eyebrow{ margin-bottom: 10px; }
.post-aside-panel > strong{ display: block; font: 600 16px var(--font-display); }
.post-aside-panel > p{ margin: 6px 0 12px; color: #7a8490; font-size: 12px; }
.post-aside-list{ display: grid; }
.post-aside-item{ display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.post-aside-item:last-child{ border-bottom: 0; }
.post-aside-thumb{ display: grid; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 10px; background: #eef6f5; }
.post-aside-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.post-aside-thumb.is-fallback{ place-items: center; background: linear-gradient(145deg, #14383d 0%, #1c5d62 58%, #0e2a2e 100%); }
.post-aside-thumb .blog-card-fallback{ font-size: 28px; }
.post-aside-copy{ min-width: 0; display: grid; gap: 4px; }
.post-aside-copy small{ color: var(--gold-dark); font-size: 9px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; }
.post-aside-copy strong{ color: var(--ink); font: 600 13px/1.35 var(--font-display); }
.post-aside-item:hover .post-aside-copy strong{ color: var(--gold-dark); }
.post-aside-cta{ padding: 22px 20px; border-radius: 16px; background: #f3f8f7; }
.post-aside-cta .eyebrow{ margin-bottom: 8px; }
.post-aside-cta h2{ margin: 0 0 8px; font: 600 20px/1.25 var(--font-display); }
.post-aside-cta p{ margin: 0 0 16px; color: #66727e; font-size: 12px; line-height: 1.7; }
.post-aside-cta .button{ min-width: 0; }
.post-body{ color: #3d4854; font-size: 17px; line-height: 1.85; }
.post-body > *:first-child{ margin-top: 0; }
.post-body p{ margin: 0 0 1.15em; }
.post-body h2,
.post-body h3{ margin: 1.6em 0 .55em; color: var(--ink); font-family: var(--font-display); font-weight: 600; line-height: 1.25; }
.post-body h2{ font-size: 26px; }
.post-body h3{ font-size: 20px; }
.post-body a{ color: var(--gold-dark); text-decoration: underline; text-underline-offset: 3px; }
.post-body ul,
.post-body ol{ margin: 0 0 1.2em; padding-left: 1.2em; }
.post-body img{ max-width: 100%; height: auto; border-radius: 16px; }
.post-body blockquote{ margin: 1.4em 0; padding: 4px 0 4px 18px; border-left: 2px solid var(--gold); color: #5b6672; font-style: italic; }
.post-back{ margin-top: 42px; padding-top: 22px; border-top: 1px solid var(--line); }
@media (max-width: 980px) {
  .blog-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blog-card.is-featured{ grid-template-columns: 1fr; gap: 22px; }
  .blog-card.is-featured h2{ font-size: 32px; }
  .post-cover img{ height: min(48vw, 380px); }
  .post-layout{ grid-template-columns: 1fr; gap: 36px; }
  .post-aside{ position: static; }
}
.document-review-note{ display: grid; grid-template-columns: 150px 1fr; gap: 18px; margin-block: 24px; border: 1px solid #d7eeec; padding: 17px; background: #f2fbfa; }.document-review-note strong{ color: #087f86; font: 600 12px var(--font-display); }.document-review-note p{ margin: 0; color: #697784; font-size: 10px; line-height: 1.7; }.document-list{ border-top: 1px solid var(--line); }.document-list article{ display: grid; grid-template-columns: 48px minmax(0, 1fr) 160px; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); padding: 23px 0; }.document-number{ color: #82c9c5; font: 600 15px var(--font-display); }.document-list .eyebrow{ margin: 0 0 6px; }.document-list h2{ margin: 0; font: 600 17px var(--font-display); }.document-list p:not(.eyebrow){ max-width: 720px; margin: 7px 0 0; color: #75808c; font-size: 10px; line-height: 1.7; }.document-list article > a{ justify-self: end; color: #087f86; font-size: 9px; font-weight: 600; }
@media (max-width: 760px) { .editorial-page{ padding-bottom: 50px; }.editorial-heading{ padding: 14px 0 22px; }.editorial-heading h1{ font-size: 34px; }.about-hero{ min-height: 350px; }.about-hero-copy{ left: 22px; width: calc(100% - 44px); }.about-hero-copy h1{ font-size: 39px; }.about-story{ grid-template-columns: 1fr; gap: 18px; padding-block: 42px; }.about-story-intro h2{ font-size: 23px; }.about-values{ grid-template-columns: 1fr; }.about-values > div, .about-values > div + div{ border-left: 0; border-bottom: 1px solid var(--line); padding: 16px 0; }.about-values > div:last-child{ border-bottom: 0; }.about-cta{ align-items: flex-start; flex-direction: column; padding-top: 35px; }.about-cta > div{ flex-wrap: wrap; gap: 14px; }.blog-grid{ grid-template-columns: 1fr; gap: 28px; padding-top: 22px; }.blog-card.is-featured{ grid-template-columns: 1fr; gap: 18px; padding-bottom: 22px; }.blog-card.is-featured h2{ font-size: 28px; }.blog-card-image{ aspect-ratio: 16 / 10; }.post-header h1{ font-size: 32px; }.post-cover{ border-radius: 16px; margin-bottom: 28px; }.post-cover img{ height: 240px; }.post-cover.is-fallback{ height: 220px; }.post-cover .blog-card-fallback{ font-size: 84px; }.post-body{ font-size: 16px; }.post-body h2{ font-size: 22px; }.document-review-note{ grid-template-columns: 1fr; gap: 7px; }.document-list article{ grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding-block: 18px; }.document-number{ align-self: start; padding-top: 2px; }.document-list article > a{ grid-column: 2; justify-self: start; margin-top: 3px; }.document-list h2{ font-size: 15px; } }