/* Tejori — guarantee band, live-side adjustment.

   A separate file on purpose: guarantee.css is a byte-for-byte copy of the
   reference export, and that identity is what makes a live-vs-reference diff
   mean anything, so changes to the band go here and this loads after it.

   The hanger watermark. `.grn__box::after` is a 29.318vw box holding a
   348x423 image at its natural size, pinned by `right: -11.198vw`. At 1920
   that box is 563px wide and the overhang is 215px — 563 - 348 = 215 exactly
   — so the image lands flush against `.grn__box`'s right edge and reaches
   back under the third column.

   Narrowing the box to 24.318vw (per explicit request) moves its left edge
   5vw right, and since the background sits at `left top`, the watermark
   travels the same 5vw with it: ~96px further out at 1920, clear of the
   column's text. It does not scale the image — no `background-size` is set
   anywhere.

   `contain` is what keeps that honest. Left at its natural size the image is
   only fully visible while the box is at least 348px wide — from about 1431px
   up once the box is 24.318vw — and below that its right edge is cut off. The
   reference has the same flaw, just later (its 29.318vw runs out around
   1187px). Sizing to `contain` ends it at every width.

   Nothing is given up at the sizes the design was drawn for. The box is
   24.318vw x 22.025vw, an aspect of 1.104 against the image's 0.823, so
   `contain` always fits to the height — 22.025vw tall, 18.12vw wide. At 1920
   that is 423px, exactly the image's own height, so the watermark renders
   pixel-identical to before and simply scales down in step with the band
   below that.

   Scoped to 768 and up. guarantee.css gives the band its own mobile treatment
   (a different image at 59.318vw) inside `@media (max-width: 767px)`; an
   unconditional rule here loads later at equal specificity and would have
   overwritten that width too, shrinking the phone watermark to a third. */

@media (min-width: 768px) {
    .grn__box::after {
        width: 24.318vw;
        background-size: contain;
    }
}
