// Complete example

#set page(
paper: "sac-d5",
margin: (left: 5em, right: 1cm))

#set par(
justify: true
)

#set heading(numbering: "1.1.1")

#show link: set text(fill: blue, weight: 700)
#show link: underline

// #show heading: it => {
// block(
// stack(
// place(
// dx: -2.5em,
// text(weight: "regular")[#counter(heading).display()]
// ),

// align(right, it.body)
// )
// )
// }

#show heading: it => {
rect(
stroke: {},
inset: 0em,
place(
right,
dx: -100% - .8em,
text(
counter(heading).display()
),
) + it.body
)
}

#show heading.where(level: 1): it => {
pagebreak(weak: true)

stack(
// Place the grey chapter number in the background
place(
top + right, // Align to the top-righ
dx: -0cm, // Adjust horizontal position
dy: -2.5em, // Adjust vertical position
text(
fill: gray.lighten(30%),
size: 8em,
weight: "bold",
counter(heading).display()
)
),

// Display the main title, aligned to the right
block(
  width: 100%,
  height: 3em,
  place(
    right,
    dx: -1em,
    dy: 0em,
    align(
      right,
      text(
        size: 2em,
        weight: "bold",
        it.body
      )
    )
)
)

)
}

= This is a chapter

#lorem(25)

== We Will See
#lorem(25)
=== Here We Go
#lorem(25)

= This is a chapter

#lorem(25)

== we will see
#lorem(25)
=== here we go
#lorem(25)

= Here we go again