/* Offer and process belong to the same reading sequence. */
html[data-wl-flow] #services#services,
html[data-wl-flow] #method#method {
  padding-block:48px 40px!important;
  scroll-margin-top:96px;
}
html[data-wl-flow] .wl-chapter[data-chapter="services"] .wl-chapter-content,
html[data-wl-flow] .wl-chapter[data-chapter="method"] .wl-chapter-content {
  padding-bottom:16px!important;
}
html[data-wl-flow] #services#services .section-heading {
  display:block!important;margin:0 0 32px!important;
}
html[data-wl-flow] #services#services #services-title,
html[data-wl-flow] #method#method #process-title {
  width:auto!important;max-width:none!important;margin:0!important;
  font-size:clamp(36px,3.15vw,52px)!important;line-height:1.08!important;
  font-weight:500!important;letter-spacing:-.025em!important;text-wrap:balance;
}
html[data-wl-flow] #services#services #service-cards {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:auto!important;grid-auto-rows:auto!important;
  gap:0!important;margin:0!important;border-block:1px solid var(--line);
}
html[data-wl-flow] #services#services .service-card {
  display:flex!important;flex-direction:column!important;align-items:stretch;
  grid-column:auto!important;grid-row:auto!important;gap:0!important;
  grid-template-rows:none!important;align-content:start!important;
  width:auto!important;min-width:0;min-height:0!important;height:auto!important;
  margin:0!important;padding:24px!important;border:0!important;
  background:transparent!important;
}
html[data-wl-flow] #services#services .service-card+.service-card {
  border-inline-start:1px solid var(--line)!important;
}
html[data-wl-flow] #services#services .wl-service-heading {
  display:flex;align-items:baseline;gap:12px;min-width:0;
}
html[data-wl-flow] #services#services .micro {
  flex:none;margin:0!important;color:var(--muted);
  font:400 11px/1.5 var(--mono,monospace);font-variant-numeric:tabular-nums;
}
html[data-wl-flow] #services#services .service-card h3 {
  display:block!important;min-height:0!important;max-width:none!important;
  margin:0!important;font-size:clamp(26px,2vw,32px)!important;
  font-weight:500!important;line-height:1.18!important;letter-spacing:-.025em;
}
html[data-wl-flow] #services#services .service-card .service-lead {
  min-height:0!important;margin:12px 0 0!important;max-width:32ch;
  color:var(--muted);font-size:17px!important;line-height:1.45!important;
}
html[data-wl-flow] #services#services .wl-offer-drawing {
  display:block;width:100%;max-width:280px;height:88px;
  margin:24px 0 20px!important;color:var(--ink);overflow:visible;
}
html[data-wl-flow] #services#services .wl-offer-drawing * {
  vector-effect:non-scaling-stroke;
}
html[data-wl-flow] #services#services .wl-service-accent {
  stroke:var(--gold,#b79546);
}
html[data-wl-flow] #services#services .wl-service-dot {
  fill:var(--gold,#b79546);stroke:none;
}
html[data-wl-flow] #services#services .service-scope {
  flex:1 0 auto;list-style:none;min-height:0!important;
  margin:0 0 24px!important;padding:0!important;
}
html[data-wl-flow] #services#services .service-scope li {
  margin:0!important;padding:3px 0!important;
  font-size:16px!important;line-height:1.5!important;text-wrap:pretty;
}
html[data-wl-flow] #services#services .wl-service-proof {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:52px;margin-top:auto;padding:14px 0 0;border-top:1px solid var(--line);
  color:var(--ink);text-decoration:none;min-width:0;
}
html[data-wl-flow] #services#services .wl-service-proof>span:first-child {
  display:grid;gap:3px;min-width:0;
}
html[data-wl-flow] #services#services .wl-proof-label {
  color:var(--muted);font:400 12px/1.4 var(--sans,sans-serif);
}
html[data-wl-flow] #services#services .wl-proof-name {
  font:400 15px/1.45 var(--sans,sans-serif);text-decoration:underline;
  text-decoration-color:transparent;text-underline-offset:4px;
  transition:text-decoration-color 160ms ease;
}
html[data-wl-flow] #services#services .wl-service-proof svg {
  width:20px;height:20px;flex:none;transition:transform 180ms ease;
}
html[data-wl-flow] #services#services .wl-service-proof:hover .wl-proof-name {
  text-decoration-color:currentColor;
}
html[data-wl-flow] #services#services .wl-service-proof:hover svg {
  transform:translateX(3px);
}
html[data-wl-flow] #services#services .wl-price-toggle {
  min-height:64px!important;padding:18px 24px!important;
  color:var(--ink)!important;font-size:16px!important;
  border-bottom:1px solid var(--line);background:transparent;
}
html[data-wl-flow] #services#services .wl-price-icon {
  display:block!important;position:relative;flex:none;width:20px;height:20px;
}
html[data-wl-flow] #services#services .wl-price-icon:before,
html[data-wl-flow] #services#services .wl-price-icon:after {
  content:"";position:absolute;inset-inline:3px;top:9px;height:1px;
  background:currentColor;transition:transform 220ms ease;
}
html[data-wl-flow] #services#services .wl-price-icon:after {transform:rotate(90deg)}
html[data-wl-flow] #services#services .wl-price-toggle[aria-expanded="true"] .wl-price-icon:after {transform:rotate(0)}
html[data-wl-flow] #services#services .wl-price-grid {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;
  padding:24px 0 0;
}
html[data-wl-flow] #services#services .wl-service-price {
  padding:0 24px;white-space:normal;
}
html[data-wl-flow] #services#services .wl-price-label {
  display:block;margin-bottom:4px;font-size:13px;line-height:1.5;color:var(--muted);
}
html[data-wl-flow] #services#services .wl-price-note {margin:16px 0 0;padding:0 24px 24px}

/* Keep the existing five-step map, its branch and the Syncglyph signature. */
html[data-wl-flow] #method#method .process-map {margin-top:32px!important}
html[data-wl-flow] #method#method .process-heading span {color:var(--muted)}
html[data-wl-flow] #method#method .process-steps {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
}
html[data-wl-flow] #method#method .process-step {
  min-width:0;padding:16px 24px 0 0;
}
html[data-wl-flow] #method#method .process-step:last-child {padding-inline-end:0}
html[data-wl-flow] #method#method .process-number {
  font-size:12px;line-height:1.5;letter-spacing:0;margin-bottom:12px;
}
html[data-wl-flow] #method#method .process-title {
  margin:0 0 12px;font-size:clamp(23px,1.8vw,28px);line-height:1.2;font-weight:500;
}
html[data-wl-flow] #method#method .process-body {
  font-size:16px;line-height:1.5;max-width:27ch;text-wrap:pretty;
}
html[data-wl-flow] #method#method .process-invoice {
  margin-top:24px;padding-top:12px;font-size:14px;line-height:1.5;
}
html[data-wl-flow] #method#method .process-signoff {font-size:14px;line-height:1.5}
html[data-wl-flow] #method#method .wl-process-next {
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  margin-top:36px;padding-top:20px;border-top:1px solid var(--line);
}
html[data-wl-flow] #method#method .wl-process-next p {
  margin:0;color:var(--muted);font-size:16px;line-height:1.5;
}
html[data-wl-flow] #method#method .wl-process-link {
  display:inline-flex;align-items:center;gap:12px;flex:none;
  min-height:44px;color:var(--ink);font-size:16px;line-height:1.5;
  text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;
}
html[data-wl-flow] #method#method .wl-process-link svg {width:18px;height:18px}
html[data-wl-flow] #services#services a:focus-visible,
html[data-wl-flow] #services#services button:focus-visible,
html[data-wl-flow] #method#method a:focus-visible {
  outline:2px solid var(--ink);outline-offset:5px;
}
html[data-wl-flow][dir="rtl"] #services#services .wl-service-proof svg {transform:scaleX(-1)}
html[data-wl-flow][dir="rtl"] #method#method .process-step {padding:16px 0 0 24px}
html[data-wl-flow][dir="rtl"] #method#method .process-step:last-child {padding-inline-end:0}

@media(max-width:1000px) {
  html[data-wl-flow] #services#services #service-cards {grid-template-columns:1fr!important}
  html[data-wl-flow] #services#services .service-card {
    display:grid!important;grid-template-columns:minmax(0,1fr) 180px;
    grid-template-rows:auto auto auto auto!important;align-items:start;
    gap:0 32px!important;padding:24px 0!important;
  }
  html[data-wl-flow] #services#services .service-card+.service-card {
    border-inline-start:0!important;border-top:1px solid var(--line)!important;
  }
  html[data-wl-flow] #services#services .wl-service-heading,
  html[data-wl-flow] #services#services .service-lead {grid-column:1}
  html[data-wl-flow] #services#services .wl-offer-drawing {
    grid-column:2;grid-row:1 / span 2;width:180px;height:100px;
    align-self:center;justify-self:end;margin:0!important;
  }
  html[data-wl-flow] #services#services .service-scope {
    grid-column:1 / -1;margin:20px 0!important;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;
  }
  html[data-wl-flow] #services#services .wl-service-proof {grid-column:1 / -1}
  html[data-wl-flow] #services#services .wl-price-toggle {padding-inline:0!important}
  html[data-wl-flow] #services#services .wl-price-grid {
    grid-template-columns:1fr;gap:20px!important;
  }
  html[data-wl-flow] #services#services .wl-service-price {
    display:flex;justify-content:space-between;align-items:baseline;
    flex-wrap:wrap;gap:4px 20px;padding:0;
  }
  html[data-wl-flow] #services#services .wl-price-label {font-size:16px;margin:0}
  html[data-wl-flow] #services#services .wl-price-note {padding-inline:0}
  html[data-wl-flow] #method#method .process-path,
  html[data-wl-flow] #method#method .wl-synglyph {display:none!important}
  html[data-wl-flow] #method#method .process-steps {display:block}
  html[data-wl-flow] #method#method .process-step,
  html[data-wl-flow][dir="rtl"] #method#method .process-step {
    display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 20px;
    padding:0 0 28px;position:relative;
  }
  html[data-wl-flow] #method#method .process-step:not(:last-child):before {
    content:"";position:absolute;inset-inline-start:15px;top:32px;bottom:0;
    width:1px;background:var(--line);
  }
  html[data-wl-flow] #method#method .process-number {
    grid-column:1;grid-row:1 / span 2;display:grid;place-items:center;
    width:32px;height:32px;margin:0;border:1px solid var(--line);border-radius:50%;
    background:var(--paper,#fcfcf9);color:var(--ink);
  }
  html[data-wl-flow] #method#method .process-title {
    grid-column:2;align-self:center;margin:0 0 10px;font-size:26px;
  }
  html[data-wl-flow] #method#method .process-body,
  html[data-wl-flow] #method#method .process-invoice,
  html[data-wl-flow] #method#method .process-signoff {grid-column:2;max-width:48ch}
  html[data-wl-flow] #method#method .process-invoice {margin-top:16px;width:fit-content}
  html[data-wl-flow] #method#method .process-step:last-child {padding-bottom:0}
}
@media(max-width:600px) {
  html[data-wl-flow] #services#services,
  html[data-wl-flow] #method#method {padding-block:28px 24px!important}
  html[data-wl-flow] #services#services #services-title,
  html[data-wl-flow] #method#method #process-title {
    font-size:34px!important;line-height:1.1!important;letter-spacing:-.02em!important;
    text-wrap:pretty;
  }
  html[data-wl-flow] #services#services .section-heading {margin-bottom:24px!important}
  html[data-wl-flow] #services#services .service-card {
    grid-template-columns:minmax(0,1fr) 88px;column-gap:16px!important;
  }
  html[data-wl-flow] #services#services .wl-service-heading {display:block}
  html[data-wl-flow] #services#services .micro {display:block;margin:0 0 8px!important}
  html[data-wl-flow] #services#services .service-card h3 {font-size:26px!important;line-height:1.15!important}
  html[data-wl-flow] #services#services .service-card .service-lead {font-size:16px!important;margin-top:10px!important}
  html[data-wl-flow] #services#services .wl-offer-drawing {width:88px;height:72px}
  html[data-wl-flow] #services#services .service-scope {display:block;margin:20px 0!important}
  html[data-wl-flow] #services#services .service-scope li {padding-block:3px!important}
  html[data-wl-flow] #services#services .wl-service-proof {min-height:56px}
  html[data-wl-flow] #services#services .wl-service-price {display:block}
  html[data-wl-flow] #services#services .wl-price-label {margin-bottom:3px;font-size:14px}
  html[data-wl-flow] #method#method .process-map {margin-top:28px!important}
  html[data-wl-flow] #method#method .process-step {column-gap:16px}
  html[data-wl-flow] #method#method .wl-process-next {
    align-items:flex-start;flex-direction:column;gap:12px;margin-top:28px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html[data-wl-flow] #services#services .wl-service-proof *,
  html[data-wl-flow] #services#services .wl-price-panel,
  html[data-wl-flow] #services#services .wl-price-icon:after {transition:none!important}
}
html[data-wl-flow].motion-paused #services#services .wl-service-proof *,
html[data-wl-flow].motion-paused #services#services .wl-price-panel {transition:none!important}

/* Minimal offer: original wording, no illustrations or secondary captions. */
html[data-wl-flow] #services#services{padding-block:40px 24px!important}
html[data-wl-flow] #services#services .section-heading{margin-bottom:24px!important}
html[data-wl-flow] #services#services .service-card{display:block!important;padding:24px!important}
html[data-wl-flow] #services#services .service-card h3{margin:0 0 16px!important;font-size:28px!important}
html[data-wl-flow] #services#services .service-scope{margin:0!important}
html[data-wl-flow] #services#services .wl-price-toggle{min-height:56px!important;padding-block:14px!important}
@media(max-width:1000px){html[data-wl-flow] #services#services .service-card{padding:20px 0!important}html[data-wl-flow] #services#services .service-scope{display:block!important}}
@media(max-width:600px){html[data-wl-flow] #services#services{padding-block:24px!important}html[data-wl-flow] #services#services .service-card h3{font-size:26px!important}}

/* One rhythm for the author, offer, process and contact. */
html[data-wl-flow]{--wl-section-title-size:40px;--wl-section-title-leading:1.1;--wl-section-space:48px;--wl-section-heading-gap:32px}
html[data-wl-flow] #studio#studio,
html[data-wl-flow] #services#services,
html[data-wl-flow] #method#method,
html[data-wl-flow] #contact#contact{padding-block:var(--wl-section-space)!important}
html[data-wl-flow] #chapter-panel-studio,
html[data-wl-flow] #chapter-panel-services,
html[data-wl-flow] #chapter-panel-method,
html[data-wl-flow] #chapter-panel-contact{padding-bottom:32px!important}
html[data-wl-flow] #studio#studio #studio-title,
html[data-wl-flow] #services#services #services-title,
html[data-wl-flow] #method#method #process-title,
html[data-wl-flow] #contact#contact #contact-title{
 display:block!important;position:static!important;min-width:0;max-width:100%!important;
 margin:0!important;font-family:var(--sans,sans-serif)!important;font-style:normal!important;
 font-size:var(--wl-section-title-size)!important;font-weight:500!important;
 line-height:var(--wl-section-title-leading)!important;letter-spacing:-.015em!important;
 text-align:start;text-wrap:pretty;hyphens:none;
}
html[data-wl-flow] #studio#studio #studio-title{color:#f2f0e8!important}
html[data-wl-flow] #services#services #services-title,
html[data-wl-flow] #method#method #process-title,
html[data-wl-flow] #contact#contact #contact-title{color:var(--ink)!important}
html[data-wl-flow] #method#method .process-heading span{color:inherit!important}
html[data-wl-flow] #services#services .section-heading{margin-bottom:var(--wl-section-heading-gap)!important}
html[data-wl-flow] #method#method .process-map{margin-top:var(--wl-section-heading-gap)!important}
html[data-wl-flow] #studio#studio#studio .studio-composition{padding-top:var(--wl-section-heading-gap)!important;row-gap:var(--wl-section-heading-gap)!important}
html[data-wl-flow] #services#services .wl-offer-pricing,
html[data-wl-flow] #services#services .wl-price-panel{background:transparent!important;border:0!important}
html[data-wl-flow] #services#services #service-cards{gap:var(--wl-gap,24px)!important;border:0!important}
html[data-wl-flow] #services#services .service-card{padding:0 0 32px!important;border:0!important}
html[data-wl-flow] #services#services .service-card+.service-card{border:0!important}
html[data-wl-flow] #services#services .service-scope li,
html[data-wl-flow] #method#method .process-body{font-size:16px!important;line-height:1.6!important;color:var(--ink)}
html[data-wl-flow] #services#services .wl-price-toggle{padding-inline:0!important;border-top:1px solid var(--line)!important;border-bottom:0!important}
html[data-wl-flow] #services#services .wl-price-grid{gap:var(--wl-gap,24px)!important}
html[data-wl-flow] #services#services .wl-service-price{padding-inline:0!important}
html[data-wl-flow] #services#services .wl-price-note{padding-inline:0!important;padding-bottom:0!important}
html[data-wl-flow] #contact#contact{padding-inline:0!important}
html[data-wl-flow] #contact#contact .wl-contact-grid{width:var(--wl-shell-width,min(90%,1440px));max-width:var(--wl-shell-width,1440px);grid-template-columns:var(--composition-columns);gap:var(--wl-gap,24px);margin-inline:auto}
html[data-wl-flow] #contact#contact .wl-contact-email{margin-top:24px}
html[data-wl-flow][dir="rtl"] :is(#studio#studio #studio-title,#services#services #services-title,#method#method #process-title,#contact#contact #contact-title){letter-spacing:normal!important}
@media(max-width:1000px){
 html[data-wl-flow] #services#services #service-cards{gap:0!important}
 html[data-wl-flow] #services#services .service-card{padding-bottom:32px!important}
}
@media(max-width:760px){
 html[data-wl-flow]{--wl-section-title-size:30px;--wl-section-title-leading:1.133333;--wl-section-space:32px;--wl-section-heading-gap:24px}
 html[data-wl-flow] #chapter-panel-studio,
 html[data-wl-flow] #chapter-panel-services,
 html[data-wl-flow] #chapter-panel-method,
 html[data-wl-flow] #chapter-panel-contact{padding-bottom:24px!important}
 html[data-wl-flow] #method#method .process-heading span{display:block}
 html[data-wl-flow] #studio#studio#studio .studio-composition{padding-top:24px!important;row-gap:0!important}
 html[data-wl-flow] #contact#contact .wl-contact-grid{grid-template-columns:minmax(0,1fr);row-gap:32px}
 html[data-wl-flow] #contact#contact .wl-contact-email{margin-top:16px}
}