/* AI and About use their own editorial rhythm; all selectors stay page-scoped. */
:is(.ai-editorial,.about-editorial) { --editorial-line:#d4dde1; --editorial-muted:#5c6970; }
:is(.ai-editorial,.about-editorial) h1 { white-space:normal; font-size:clamp(48px,5.2vw,78px); line-height:1.08; letter-spacing:-4px; }
:is(.ai-editorial,.about-editorial) h1 em { color:#0784a7; font-style:normal; }
:is(.ai-editorial,.about-editorial) h1 em:after { display:none; }
:is(.ai-editorial,.about-editorial) h2 { font-size:clamp(32px,3.7vw,52px); letter-spacing:-2px; }
:is(.ai-editorial,.about-editorial) p { font-size:14px; line-height:1.85; }
:is(.ai-editorial,.about-editorial) .editorial-breadcrumb { display:flex; gap:13px; font-size:10px; color:var(--editorial-muted); margin-bottom:45px; }
:is(.ai-editorial,.about-editorial) .editorial-breadcrumb a:hover { color:#0784a7; }
:is(.ai-editorial,.about-editorial) .editorial-label { display:flex; align-items:center; gap:10px; font-size:10px; letter-spacing:1.6px; font-weight:500; line-height:1.6; }
:is(.ai-editorial,.about-editorial) .editorial-label>i { width:7px; height:7px; background:var(--cyan); border-radius:50%; }
.ai-editorial .ai-opening { padding-top:25px; padding-bottom:65px; }
.ai-editorial .ai-opening-grid { display:grid; grid-template-columns:1.35fr 1fr; align-items:end; gap:70px; margin-top:25px; }
.ai-editorial .ai-opening-grid h1 { margin-bottom:0; }
.ai-editorial .ai-opening-grid>div { max-width:450px; }
.ai-editorial .ai-opening-grid p { color:var(--editorial-muted); margin-bottom:24px; }
.ai-editorial .ai-process-lab { background:#0b171d; color:#eff9fb; padding:58px 0 28px; }
.ai-editorial .ai-lab-heading { display:flex; gap:30px; justify-content:space-between; align-items:flex-end; margin-bottom:35px; }
.ai-editorial .ai-lab-heading .editorial-label { color:#84a6b4; margin-bottom:13px; }
.ai-editorial .ai-lab-heading h2 { font-size:clamp(26px,2.6vw,38px); letter-spacing:-1.4px; margin-bottom:0; }
.ai-editorial .ai-example-tag { flex-shrink:0; color:#9fbbc7; font-size:9px; border:1px solid #36505c; padding:8px 10px; }
.ai-editorial .ai-step-navigation { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #334852; border-bottom:1px solid #334852; }
.ai-editorial .ai-step-navigation button { min-height:81px; background:none; text-align:left; padding:18px 22px; display:flex; align-items:center; gap:15px; font-size:14px; color:#a8c0cb; border-right:1px solid #334852; transition:background .18s,color .18s; position:relative; }
.ai-editorial .ai-step-navigation button:last-child { border-right:0; }
.ai-editorial .ai-step-navigation button:hover { color:white; background:#18303c; }
.ai-editorial .ai-step-navigation button[aria-pressed=true] { background:#20b8e3; color:#071c25; }
.ai-editorial .ai-step-index { font:11px monospace; opacity:.7; }
.ai-editorial .ai-step-arrow { margin-left:auto; font-size:24px; }
.ai-editorial .ai-step-navigation button:focus-visible { outline-color:#8fe9ff; outline-offset:-5px; z-index:1; }
.ai-editorial .ai-example-output { display:grid; grid-template-columns:.82fr 1.18fr; gap:8%; align-items:center; min-height:395px; padding:48px 0; }
.ai-editorial .ai-example-copy { max-width:410px; }
.ai-editorial .ai-kicker { color:#68d5f2; font:10px/1.6 monospace; letter-spacing:1px; }
.ai-editorial .ai-example-copy h3 { font-size:29px; line-height:1.3; letter-spacing:-1px; margin:18px 0; }
.ai-editorial .ai-example-copy p { font-size:13px; color:#a5bbc5; margin:0; }
.ai-editorial .ai-example-screen { background:#f4f8fa; color:#18323f; min-height:291px; box-shadow:0 20px 60px #0003; border-top:3px solid var(--cyan); }
.ai-editorial .ai-message { padding:28px; }
.ai-editorial .ai-message-meta { display:flex; justify-content:space-between; gap:15px; padding-bottom:20px; border-bottom:1px solid #d5e1e6; font-size:10px; }
.ai-editorial .ai-message-meta>span:first-child { font-weight:600; }
.ai-editorial .ai-message-meta>span:last-child { color:#5e7b88; }
.ai-editorial .ai-message>p { font-size:17px; line-height:1.8; letter-spacing:-.3px; margin:23px 0; }
.ai-editorial .ai-source-note { display:flex; align-items:center; gap:8px; color:#547581; font-size:10px; }
.ai-editorial .ai-source-note i { width:5px; height:5px; border-radius:50%; background:#1486a5; }
.ai-editorial .ai-extracted { padding:21px 28px; }
.ai-editorial .ai-extracted dl { margin:0; }
.ai-editorial .ai-extracted dl>div { display:flex; justify-content:space-between; gap:20px; font-size:12px; border-bottom:1px solid #dbe4e8; padding:11px 0; }
.ai-editorial .ai-extracted dt { color:#657d89; }
.ai-editorial .ai-extracted dd { margin:0; font-weight:500; text-align:right; }
.ai-editorial .ai-extracted .ai-missing { border-bottom:0; }
.ai-editorial .ai-missing dd { color:#845918; }
.ai-editorial .ai-missing dd>span { background:#f8e7c5; padding:1px 6px; border-radius:50%; }
.ai-editorial .ai-data-note { font-size:10px; line-height:1.6; color:#637e8a; margin:8px 0 0; }
.ai-editorial .ai-review { padding:28px; }
.ai-editorial .ai-review-status { display:flex; align-items:center; gap:9px; font-size:10px; font-weight:500; color:#17799a; }
.ai-editorial .ai-review-status i { width:7px; height:7px; border:1px solid currentColor; border-radius:50%; }
.ai-editorial .ai-review ul { list-style:none; margin:22px 0; padding:0; }
.ai-editorial .ai-review li { display:flex; align-items:center; gap:12px; font-size:12px; margin:17px 0; }
.ai-editorial .ai-review li>span { border:1px solid #b8d1dc; width:24px; height:24px; flex-shrink:0; display:grid; place-items:center; color:#147c9d; }
.ai-editorial .ai-review .ai-question>span { color:#846025; border-color:#d8c5a4; }
.ai-editorial .ai-review-decision { border-top:1px solid #d5e1e6; padding-top:18px; font-size:10px; color:#5b7987; }
.ai-editorial .ai-handoff { display:grid; grid-template-columns:48px 1fr; align-items:center; gap:22px 20px; padding:44px 30px 28px; }
.ai-editorial .ai-record-icon { width:44px; height:57px; border:1px solid #8bb0c0; border-radius:3px; padding:13px 8px; box-shadow:4px 4px 0 #e2edf2; }
.ai-editorial .ai-record-icon>i { display:block; height:2px; background:#79aec0; margin-bottom:6px; }
.ai-editorial .ai-record-icon>i:last-child { width:65%; }
.ai-editorial .ai-record-label { color:#5e7e8d; font:9px/1.8 monospace; letter-spacing:.6px; }
.ai-editorial .ai-handoff strong { display:block; font-size:22px; font-weight:500; letter-spacing:-.6px; margin:5px 0; }
.ai-editorial .ai-handoff p { font-size:10px; margin:0; color:#5e7e8d; }
.ai-editorial .ai-record-next { grid-column:1 / -1; background:#e2edf2; border-left:2px solid #20b8e3; padding:15px 20px; margin-top:8px; }
.ai-editorial .ai-record-next>span { display:block; font-size:9px; margin-bottom:5px; color:#5a7b8b; }
.ai-editorial .ai-record-next>b { font-size:12px; font-weight:500; }
.ai-editorial .ai-lab-footer { display:flex; justify-content:space-between; align-items:center; gap:25px; border-top:1px solid #2c434e; padding-top:24px; font-size:9px; color:#92afbd; }
.ai-editorial .ai-lab-footer>span:first-child { display:flex; align-items:center; gap:10px; }
.ai-editorial .ai-lab-footer i { display:block; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:#20b8e3; box-shadow:0 0 12px #20b8e380; }
.ai-editorial .ai-lab-footer>span:last-child { flex-shrink:0; }
.ai-editorial .ai-assessment { padding-block:100px 70px; display:grid; grid-template-columns:.78fr 1.22fr; gap:9%; }
.ai-editorial .ai-assessment-intro .editorial-label { margin-bottom:22px; }
.ai-editorial .ai-assessment-intro p { color:var(--editorial-muted); max-width:360px; }
.ai-editorial .ai-assessment-rows article { display:grid; grid-template-columns:115px 1fr; gap:25px; padding:25px 0; border-top:1px solid var(--editorial-line); }
.ai-editorial .ai-assessment-rows article:first-child { padding-top:18px; }
.ai-editorial .ai-assessment-number { font-size:10px; color:#597480; padding-top:3px; }
.ai-editorial .ai-assessment-rows h3 { font-size:21px; line-height:1.45; letter-spacing:-.5px; margin-bottom:10px; }
.ai-editorial .ai-assessment-rows p { margin:0; font-size:12px; color:var(--editorial-muted); }
.ai-editorial .ai-judgement { display:grid; grid-template-columns:150px 1fr; gap:30px; padding:38px 46px; background:#e3f0f4; align-items:center; }
.ai-editorial .ai-judgement-mark { font-size:110px; line-height:1; color:#1185a4; font-weight:400; }
.ai-editorial .ai-judgement h2 { font-size:30px; letter-spacing:-1px; margin-bottom:14px; }
.ai-editorial .ai-judgement p { color:#526a75; max-width:780px; margin:0; font-size:13px; }
:is(.ai-editorial,.about-editorial) .editorial-contact { padding-block:85px; }
:is(.ai-editorial,.about-editorial) .editorial-contact>.editorial-label { margin-bottom:24px; color:#57727e; }
:is(.ai-editorial,.about-editorial) .editorial-contact>div { display:flex; justify-content:space-between; align-items:center; gap:30px; }
:is(.ai-editorial,.about-editorial) .editorial-contact h2 { font-size:clamp(38px,4.4vw,64px); margin:0; letter-spacing:-2.6px; }
:is(.ai-editorial,.about-editorial) .editorial-contact .button { flex-shrink:0; }
.about-editorial .about-opening { padding-block:25px 65px; }
.about-editorial .about-opening-grid { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:12%; margin-block:25px 65px; }
.about-editorial .about-opening h1 { font-size:clamp(52px,5.3vw,82px); margin:0; }
.about-editorial .about-position-line { width:58px; height:3px; display:block; background:var(--cyan); margin-bottom:27px; }
.about-editorial .about-position p { color:var(--editorial-muted); max-width:400px; }
.about-editorial .about-position p:first-of-type { font-size:17px; line-height:1.8; color:#293c47; letter-spacing:-.2px; }
.about-editorial .about-position p:last-child { margin-bottom:0; }
.about-editorial .about-disciplines { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--editorial-line); border-bottom:1px solid var(--editorial-line); }
.about-editorial .about-disciplines a { display:flex; align-items:center; gap:22px; font-size:18px; padding:23px 25px; border-right:1px solid var(--editorial-line); transition:background .2s; }
.about-editorial .about-disciplines a:first-child { padding-left:0; }
.about-editorial .about-disciplines a:last-child { border-right:0; }
.about-editorial .about-disciplines a>span:first-child { font:10px monospace; color:#66818e; }
.about-editorial .about-disciplines a>span:last-child { margin-left:auto; font-size:24px; color:#098ab0; }
.about-editorial .about-disciplines a:hover { background:#e5eff3; }
.about-editorial .about-method { background:#10232c; color:#f2f8fa; padding-block:70px; }
.about-editorial .about-method-heading { display:grid; grid-template-columns:1.3fr 1fr; gap:20px 12%; margin-bottom:48px; }
.about-editorial .about-method-heading>.editorial-label { grid-column:1 / -1; color:#87b1c3; }
.about-editorial .about-method-heading h2 { font-size:clamp(32px,3.5vw,49px); margin:0; }
.about-editorial .about-method-heading>p { color:#a0bdca; align-self:end; margin:0; max-width:440px; font-size:13px; }
.about-editorial .about-phases article { display:grid; grid-template-columns:1fr 2fr 1fr; gap:40px; padding:36px 0; border-top:1px solid #34515f; }
.about-editorial .about-phases article:last-child { padding-bottom:0; }
.about-editorial .about-phase-index { display:flex; flex-direction:column; gap:12px; }
.about-editorial .about-phase-index>span { font-size:30px; font-weight:400; line-height:1; letter-spacing:-1px; color:#20b8e3; }
.about-editorial .about-phase-index>b { font-size:11px; font-weight:400; color:#a4c0cd; }
.about-editorial .about-phase-copy h3 { font-size:25px; letter-spacing:-.8px; margin:0 0 12px; }
.about-editorial .about-phase-copy p { color:#a4c0cd; font-size:12px; margin:0; max-width:470px; }
.about-editorial .about-phase-output { align-self:center; border-left:1px solid #34515f; padding-left:30px; }
.about-editorial .about-phase-output>span { font:9px monospace; letter-spacing:1px; color:#5cd4f3; }
.about-editorial .about-phase-output p { font-size:11px; margin:9px 0 0; }
.about-editorial .about-decisions { padding-block:90px; }
.about-editorial .about-decisions>.editorial-label { color:#64808c; margin-bottom:22px; }
.about-editorial .about-decisions>div { display:grid; grid-template-columns:1.3fr 1fr; gap:12%; }
.about-editorial .about-decisions h2 { margin-bottom:0; }
.about-editorial .about-decisions p { color:var(--editorial-muted); }
.about-editorial .about-decisions p:last-child { margin-bottom:0; }
.about-editorial .about-work { padding-bottom:30px; }
.about-editorial .about-work-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:30px; }
.about-editorial .about-work-heading h2 { font-size:31px; letter-spacing:-1px; margin:0; }
.about-editorial .about-work-heading>a { display:flex; align-items:center; gap:25px; font-size:11px; }
.about-editorial .about-work-heading>a>span { font-size:24px; }
.about-editorial .about-work-links { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.about-editorial .about-work-links>a { position:relative; padding:32px; background:#e2edf2; transition:background .2s; }
.about-editorial .about-work-links>a:hover { background:#d8e9f0; }
.about-editorial .about-work-links>a:last-child { background:#e7eee7; }
.about-editorial .about-work-links>a:last-child:hover { background:#dce9dc; }
.about-editorial .about-work-links .editorial-label { font-size:9px; color:#567783; }
.about-editorial .about-work-links strong { display:block; font-size:33px; letter-spacing:-1.2px; font-weight:500; margin:21px 0 8px; }
.about-editorial .about-work-links p { max-width:360px; color:#526c78; font-size:12px; }
.about-editorial .about-case-link { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:28px; border-top:1px solid #bbd0d9; padding-top:16px; font-size:10px; }
.about-editorial .about-case-link>span { font-size:23px; transition:transform .2s; }
.about-editorial .about-work-links>a:hover .about-case-link>span { transform:translate(3px,-3px); }

@media(max-width:1100px) {
  .ai-editorial .ai-opening-grid,.about-editorial .about-opening-grid { gap:6%; }
  .ai-editorial .ai-step-navigation button { padding-inline:15px; gap:10px; font-size:12px; }
  .ai-editorial .ai-example-output { gap:5%; }
  .ai-editorial .ai-message>p { font-size:15px; }
  .ai-editorial .ai-assessment { gap:6%; }
  .ai-editorial .ai-assessment-rows article { grid-template-columns:1fr; gap:12px; }
  .about-editorial .about-opening h1 { font-size:60px; }
  .about-editorial .about-position p:first-of-type { font-size:15px; }
  .about-editorial .about-method-heading,.about-editorial .about-decisions>div { gap:30px 7%; }
  .about-editorial .about-phases article { grid-template-columns:.8fr 2fr 1fr; gap:25px; }
  .about-editorial .about-phase-output { padding-left:20px; }
}
@media(max-width:800px) {
  :is(.ai-editorial,.about-editorial) h1 { font-size:clamp(43px,7.8vw,64px); letter-spacing:-2.9px; }
  :is(.ai-editorial,.about-editorial) .editorial-breadcrumb { margin-bottom:35px; }
  .ai-editorial .ai-opening-grid { grid-template-columns:1fr; gap:27px; }
  .ai-editorial .ai-opening-grid>div { max-width:590px; }
  .ai-editorial .ai-opening { padding-bottom:45px; }
  .ai-editorial .ai-process-lab { padding-top:40px; }
  .ai-editorial .ai-lab-heading { align-items:flex-start; flex-direction:column; gap:18px; }
  .ai-editorial .ai-step-navigation button { flex-direction:column; align-items:flex-start; gap:10px; min-height:86px; padding:15px 13px; }
  .ai-editorial .ai-step-arrow { position:absolute; right:12px; top:11px; font-size:20px; }
  .ai-editorial .ai-example-output { grid-template-columns:1fr; gap:28px; padding:30px 0; }
  .ai-editorial .ai-example-copy { max-width:610px; }
  .ai-editorial .ai-example-copy h3 { font-size:27px; margin:12px 0; }
  .ai-editorial .ai-example-screen { min-height:270px; }
  .ai-editorial .ai-message>p { font-size:17px; }
  .ai-editorial .ai-lab-footer { flex-direction:column; align-items:flex-start; gap:16px; line-height:1.7; }
  .ai-editorial .ai-assessment { grid-template-columns:1fr; padding-block:60px 45px; gap:23px; }
  .ai-editorial .ai-assessment-intro p { max-width:610px; }
  .ai-editorial .ai-assessment-intro h2 br { display:none; }
  .ai-editorial .ai-assessment-rows article { grid-template-columns:110px 1fr; gap:20px; }
  .ai-editorial .ai-judgement { grid-template-columns:70px 1fr; gap:20px; padding:28px; }
  .ai-editorial .ai-judgement-mark { font-size:76px; }
  .ai-editorial .ai-judgement h2 { font-size:26px; }
  :is(.ai-editorial,.about-editorial) .editorial-contact { padding-block:65px; }
  .about-editorial .about-opening-grid { grid-template-columns:1fr; gap:32px; margin-bottom:40px; }
  .about-editorial .about-opening h1 { font-size:clamp(49px,8.5vw,68px); }
  .about-editorial .about-opening h1 br:first-child { display:none; }
  .about-editorial .about-position p { max-width:620px; }
  .about-editorial .about-position p:first-of-type { font-size:16px; }
  .about-editorial .about-position-line { margin-bottom:20px; }
  .about-editorial .about-disciplines a { font-size:13px; gap:12px; padding-inline:15px; }
  .about-editorial .about-method { padding-block:50px; }
  .about-editorial .about-method-heading { grid-template-columns:1fr; gap:20px; margin-bottom:32px; }
  .about-editorial .about-method-heading>p { max-width:610px; }
  .about-editorial .about-phases article { grid-template-columns:110px 1fr; gap:20px 30px; padding-block:28px; }
  .about-editorial .about-phase-output { grid-column:2; padding-left:0; border-left:0; border-top:1px solid #34515f; padding-top:15px; }
  .about-editorial .about-phase-output p { display:inline; margin-left:15px; }
  .about-editorial .about-phase-copy h3 { font-size:23px; }
  .about-editorial .about-decisions { padding-block:60px; }
  .about-editorial .about-decisions>div { grid-template-columns:1fr; gap:22px; }
  .about-editorial .about-decisions>div>div { max-width:630px; }
  .about-editorial .about-work-heading h2 { font-size:27px; }
  .about-editorial .about-work-links>a { padding:25px; }
  .about-editorial .about-work-links strong { font-size:26px; }
}
@media(max-width:520px) {
  :is(.ai-editorial,.about-editorial) h1 { font-size:clamp(37px,9.7vw,49px); letter-spacing:-2.2px; }
  :is(.ai-editorial,.about-editorial) h2 { letter-spacing:-1.3px; }
  :is(.ai-editorial,.about-editorial) p { font-size:13px; }
  .ai-editorial .ai-opening-grid { gap:22px; }
  .ai-editorial .ai-opening-grid p { font-size:13px; }
  .ai-editorial .ai-opening-grid .button { font-size:11px; }
  .ai-editorial .ai-lab-heading h2 { font-size:26px; line-height:1.3; }
  .ai-editorial .ai-example-tag { font-size:8px; white-space:normal; }
  .ai-editorial .ai-step-navigation { grid-template-columns:repeat(2,1fr); }
  .ai-editorial .ai-step-navigation button { min-height:70px; flex-direction:row; align-items:center; padding:16px 11px; font-size:11px; gap:9px; }
  .ai-editorial .ai-step-navigation button:nth-child(2) { border-right:0; }
  .ai-editorial .ai-step-navigation button:nth-child(-n+2) { border-bottom:1px solid #334852; }
  .ai-editorial .ai-step-arrow { position:static; font-size:19px; }
  .ai-editorial .ai-step-index { font-size:9px; }
  .ai-editorial .ai-example-copy h3 { font-size:24px; }
  .ai-editorial .ai-example-copy p { font-size:12px; }
  .ai-editorial .ai-example-screen { min-height:288px; }
  .ai-editorial .ai-message { padding:22px; }
  .ai-editorial .ai-message-meta { font-size:8px; gap:10px; }
  .ai-editorial .ai-message>p { font-size:15px; line-height:1.75; }
  .ai-editorial .ai-source-note { font-size:9px; }
  .ai-editorial .ai-extracted { padding:21px; }
  .ai-editorial .ai-extracted dl>div { font-size:10px; gap:10px; }
  .ai-editorial .ai-extracted dt { max-width:45%; }
  .ai-editorial .ai-data-note { font-size:9px; }
  .ai-editorial .ai-review { padding:23px; }
  .ai-editorial .ai-review li { font-size:11px; }
  .ai-editorial .ai-review-decision { font-size:9px; line-height:1.7; }
  .ai-editorial .ai-handoff { padding:32px 22px 24px; gap:20px 13px; grid-template-columns:40px 1fr; }
  .ai-editorial .ai-record-icon { width:35px; height:48px; padding:11px 6px; }
  .ai-editorial .ai-handoff strong { font-size:18px; line-height:1.3; }
  .ai-editorial .ai-record-label { font-size:8px; }
  .ai-editorial .ai-handoff p { font-size:9px; }
  .ai-editorial .ai-record-next { padding:14px; }
  .ai-editorial .ai-record-next>b { font-size:11px; }
  .ai-editorial .ai-assessment-rows article { grid-template-columns:1fr; gap:11px; }
  .ai-editorial .ai-assessment-rows h3 { font-size:22px; }
  .ai-editorial .ai-judgement { grid-template-columns:1fr; gap:14px; padding:25px; }
  .ai-editorial .ai-judgement-mark { font-size:60px; line-height:.8; }
  .ai-editorial .ai-judgement h2 { font-size:26px; }
  .ai-editorial .ai-judgement p { font-size:12px; }
  :is(.ai-editorial,.about-editorial) .editorial-contact>div { flex-direction:column; align-items:flex-start; gap:25px; }
  :is(.ai-editorial,.about-editorial) .editorial-contact h2 { font-size:39px; letter-spacing:-1.8px; }
  :is(.ai-editorial,.about-editorial) .editorial-contact>.editorial-label { font-size:9px; }
  .about-editorial .about-opening { padding-bottom:45px; }
  .about-editorial .about-opening h1 { font-size:clamp(39px,10.3vw,53px); letter-spacing:-2.3px; }
  .about-editorial .about-opening h1 br:first-child { display:block; }
  .about-editorial .about-position p:first-of-type { font-size:15px; }
  .about-editorial .about-position p:last-child { font-size:12px; }
  .about-editorial .about-disciplines { grid-template-columns:1fr; }
  .about-editorial .about-disciplines a { border-right:0; padding:16px 0; border-bottom:1px solid var(--editorial-line); font-size:16px; gap:25px; }
  .about-editorial .about-disciplines a:last-child { border-bottom:0; }
  .about-editorial .about-method-heading h2 { font-size:32px; letter-spacing:-1.6px; }
  .about-editorial .about-phases article { grid-template-columns:1fr; gap:18px; }
  .about-editorial .about-phase-index { flex-direction:row; align-items:center; gap:15px; }
  .about-editorial .about-phase-index>span { font-size:25px; }
  .about-editorial .about-phase-output { grid-column:auto; }
  .about-editorial .about-phase-output p { display:block; margin:8px 0 0; }
  .about-editorial .about-work-heading { flex-direction:column; align-items:flex-start; gap:16px; }
  .about-editorial .about-work-heading h2 { font-size:28px; }
  .about-editorial .about-work-links { grid-template-columns:1fr; gap:17px; }
  .about-editorial .about-work-links strong { font-size:29px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.ai-editorial,.about-editorial) *, :is(.ai-editorial,.about-editorial) *:before, :is(.ai-editorial,.about-editorial) *:after { animation:none!important; transition:none!important; }
}

/* Remove repeated marginal labels while preserving the actual explanations. */
.ai-editorial .ai-assessment-rows article{grid-template-columns:1fr;gap:0}
.ai-editorial .ai-assessment-rows p,.about-editorial .about-phase-copy p{font-size:14px}
.about-editorial .about-phase-output p{font-size:13px;margin:0}
.about-editorial .about-work-links strong{margin-top:0}
.about-editorial .about-disciplines a{padding-left:0}
.about-editorial .about-disciplines a>span:last-child{font-size:24px}
.ai-editorial .ai-example-tag{font-size:12px;border:0;padding:0}

/* Service introductions: one composition for the proposition, action and relevant work. */
.service-hero{overflow:hidden;background:#edf2f3;padding:26px 0 44px}
.service-hero-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;color:#60747b;margin-bottom:18px}
.service-hero-breadcrumb a:hover{color:#057e9f}
.service-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center;min-height:490px}
.service-hero-copy{position:relative;z-index:2;padding-block:30px}
.service-hero-copy h1{font-size:clamp(44px,4.3vw,65px);line-height:1.12;letter-spacing:-3.2px;white-space:normal;margin:0 0 28px}
.service-hero-copy h1 em{color:#087e9f;font-style:normal}
.service-hero-copy h1 em:after{display:none}
.service-hero-copy>p{max-width:470px;font-size:16px;line-height:1.85;color:#4f626c;margin:0 0 34px}
.service-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.service-hero-actions .button{font-size:13px;min-height:55px;gap:25px}
.service-hero-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;padding-block:13px}
.service-hero-link:hover{text-decoration:underline;text-underline-offset:5px}
.service-hero-art{position:relative;min-width:0;height:490px;isolation:isolate}
.website-hero-plane{position:absolute;inset:15px -110px -44px 100px;background:#d4e9ed;transform:skewY(-8deg);z-index:-1}
.hero-site{position:absolute;display:block;padding:5px;border-radius:7px;background:#fff;border:1px solid #163e4d20;box-shadow:0 24px 55px #183d4e25;transition:translate .35s,box-shadow .35s}
.hero-site img{display:block;width:100%;height:auto;border-radius:3px}
.hero-site-back{width:83%;left:22%;top:15px;transform:rotate(5deg)}
.hero-site-front{width:90%;left:-2%;top:90px;transform:rotate(-3deg);z-index:1}
.hero-site:hover,.hero-site:focus-visible{translate:0 -7px;box-shadow:0 30px 65px #183d4e35;z-index:3}
.service-hero--software{background:#09191f;color:#f3f8fa}
.service-hero--software .service-hero-breadcrumb{color:#99b2bc}
.service-hero--software .service-hero-breadcrumb a:hover{color:#5fd4ee}
.service-hero--software h1 em{color:#3ec7e6}
.service-hero--software .service-hero-copy>p{color:#b0c2ca}
.software-hero-plane{position:absolute;inset:0 -130px -100px 65px;z-index:-1;background:radial-gradient(ellipse at 50% 60%,#165568 0,transparent 70%)}
.hero-product{position:absolute;display:block;width:112%;left:0;top:57px;background:#f4f0ec;border:5px solid #25414b;border-radius:11px;overflow:hidden;box-shadow:0 35px 70px #0005;transform:perspective(1600px) rotateY(-9deg) rotate(2deg);transition:transform .5s}
.hero-product:hover,.hero-product:focus-visible{transform:perspective(1600px) rotateY(-4deg) rotate(0)}
.hero-product-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dad5d1;color:#1a323f;background:#fff}
.hero-product-bar>img{width:82px;max-height:32px;object-fit:contain;object-position:left}
.hero-product-screen{display:block;width:100%;height:auto}
.service-hero--ai{background:#f0f4f3}
.ai-hero-art{display:grid;align-items:center}
.hero-workflow{position:relative;width:100%;height:420px}
.hero-workflow svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hero-workflow strong{font-size:15px;font-weight:500;letter-spacing:-.2px}
.workflow-input,.workflow-review,.workflow-record{position:absolute;border:1px solid #c5d5da;background:#fff;border-radius:9px;box-shadow:0 15px 35px #1c48510c}
.workflow-input{left:0;top:48px;width:34%;padding:25px 22px;color:#286174}
.workflow-input>strong{display:block;margin-top:15px;color:#122c36}
.workflow-message{display:grid;gap:9px;margin-top:23px}
.workflow-message i{display:block;height:5px;border-radius:3px;background:#d8e4e6}
.workflow-message i:nth-child(2){width:85%}.workflow-message i:last-child{width:61%}
.workflow-core{position:absolute;left:46%;top:76px;width:18%;aspect-ratio:1;border:1px solid #67d8ee;border-radius:23%;display:grid;place-items:center;background:linear-gradient(135deg,#54d7eb,#1b9fc5);box-shadow:0 0 0 12px #27bfdd0a,0 18px 40px #1a8eaa29;color:#062b39}
.workflow-core span{font-size:38px;font-weight:500;letter-spacing:-2px}
.workflow-review{right:0;top:75px;width:27%;padding:22px 10px;display:flex;align-items:center;flex-direction:column;gap:12px;color:#207086}
.workflow-review strong{color:#122c36}
.workflow-record{top:290px;left:42%;width:58%;padding:24px;display:flex;align-items:center;gap:18px;color:#2a697c}
.workflow-record>div{flex:1;min-width:0}.workflow-record strong{color:#122c36}
.workflow-fields{display:flex;gap:6px;margin-top:15px}
.workflow-fields i{height:15px;width:31%;border:1px solid #c0dce1;border-radius:3px;background:#ebf6f6}
.workflow-line{position:absolute;background:#aecbd2;z-index:-1;overflow:hidden}
.line-to-ai{left:34%;top:125px;width:12%;height:2px}
.line-to-review{left:64%;top:125px;width:9%;height:2px}
.line-to-crm{left:86.5%;top:125px;width:2px;height:165px}
.workflow-line:after{content:'';position:absolute;background:#029cbc;box-shadow:0 0 9px #0dbeef;animation:hero-signal-horizontal 2s ease-out both}
.line-to-ai:after,.line-to-review:after{width:25px;height:2px;left:0;top:0}
.line-to-review:after{animation-delay:.8s}
.line-to-crm:after{width:2px;height:25px;top:0;left:0;animation-name:hero-signal-vertical;animation-delay:1.6s}
@keyframes hero-signal-horizontal{0%{transform:translateX(-25px);opacity:0}15%,75%{opacity:1}100%{transform:translateX(110px);opacity:0}}
@keyframes hero-signal-vertical{0%{transform:translateY(-25px);opacity:0}15%,75%{opacity:1}100%{transform:translateY(130px);opacity:0}}
@media(min-width:1600px){.service-hero-grid{min-height:540px}.service-hero-art{height:510px}}
@media(max-width:1100px) and (min-width:801px){.service-hero-grid{gap:30px;grid-template-columns:1fr 1fr;min-height:450px}.service-hero-art{height:410px}.service-hero-copy h1{font-size:clamp(40px,4.8vw,53px);letter-spacing:-2.5px}.service-hero-copy>p{font-size:14px}.service-hero-actions{gap:12px}.hero-site-front{top:132px}.hero-product{top:90px;width:122%}.hero-workflow{transform:scale(.95);transform-origin:center}.workflow-input{padding:20px 16px}.hero-workflow strong{font-size:13px}.workflow-core{top:92px}.workflow-core span{font-size:30px}.workflow-record{padding:20px 14px}.workflow-review{top:82px}.line-to-crm{top:125px;height:165px}}
@media(max-width:800px){.service-hero{padding:24px 0 40px}.service-hero-breadcrumb{font-size:11px;margin-bottom:25px}.service-hero-grid{grid-template-columns:1fr;gap:10px;min-height:0}.service-hero-copy{padding:12px 0 18px}.service-hero-copy h1{font-size:clamp(42px,7.3vw,62px);letter-spacing:-2.5px;margin-bottom:23px}.service-hero-copy>p{max-width:540px;font-size:15px;margin-bottom:26px}.service-hero-actions{gap:20px}.service-hero-art{width:100%;max-width:620px;height:auto;aspect-ratio:1.28;margin-inline:auto}.website-hero-plane{inset:35px -70px -40px 65px}.hero-site-back{top:20px;left:19%;width:79%}.hero-site-front{top:25%;left:0;width:89%}.hero-product{width:97%;top:12%;left:1%;transform:rotate(2deg)}.software-hero-art{aspect-ratio:1.42}.hero-workflow{height:400px}.ai-hero-art{aspect-ratio:auto}.workflow-core{top:83px}.workflow-record{top:280px}.line-to-crm{top:125px;height:155px}}
@media(max-width:480px){.service-hero-copy h1{font-size:clamp(34px,9.5vw,44px);letter-spacing:-1.8px;line-height:1.15}.service-hero-copy>p{font-size:14px;line-height:1.8}.service-hero-actions{gap:10px 21px}.service-hero-actions .button,.service-hero-link{font-size:12px}.service-hero-actions .button{padding:16px 18px;gap:16px}.hero-site{padding:3px;border-radius:5px}.hero-site-front{top:28%}.hero-product{border-width:3px;border-radius:7px}.hero-product-bar{padding:10px 13px}.hero-product-bar>img{width:68px;height:23px}.software-hero-art{aspect-ratio:1.35}.hero-workflow{height:325px}.hero-workflow strong{font-size:12px}.hero-workflow svg{width:25px;height:25px}.workflow-input{top:43px;padding:20px 13px}.workflow-input>strong{margin-top:12px}.workflow-message{gap:7px;margin-top:18px}.workflow-core{top:80px}.workflow-core span{font-size:27px;letter-spacing:-1px}.workflow-review{top:70px;padding:18px 8px;gap:10px}.workflow-record{top:230px;left:36%;width:64%;gap:12px;padding:20px 14px}.workflow-record strong{font-size:13px}.line-to-ai,.line-to-review{top:111px}.line-to-crm{top:111px;height:119px}.workflow-fields i{height:12px}}
@media(prefers-reduced-motion:reduce){.service-hero-art *,.service-hero-art *:after{animation:none!important;transition:none!important}}

/* A dark software architecture illustration, independent of any product screenshot. */
.software-architecture{display:grid;align-items:center}
.software-system{width:100%;aspect-ratio:620/470;position:relative;isolation:isolate}
.system-connections{position:absolute;inset:0;width:100%;height:100%;stroke:#3c7889;stroke-width:1.5;z-index:-1}
.system-signal{stroke:#58d9f7;stroke-width:2.5;stroke-dasharray:40 580;animation:system-connect 4s ease-out both}
.system-layer,.system-application{position:absolute;left:23%;top:27%;width:68%;height:52%;border:1px solid #386273;border-radius:12px;transform:rotate(4deg)}
.layer-back{translate:23px -30px;background:#0c222c;border-color:#234855}
.layer-mid{translate:12px -15px;background:#112d37;border-color:#305869}
.system-application{padding:23px 28px;background:linear-gradient(140deg,#173d4b,#102730 72%);box-shadow:0 32px 65px #0006,inset 0 1px #84c4d01a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:translate .4s}
.system-application>svg{width:80%;max-height:150px;stroke:#76b5c7;stroke-width:1.2}
.system-application .application-focus{fill:#23b9da28;stroke:#5bd3ee}
.system-application>strong{font-size:21px;font-weight:500;letter-spacing:-.5px;color:#dcf1f5}
.system-module{position:absolute;display:flex;align-items:center;gap:16px;padding:20px 23px;border:1px solid #487786;background:#102b36;border-radius:11px;box-shadow:0 18px 35px #0003;color:#b7e6f0}
.system-module>svg{width:35px;height:35px;flex-shrink:0;stroke:#75cde1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.system-module>strong{font-size:15px;font-weight:500}
.module-portal{left:1%;top:8%;transform:rotate(-5deg)}
.module-integrations{right:0;bottom:2%;transform:rotate(-3deg)}
.software-architecture:hover .system-application{translate:0 -6px}
@keyframes system-connect{from{stroke-dashoffset:620;opacity:0}20%,85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}
@media(max-width:1100px) and (min-width:801px){.system-application{padding:18px;gap:11px}.system-application>strong{font-size:17px}.system-module{padding:16px;gap:12px}.system-module>strong{font-size:13px}.system-module>svg{width:29px;height:29px}}
@media(max-width:800px){.software-hero-art.software-architecture{aspect-ratio:1.32;max-width:580px;padding-block:5px}.system-application{padding:23px;gap:12px}.system-application>strong{font-size:19px}}
@media(max-width:480px){.system-layer,.system-application{border-radius:8px}.layer-back{translate:14px -18px}.layer-mid{translate:7px -9px}.system-application{padding:14px 16px;gap:9px}.system-application>svg{width:88%}.system-application>strong{font-size:14px;letter-spacing:-.25px}.system-module{padding:14px 15px;gap:10px;border-radius:8px}.system-module>strong{font-size:12px}.system-module>svg{width:25px;height:25px}.module-portal{left:0;top:6%}.module-integrations{bottom:1%}}
@media(prefers-reduced-motion:reduce){.system-signal{animation:none}.software-architecture:hover .system-application{translate:none}}