/* Supporting pages share the site's type, navigation and spacing system. */
.detail-hero { padding: 78px 0 72px; background: #fbfaf7; }
.detail-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: start; gap: 72px; }
.detail-hero-copy { max-width: 730px; }
.detail-hero h1 { max-width: 16ch; margin: 15px 0 26px; font-size: clamp(42px, 4.1vw, 60px); line-height: 1.08; letter-spacing: -.045em; }
.detail-hero p:not(.section-label) { max-width: 59ch; color: #52616e; }
.detail-lead { font-size: 20px; line-height: 1.55; }
.detail-hero .actions { margin-top: 30px; }
.detail-hero .text-link { font-size: 16px; }
.detail-sky { background: #e6edf0; }
.detail-paper { background: #ece6d9; }
.detail-section-intro { max-width: 730px; margin-bottom: 40px; }
.detail-section-intro h2 { margin-bottom: 18px; }
.detail-section-intro p { color: #52616e; }
.detail-split { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 88px; align-items: start; }
.detail-split h2 { max-width: 16ch; }
.detail-prose { max-width: 66ch; }
.detail-prose p + p { margin-top: 22px; }
.detail-prose p { color: #52616e; }
.detail-prose .text-link { display: inline-block; margin-top: 24px; }
.detail-record { margin: 6px 0 0; background: #fff; border: 1px solid #c7d0d6; border-radius: 4px; overflow: hidden; box-shadow: 0 8px 24px rgba(20,48,78,.035); font-size: 15px; }
.detail-record-head { display: flex; justify-content: space-between; gap: 20px; padding: 20px 24px; color: #fff; background: #14304e; }
.detail-record-head span { opacity: .8; font-size: 13px; }
.detail-record-title { padding: 24px 24px 20px; }
.detail-record-title h2 { margin: 0 0 6px; font-size: 23px; letter-spacing: -.025em; }
.detail-record-title p { margin: 0; font-size: 14px; }
.detail-record dl { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0; padding: 0 24px 24px; }
.detail-record dt { color: #52616e; font-size: 13px; }
.detail-record dd { margin: 5px 0 0; font-weight: 600; }
.detail-record-list { margin: 0 24px; padding: 0; list-style: none; border-top: 1px solid #dae0e4; }
.detail-record-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid #dae0e4; }
.detail-record-list strong { color: #345b49; font-size: 13px; font-weight: 500; }
.detail-record-list .detail-waiting { color: #78591f; }
.detail-record figcaption { padding: 17px 24px; color: #52616e; background: #f4f6f6; font-size: 12px; line-height: 1.55; }
.detail-stages { margin: 0; padding: 0; list-style: none; }
.detail-stages > li { display: grid; grid-template-columns: 38px minmax(0, .62fr) minmax(0, 1.15fr) minmax(0, .9fr); gap: 24px; align-items: start; padding: 27px 0; border-top: 1px solid #c8d2d8; }
.detail-stages > li:last-child { border-bottom: 1px solid #c8d2d8; }
.detail-step { display: grid; width: 32px; height: 32px; place-items: center; color: #14304e; background: #fff; border: 1px solid #c7d0d6; border-radius: 50%; font-size: 14px; font-weight: 600; }
.detail-stages h3 { padding-top: 3px; font-size: 20px; }
.detail-stages p { color: #52616e; font-size: 16px; }
.detail-stages .detail-stage-check { padding-top: 3px; color: #14304e; font-size: 15px; font-weight: 500; }
.detail-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.detail-two-col h3 { margin-bottom: 18px; }
.detail-list { margin: 0; padding-left: 21px; color: #52616e; }
.detail-list li { padding-left: 5px; margin-bottom: 12px; }
.detail-list li::marker { color: #788b98; }
.detail-service-note { margin-top: 34px; padding-top: 24px; border-top: 1px solid #c8d2d8; color: #14304e; font-size: 16px; }
.detail-contact { padding: 60px 0; color: #fff; background: #14304e; }
.detail-contact-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .75fr); gap: 80px; align-items: center; }
.detail-contact h2 { max-width: 20ch; font-size: clamp(29px, 3vw, 38px); }
.detail-contact p { max-width: 49ch; margin-bottom: 24px; color: #dbe3e8; }
.detail-contact .text-link { color: #fff; font-size: 15px; }
.detail-contact :focus-visible { outline-color: #edcc8c; }
.detail-brief { background: #e6edf0; padding: 30px; border-radius: 3px; }
.detail-brief h2 { max-width: 22ch; margin: 0 0 8px; font-size: 23px; }
.detail-brief > p { margin: 0 0 22px; font-size: 14px; }
.detail-brief dl { margin: 0; }
.detail-brief dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 18px; padding: 17px 0; border-top: 1px solid #c7d2d9; }
.detail-brief dt { color: #52616e; font-size: 14px; }
.detail-brief dd { margin: 0; font-size: 16px; font-weight: 500; }
.detail-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin: 0; padding: 0; list-style: none; counter-reset: marketing-flow; }
.detail-flow li { padding-top: 20px; border-top: 2px solid #a7b7c1; counter-increment: marketing-flow; }
.detail-flow li::before { content: counter(marketing-flow); display: block; margin-bottom: 20px; color: #52616e; font-size: 15px; }
.detail-flow h3 { margin-bottom: 12px; font-size: 20px; }
.detail-flow p { color: #52616e; font-size: 16px; }
.detail-review-list { margin: 0; }
.detail-review-list > div { display: grid; grid-template-columns: .75fr 1.25fr; gap: 24px; padding: 23px 0; border-top: 1px solid #c8d2d8; }
.detail-review-list > div:last-child { border-bottom: 1px solid #c8d2d8; }
.detail-review-list dt { font-weight: 600; }
.detail-review-list dd { margin: 0; color: #52616e; font-size: 16px; }
.detail-fit-note { align-self: center; padding: 28px 0 28px 30px; border-left: 3px solid #b8924a; }
.detail-fit-note h2 { margin: 0 0 18px; font-size: 23px; }
.detail-fit-note .detail-list { font-size: 16px; }
.detail-trades { padding-top: 16px; }
.detail-trade { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; padding: 35px 0; border-top: 1px solid #c8d2d8; }
.detail-trade:last-child { border-bottom: 1px solid #c8d2d8; }
.detail-trade h3 { margin-bottom: 12px; }
.detail-trade p { color: #52616e; font-size: 16px; }
.detail-trade dl { margin: 0; }
.detail-trade dl > div + div { margin-top: 20px; }
.detail-trade dt { font-size: 14px; font-weight: 600; }
.detail-trade dd { margin: 5px 0 0; color: #52616e; font-size: 16px; }
.detail-small-note { max-width: 78ch; margin-top: 26px; color: #52616e; font-size: 14px; }
.detail-role { margin: 6px 0 0; padding: 32px; background: #ece6d9; }
.detail-role h2 { font-size: 25px; max-width: 22ch; margin-bottom: 24px; }
.detail-role ul { margin: 0; padding: 0; list-style: none; }
.detail-role li { padding: 11px 0; border-top: 1px solid #cec7bb; font-size: 17px; }
.detail-role figcaption { margin-top: 20px; color: #52616e; font-size: 13px; }
.detail-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 16px; }
.detail-table th, .detail-table td { padding: 23px 24px 23px 0; vertical-align: top; border-bottom: 1px solid #c8d2d8; }
.detail-table thead th { padding-top: 0; color: #52616e; font-size: 14px; font-weight: 500; }
.detail-table tbody th { width: 27%; font-weight: 600; }
.detail-table tbody td { width: 36.5%; color: #52616e; }
.detail-table th:last-child, .detail-table td:last-child { padding-right: 0; }
.detail-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; }
.detail-options h3 { font-size: 22px; margin-bottom: 14px; }
.detail-options p { color: #52616e; font-size: 16px; }
.detail-about-hero .detail-hero-grid { grid-template-columns: 1.5fr .6fr; gap: 100px; align-items: center; }
.detail-about-hero h1 { max-width: 19ch; }
.detail-founder { padding: 24px 0 24px 28px; border-left: 3px solid #b8924a; }
.detail-founder h2 { font-size: 25px; margin-bottom: 5px; }
.detail-founder p { font-size: 15px; }
.detail-founder .text-link { display: inline-block; margin-top: 20px; }
.detail-origin { font-size: 22px; line-height: 1.55; color: #14304e !important; }
.detail-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; }
.detail-principles article { padding-top: 26px; border-top: 1px solid #becbd3; }
.detail-principles h3 { margin-bottom: 16px; font-size: 22px; }
.detail-principles p { color: #52616e; font-size: 16px; }
.detail-legal-hero { padding-bottom: 48px; }
.detail-legal-hero h1 { max-width: none; }
.detail-legal-hero small { display: block; margin-top: 24px; color: #52616e; font-size: 14px; }
.detail-legal { display: grid; grid-template-columns: .65fr 1.5fr; gap: 80px; padding-bottom: 88px; }
.detail-legal aside { padding-top: 6px; font-size: 15px; }
.detail-legal aside > span { display: block; color: #52616e; font-size: 14px; margin-bottom: 10px; }
.detail-legal aside strong { display: block; margin-bottom: 10px; font-size: 18px; }
.detail-legal a { text-decoration: underline; text-underline-offset: 3px; }
.detail-legal-copy { max-width: 68ch; }
.detail-legal-copy section { padding-top: 30px; margin-bottom: 34px; border-top: 1px solid #c8d2d8; }
.detail-legal-copy h2 { margin-bottom: 18px; font-size: 26px; line-height: 1.25; }
.detail-legal-copy p { margin-bottom: 18px; color: #52616e; }
.detail-error { padding: 100px 0 120px; min-height: 60vh; }
.detail-error h1 { max-width: 13ch; margin-bottom: 24px; }
.detail-error p:not(.section-label) { max-width: 52ch; color: #52616e; }
.detail-error .actions { margin-top: 30px; }

@media (max-width: 1020px) {
  .detail-hero-grid { gap: 40px; grid-template-columns: 1fr 1fr; }
  .detail-hero h1 { font-size: 48px; }
  .detail-split { gap: 48px; }
  .detail-contact-inner { gap: 48px; }
  .detail-flow { gap: 24px; }
  .detail-trade { gap: 48px; }
  .detail-about-hero .detail-hero-grid { gap: 60px; grid-template-columns: 1.35fr .75fr; }
  .detail-legal { gap: 48px; }
  .detail-stages > li { grid-template-columns: 32px minmax(0, .65fr) minmax(0, 1.25fr); gap: 18px; }
  .detail-stages .detail-stage-check { grid-column: 3; padding: 0; }
}

@media (max-width: 760px) {
  .detail-hero { padding: 48px 0 54px; }
  .detail-hero-grid, .detail-about-hero .detail-hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .detail-hero h1 { max-width: 19ch; margin-top: 12px; font-size: clamp(38px, 7vw, 48px); }
  .detail-lead { font-size: 18px; }
  .detail-split, .detail-contact-inner, .detail-trade, .detail-legal { grid-template-columns: 1fr; gap: 30px; }
  .detail-split h2 { max-width: 24ch; }
  .detail-two-col { gap: 36px; }
  .detail-section-intro { margin-bottom: 28px; }
  .detail-stages > li { grid-template-columns: 32px 1fr; gap: 12px 18px; padding: 24px 0; }
  .detail-stages > li > p { grid-column: 2; }
  .detail-stages .detail-stage-check { grid-column: 2; }
  .detail-stages h3 { padding-top: 4px; }
  .detail-flow { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .detail-contact { padding: 46px 0; }
  .detail-contact-inner { gap: 22px; }
  .detail-contact h2 { max-width: 24ch; }
  .detail-contact p { margin-bottom: 22px; }
  .detail-options, .detail-principles { grid-template-columns: 1fr; gap: 30px; }
  .detail-trade { gap: 22px; }
  .detail-fit-note { padding: 4px 0 4px 24px; }
  .detail-table, .detail-table tbody { display: block; }
  .detail-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .detail-table tr { display: block; padding: 25px 0; border-top: 1px solid #c8d2d8; }
  .detail-table tr:last-child { border-bottom: 1px solid #c8d2d8; }
  .detail-table tbody th, .detail-table tbody td { display: block; width: 100%; padding: 0; border: 0; }
  .detail-table tbody th { margin-bottom: 18px; font-size: 20px; }
  .detail-table td + td { margin-top: 18px; }
  .detail-table td::before { content: attr(data-label); display: block; margin-bottom: 5px; color: #14304e; font-size: 14px; font-weight: 600; }
  .detail-founder { padding-top: 6px; padding-bottom: 6px; }
  .detail-legal { padding-bottom: 46px; gap: 40px; }
  .detail-legal-copy h2 { font-size: 25px; }
  .detail-error { padding: 60px 0 80px; }
}

@media (max-width: 480px) {
  .detail-two-col, .detail-flow { grid-template-columns: 1fr; }
  .detail-brief { padding: 24px; }
  .detail-brief dl > div { grid-template-columns: 78px 1fr; gap: 12px; }
  .detail-role { padding: 24px; }
  .detail-record-head { padding: 17px 20px; gap: 10px; }
  .detail-record-title { padding: 22px 20px 18px; }
  .detail-record dl { padding: 0 20px 20px; gap: 16px; }
  .detail-record-list { margin-right: 20px; margin-left: 20px; }
  .detail-record-list li { gap: 12px; }
  .detail-record figcaption { padding: 16px 20px; }
  .detail-record-head span { font-size: 12px; }
  .detail-review-list > div { grid-template-columns: 1fr; gap: 8px; }
  .detail-flow li { position: relative; padding: 18px 0 0 32px; }
  .detail-flow li::before { position: absolute; top: 18px; left: 0; }
  .detail-small-note { font-size: 13px; }
}


/* Editorial openings keep the photograph clear and the operating story in the foreground. */
.detail-masthead, .detail-editorial-split { background: #fbfaf7; }
.detail-masthead-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(50px,7vw,120px); align-items: end; padding-block: 62px 60px; }
.detail-masthead h1, .detail-editorial-split h1 { max-width: 18ch; font-size: clamp(50px,5.25vw,80px); line-height: 1.025; letter-spacing: -.052em; text-wrap: balance; }
.detail-masthead .section-label, .detail-editorial-split .section-label { margin-bottom: 25px; color: #5d6b70; }
.detail-masthead-summary { padding-bottom: 5px; }
.detail-masthead-summary .detail-lead { max-width: 46ch; color: #52616e; font-size: 19px; line-height: 1.65; }
.detail-masthead .actions, .detail-editorial-split .actions { margin-top: 27px; }
.detail-masthead-image { width: 100%; height: clamp(360px,35vw,550px); }
.detail-masthead-image img { width: 100%; height: 100%; object-fit: cover; }
.detail-masthead-platform .detail-masthead-image img { object-position: center 57%; }
.detail-masthead-sectors h1 { max-width: 20ch; }
.detail-masthead-sectors .detail-masthead-image { height: clamp(410px,36vw,570px); }
.detail-masthead-sectors .detail-masthead-image img { object-position: center 60%; }
.detail-masthead-about .detail-masthead-grid { grid-template-columns: 1.35fr .65fr; padding-block: 64px 63px; gap: 96px; }
.detail-masthead-about h1 { max-width: 20ch; font-size: clamp(56px,5.6vw,86px); }
.detail-masthead-about .detail-masthead-image { height: clamp(400px,34vw,530px); }
.detail-masthead-about .detail-masthead-image img { object-position: center 63%; }
.detail-editorial-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px,6vw,100px); padding-block: 42px 54px; min-height: 695px; }
.detail-editorial-copy { align-self: center; padding-block: 25px; }
.detail-editorial-split h1 { max-width: 13.5ch; margin-bottom: 29px; font-size: clamp(52px,4.8vw,74px); }
.detail-editorial-copy .detail-lead { max-width: 42ch; color: #52616e; font-size: 18px; line-height: 1.65; }
.detail-editorial-image { min-width: 0; position: relative; }
.detail-editorial-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 53% center; }
.detail-editorial-office .detail-editorial-grid { grid-template-columns: 1.1fr .9fr; }
.detail-editorial-office .detail-editorial-image { grid-column: 1; grid-row: 1; }
.detail-editorial-office .detail-editorial-copy { grid-column: 2; }
.detail-editorial-office h1 { max-width: 14ch; }
.detail-editorial-office .detail-editorial-image img { object-position: 54% center; }

/* A job is a working document, with one visible stage and one next action. */
.detail-record-band { padding: 70px 0; background: #14304e; }
.detail-record-wide { display: grid; grid-template-columns: 1.05fr 1.2fr 1fr; max-width: 1250px; margin: 0 auto; border: 0; border-radius: 5px; box-shadow: 0 28px 70px #061c3138; }
.detail-record-wide .detail-record-head { grid-column: 1 / -1; background: #f3f5f5; color: #14304e; padding: 21px 32px; border-bottom: 1px solid #d7dfe1; }
.detail-record-head strong { font-size: 17px; letter-spacing: -.02em; }
.detail-record-head strong span { font-size: 14px; font-weight: 400; margin-left: 9px; color: #68777f; }
.detail-record-route { display: grid; grid-template-columns: repeat(5,1fr); grid-column: 1 / -1; gap: 0; margin: 0; padding: 0 32px; list-style: none; background: #f3f5f5; }
.detail-record-route li { padding: 16px 8px; text-align: center; font-size: 13px; color: #68777f; border-bottom: 3px solid transparent; }
.detail-record-route li[aria-current] { border-bottom-color: #b8924a; color: #14304e; font-weight: 600; }
.detail-record-wide .detail-record-title { padding: 38px 32px; align-self: center; }
.detail-record-wide .detail-record-title h2 { max-width: 13ch; font-size: 32px; line-height: 1.1; margin: 10px 0 22px; }
.detail-record-location { color: #68777f; }
.detail-status { display: inline-block; padding: 5px 10px; border-radius: 3px; background: #e5eee8; color: #345b49; font-size: 12px; font-weight: 500; }
.detail-record-wide dl { align-content: center; padding: 33px 24px; gap: 27px 22px; }
.detail-record-wide .detail-record-list { align-self: center; margin: 0 32px 0 5px; border-top: 0; }
.detail-record-wide .detail-record-list li { gap: 9px; flex-wrap: wrap; padding: 14px 0; }
.detail-record-wide .detail-record-list li:last-child { border-bottom: 0; }
.detail-record-next { display: flex; gap: 26px; align-items: baseline; grid-column: 1 / -1; padding: 21px 32px; background: #f1ede3; }
.detail-record-next > span { flex-shrink: 0; color: #6f6045; font-size: 13px; }
.detail-record-next > strong { font-size: 15px; font-weight: 500; }
.detail-record-wide figcaption { grid-column: 1 / -1; padding: 13px 32px; background: #fff; font-size: 11px; }
.detail-journey-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; align-items: start; }
.detail-journey .detail-section-intro { position: sticky; top: 125px; }
.detail-journey .detail-section-intro h2 { max-width: 13ch; font-size: clamp(38px,3.5vw,50px); }
.detail-journey .detail-section-intro p { max-width: 38ch; font-size: 16px; }
.detail-journey .detail-step { display: none; }
.detail-journey .detail-stages > li { grid-template-columns: .6fr 1.4fr; gap: 10px 28px; padding: 29px 0; }
.detail-journey .detail-stages h3 { font-size: 21px; }
.detail-journey .detail-stages .detail-stage-check { grid-column: 2; padding-top: 4px; font-size: 14px; }
.detail-journey .detail-stages p { font-size: 15px; }
.detail-page-platform #managed { background: #ece6d9; }
.detail-page-platform #managed .detail-two-col { gap: 80px; border-top: 1px solid #c8c2b7; padding-top: 32px; }

.detail-brief-band { padding: 42px 0; background: #14304e; color: #fbfaf7; }
.detail-brief-wide { display: grid; grid-template-columns: .85fr 2.65fr; gap: 8px 54px; background: none; padding: 0; }
.detail-brief-wide h2 { grid-column: 1; max-width: 20ch; margin: 0; font-size: 25px; }
.detail-brief-wide > p { grid-column: 1; align-self: start; margin: 0; color: #c0ccd6; font-size: 12px; }
.detail-brief-wide dl { display: grid; grid-template-columns: repeat(4,1fr); grid-column: 2; grid-row: 1 / 3; gap: 25px; }
.detail-brief-wide dl > div { display: block; padding: 0 0 0 23px; border-top: 0; border-left: 1px solid #ffffff30; }
.detail-brief-wide dt { margin-bottom: 12px; color: #c6ad7a; font-size: 13px; }
.detail-brief-wide dd { font-size: 15px; }
.detail-marketing-route .detail-section-intro { display: grid; grid-template-columns: 1fr .8fr; max-width: none; gap: 100px; align-items: end; margin-bottom: 60px; }
.detail-marketing-route .detail-section-intro h2 { max-width: 20ch; margin: 0; font-size: clamp(36px,3.5vw,50px); }
.detail-marketing-route .detail-section-intro p { max-width: 47ch; }
.detail-flow { gap: 40px; }
.detail-flow li { border-top: 1px solid #a7b7c1; padding-top: 28px; }
.detail-flow li::before { display: none; }
.detail-flow h3 { margin-bottom: 16px; font-size: 24px; }
.detail-page-marketing .detail-review-list dt { font-size: 18px; }
.detail-page-marketing .detail-review-list > div { padding-block: 26px; }

.detail-fit-bar { padding: 39px 0; background: #ece6d9; }
.detail-fit-bar .detail-fit-note { display: grid; grid-template-columns: .7fr 2fr; gap: 65px; align-items: start; padding: 0; border: 0; }
.detail-fit-bar h2 { max-width: 16ch; margin: 0; font-size: 24px; }
.detail-fit-bar .detail-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 40px; padding: 0; margin: 0; list-style: none; }
.detail-fit-bar .detail-list li { margin: 0; padding: 0; font-size: 15px; }
.detail-trades-section .detail-section-intro { max-width: 790px; margin-bottom: 55px; }
.detail-trades-section .detail-section-intro h2 { font-size: clamp(38px,3.7vw,52px); }
.detail-trade { grid-template-columns: 1fr 1.05fr; padding-block: 42px; gap: 110px; }
.detail-trade h3 { font-size: clamp(28px,2.5vw,35px); margin-bottom: 16px; }
.detail-trade > div > p { max-width: 43ch; }
.detail-trade dl { display: grid; grid-template-columns: 1.15fr 1fr; gap: 37px; }
.detail-trade dl > div + div { margin: 0; }
.detail-trade dt { font-size: 13px; color: #536570; margin-bottom: 11px; }
.detail-trade dd { margin: 0; font-size: 15px; }
.detail-page-sectors .detail-two-col { padding-top: 30px; border-top: 1px solid #c8d2d8; }
.detail-page-sectors #fit-title { font-size: 42px; }

.detail-role-band { padding: 38px 0; background: #ece6d9; }
.detail-role-wide { display: grid; grid-template-columns: .75fr 1.6fr; gap: 15px 72px; margin: 0; padding: 0; }
.detail-role-wide h2 { grid-column: 1; grid-row: 1 / 3; max-width: 21ch; margin: 0; font-size: 25px; }
.detail-role-wide ul { display: flex; gap: 13px 24px; flex-wrap: wrap; grid-column: 2; }
.detail-role-wide li { padding: 0; border: 0; font-size: 15px; }
.detail-role-wide li::after { content: '/'; display: inline-block; margin-left: 24px; color: #a99e8b; }
.detail-role-wide li:last-child::after { display: none; }
.detail-role-wide figcaption { grid-column: 2; margin: 0; font-size: 12px; }
.detail-office-work .detail-section-intro { max-width: 820px; margin-bottom: 48px; }
.detail-office-work .detail-section-intro h2 { font-size: clamp(38px,3.7vw,52px); }
.detail-office-work .detail-table thead { background: #14304e; }
.detail-office-work .detail-table thead th { padding: 22px 28px; color: #fff; font-size: 14px; }
.detail-office-work .detail-table td, .detail-office-work .detail-table tbody th { padding: 29px 28px; }
.detail-office-work .detail-table tbody th { width: 24%; color: #14304e; font-size: 20px; background: #f0f2ef; }
.detail-office-work .detail-table tbody td { width: 38%; font-size: 16px; }
.detail-office-work .detail-table tbody td:nth-child(2) { background: #f8f9f6; }
.detail-options { gap: 50px; }
.detail-options article { padding-top: 28px; border-top: 1px solid #c8d2d8; }
.detail-options h3 { font-size: 25px; }

.detail-founder-band { padding: 35px 0; background: #14304e; color: #fbfaf7; }
.detail-founder-band-inner { display: grid; grid-template-columns: 1fr 1fr auto; gap: 45px; align-items: center; }
.detail-founder-band h2 { font-size: 36px; letter-spacing: -.04em; }
.detail-founder-band p { color: #d6dfe4; font-size: 15px; }
.detail-founder-band .text-link { font-size: 15px; }
.detail-founder-band :focus-visible { outline-color: #edcc8c; }
.detail-origin-section .detail-split { grid-template-columns: .8fr 1.2fr; gap: 125px; }
.detail-origin-section h2 { max-width: 14ch; font-size: clamp(38px,3.7vw,52px); }
.detail-origin-section .detail-origin { font-size: 27px; line-height: 1.5; letter-spacing: -.02em; }
.detail-page-about .detail-principles { display: block; border-top: 1px solid #c8d2d8; }
.detail-page-about .detail-principles article { display: grid; grid-template-columns: .8fr 1.2fr; gap: 125px; padding-block: 28px; border-top: 0; border-bottom: 1px solid #c8d2d8; }
.detail-page-about .detail-principles h3 { font-size: 27px; margin: 0; }
.detail-page-about .detail-principles p { max-width: 61ch; font-size: 17px; }
.detail-page-about .detail-principles + * { margin-top: 0; }
.detail-art-page .detail-contact { padding-block: 76px; }
.detail-art-page .detail-contact h2 { max-width: 18ch; font-size: clamp(36px,3.4vw,49px); }

@media (max-width: 1100px) {
 .detail-masthead-grid { grid-template-columns: 1.15fr .85fr; gap: 42px; padding-block: 48px; }
 .detail-masthead h1 { font-size: 60px; }
 .detail-masthead-about .detail-masthead-grid { grid-template-columns: 1.15fr .85fr; gap: 45px; }
 .detail-masthead-summary .detail-lead { font-size: 17px; }
 .detail-editorial-grid { gap: 40px; min-height: 640px; }
 .detail-editorial-split h1 { font-size: 55px; }
 .detail-editorial-copy .detail-lead { font-size: 17px; }
 .detail-journey-layout { grid-template-columns: .7fr 1.3fr; gap: 45px; }
 .detail-journey .detail-stages > li { grid-template-columns: 1fr; }
 .detail-journey .detail-stages .detail-stage-check { grid-column: 1; }
 .detail-record-wide { grid-template-columns: .8fr 1.2fr; }
 .detail-record-wide .detail-record-list { display: flex; grid-column: 1 / -1; gap: 25px; margin: 0 32px 25px; border-top: 1px solid #d7dfe1; }
 .detail-record-wide .detail-record-list li { flex: 1; border: 0; }
 .detail-brief-wide { grid-template-columns: 1fr; gap: 15px; }
 .detail-brief-wide h2 { max-width: none; }
 .detail-brief-wide > p { margin-top: -7px; }
 .detail-brief-wide dl { grid-column: 1; grid-row: auto; margin-top: 15px; }
 .detail-brief-wide dl > div:first-child { padding-left: 0; border: 0; }
 .detail-marketing-route .detail-section-intro { gap: 55px; }
 .detail-flow { grid-template-columns: 1fr 1fr; gap: 40px; }
 .detail-trade { gap: 60px; grid-template-columns: .75fr 1.25fr; }
 .detail-trade dl { grid-template-columns: 1fr; gap: 23px; }
 .detail-fit-bar .detail-fit-note { gap: 45px; }
 .detail-role-wide { gap: 15px 42px; }
 .detail-origin-section .detail-split, .detail-page-about .detail-principles article { gap: 60px; }
}
@media (max-width: 760px) {
 .detail-masthead-grid, .detail-masthead-about .detail-masthead-grid { grid-template-columns: 1fr; gap: 27px; padding-block: 36px 39px; }
 .detail-masthead h1, .detail-masthead-about h1 { max-width: 19ch; font-size: clamp(44px,8vw,60px); line-height: 1.04; }
 .detail-masthead .section-label, .detail-editorial-split .section-label { margin-bottom: 19px; font-size: 13px; }
 .detail-masthead-summary { padding: 0; }
 .detail-masthead-summary .detail-lead { max-width: 55ch; font-size: 17px; line-height: 1.6; }
 .detail-masthead .actions, .detail-editorial-split .actions { margin-top: 24px; }
 .detail-masthead-image, .detail-masthead-sectors .detail-masthead-image { height: 315px; }
 .detail-masthead-platform .detail-masthead-image img { object-position: 78% center; }
 .detail-masthead-sectors .detail-masthead-image img { object-position: 64% center; }
 .detail-masthead-about .detail-masthead-image { height: 340px; }
 .detail-masthead-about .detail-masthead-image img { object-position: 78% center; }
 .detail-editorial-grid, .detail-editorial-office .detail-editorial-grid { display: flex; flex-direction: column; gap: 30px; padding-block: 34px 0; min-height: 0; }
 .detail-editorial-copy { padding: 0; align-self: auto; }
 .detail-editorial-split h1 { max-width: 16ch; font-size: clamp(44px,8vw,60px); margin-bottom: 24px; }
 .detail-editorial-copy .detail-lead { max-width: 55ch; }
 .detail-editorial-image { height: 350px; margin-inline: calc(var(--gutter) * -1); }
 .detail-editorial-image img { object-position: 50% 52%; }
 .detail-editorial-office .detail-editorial-image img { object-position: 60% center; }
 .detail-record-band { padding: 35px 0; }
 .detail-record-wide { grid-template-columns: 1fr; }
 .detail-record-wide .detail-record-head { padding: 18px 20px; }
 .detail-record-head strong { font-size: 15px; }
 .detail-record-head strong span { display: none; }
 .detail-record-route { padding: 0 20px; grid-template-columns: repeat(3,1fr); }
 .detail-record-route li { font-size: 11px; padding: 13px 5px; }
 .detail-record-wide .detail-record-title { padding: 27px 20px 23px; }
 .detail-record-wide .detail-record-title h2 { max-width: none; font-size: 29px; margin: 9px 0 16px; }
 .detail-record-wide dl { padding: 0 20px 26px; gap: 22px; }
 .detail-record-wide .detail-record-list { display: block; margin: 0 20px 17px; }
 .detail-record-wide .detail-record-list li { padding-block: 12px; border-bottom: 1px solid #d7dfe1; flex-wrap: nowrap; }
 .detail-record-next { display: block; padding: 18px 20px; }
 .detail-record-next > span { display: block; margin-bottom: 6px; }
 .detail-record-next > strong { font-size: 14px; }
 .detail-record-wide figcaption { padding: 13px 20px; }
 .detail-journey-layout { grid-template-columns: 1fr; gap: 10px; }
 .detail-journey .detail-section-intro { position: static; }
 .detail-journey .detail-section-intro h2 { max-width: 20ch; font-size: 36px; }
 .detail-journey .detail-section-intro p { max-width: 55ch; }
 .detail-journey .detail-stages > li { gap: 11px; }
 .detail-journey .detail-stages > li > p { grid-column: 1; }
 .detail-journey .detail-stages h3 { font-size: 23px; }
 .detail-page-platform #managed .detail-two-col { grid-template-columns: 1fr; gap: 35px; }
 .detail-brief-band { padding-block: 32px; }
 .detail-brief-wide dl { grid-template-columns: 1fr 1fr; gap: 27px; margin: 6px 0 0; }
 .detail-brief-wide dl > div, .detail-brief-wide dl > div:first-child { padding: 14px 0 0; border: 0; border-top: 1px solid #ffffff30; }
 .detail-brief-wide h2 { font-size: 25px; }
 .detail-marketing-route .detail-section-intro { grid-template-columns: 1fr; gap: 22px; margin-bottom: 33px; }
 .detail-marketing-route .detail-section-intro h2 { font-size: 36px; }
 .detail-flow { grid-template-columns: 1fr; gap: 27px; }
 .detail-flow li { padding: 24px 0 0; }
 .detail-flow h3 { font-size: 23px; }
 .detail-fit-bar { padding-block: 31px; }
 .detail-fit-bar .detail-fit-note { grid-template-columns: 1fr; gap: 22px; }
 .detail-fit-bar h2 { max-width: none; font-size: 24px; }
 .detail-fit-bar .detail-list { grid-template-columns: 1fr; gap: 14px; }
 .detail-trades-section .detail-section-intro { margin-bottom: 35px; }
 .detail-trades-section .detail-section-intro h2 { font-size: 36px; }
 .detail-trade { grid-template-columns: 1fr; gap: 27px; padding-block: 33px; }
 .detail-trade h3 { font-size: 30px; }
 .detail-trade dl { gap: 23px; }
 .detail-trade dt { margin-bottom: 8px; }
 .detail-page-sectors #fit-title { font-size: 35px; }
 .detail-page-sectors .detail-two-col { grid-template-columns: 1fr; }
 .detail-role-band { padding-block: 31px; }
 .detail-role-wide { grid-template-columns: 1fr; gap: 22px; }
 .detail-role-wide h2 { grid-row: auto; max-width: 25ch; font-size: 24px; }
 .detail-role-wide ul, .detail-role-wide figcaption { grid-column: 1; }
 .detail-role-wide ul { display: block; }
 .detail-role-wide li { padding-block: 9px; border-top: 1px solid #d1c9ba; }
 .detail-role-wide li::after { display: none; }
 .detail-office-work .detail-section-intro h2 { font-size: 36px; }
 .detail-office-work .detail-table tbody td, .detail-office-work .detail-table tbody th { padding: 0; background: transparent; width: 100%; }
 .detail-office-work .detail-table tbody td:nth-child(2) { background: transparent; }
 .detail-office-work .detail-table tbody th { font-size: 24px; }
 .detail-options { gap: 30px; }
 .detail-options article { padding-top: 24px; }
 .detail-founder-band { padding-block: 30px; }
 .detail-founder-band-inner { grid-template-columns: 1fr; gap: 16px; }
 .detail-founder-band h2 { font-size: 35px; }
 .detail-founder-band .text-link { justify-self: start; margin-top: 4px; }
 .detail-origin-section .detail-split { grid-template-columns: 1fr; gap: 26px; }
 .detail-origin-section h2 { max-width: 19ch; font-size: 36px; }
 .detail-origin-section .detail-origin { font-size: 23px; }
 .detail-page-about .detail-principles article { grid-template-columns: 1fr; gap: 16px; padding-block: 26px; }
 .detail-page-about .detail-principles h3 { font-size: 25px; }
 .detail-page-about .detail-principles p { font-size: 16px; }
 .detail-art-page .detail-contact { padding-block: 48px; }
 .detail-art-page .detail-contact h2 { max-width: 21ch; font-size: 35px; }
}