/* Domain Page v1.dc.html, translated to the classic WordPress theme. */
.single-domain .primary-nav__link--active, .companyos-static-domain .primary-nav__link--active { border-bottom-color: var(--ink); }
.cos-domain { color: var(--body); }
.cos-domain [id] { scroll-margin-top: 72px; }
.cos-domain__section { max-width: 1440px; margin: 0 auto; padding: calc(76px * var(--sy)) var(--gut) calc(72px * var(--sy)); }
.cos-domain__split { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 80px; align-items: start; }
.cos-domain__split > *, .cos-domain__hero-grid > * { min-width: 0; }
.cos-domain__split--center { align-items: center; }
.cos-domain__split--reverse { grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 72px; }
.cos-domain__h1, .cos-domain__h2, .cos-domain__record-title, .cos-domain__question, .cos-domain__band-heading { font-family: Archivo,sans-serif; font-weight: 600; color: var(--ink); margin: 0; text-wrap: balance; }
.cos-domain__h1 { max-width: 22ch; font-size: clamp(38px,3.8vw,54px); line-height: .98; letter-spacing: -.034em; }
.cos-domain__h2 { max-width: 18ch; font-size: 36px; line-height: 1.06; letter-spacing: -.028em; }
.cos-domain__intro { max-width: 44ch; margin: 22px 0 0; font-size: 16.5px; line-height: 1.6; text-wrap: pretty; }
.cos-domain__label { font-family: 'IBM Plex Mono',monospace; font-size: 11px; line-height: 1.55; letter-spacing: .12em; color: var(--muted); text-transform: uppercase; }
.cos-domain__label--person { color: var(--amber-text); }
.cos-domain__system { color: var(--teal); }
.cos-domain__person { color: var(--amber); }
.cos-domain__short-rule { height: 2px; width: 48px; background: var(--amber); margin-bottom: 26px; }
.cos-domain__short-rule--ink { background: var(--ink); }
.cos-domain__actions { display: flex; flex-wrap: wrap; gap: 18px 26px; align-items: center; margin-top: 32px; }
.cos-domain__actions > .inline-link { font-size: 15.5px; font-weight: 500; }

/* Hero and the complete, authored domain record. */
.cos-domain__hero-surface { background: radial-gradient(120% 90% at 0% 0%,#FFFDF9 0%,#FBF9F5 40%,#F1EEE7 100%); }
.cos-domain__hero-surface::before { mask-image: radial-gradient(ellipse 55% 80% at 25% 40%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 45%,transparent 100%); -webkit-mask-image: radial-gradient(ellipse 55% 80% at 25% 40%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 45%,transparent 100%); }
.cos-domain .cos-domain__hero { padding-top: calc(72px * var(--sy)); padding-bottom: calc(64px * var(--sy)); }
.cos-domain__hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: 72px; align-items: center; }
.cos-domain__breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; font: 12px/1.5 'IBM Plex Mono',monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-light); margin-bottom: 26px; }
.cos-domain__breadcrumb a { color: var(--muted); }
.cos-domain__breadcrumb a:hover { color: var(--teal); }
.cos-domain__breadcrumb [aria-current] { color: var(--ink); }
.cos-domain__lead { max-width: 44ch; margin: 0; font-size: 19px; line-height: 1.5; font-weight: 300; text-wrap: pretty; }
.cos-domain__panel { border: 1px solid var(--ink); border-radius: 6px; overflow: hidden; background: var(--warm-white); box-shadow: 0 1px 0 #17161A; }
.cos-domain__chrome { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--ink); color: var(--warm-white); padding: 10px 16px; font: 12px/1.55 'IBM Plex Mono',monospace; letter-spacing: .12em; text-transform: uppercase; }
.cos-domain__chrome > span:first-child { display: flex; align-items: center; gap: 10px; }
.cos-domain__chrome svg { flex: none; }
.cos-domain__qualifier { font-size: 11px; color: #B4B1AB; }
.cos-domain__record-title { font-size: 24px; line-height: 1.15; letter-spacing: -.022em; margin-top: 8px; max-width: 24ch; }

/* Optional overview video, framed within the shared page gutters. */
.cos-domain__video { padding-top: calc(32px * var(--sy)); padding-bottom: calc(8px * var(--sy)); }
.cos-domain__video .cos-domain__h2 { max-width: none; text-align: center; }
/* At 16:9, 133.3333vh of width gives a player no taller than 75vh. */
.cos-domain__video-figure { width: min(100%,960px,133.333333vh); width: min(100%,960px,133.333333svh); margin: 30px auto 0; min-width: 0; }
.cos-domain__video-frame { aspect-ratio: 16 / 9; border: 0; border-radius: 6px; overflow: hidden; background: var(--ink); }
.cos-domain__video-frame iframe, .cos-domain__video-frame video { display: block; width: 100%; height: 100%; border: 0; }
.cos-domain__video-frame video { object-fit: contain; }

/* Captured knowledge and its illustrative, sourced answer. */
.cos-domain__sticky { position: sticky; top: 104px; }
.cos-domain__ruled-list { border-top: 2px solid var(--ink); }
.cos-domain__capture-row { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.4fr); gap: 32px; padding: 22px 0; border-bottom: 1px solid var(--border); }
.cos-domain__capture-row h3, .cos-domain__connection-title { font: 600 20px/1.2 Archivo,sans-serif; letter-spacing: -.016em; color: var(--ink); margin: 0; }
.cos-domain__capture-row p { font-size: 17px; line-height: 1.6; margin: 0; text-wrap: pretty; }
.cos-domain__example { background: var(--paper); border-block: 1px solid var(--border); }
.cos-domain__example .cos-domain__section { padding-block: calc(72px * var(--sy)); }
.cos-domain__eyebrow { font-size: 12px; margin-bottom: 18px; }
.cos-domain__panel-body { padding: 22px 24px 24px; }
.cos-domain__question { font-size: 23px; line-height: 1.15; letter-spacing: -.022em; margin-top: 8px; }
.cos-domain__answer-rule { height: 2px; background: var(--ink); margin-top: 14px; }
.cos-domain__answer-label { margin-top: 20px; }
.cos-domain__answer { font-size: 17px; line-height: 1.5; color: var(--ink); margin: 6px 0 0; text-wrap: pretty; }
.cos-domain__based-on { color: var(--teal); margin: 22px 0 6px; }
.cos-domain__sources { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--border); }
.cos-domain__sources li { display: grid; grid-template-columns: 16px minmax(0,1fr); gap: 12px; align-items: start; padding: 10px 0; border-top: 1px solid var(--border); }
.cos-domain__sources svg { margin-top: 3px; }
.cos-domain__source-label { font: 500 15px/1.45 'Public Sans',sans-serif; letter-spacing: 0; color: var(--muted); text-transform: uppercase; }
.cos-domain__source-label.cos-domain__label--person { color: var(--amber-text); }
.cos-domain__sources p { font-size: 15.5px; line-height: 1.5; color: var(--ink); margin: 3px 0 0; }
.cos-domain__approval { font-size: 13.5px; line-height: 1.5; color: var(--muted); margin: 14px 0 0; }

/* Photography is framed, full-colour, with no grading or overlays. */
.cos-domain__photo { margin: 0; min-width: 0; }
.cos-domain__photo-frame { overflow: hidden; aspect-ratio: var(--ar-doc); background: var(--border); border: 1px solid var(--border-strong); border-radius: 6px; }
.cos-domain__photo-frame img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px; }
.cos-domain__why .cos-domain__intro { max-width: 46ch; }
.cos-domain__uses { background: linear-gradient(180deg,#FBF9F5,#F1EEE7); }
.cos-domain__uses .cos-domain__section { padding-top: calc(32px * var(--sy)); }
.cos-domain__uses-inner { border-top: 2px solid var(--ink); padding-top: 34px; }
.cos-domain__uses .cos-domain__h2 { max-width: 24ch; }
.cos-domain__uses ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 64px; margin: 36px 0 0; padding: 0; list-style: none; }
.cos-domain__uses li { display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: baseline; padding: 18px 0; border-top: 1px solid var(--border); font-size: 16.5px; line-height: 1.5; color: var(--ink); text-wrap: pretty; }
.cos-domain__uses li::before { content: ''; width: 7px; height: 7px; background: var(--ink); }
.cos-domain__connections { padding-top: calc(96px * var(--sy)); padding-bottom: calc(104px * var(--sy)); }
.cos-domain__connection { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.5fr) 20px; gap: 32px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--border); color: var(--ink); }
.cos-domain__connection-text { font-size: 15.5px; line-height: 1.6; color: var(--body); text-wrap: pretty; }
a.cos-domain__connection:hover { color: var(--teal); border-bottom-color: var(--teal); }
a.cos-domain__connection:hover .cos-domain__connection-title { color: inherit; }

/* One dark discovery band, followed by the same ten-domain navigation on every page. */
.cos-domain__discovery { background: radial-gradient(90% 75% at 85% 0%,#2E2C33 0%,#17161A 65%); color: var(--warm-white); }
.cos-domain__discovery .cos-domain__section { padding-top: calc(88px * var(--sy)); padding-bottom: calc(84px * var(--sy)); }
.cos-domain__band-heading { font-size: 52px; line-height: 1.03; letter-spacing: -.032em; max-width: 17ch; color: var(--warm-white); }
.cos-domain__discovery .cos-domain__section > div { max-width: 800px; }
.cos-domain__discovery p { font-size: 17.5px; line-height: 1.6; color: #D9D6D0; max-width: 50ch; margin: 26px 0 0; text-wrap: pretty; }
.cos-domain__discovery .cos-domain__actions { margin-top: 34px; }
.cos-domain__email { font-size: 15.5px; font-weight: 500; color: var(--warm-white); border-bottom: 1px solid rgba(251,249,245,.4); padding-bottom: 2px; }
.cos-domain__email:hover { color: var(--warm-white); border-bottom-color: var(--teal); }

@media (max-width:1024px) {
  .cos-domain__hero-grid, .cos-domain__split { grid-template-columns: minmax(0,1fr); gap: 44px; }
  .cos-domain__sticky { position: static; }
}
@media (max-width:900px) {
  .cos-domain__h1 { font-size: clamp(38px,8.4vw,52px); }
  .cos-domain__h2 { font-size: clamp(28px,4.4vw,34px); }
  .cos-domain__lead { font-size: clamp(17px,2.2vw,19px); }
  .cos-domain__band-heading { font-size: clamp(30px,4.8vw,40px); }
  .cos-domain__capture-row, .cos-domain__connection { grid-template-columns: minmax(0,1fr); gap: 6px; }
  .cos-domain__connection > svg { display: none; }
  .cos-domain__uses ul { grid-template-columns: minmax(0,1fr); }
  .cos-domain__chrome { flex-wrap: wrap; }
}
@media (max-width:640px) {
  .cos-domain__record-body, .cos-domain__panel-body { padding: 18px 16px 20px; }
  .cos-domain__actions { flex-direction: column; align-items: flex-start; gap: 16px; }
  .cos-domain__h1, .cos-domain__h2, .cos-domain__band-heading, .cos-domain__lead { max-width: none; }
}
@media (prefers-reduced-motion:reduce) {
  .cos-domain .amber-rule--hero { animation: none !important; transform: none !important; }
}

/* The domain name and the knowledge/work split are visible before video playback. */
.cos-domain__name { margin: 0 0 16px; color: var(--ink); font: 600 21px/1.25 Archivo,sans-serif; letter-spacing: -.01em; }
.cos-domain__summary .cos-domain__record-title { margin-top: 0; max-width: 28ch; font-size: 25px; }
.cos-domain__summary-label { margin: 24px 0 10px; padding-top: 18px; border-top: 1px solid var(--border); font: 600 17px/1.3 Archivo,sans-serif; color: var(--ink); }
.cos-domain__summary-list { margin: 0; padding-left: 18px; font-size: 16px; line-height: 1.5; }
.cos-domain__summary-list li + li { margin-top: 9px; }
.cos-domain__captures { padding-top: calc(56px * var(--sy)); }
.cos-domain__answer { white-space: pre-line; }
.cos-domain__source-kind { color: var(--muted); font-size: 12px; line-height: 1.5; margin-bottom: 3px; }
.cos-domain__source-label { font-family: 'Public Sans',sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.cos-domain__explore { display: inline-flex; gap: 10px; align-items: center; margin-top: 26px; min-height: 44px; }
.cos-domain__video-poster { display: grid; grid-template-columns: 1.1fr 1fr; align-items: stretch; width: 100%; height: 100%; background: var(--paper); color: var(--ink); }
.cos-domain__video-poster:hover { color: var(--ink); }
.cos-domain__poster-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(16px,3vw,36px); gap: clamp(10px,1.8vw,24px); min-width: 0; }
.cos-domain__poster-copy .cos-domain__label { font-size: clamp(10px,1vw,12px); line-height: 1.4; letter-spacing: .08em; }
.cos-domain__poster-title { font: 600 clamp(18px,2.4vw,32px)/1.12 Archivo,sans-serif; letter-spacing: -.02em; text-wrap: balance; }
.cos-domain__poster-play { display: inline-flex; gap: 10px; align-items: center; color: var(--warm-white); background: var(--ink); padding: 10px 12px; border-radius: 4px; font-size: 14px; line-height: 1.4; min-height: 44px; }
.cos-domain__video-poster:hover .cos-domain__poster-play { background: var(--teal); }
.cos-domain__poster-play svg { flex: none; width: 16px; height: 16px; }
.cos-domain__video-poster > img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: 0; }
.cos-domain__video-poster:focus-visible { outline: 3px solid var(--amber); outline-offset: -3px; }
@media(max-width:640px) {
 .cos-domain__poster-copy { padding: 12px; gap: 8px; }
 .cos-domain__poster-play { font-size: 12px; padding: 6px 8px; gap: 6px; }
 .cos-domain__poster-title { font-size: 18px; }
}

.cos-domain__approval { font-size: 15px; }

.cos-domain__actions > .inline-link, .cos-domain__email { display: inline-flex; align-items: center; min-height: 44px; }