/* Digest wheels sit at the page edge, clear of the hero text. Each one stays inside its own hero. */
html { overflow-x:hidden; }
@supports (overflow:clip) { html,body { overflow-x:clip; } }
.page-heading { position:relative; isolation:isolate; clip-path:inset(0 -100vw 0 -100vw); }
.page-heading > :not(.page-wheel) { position:relative; z-index:1; }
.page-wheel { position:absolute; width:clamp(380px,38vw,520px); height:auto; aspect-ratio:1; right:calc(50% - 50vw - clamp(190px,19vw,260px)); bottom:0; pointer-events:none; }
.homepage .hero { position:relative; isolation:isolate; clip-path:inset(0 -100vw 0 -100vw); }
.homepage .hero-copy { position:relative; z-index:1; max-width:75%; }
.hero-wheel { position:absolute; width:clamp(440px,40vw,560px); height:auto; aspect-ratio:1; right:calc(50% - 50vw - clamp(220px,20vw,280px)); bottom:0; pointer-events:none; }
.page-heading > .text-link span[aria-hidden="true"] { color:var(--ink); }
/* Wide screens show the home wheel whole, inside the content edge, level with the headline. */
@media(min-width:1180px) and (min-height:620px) { .hero-wheel { width:clamp(360px,30.5vw,460px); right:var(--gutter); top:50%; bottom:auto; transform:translateY(-50%); } .homepage .hero-copy { max-width:66%; } }
/* Small screens: the wheel sits whole in the lower right of the hero, cropped by the right edge, never cut by the next section. */
@media(max-width:899px) {
  .page-wheel,.hero-wheel,.wheel-clear .page-wheel { width:clamp(200px,56vw,420px); right:calc(50% - 50vw - clamp(100px,28vw,210px)); top:auto; bottom:32px; transform:none; }
  .homepage .hero-copy { max-width:100%; }
}
@media(max-width:899px) and (max-height:700px) { .page-wheel,.hero-wheel,.wheel-clear .page-wheel { width:170px; right:calc(50% - 50vw - 85px); bottom:20px; } }
/* draft12 (12 Oct 2026): one seal position on every page, home included. The seal sits whole in height,
   centred on the title block in the full first frame, and only the right edge of the screen crops it. */
@media(min-width:900px){
  .page-wheel,.hero-wheel,.wheel-clear .page-wheel{--seal:min(clamp(380px,38vw,540px),calc(100svh - 57px - 96px));
    width:var(--seal);right:calc(50% - 50vw - var(--seal) * .42);top:50%;bottom:auto;transform:translateY(-50%)}
  .homepage .hero-copy{max-width:72%}
}
/* draft13 (12 Oct 2026): the home seal sits whole inside the content edge; only the page wheels crop. */
@media(min-width:900px){
  .homepage .hero-wheel{right:var(--gutter)}
  .homepage .hero-copy{max-width:calc(100% - min(clamp(380px,38vw,540px),calc(100svh - 57px - 96px)) - 48px)}
}