body.about-cms-editing > .site-header,
body.about-cms-editing > .site-footer,
body.about-cms-editing > .counsel-root { display: none !important; }
/* The CMS preview is an editing surface, so its content must not depend on
   scroll-triggered reveal observers to become visible. */
body.about-cms-editing .reveal,
body.about-cms-editing .principle,
body.about-cms-editing .credentials__items span { opacity: 1 !important; transform: none !important; }
.about-cms-edit-button { position: fixed; z-index: 9999; top: 52px; right: 14px; display: grid; place-items: center; width: 36px; height: 36px; padding: 8px; border: 1px solid #a88043; border-radius: 50%; background: #a88043; color: #fff; box-shadow: 0 2px 8px #0004; cursor: pointer; }
.about-cms-edit-button[hidden] { display: none; }
.about-cms-edit-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.about-cms-edit-button:focus-visible { outline: 3px solid #19283a; outline-offset: 3px; }
body.about-cms-editing [data-cms-field]:hover,
body.about-cms-editing [data-cms-field]:focus-visible,
body.about-cms-editing [data-cms-link]:hover,
body.about-cms-editing [data-cms-link]:focus-visible,
body.about-cms-editing [data-cms-image]:hover { outline: 2px solid #a88043; outline-offset: 3px; cursor: text; }
body.about-cms-editing [data-cms-image]:hover { cursor: pointer; }
.about-cms-dialog { width: min(560px,calc(100% - 32px)); border: 1px solid #a88043; padding: 24px; color: #222f40; background: #fffdf7; box-shadow: 0 18px 70px #0005; }
.about-cms-dialog::backdrop { background: #101a26a8; }
.about-cms-dialog h2 { margin: 0 0 18px; font: 600 22px/1.2 Georgia,serif; }
.about-cms-dialog label { display: grid; gap: 7px; margin: 0 0 14px; font: 600 13px/1.4 sans-serif; }
.about-cms-dialog [hidden] { display: none !important; }
.about-cms-dialog textarea,.about-cms-dialog input { width: 100%; min-height: 44px; padding: 10px; border: 1px solid #9aa1a8; border-radius: 3px; color: #222f40; background: #fff; font: 15px/1.5 sans-serif; }
.about-cms-dialog textarea { min-height: 150px; resize: vertical; }
.about-cms-dialog__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.about-cms-dialog__actions button { min-height: 40px; padding: 8px 15px; border: 1px solid #19283a; border-radius: 3px; background: #19283a; color: white; font-weight: 700; cursor: pointer; }
.about-cms-dialog__actions button[type=button] { background: transparent; color: #19283a; }
@media (max-width: 639px) {
  .about-cms-edit-button { top: 50px; right: 10px; }
  .about-cms-dialog { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { .about-cms-edit-button { scroll-behavior: auto; } }

.about-hero__image { background: none !important; }
.about-hero__image::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(242,239,222,.98) 0%,rgba(242,239,222,.84) 14%,rgba(16,26,38,.1) 55%); content: ""; pointer-events: none; }
.about-hero__media { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-glance>div>span>span[data-cms-field] { display: inline; gap: 0; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }
@media (max-width: 639px) {
  .about-hero__image { background: none !important; }
  .about-hero__image::after { background: linear-gradient(180deg,rgba(16,26,38,.08),rgba(242,239,222,.2)); }
}