@font-face { font-family:'SAN MAHJ Calligraphy'; src:url('fonts/carattere.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
.artist-note { grid-template-columns:1.35fr 1fr; gap:7%; padding-block:78px; }
.artist-photo { height:auto; aspect-ratio:3/2; }
.artist-photo img { object-position:center; }
.artist-note-copy { max-width:475px; }
.artist-note h2 { font-size:clamp(34px,3.2vw,47px); margin-bottom:25px; }
.artist-note-copy>p:last-of-type { font-size:14px; line-height:1.9; max-width:410px; color:#446269; }
.artist-signature { display:flex; border-top:1px solid #032e3626; margin-top:30px; padding-top:22px; gap:5px; }
.artist-signature .artist-autograph { display:block; width:max-content; max-width:100%; margin-left:-3px; color:#046375; font:400 68px/1.25 'SAN MAHJ Calligraphy',cursive; letter-spacing:0; font-synthesis:none; }
.artist-name-ink { display:block; padding:.08em .2em .04em .06em; }
.signature-pending .artist-name-ink,.signature-writing .artist-name-ink {
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 44%,transparent 56%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 44%,transparent 56%,transparent 100%);
  -webkit-mask-size:240% 100%; mask-size:240% 100%;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
.signature-pending .artist-name-ink { -webkit-mask-position:100% 0; mask-position:100% 0; }
.signature-writing .artist-name-ink { animation:artist-ink-write 2400ms cubic-bezier(.4,0,.25,1) both; }
@keyframes artist-ink-write {
  from { -webkit-mask-position:100% 0; mask-position:100% 0; }
  to { -webkit-mask-position:0% 0; mask-position:0% 0; }
}
@media(max-width:1000px) {
  .artist-note { grid-template-columns:1.1fr 1fr; gap:5%; padding-block:54px; }
  .artist-note h2 { font-size:34px; }
  .artist-signature { margin-top:23px; padding-top:17px; }
}
@media(max-width:700px) {
  .artist-note { display:block; padding:36px 7% 42px; }
  .artist-photo { height:auto; margin-bottom:28px; }
  .artist-note h2 { font-size:34px; margin-bottom:18px; }
  .artist-note-copy>p:last-of-type { font-size:13px; line-height:1.85; }
  .artist-note .section-caption { font-size:11px; margin-bottom:18px; }
  .artist-signature { display:flex; margin-top:24px; padding-top:18px; }
  .artist-signature .artist-autograph { font-size:60px; }
}
@media(prefers-reduced-motion:reduce) {
  .signature-pending .artist-name-ink,.signature-writing .artist-name-ink { animation:none; -webkit-mask-image:none; mask-image:none; }
}