/* Stuurmen services is the visual reference selected by the user.
   Original geometry and agency copy; shared navigation and form stay canonical. */
.marketing-page { --marketing-gutter:var(--space-16); --marketing-title:var(--text-40); --marketing-heading:var(--text-32); --marketing-section-space:var(--space-80); }
.marketing-page main { font-size:var(--text-16); }
.marketing-page .site-footer { margin-top:0; }
.marketing-page main :is(h1,h2,h3,p,figure,dl,dd) { margin:0; }
.marketing-page main :is(h1,h2,h3) { font-weight:500; }
.marketing-page main h2 { font-size:var(--marketing-heading); line-height:1.12; }
.marketing-page main p { line-height:1.45; }
.marketing-page main section[id],.marketing-page main article[id] { scroll-margin-top:var(--space-8); }
.marketing-page .marketing-eyebrow { font-size:var(--text-14); margin-bottom:var(--space-24); }
.marketing-hero { padding:var(--space-64) var(--marketing-gutter) var(--space-64); display:grid; gap:var(--space-32); }
.marketing-hero-copy { position:relative; z-index:1; }
.marketing-page .marketing-hero h1 { font-size:var(--marketing-title); line-height:1.04; }
.marketing-page .marketing-lead { font-size:var(--text-18); margin-top:var(--space-24); max-width:520px; color:var(--color-reading); }
.marketing-hero .marketing-cta { margin-top:var(--space-32); }
.marketing-cta { display:inline-flex; justify-content:center; align-items:center; gap:var(--space-24); min-height:52px; padding:var(--space-12) var(--space-20); font-size:var(--text-16); border:1px solid currentColor; border-radius:0; }
.marketing-hero-art { max-width:600px; }
.marketing-hero-art img { width:100%; height:auto; display:block; }
.marketing-split { display:grid; gap:var(--space-40); padding-inline:var(--marketing-gutter); }
.marketing-work { padding-block:var(--space-40) var(--marketing-section-space); background:var(--color-surface); }
.marketing-page main .marketing-section-caption { display:flex; align-items:baseline; gap:var(--space-8); font-size:var(--text-20); line-height:1.2; font-weight:400; }
.marketing-section-caption::before { content:""; display:block; width:10px; height:10px; background:var(--color-accent); flex:none; }
.marketing-page .marketing-work-intro { font-size:var(--text-28); line-height:1.15; font-weight:500; margin-bottom:var(--space-40); max-width:880px; }
.marketing-offerings { display:grid; gap:var(--space-48) var(--space-24); }
.marketing-offering { min-width:0; }
.marketing-offering img { width:100%; height:auto; aspect-ratio:8/7; display:block; background:var(--color-case-surface); }
.marketing-offering h3 { font-size:var(--text-26); line-height:1.1; margin-top:var(--space-24)!important; }
.marketing-offering p { margin-top:var(--space-16)!important; color:var(--color-reading); max-width:490px; }
.marketing-page .marketing-offering .marketing-scenario { color:var(--color-muted); }
.marketing-page .marketing-task-link { display:block; width:fit-content; margin-top:var(--space-20); font-size:var(--text-16); }
.marketing-case { padding:var(--space-48) var(--marketing-gutter); background:var(--color-ink); color:var(--color-paper); }
.marketing-case-intro { display:grid; gap:var(--space-32); }
.marketing-case-copy { max-width:700px; }
.marketing-case-copy>p+p { margin-top:var(--space-20); }
.marketing-case-link { display:inline-flex; gap:var(--space-16); align-items:center; margin-top:var(--space-32); font-size:var(--text-16); }
.marketing-page .marketing-case-results { display:grid; gap:var(--space-32); margin-top:var(--space-40); padding-top:var(--space-32); border-top:1px solid var(--color-dark-rule); }
.marketing-case-results>div { display:flex; flex-direction:column; }
.marketing-case-results dd { font-size:var(--text-48); line-height:1; order:-1; }
.marketing-case-results>div:first-child dd { color:var(--color-accent); }
.marketing-case-results dt { font-size:var(--text-14); line-height:1.35; margin-top:var(--space-12); }
.marketing-format { padding-block:var(--marketing-section-space); }
.marketing-principles { display:grid; gap:var(--space-32); }
.marketing-principles article { display:grid; gap:var(--space-16); }
.marketing-principles h3 { font-size:var(--text-24); line-height:1.2; }
.marketing-principles p { max-width:620px; color:var(--color-reading); }
.marketing-page .marketing-price { font-size:var(--text-44); line-height:1.05; margin-top:var(--space-32); }
.marketing-price span { display:block; font-size:var(--text-16); margin-top:var(--space-8); }
.marketing-page .marketing-price-note { margin-top:var(--space-24); color:var(--color-muted); max-width:340px; }
.marketing-questions { padding-bottom:var(--marketing-section-space); }
.marketing-faq details { border-top:1px solid var(--color-border); }
.marketing-faq summary { display:flex; align-items:center; justify-content:space-between; gap:var(--space-24); list-style:none; padding-block:var(--space-24); font-size:var(--text-18); line-height:1.3; cursor:pointer; }
.marketing-faq summary::-webkit-details-marker { display:none; }
.marketing-faq .ph { flex:none; }
.marketing-faq .ph-x { transform:rotate(45deg); }
.marketing-faq details[open] .ph-x { transform:none; }
.marketing-faq details>p { max-width:640px; color:var(--color-reading); padding-bottom:var(--space-24); }
.marketing-final { padding-bottom:var(--marketing-section-space); }
.marketing-contact-panel { background:var(--color-surface); padding:var(--space-24); display:grid; gap:var(--space-32); }
.marketing-contact-panel figure { max-width:140px; }
.marketing-contact-panel img { display:block; width:96px; height:128px; object-fit:cover; object-position:center top; }
.marketing-contact-panel figcaption { font-size:var(--text-14); line-height:1.3; margin-top:var(--space-12); }
.marketing-contact-panel figcaption span { display:block; color:var(--color-muted); margin-top:var(--space-4); }
.marketing-contact-copy h3 { font-size:var(--text-28); line-height:1.1; }
.marketing-contact-copy>p { max-width:560px; color:var(--color-reading); font-size:var(--text-18); margin-top:var(--space-24)!important; }
.marketing-final .marketing-cta { margin-top:var(--space-32); }
.marketing-page .marketing-telegram { display:flex; align-items:center; gap:var(--space-12); width:fit-content; margin-top:var(--space-24); font-size:var(--text-14); }
@media(min-width:600px) {
  .marketing-page { --marketing-gutter:var(--page-gutter); --marketing-title:var(--text-48); --marketing-heading:var(--text-36); }
  .marketing-hero { grid-template-columns:1.1fr 1fr; column-gap:var(--space-24); align-items:center; }
  .marketing-page .marketing-hero h1 { font-size:var(--text-36); }
  .marketing-hero .marketing-lead { font-size:var(--text-16); }
  .marketing-offerings { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .marketing-offering h3 { font-size:var(--text-24); }
  .marketing-case-results { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
  .marketing-case-results dd { font-size:var(--text-40); }
  .marketing-case-results dt { font-size:var(--text-14); }
  .marketing-questions,.marketing-final { grid-template-columns:1fr 2fr; }
  .marketing-format>h2,.marketing-questions>h2,.marketing-final>h2 { font-size:var(--text-28); }
}
@media(min-width:768px) {
  .marketing-format { grid-template-columns:1fr 1fr; }
}
@media(min-width:1100px) {
  .marketing-page { --marketing-title:var(--text-64); --marketing-heading:var(--text-40); --marketing-section-space:var(--space-112); }
  .marketing-hero { padding-block:var(--space-80); grid-template-columns:1.1fr 1fr; gap:0 var(--space-48); }
  .marketing-page .marketing-hero h1 { font-size:var(--marketing-title); }
  .marketing-hero .marketing-lead { font-size:var(--text-20); margin-top:var(--space-32); max-width:490px; }
  .marketing-split { grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--space-24); }
  .marketing-split>:first-child { grid-column:1/span 4; }
  .marketing-split>:nth-child(2) { grid-column:5/-1; }
  .marketing-page .marketing-work-intro { font-size:var(--text-36); margin-bottom:var(--space-64); }
  .marketing-offerings { gap:var(--space-64) var(--space-24); }
  .marketing-offering h3 { font-size:var(--text-26); }
  .marketing-case { padding-block:var(--space-64); }
  .marketing-case-intro { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-24); }
  .marketing-case-copy { grid-column:2/-1; font-size:var(--text-18); }
  .marketing-page .marketing-case-results { gap:var(--space-24); margin-top:var(--space-48); padding-top:var(--space-40); }
  .marketing-case-results dd { font-size:var(--text-64); }
  .marketing-case-results dt { font-size:var(--text-16); }
  .marketing-principles { gap:var(--space-40); }
  .marketing-principles article { max-width:680px; gap:var(--space-12); }
  .marketing-principles h3 { font-size:var(--text-26); }
  .marketing-principles p { font-size:var(--text-18); }
  .marketing-page .marketing-price { font-size:var(--text-56); margin-top:var(--space-40); }
  .marketing-format>h2,.marketing-questions>h2,.marketing-final>h2 { font-size:var(--marketing-heading); }
  .marketing-faq summary { font-size:var(--text-22); }
  .marketing-faq details>p { font-size:var(--text-18); }
  .marketing-contact-panel { padding:var(--space-32); grid-template-columns:140px 1fr; gap:var(--space-32); }
  .marketing-contact-panel img { width:120px; height:160px; }
  .marketing-contact-copy h3 { font-size:var(--text-36); }
  .marketing-contact-copy>p { font-size:var(--text-20); }
}
@media(min-width:1600px) {
  .marketing-page { --marketing-title:var(--text-72); --marketing-heading:var(--text-44); }
  .marketing-hero { padding-block:var(--space-80); grid-template-columns:1.15fr 1fr; }
  .marketing-hero-art { max-width:640px; }
}
@media(max-height:700px) and (min-width:1100px) {
  .marketing-work-heading { position:static; }
}