/* Brand texture 05: a single quiet, fixed outline, independent of all content. */
body { isolation: isolate; }
.brand-watermark {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  overflow: hidden; contain: strict;
  mask-repeat: no-repeat; mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%;
}
.brand-watermark-art {
  position: absolute; width: clamp(560px,54vw,760px); aspect-ratio: 700 / 920;
  right: clamp(-285px,-17vw,-155px); top: clamp(90px,13vh,160px);
  background: url('assets/brand/itp-unicorn-linework.svg') center / contain no-repeat;
  opacity: .10; visibility: hidden;
}
.brand-watermark[data-ready] .brand-watermark-art { visibility: visible; }
@supports not ((mask-image: linear-gradient(white,white)) or (-webkit-mask-image: linear-gradient(white,white))) {
  .brand-watermark { display: none; }
}
/* Crop only the background itself; content and sticky elements retain their layout. */
@media(max-width:1100px) {
  .brand-watermark-art { width: 600px; right: -260px; top: 110px; opacity: .088; }
}
@media(max-width:760px) {
  .brand-watermark-art { width: 440px; right: -244px; top: 118px; opacity: .082; }
}
@media(max-width:359px) {
  .brand-watermark-art { width: 400px; right: -220px; top: 106px; opacity: .078; }
}
@media print { .brand-watermark { display: none; } }