/* Practice studio: scoped to the engineering and consulting solution. */
body.marketing-engineering-page { --engineering-paper: #f7f4ee; --engineering-ink: #132f40; --engineering-copy: #4d5b60; --engineering-teal: #16606a; --engineering-line: #d7d8d2; background: var(--engineering-paper); }
.marketing-engineering-page #main-content { overflow: clip; }
.marketing-engineering-page .engineering-section { width: min(1280px, calc(100% - 104px)); margin-inline: auto; padding-block: 94px; }
.marketing-engineering-page h1, .marketing-engineering-page h2, .marketing-engineering-page h3 { color: var(--engineering-ink); }
.marketing-engineering-page .engineering-eyebrow { margin: 0 0 24px; color: var(--engineering-teal); font-size: 11px; line-height: 1.5; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
.marketing-engineering-page .engineering-hero { position: relative; isolation: isolate; width: 100%; min-height: 740px; margin: auto; overflow: hidden; padding: 66px max(52px, calc((100% - 1280px) / 2)) 62px; }
.marketing-engineering-page .engineering-hero-copy { position: relative; z-index: 2; width: 44%; max-width: 550px; text-align: left; }
.marketing-engineering-page .engineering-hero h1 { margin: 0 0 29px; font-size: clamp(44px, 4.2vw, 63px); line-height: 1.065; letter-spacing: -.052em; text-wrap: pretty; }
.marketing-engineering-page .engineering-hero-deck { max-width: 465px; margin-bottom: 29px; color: var(--engineering-copy); font-size: 16px; line-height: 1.7; }
.marketing-engineering-page .engineering-hero-art { position: absolute; z-index: 0; left: calc(50% - min(18vw, 288px)); top: -90px; width: min(89%, 1424px); pointer-events: none; }
.marketing-engineering-page .engineering-hero-art img { width: 100%; height: auto; mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, black 13%, black 93%, transparent), linear-gradient(to bottom, transparent, black 13%, black 89%, transparent); mask-composite: intersect; }
.marketing-engineering-page .engineering-actions { display: flex; align-items: flex-start; gap: 25px; }
.marketing-engineering-page .engineering-button { display: inline-flex; align-items: center; justify-content: center; min-height: 51px; padding: 14px 22px; border: 1px solid var(--engineering-ink); border-radius: 10px; background: var(--engineering-ink); color: #fffefa; font-size: 14px; font-weight: 550; line-height: 1.4; text-decoration: none; transition: background-color .15s ease; }
.marketing-engineering-page .engineering-button:hover { background: #244b60; }
.marketing-engineering-page .engineering-link { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: var(--engineering-teal); font-size: 14px; line-height: 1.5; font-weight: 550; text-decoration: none; }
.marketing-engineering-page .engineering-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.marketing-engineering-page .engineering-link img { width: 17px; height: 17px; flex-shrink: 0; }
.marketing-engineering-page .engineering-terms { margin: 10px 0 0; color: #586367; font-size: 13px; line-height: 1.5; }
.marketing-engineering-page .engineering-section h2 { margin: 0 0 24px; max-width: 660px; font-size: clamp(35px, 3.35vw, 49px); line-height: 1.13; letter-spacing: -.045em; text-wrap: pretty; }
.marketing-engineering-page .engineering-section p { color: var(--engineering-copy); font-size: 16px; line-height: 1.75; }
.marketing-engineering-page .engineering-section .engineering-eyebrow { color: var(--engineering-teal); font-size: 11px; line-height: 1.5; }
.marketing-engineering-page .engineering-questions header p:not(.engineering-eyebrow){ max-width: 380px; }
.marketing-engineering-page .engineering-decision-ledger{ margin: 0; }
.marketing-engineering-page .engineering-questions header { max-width: 760px; }
.marketing-engineering-page .engineering-questions header p:not(.engineering-eyebrow) { max-width: 700px; }
.marketing-engineering-page .engineering-decision-ledger { display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; margin-top: 40px; }
.marketing-engineering-page .engineering-decision-ledger > div { padding: 24px 0 0; border-top: 1px solid var(--engineering-line); }
.marketing-engineering-page .engineering-decision-ledger > div:first-child { padding-top: 24px; }
.marketing-engineering-page .engineering-decision-ledger dt { display: grid; grid-template-columns: 1fr; gap: 14px; color: var(--engineering-ink); font-size: 22px; font-weight: 450; line-height: 1.3; letter-spacing: -.025em; }
.marketing-engineering-page .engineering-index { color: var(--engineering-teal); font-family: inherit; font-size: 12px; font-weight: 500; letter-spacing: .04em; line-height: 2.3; }
.marketing-engineering-page .engineering-decision-ledger dd { margin: 14px 0 0; color: var(--engineering-copy); font-size: 15px; line-height: 1.75; }
.marketing-engineering-page .engineering-signals { background: #142e3e; }
.marketing-engineering-page .engineering-signals header { display: grid; grid-template-columns: 1.35fr 1fr; column-gap: 110px; align-items: end; }
.marketing-engineering-page .engineering-signals header .engineering-eyebrow { grid-column: 1 / -1; }
.marketing-engineering-page .engineering-signals h2 { color: #faf7ef; margin-bottom: 0; }
.marketing-engineering-page .engineering-signals .engineering-section p { color: #c6d0d1; }
.marketing-engineering-page .engineering-signals .engineering-section .engineering-eyebrow { color: #93c9c3; }
.marketing-engineering-page .engineering-signals-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 85px; margin-top: 58px; }
.marketing-engineering-page .engineering-workflow header { max-width: 710px; }
.marketing-engineering-page .engineering-workflow ol { display: grid; grid-template-columns: 1fr; gap: 0; margin: 45px 0 0; padding: 0; list-style: none; }
.marketing-engineering-page .engineering-workflow li { display: grid; grid-template-columns: 40px 260px 1fr; align-items: start; column-gap: 35px; border-top: 1px solid var(--engineering-line); padding-block: 25px; }
.marketing-engineering-page .engineering-workflow h3 { margin: 0; font-size: 27px; line-height: 1.2; letter-spacing: -.03em; }
.marketing-engineering-page .engineering-workflow li p { margin-bottom: 0; font-size: 15px; }
.marketing-engineering-page .engineering-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; border-top: 1px solid var(--engineering-line); padding-block: 68px 85px; }
.marketing-engineering-page .engineering-fit h2 { font-size: 36px; max-width: 470px; }
.marketing-engineering-page .engineering-fit p { font-size: 15px; }
.marketing-engineering-page .marketing-footer-waterline { display: none; }
.marketing-engineering-page .engineering-closing { border-top: 1px solid var(--engineering-line); background: #eeeee6; }
.marketing-engineering-page .engineering-closing .engineering-section { text-align: center; padding-block: 78px; }
.marketing-engineering-page .engineering-closing h2 { max-width: 800px; margin-inline: auto; font-size: clamp(38px, 4.1vw, 59px); }
.marketing-engineering-page .engineering-closing p:not(.engineering-eyebrow):not(.engineering-terms) { max-width: 650px; margin: 0 auto 28px; }
.marketing-engineering-page .engineering-closing .engineering-actions { justify-content: center; }
.marketing-engineering-page .engineering-closing .engineering-terms { font-size: 13px; }
@media (min-width: 1101px) and (max-width: 1350px) {
  .marketing-engineering-page .engineering-hero { padding-top: 44px; }
}
@media (max-width: 1100px) {
  .marketing-engineering-page .engineering-section { width: calc(100% - 64px); padding-block: 68px; }
  .marketing-engineering-page .engineering-hero { min-height: 720px; padding: 50px 32px; }
  .marketing-engineering-page .engineering-hero-copy { width: 49%; }
  .marketing-engineering-page .engineering-hero h1 { font-size: 49px; }
  .marketing-engineering-page .engineering-hero-art { left: 32%; top: 0; width: 100%; }
  .marketing-engineering-page .engineering-actions { flex-wrap: wrap; gap: 10px 22px; }
  .marketing-engineering-page .engineering-questions{ gap: 48px; }
  .marketing-engineering-page .engineering-fit, .marketing-engineering-page .engineering-signals header { gap: 45px; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .marketing-engineering-page .engineering-hero { display: flex; flex-direction: column; min-height: auto; padding: 44px 32px 0; }
  .marketing-engineering-page .engineering-hero-copy { width: 100%; max-width: 650px; }
  .marketing-engineering-page .engineering-hero h1 { max-width: 620px; font-size: 52px; }
  .marketing-engineering-page .engineering-hero-deck { max-width: 620px; }
  .marketing-engineering-page .engineering-hero-art { position: relative; left: auto; top: auto; width: 100%; margin: -35px auto -10px; }
}
@media (max-width: 760px) {
  .marketing-engineering-page .engineering-section { width: calc(100% - 40px); padding-block: 52px; }
  .marketing-engineering-page .engineering-hero { display: flex; flex-direction: column; min-height: auto; padding: 36px 20px 0; }
  .marketing-engineering-page .engineering-hero-copy { width: 100%; max-width: none; }
  .marketing-engineering-page .engineering-hero .engineering-eyebrow { margin-bottom: 20px; font-size: 10px; }
  .marketing-engineering-page .engineering-hero h1 { max-width: 580px; margin-bottom: 22px; font-size: clamp(39px, 6.7vw, 51px); line-height: 1.08; letter-spacing: -.045em; }
  .marketing-engineering-page .engineering-hero-deck { max-width: 540px; font-size: 15px; line-height: 1.7; margin-bottom: 24px; }
  .marketing-engineering-page .engineering-hero .engineering-actions { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0 16px; }
  .marketing-engineering-page .engineering-hero .engineering-actions > div { display: contents; }
  .marketing-engineering-page .engineering-hero .engineering-actions > .engineering-link { grid-column: 2; grid-row: 1; font-size: 13px; gap: 6px; }
  .marketing-engineering-page .engineering-hero .engineering-actions .engineering-button { padding-inline: 17px; }
  .marketing-engineering-page .engineering-hero .engineering-actions .engineering-terms { grid-column: 1 / -1; grid-row: 2; }
  .marketing-engineering-page .engineering-hero-art { position: relative; left: auto; top: auto; width: 125%; max-width: none; margin: -8px -12.5% -5px; }
  .marketing-engineering-page .engineering-questions, .marketing-engineering-page .engineering-fit { grid-template-columns: 1fr; gap: 30px; }
  .marketing-engineering-page .engineering-section h2 { font-size: 35px; max-width: 580px; }
  .marketing-engineering-page .engineering-section p { font-size: 15px; }
  .marketing-engineering-page .engineering-questions header p:not(.engineering-eyebrow){ max-width: none; }
  .marketing-engineering-page .engineering-decision-ledger { grid-template-columns: 1fr; gap: 26px; margin-top: 28px; }
  .marketing-engineering-page .engineering-decision-ledger dt { font-size: 21px; grid-template-columns: 25px 1fr; gap: 10px; }
  .marketing-engineering-page .engineering-decision-ledger dd { margin-left: 35px; }
  .marketing-engineering-page .engineering-signals header { display: block; }
  .marketing-engineering-page .engineering-signals h2 { margin-bottom: 24px; }
  .marketing-engineering-page .engineering-signals-grid { grid-template-columns: 1fr; gap: 30px; margin-top: 32px; }
  .marketing-engineering-page .engineering-workflow ol { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; }
  .marketing-engineering-page .engineering-workflow li { display: grid; grid-template-columns: 25px 1fr; column-gap: 10px; }
  .marketing-engineering-page .engineering-workflow h3 { margin: 0 0 12px; font-size: 26px; }
  .marketing-engineering-page .engineering-workflow li p { grid-column: 2; }
  .marketing-engineering-page .engineering-closing .engineering-section { text-align: left; padding-block: 55px; }
  .marketing-engineering-page .engineering-closing .engineering-actions { justify-content: flex-start; }
  .marketing-engineering-page .engineering-closing h2 { font-size: 40px; }
}
@media (max-width: 359px) {
  .marketing-engineering-page .engineering-hero { display: grid; grid-template-columns: minmax(0, 1fr); padding-top: 28px; }
  .marketing-engineering-page .engineering-hero-copy,
  .marketing-engineering-page .engineering-hero .engineering-actions { display: contents; }
  .marketing-engineering-page .engineering-hero h1 { order: 2; font-size: 35px; }
  .marketing-engineering-page .engineering-hero-deck { order: 3; }
  .marketing-engineering-page .engineering-hero .engineering-actions .engineering-button { order: 4; justify-self: start; }
  .marketing-engineering-page .engineering-hero .engineering-actions .engineering-terms { order: 5; grid-row: auto; grid-column: auto; }
  .marketing-engineering-page .engineering-hero-art { order: 6; }
  .marketing-engineering-page .engineering-hero .engineering-actions > .engineering-link { order: 7; grid-row: auto; grid-column: auto; margin-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) { .marketing-engineering-page .engineering-button { transition: none; } }
/* A project evaluation surface, with official evidence connected to meaning. */
.marketing-engineering-page .engineering-hero h1 { max-width:570px; }
.marketing-engineering-page .engineering-hero-deck { font-size:17px; }
.marketing-engineering-page .engineering-section { width:min(1210px,calc(100% - 104px)); }
.marketing-engineering-page .engineering-hero { padding-inline:max(52px,calc((100% - 1210px)/2)); }
.marketing-engineering-page .engineering-evaluation { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; margin-top:45px; align-items:start; }
.marketing-engineering-page .engineering-decision-ledger { display:block; margin:0; }
.marketing-engineering-page .engineering-decision-ledger > div { padding:0 0 32px; border:0; }
.marketing-engineering-page .engineering-decision-ledger > div:first-child { padding-top:0; }
.marketing-engineering-page .engineering-decision-ledger dt { font-family:Inter,system-ui,sans-serif; font-size:22px; }
.marketing-engineering-page .engineering-project-brief { padding:32px; border:1px solid #d7ddd4; border-radius:14px; background:#fffef8; box-shadow:0 22px 60px #12334510; }
.marketing-engineering-page .engineering-project-brief header h2 { font-size:36px; margin-bottom:20px; }
.marketing-engineering-page .engineering-project-brief header p:not(.engineering-eyebrow) { max-width:none; font-size:15px; }
.marketing-engineering-page .engineering-project-brief .engineering-eyebrow { margin-bottom:15px; font-size:11px; }
.marketing-engineering-page .engineering-project-position { display:grid; grid-template-columns:1fr 1.7fr; gap:25px; margin:28px -32px; padding:24px 32px; background:#eef1e8; }
.marketing-engineering-page .engineering-project-position span,.marketing-engineering-page .engineering-project-next > span,.marketing-engineering-page .engineering-project-unknown > span { display:block; color:#507166; font-size:12px; }
.marketing-engineering-page .engineering-project-position strong { display:block; margin-top:10px; color:#244b46; font-family:Inter,system-ui,sans-serif; font-size:23px; font-weight:500; line-height:1.3; }
.marketing-engineering-page .engineering-project-position p { margin:8px 0 0; font-size:14px; }
.marketing-engineering-page .engineering-project-next h3 { margin:12px 0 7px; font-family:Inter,system-ui,sans-serif; font-size:20px; line-height:1.35; }
.marketing-engineering-page .engineering-project-next p { font-size:14px; }
.marketing-engineering-page .engineering-project-unknown { margin-top:25px; }
.marketing-engineering-page .engineering-project-unknown ul { display:grid; gap:13px; list-style:none; padding:0; margin:15px 0 25px; }
.marketing-engineering-page .engineering-project-unknown li { color:#52665e; font-size:14px; line-height:1.55; }
.marketing-engineering-page .engineering-project-unknown li strong { display:block; margin-bottom:4px; color:#34564a; font-weight:550; }
.marketing-engineering-page .engineering-source-flow { display:grid; grid-template-columns:1fr 55px 1fr; align-items:center; gap:25px; margin-top:50px; }
.marketing-engineering-page .engineering-source-artifact { padding:30px; border-radius:10px; background:#fbfaf2; transform:rotate(-1deg); box-shadow:8px 10px 0 #ffffff18; }
.marketing-engineering-page .engineering-source-artifact > span { color:#536d63; font-size:13px; }
.marketing-engineering-page .engineering-source-artifact h3 { margin:12px 0 15px; color:#284f43; font-family:Inter,system-ui,sans-serif; font-size:23px; line-height:1.3; }
.marketing-engineering-page .engineering-signals .engineering-source-artifact p { color:#556d61; font-size:13px; }
.marketing-engineering-page .engineering-signals .engineering-source-artifact .engineering-eyebrow { color:#4b7667; }
.marketing-engineering-page .engineering-source-artifact blockquote { margin:22px 0 15px; color:#335747; font-size:16px; line-height:1.7; }
.marketing-engineering-page .engineering-flow-arrow { color:#a9ccc5; font-size:40px; text-align:center; }
.marketing-engineering-page .engineering-connected-record { padding:15px 0; }
.marketing-engineering-page .engineering-connected-record h3 { color:#f8f5e8; font-size:36px; line-height:1.15; margin:0 0 25px; }
.marketing-engineering-page .engineering-connected-record > span { color:#bfd3cb; font-size:13px; }
.marketing-engineering-page .engineering-connected-record strong { display:block; margin-top:14px; color:#e4eee2; font-size:20px; line-height:1.4; font-weight:500; }
.marketing-engineering-page .engineering-signals .engineering-interpretation-label { margin:24px 0 7px; font-size:12px; color:#a6cec4; }
.marketing-engineering-page .engineering-connected-record .engineering-link { color:#c5dfd1; }
.marketing-engineering-page .engineering-signals-grid { gap:12px 40px; margin-top:40px; }
.marketing-engineering-page .engineering-signals-grid summary { display:flex; justify-content:space-between; gap:20px; min-height:44px; color:#c2dad0; font-size:15px; line-height:1.5; cursor:pointer; }
.marketing-engineering-page .engineering-signals-grid summary::after { content:"+"; }
.marketing-engineering-page .engineering-signals-grid details[open] summary::after { content:"−"; }
.marketing-engineering-page .engineering-workflow ol { grid-template-columns:repeat(3,1fr); gap:45px; padding-top:26px; border-top:1px solid #b5c6bb; }
.marketing-engineering-page .engineering-workflow li { display:block; padding:0; border:0; }
.marketing-engineering-page .engineering-workflow h3 { margin:14px 0; font-family:Inter,system-ui,sans-serif; font-size:24px; }
.marketing-engineering-page .engineering-closing { background:#123b42; }
.marketing-engineering-page .engineering-closing h2 { color:#fffbed; }
.marketing-engineering-page .engineering-closing .engineering-section p { color:#c4d7cb; }
.marketing-engineering-page .engineering-closing .engineering-button { background:#fbf7e8; color:#173c41; border-color:#fbf7e8; min-height:56px; padding-inline:28px; }
.marketing-engineering-page .engineering-closing .engineering-link { color:#d0e2d4; }
.marketing-engineering-page .engineering-closing .engineering-link img { filter:brightness(0) invert(1); }
@media(max-width:1100px) { .marketing-engineering-page .engineering-evaluation { gap:35px; } .marketing-engineering-page .engineering-hero { padding-inline:32px; } .marketing-engineering-page .engineering-section { width:calc(100% - 64px); } }
@media(max-width:900px) { .marketing-engineering-page .engineering-evaluation { grid-template-columns:1fr; } .marketing-engineering-page .engineering-decision-ledger { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; } .marketing-engineering-page .engineering-source-flow { grid-template-columns:1fr; } .marketing-engineering-page .engineering-flow-arrow { transform:rotate(90deg); } }
@media(max-width:760px) { .marketing-engineering-page .engineering-hero { padding-inline:20px; } .marketing-engineering-page .engineering-section { width:calc(100% - 40px); } .marketing-engineering-page .engineering-decision-ledger { display:block; } .marketing-engineering-page .engineering-project-brief { padding:24px; } .marketing-engineering-page .engineering-project-position { margin-inline:-24px; padding-inline:24px; grid-template-columns:1fr; } .marketing-engineering-page .engineering-workflow ol { grid-template-columns:1fr; gap:30px; } .marketing-engineering-page .engineering-hero-deck { font-size:16px; } }
@media(max-width:760px) { .marketing-engineering-page .engineering-workflow ol { border-top:0; border-left:1px solid #b5c6bb; padding:0 0 0 24px; } }
.marketing-engineering-page .engineering-decision-ledger dd > p { margin-top:12px; font-size:15px; line-height:1.7; }
.marketing-engineering-page .engineering-closing-example > span { display:block; color:#bad2c5; font-size:13px; line-height:1.6; }
.marketing-engineering-page .engineering-closing-example .engineering-link { font-size:17px; }
.marketing-engineering-page .engineering-consultant-selection { margin-bottom:26px; }
.marketing-engineering-page .engineering-consultant-selection > span { color:#507166; font-size:14px; }
.marketing-engineering-page .engineering-consultant-selection strong { display:block; margin:8px 0; color:#315447; font-size:21px; font-weight:500; }
.marketing-engineering-page .engineering-consultant-selection p,.marketing-engineering-page .engineering-project-unknown li,.marketing-engineering-page .engineering-project-brief header p:not(.engineering-eyebrow) { font-size:16px; }
.marketing-engineering-page .engineering-project-next > span,.marketing-engineering-page .engineering-project-unknown > span,.marketing-engineering-page .engineering-project-position span { font-size:14px; }
.marketing-engineering-page .engineering-source-artifact { transform:none; box-shadow:0 15px 40px #03182333; }
.marketing-engineering-page .engineering-source-passage { display:flex; align-items:start; gap:20px; margin:22px 0 15px; }
.marketing-engineering-page .engineering-source-passage > a { flex:0 0 115px; }
.marketing-engineering-page .engineering-source-passage img { display:block; width:115px; height:auto; border:1px solid #d5ddd0; }
.marketing-engineering-page .engineering-source-passage blockquote { margin:0; min-width:0; }
@media(max-width:600px) { .marketing-engineering-page .engineering-source-passage { display:block; } .marketing-engineering-page .engineering-source-passage img { width:140px; margin-bottom:20px; } }
.marketing-engineering-page .engineering-workflow ol { position:relative; border:0; padding-top:0; }
.marketing-engineering-page .engineering-workflow ol::before { content:""; position:absolute; top:18px; left:18px; right:18px; height:1px; background:#aebfb3; }
.marketing-engineering-page .engineering-workflow li { position:relative; }
.marketing-engineering-page .engineering-workflow .engineering-index { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #aebfb3; border-radius:50%; background:var(--engineering-paper); }
.marketing-engineering-page .engineering-workflow li:not(:last-child)::after { content:"→"; position:absolute; top:1px; right:-28px; padding-inline:5px; background:var(--engineering-paper); color:#5f8074; font-size:24px; }
@media(max-width:760px) {
 .marketing-engineering-page .engineering-workflow ol { padding-left:0; }
 .marketing-engineering-page .engineering-workflow ol::before { top:18px; bottom:18px; left:18px; right:auto; width:1px; height:auto; }
 .marketing-engineering-page .engineering-workflow li { padding-left:58px; }
 .marketing-engineering-page .engineering-workflow .engineering-index { position:absolute; left:0; top:0; }
 .marketing-engineering-page .engineering-workflow h3 { margin-top:0; }
 .marketing-engineering-page .engineering-workflow li:not(:last-child)::after { content:"↓"; top:auto; bottom:-29px; left:7px; right:auto; padding-inline:3px; }
}
@media(max-width:900px) { .marketing-engineering-page .engineering-project-brief { order:1; } .marketing-engineering-page .engineering-evaluation > .engineering-decision-ledger { order:2; } }
@media(min-width:1600px) { .marketing-engineering-page .engineering-hero-deck { max-width:420px; } }
.marketing-engineering-page .engineering-owner-link { display:inline-flex; min-height:44px; align-items:center; color:inherit; text-underline-offset:4px; }
/* September 9: large project and product compositions. Hero remains unchanged. */
.marketing-engineering-page .engineering-act-heading { max-width:850px; margin-bottom:38px; }
.marketing-engineering-page .engineering-act-heading h2 { max-width:none; font-size:clamp(38px,4.3vw,60px); }
.marketing-engineering-page .engineering-project-act { padding-top:35px; }
.marketing-engineering-page .engineering-intelligence-canvas { border:1px solid #d5ddd3; border-radius:16px; overflow:hidden; background:#fffef9; box-shadow:0 35px 75px #12344315; }
.marketing-engineering-page .engineering-canvas-masthead { display:flex; justify-content:space-between; gap:20px; padding:18px 38px; background:#153f43; color:#d9e7db; font-size:12px; letter-spacing:.04em; }
.marketing-engineering-page .engineering-intelligence-canvas > header { display:grid; grid-template-columns:1fr 190px; gap:50px; padding:35px 38px; align-items:center; background:linear-gradient(120deg,#e7eee6,#faf9ef 65%); }
.marketing-engineering-page .engineering-intelligence-canvas > header h2 { max-width:760px; font-size:clamp(35px,3.7vw,52px); margin:8px 0 17px; }
.marketing-engineering-page .engineering-intelligence-canvas > header p { max-width:730px; font-size:16px; margin:0; }
.marketing-engineering-page .engineering-intelligence-canvas .engineering-owner-link { color:#3b7067; font-size:14px; }
.marketing-engineering-page .engineering-intelligence-canvas > header aside { padding:25px; border-radius:50%; aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; text-align:center; border:1px solid #aac3b3; background:#f7faef; }
.marketing-engineering-page .engineering-intelligence-canvas > header aside span { color:#507568; font-size:12px; }
.marketing-engineering-page .engineering-intelligence-canvas > header aside strong { margin-top:8px; color:#285647; font-family:Inter,system-ui,sans-serif; font-weight:500; font-size:28px; }
.marketing-engineering-page .engineering-canvas-position { display:grid; grid-template-columns:1fr .85fr 1.25fr; gap:35px; padding:34px 38px; }
.marketing-engineering-page .engineering-canvas-position section > span { color:#56756b; font-size:13px; }
.marketing-engineering-page .engineering-canvas-position strong { display:block; margin:12px 0; color:#284e44; font-family:Inter,system-ui,sans-serif; font-size:23px; line-height:1.3; font-weight:500; letter-spacing:-.025em; }
.marketing-engineering-page .engineering-canvas-position small { display:block; color:#526e61; font-size:14px; line-height:1.55; }
.marketing-engineering-page .engineering-canvas-lifecycle { display:grid; grid-template-columns:repeat(7,1fr); gap:12px; list-style:none; margin:12px 38px 38px; padding:0; position:relative; }
.marketing-engineering-page .engineering-canvas-lifecycle::before { content:""; position:absolute; height:1px; background:#bfcfc2; top:9px; left:0; right:0; }
.marketing-engineering-page .engineering-canvas-lifecycle li { position:relative; min-width:0; }
.marketing-engineering-page .engineering-canvas-lifecycle i { display:block; position:relative; width:19px; height:19px; margin-bottom:14px; border:1px solid #a8c1b2; border-radius:50%; background:#fffef9; }
.marketing-engineering-page .engineering-canvas-lifecycle .is-current i { background:#286d64; box-shadow:0 0 0 5px #d9e8db; }
.marketing-engineering-page .engineering-canvas-lifecycle .is-evidenced i { background:#a5c6b1; }
.marketing-engineering-page .engineering-canvas-lifecycle strong { display:block; color:#34594d; font-size:13px; font-weight:550; line-height:1.45; }
.marketing-engineering-page .engineering-canvas-lifecycle li > span { display:block; margin-top:6px; color:#687d6f; font-size:12px; }
.marketing-engineering-page .engineering-intelligence-canvas footer { display:flex; gap:40px; align-items:center; justify-content:space-between; padding:22px 38px; border-top:1px solid #e1e7db; }
.marketing-engineering-page .engineering-intelligence-canvas footer p { max-width:720px; margin:0; font-size:14px; }
.marketing-engineering-page .engineering-intelligence-canvas footer .engineering-button { flex:none; }
.marketing-engineering-page .engineering-empty { padding:40px; }




.marketing-engineering-page .engineering-document-act { background:#112e3b; }
.marketing-engineering-page .engineering-document-act .engineering-section { padding-block:75px 85px; }
.marketing-engineering-page .engineering-document-act h2 { color:#fbf8eb; }
.marketing-engineering-page .engineering-document-act .engineering-eyebrow { color:#a8ccc3; }


.marketing-engineering-page .engineering-original-document { position:relative; margin:0; }
.marketing-engineering-page .engineering-original-document img { display:block; width:260px; height:auto; box-shadow:12px 16px 0 #ffffff15; }
.marketing-engineering-page .engineering-original-document figcaption { margin-top:28px; color:#bbd1cb; font-size:12px; line-height:1.6; }
.marketing-engineering-page .engineering-original-document figcaption strong,.marketing-engineering-page .engineering-original-document figcaption span { display:block; }
.marketing-engineering-page .engineering-original-document figcaption span { margin-top:7px; }
.marketing-engineering-page .engineering-source-cover { min-height:325px; padding:28px; background:#f5f4e9; color:#285449; }
.marketing-engineering-page .engineering-source-cover strong { display:block; margin-top:45px; font-size:24px; line-height:1.4; }
.marketing-engineering-page .engineering-extracted-evidence { position:relative; padding:30px; background:#fcfaee; box-shadow:0 20px 45px #061e2c70; }
.marketing-engineering-page .engineering-scene-label { display:block; color:#55786a; font-size:12px; letter-spacing:.06em; }
.marketing-engineering-page .engineering-extracted-evidence blockquote { margin:20px 0 0; color:#2e5147; font-size:18px; line-height:1.75; }
.marketing-engineering-page .engineering-extracted-evidence mark { color:#204d40; background:#dbe8ba; }

.marketing-engineering-page .engineering-resolved-project .engineering-scene-label { color:#95c1b7; }
.marketing-engineering-page .engineering-resolved-project h3 { margin:20px 0; color:#fffbed; font-size:33px; line-height:1.15; }
.marketing-engineering-page .engineering-resolved-project time { color:#b9d3c8; font-size:13px; }
.marketing-engineering-page .engineering-resolved-project > strong { display:block; margin:13px 0 28px; color:#deeadc; font-size:19px; line-height:1.4; font-weight:500; }
.marketing-engineering-page .engineering-resolved-project p { color:#c5d6cc; font-size:15px; }
.marketing-engineering-page .engineering-resolved-project .engineering-link { color:#d3e6d6; font-size:14px; }







.marketing-engineering-page .engineering-view-masthead { display:flex; justify-content:space-between; gap:25px; align-items:baseline; padding-bottom:24px; }
.marketing-engineering-page .engineering-view-masthead > strong { color:#214e47; font-family:Inter,system-ui,sans-serif; font-size:26px; font-weight:500; }
.marketing-engineering-page .engineering-view-masthead > span { max-width:280px; color:#617e70; font-size:12px; }
.marketing-engineering-page .engineering-signal-row { display:grid; grid-template-columns:100px 1fr; gap:25px; padding-block:20px; border-top:1px solid #e0e7dc; }
.marketing-engineering-page .engineering-signal-row time,.marketing-engineering-page .engineering-signal-row div > span { color:#648171; font-size:13px; }
.marketing-engineering-page .engineering-signal-row h4,.marketing-engineering-page .engineering-history-view h4 { margin:8px 0 10px; color:#315b4d; font-family:Inter,system-ui,sans-serif; font-size:20px; font-weight:500; line-height:1.3; }
.marketing-engineering-page .engineering-signal-row p { margin:0 0 12px; font-size:14px; }
.marketing-engineering-page .engineering-signal-row a { color:#326b59; font-size:14px; }
.marketing-engineering-page .engineering-history-view { background:#eaf0e7; }
.marketing-engineering-page .engineering-history-view ol { list-style:none; margin:15px 0 0 8px; padding:0 0 0 25px; border-left:1px solid #a9c0ae; }
.marketing-engineering-page .engineering-history-view li { margin-bottom:28px; }
.marketing-engineering-page .engineering-history-view time { display:flex; gap:14px; color:#557766; font-size:14px; }
.marketing-engineering-page .engineering-history-view time span { font-size:12px; }
.marketing-engineering-page .engineering-relationships-view dl { margin:0; }
.marketing-engineering-page .engineering-relationships-view dl > div { display:grid; grid-template-columns:.85fr 1.15fr; gap:20px; padding:18px 0; border-top:1px solid #e1e7dc; }
.marketing-engineering-page .engineering-relationships-view dt { color:#617b6d; font-size:14px; }
.marketing-engineering-page .engineering-relationships-view dd { margin:0; color:#315647; font-size:17px; }
.marketing-engineering-page .engineering-fit-note { padding-block:30px 60px; display:grid; grid-template-columns:1fr 1fr; gap:20px 60px; border-top:1px solid #d7dfd4; }
.marketing-engineering-page .engineering-fit-note p { font-size:14px; }
@media(max-width:1100px) {
 .marketing-engineering-page .engineering-original-document img { width:200px; }

 }
@media(max-width:760px) {
 .marketing-engineering-page .engineering-intelligence-canvas > header { grid-template-columns:1fr; padding:25px; gap:20px; }
 .marketing-engineering-page .engineering-intelligence-canvas > header aside { aspect-ratio:auto; border-radius:6px; padding:16px; text-align:left; }
 .marketing-engineering-page .engineering-canvas-masthead { padding:15px 25px; font-size:11px; }
 .marketing-engineering-page .engineering-canvas-position { grid-template-columns:1fr; gap:25px; padding:25px; }
 .marketing-engineering-page .engineering-canvas-lifecycle { grid-template-columns:1fr 1fr; gap:22px; margin:15px 25px 30px; }
 .marketing-engineering-page .engineering-canvas-lifecycle::before { display:none; }
 .marketing-engineering-page .engineering-intelligence-canvas footer { display:block; padding:25px; }
 .marketing-engineering-page .engineering-intelligence-canvas footer .engineering-button { margin-top:20px; }


 .marketing-engineering-page .engineering-original-document img { width:230px; margin:auto; }




 .marketing-engineering-page .engineering-view-masthead { display:block; }
 .marketing-engineering-page .engineering-view-masthead > span { display:block; margin-top:10px; }
 .marketing-engineering-page .engineering-signal-row { grid-template-columns:1fr; gap:10px; }
 .marketing-engineering-page .engineering-relationships-view dl > div { grid-template-columns:1fr; gap:7px; }
 .marketing-engineering-page .engineering-fit-note { grid-template-columns:1fr; gap:10px; }
}





.marketing-engineering-page .engineering-intelligence-canvas > header { max-width:none; width:auto; }
@media(max-width:760px) {
 .marketing-engineering-page .engineering-canvas-position { grid-template-columns:1fr 1fr; gap:20px; }
 .marketing-engineering-page .engineering-canvas-position section:last-child { grid-column:1/-1; }
 .marketing-engineering-page .engineering-canvas-position strong { font-size:20px; }
 .marketing-engineering-page .engineering-canvas-lifecycle { grid-template-columns:repeat(4,1fr); gap:20px 12px; }
 .marketing-engineering-page .engineering-canvas-lifecycle strong { font-size:12px; }
 .marketing-engineering-page .engineering-canvas-lifecycle li > span { font-size:11px; }
 .marketing-engineering-page .engineering-intelligence-canvas > header aside { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
 .marketing-engineering-page .engineering-intelligence-canvas > header aside strong { margin:0; font-size:23px; }
}








.marketing-engineering-page .engineering-role-project { position:relative; max-width:440px; margin:0 auto 28px; padding:20px; text-align:center; background:#eaf0e6; }
.marketing-engineering-page .engineering-role-project > span { display:block; color:#638373; font-size:12px; }
.marketing-engineering-page .engineering-role-project strong { display:block; margin-top:10px; color:#2f5847; font-size:21px; font-weight:500; line-height:1.3; }
.marketing-engineering-page .engineering-role-map dl { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.marketing-engineering-page .engineering-role-map dl > div { position:relative; display:block; padding:12px 16px; border:0; text-align:center; }
.marketing-engineering-page .engineering-role-map dl > .is-established::before { content:""; position:absolute; height:28px; width:1px; top:-28px; left:50%; background:#a8c1ac; }
.marketing-engineering-page .engineering-role-map dd { margin-top:8px; }
.marketing-engineering-page .engineering-role-map .is-unknown dd { color:#748478; font-size:15px; }
@media(max-width:760px) {
 .marketing-engineering-page .engineering-role-map dl { gap:15px; } .marketing-engineering-page .engineering-role-map dl > div { padding-inline:0; } }
.marketing-engineering-page .engineering-unestablished-zone { margin-top:22px; padding-top:17px; border-top:1px solid #e2e8dd; }
.marketing-engineering-page .engineering-unestablished-zone > span { display:block; color:#718374; font-size:12px; text-align:center; }
.marketing-engineering-page .engineering-unestablished-zone dl { margin-top:12px; }




.marketing-engineering-page .engineering-lifecycle-hint { display:none; }
@media(max-width:760px) {
 .marketing-engineering-page .engineering-intelligence-canvas > header { padding:20px; gap:16px; }
 .marketing-engineering-page .engineering-intelligence-canvas > header h2 { font-size:32px; margin:5px 0 12px; }
 .marketing-engineering-page .engineering-intelligence-canvas > header p { font-size:15px; line-height:1.55; }
 .marketing-engineering-page .engineering-intelligence-canvas > header aside { padding:12px 15px; min-height:50px; }
 .marketing-engineering-page .engineering-canvas-masthead { padding:13px 20px; }
 .marketing-engineering-page .engineering-canvas-position { padding:22px 20px; gap:20px; }
 .marketing-engineering-page .engineering-canvas-position strong { margin:8px 0; font-size:19px; }
 .marketing-engineering-page .engineering-canvas-position small { font-size:14px; line-height:1.45; }
 .marketing-engineering-page .engineering-lifecycle-scroll { margin:0 20px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; }
 .marketing-engineering-page .engineering-canvas-lifecycle { grid-template-columns:repeat(7,90px); gap:12px; min-width:702px; margin:10px 0 0; padding-bottom:12px; min-height:128px; }
 .marketing-engineering-page .engineering-canvas-lifecycle::before { display:block; width:690px; right:auto; }
 .marketing-engineering-page .engineering-canvas-lifecycle strong { font-size:13px; line-height:1.4; }
 .marketing-engineering-page .engineering-canvas-lifecycle li > span { font-size:12px; }
 .marketing-engineering-page .engineering-lifecycle-hint { display:flex; justify-content:space-between; margin:0 20px 18px; color:#5b7869; font-size:12px; }
 .marketing-engineering-page .engineering-intelligence-canvas footer { padding:18px 20px 22px; }
 .marketing-engineering-page .engineering-intelligence-canvas footer p { font-size:13px; line-height:1.5; }
 .marketing-engineering-page .engineering-intelligence-canvas footer .engineering-button { margin-top:14px; }
}

/* Final record narrative: one conceptual plate, one evidence route, one workflow. */
.marketing-engineering-page .engineering-model-act { background:#f6f0e8; overflow:hidden; }
.marketing-engineering-page .engineering-model-composition { position:relative; isolation:isolate; width:min(1280px,calc(100% - 104px)); min-height:800px; margin-inline:auto; }
.marketing-engineering-page .engineering-model-act .engineering-model-intro { position:relative; z-index:1; width:420px; margin:0; padding:66px 0 0; }
.marketing-engineering-page .engineering-model-intro h2 { max-width:420px; margin:0 0 25px; font-size:clamp(42px,4.1vw,59px); line-height:1.08; }
.marketing-engineering-page .engineering-model-intro > p:last-child { max-width:355px; margin:0; }
.marketing-engineering-page .engineering-model-figure { position:absolute; z-index:0; top:80px; right:-65px; width:min(88%,1080px); margin:0; }
.marketing-engineering-page .engineering-network-model { display:block; width:100%; max-width:none; height:auto; margin:0; mix-blend-mode:multiply; mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent); mask-composite:intersect; }
.marketing-engineering-page .engineering-model-act .engineering-record-ribbon { padding-block:30px 65px; }
.marketing-engineering-page .engineering-record-ribbon .engineering-ribbon-title { margin:0 0 28px; color:#284f45; font-size:17px; font-weight:500; }
.marketing-engineering-page .engineering-record-ribbon ol { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; list-style:none; padding:23px 0 0; margin:0; border-top:1px solid #aebdb1; }
.marketing-engineering-page .engineering-record-ribbon li { position:relative; }
.marketing-engineering-page .engineering-record-ribbon li::before { content:""; position:absolute; top:-24px; left:0; height:10px; border-left:1px solid #aebdb1; }
.marketing-engineering-page .engineering-record-ribbon li > span { display:block; color:#577767; font-size:11px; letter-spacing:.09em; text-transform:uppercase; }
.marketing-engineering-page .engineering-record-ribbon strong { display:block; margin-top:10px; color:#294f44; font-family:Inter,system-ui,sans-serif; font-size:21px; font-weight:500; }
.marketing-engineering-page .engineering-record-ribbon li p { margin:7px 0 0; font-size:14px; line-height:1.6; }
.marketing-engineering-page .engineering-documentary-scene { display:grid; grid-template-columns:260px minmax(0,1.2fr) minmax(0,1fr); gap:38px; margin-top:45px; align-items:start; }
.marketing-engineering-page .engineering-document-step { min-width:0; }
.marketing-engineering-page .engineering-section .engineering-transform-label { display:flex; align-items:center; gap:10px; min-height:40px; margin:0 0 25px; padding-bottom:17px; border-bottom:1px solid #486773; color:#d9e8de; font-size:13px; line-height:1.5; }
.marketing-engineering-page .engineering-transform-label span { color:#8fb8ad; font-size:11px; }
.marketing-engineering-page .engineering-transform-label i { margin-left:auto; color:#9fc6b9; font-style:normal; }
.marketing-engineering-page .engineering-resolved-project { position:relative; padding:0; }
.marketing-engineering-page .engineering-product-views > header > p:last-child { max-width:650px; }
.marketing-engineering-page .engineering-workflow-canvas { position:relative; margin-top:45px; background:linear-gradient(to right,transparent 0,transparent 30%,#edf1e8 30%,#edf1e8 100%); }
.marketing-engineering-page .engineering-workflow-canvas::before { content:""; position:absolute; top:45px; bottom:45px; left:16px; width:1px; background:#b3c7b7; }
.marketing-engineering-page .engineering-product-view { position:relative; display:grid; grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr); gap:45px; margin:0; padding-block:38px; align-items:start; }
.marketing-engineering-page .engineering-product-view + .engineering-product-view { border-top:1px solid #d2ded0; }
.marketing-engineering-page .engineering-product-view > header { padding-left:48px; }
.marketing-engineering-page .engineering-product-view > header h3 { margin:18px 0; font-size:35px; line-height:1.15; }
.marketing-engineering-page .engineering-product-view > header p { max-width:310px; font-size:15px; }
.marketing-engineering-page .engineering-workflow-step { display:flex; align-items:center; gap:15px; color:#47705e; font-size:13px; }
.marketing-engineering-page .engineering-workflow-step b { position:absolute; left:0; display:flex; width:33px; height:33px; align-items:center; justify-content:center; border:1px solid #adc2b0; border-radius:50%; background:var(--engineering-paper); font-size:11px; font-weight:500; }
.marketing-engineering-page .engineering-native-view { min-width:0; min-height:0; padding:0 30px; border:0; box-shadow:none; background:transparent; }
.marketing-engineering-page .engineering-history-view { background:transparent; }
@media(max-width:1100px) {
 .marketing-engineering-page .engineering-model-composition { width:calc(100% - 64px); min-height:calc(250px + (100vw - 64px) * .6); }
 .marketing-engineering-page .engineering-model-act .engineering-model-intro { width:360px; padding-top:52px; }
 .marketing-engineering-page .engineering-model-intro h2 { font-size:46px; }
 .marketing-engineering-page .engineering-model-figure { width:90%; top:250px; right:-40px; }
 .marketing-engineering-page .engineering-documentary-scene { grid-template-columns:180px minmax(0,1fr) minmax(0,1fr); gap:25px; }
 .marketing-engineering-page .engineering-original-document img { width:100%; }
 .marketing-engineering-page .engineering-section .engineering-transform-label { align-items:baseline; font-size:12px; gap:7px; }
 .marketing-engineering-page .engineering-extracted-evidence { padding:22px; }
 .marketing-engineering-page .engineering-product-view { gap:28px; }
 .marketing-engineering-page .engineering-native-view { padding-inline:22px; }
}
@media(max-width:760px) {
 .marketing-engineering-page .engineering-model-composition { width:calc(100% - 40px); min-height:620px; }
 .marketing-engineering-page .engineering-model-act .engineering-model-intro { width:100%; padding-top:43px; }
 .marketing-engineering-page .engineering-model-intro h2 { max-width:420px; font-size:39px; margin-bottom:20px; }
 .marketing-engineering-page .engineering-model-intro > p:last-child { max-width:360px; }
 .marketing-engineering-page .engineering-model-figure { top:290px; right:-35px; width:calc(100% + 70px); }
 .marketing-engineering-page .engineering-model-act .engineering-record-ribbon { padding-block:26px 48px; }
 .marketing-engineering-page .engineering-record-ribbon ol { grid-template-columns:1fr; gap:24px; border-top:0; border-left:1px solid #aebdb1; padding:0 0 0 20px; }
 .marketing-engineering-page .engineering-record-ribbon li::before { top:8px; left:-21px; width:10px; height:0; border-left:0; border-top:1px solid #aebdb1; }
 .marketing-engineering-page .engineering-record-ribbon strong { margin-top:5px; font-size:20px; }
 .marketing-engineering-page .engineering-record-ribbon li p { margin-top:5px; }
 .marketing-engineering-page .engineering-documentary-scene { grid-template-columns:1fr; gap:32px; }
 .marketing-engineering-page .engineering-section .engineering-transform-label { font-size:13px; margin-bottom:20px; }
 .marketing-engineering-page .engineering-transform-label i { transform:rotate(90deg); }
 .marketing-engineering-page .engineering-original-document img { width:230px; margin:auto; }
 .marketing-engineering-page .engineering-workflow-canvas { background:transparent; margin-top:30px; }
 .marketing-engineering-page .engineering-workflow-canvas::before { left:16px; top:30px; bottom:30px; }
 .marketing-engineering-page .engineering-product-view { grid-template-columns:1fr; gap:20px; padding-block:28px; }
 .marketing-engineering-page .engineering-product-view > header { padding-left:48px; }
 .marketing-engineering-page .engineering-product-view > header h3 { font-size:31px; margin:18px 0 14px; }
 .marketing-engineering-page .engineering-product-view > header p { max-width:none; margin-bottom:0; }
 .marketing-engineering-page .engineering-native-view { position:relative; padding:23px; background:#edf1e8; }
}

@media(min-width:500px) and (max-width:760px) {
 .marketing-engineering-page .engineering-model-composition { min-height:710px; }
 .marketing-engineering-page .engineering-model-figure { top:220px; width:100%; right:-30px; }
}
@media(max-width:359px) {
 .marketing-engineering-page .engineering-model-composition { min-height:605px; }
 .marketing-engineering-page .engineering-model-intro h2 { font-size:35px; }
 .marketing-engineering-page .engineering-model-figure { top:315px; right:-25px; width:calc(100% + 50px); }
}