/* Mary: the drawing and original photograph share one undistorted canvas. */
.cinema .cinema-frame{display:grid;place-items:center;padding-bottom:42px;background:#181713;transform:none;will-change:auto}
.cinema-artwork{position:relative;height:100%;max-width:100%;aspect-ratio:800/1054;overflow:hidden;background:var(--porcelain)}
.cinema-artwork .cinema-real,.cinema-artwork .cinema-sketch{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:none;transform-origin:center;mix-blend-mode:normal;will-change:opacity}
.cinema-frame .cinema-real{opacity:1}
.cinema-frame .cinema-sketch{opacity:0;clip-path:none}
.cinema-artwork .cinema-sketch{transform-origin:0 0;transform:translate(8.39067%,8.87812%) matrix(.835211,.035391,-.035391,.835211,0,0)}
.cinema[data-motion=on] .cinema-sketch{display:block}
.cinema:not([data-motion=on]) .cinema-sketch,.cinema:not([data-motion=on]) .cinema-sketch-caption{display:none}
.cinema-caption{height:42px;background:var(--porcelain);font-size:12px;line-height:1.5}
.cinema:not([data-motion=on]){height:auto}
.cinema:not([data-motion=on]) .cinema-stage{position:relative;height:auto;min-height:0}
.cinema:not([data-motion=on]) .cinema-frame{height:65vh;min-height:320px}
.cinema-final-link:focus-visible{outline-color:var(--porcelain)}
.cinema-steps{font-size:12px;gap:16px}
.consultation-portrait figcaption a{color:inherit;text-underline-offset:4px}
.plate[data-wer=annlie]{--y:28%;--zoom:1}
.entry[data-name=Annlie]{--y:28%}
.artist-preview-page main{padding-top:140px}
.artist-preview-hero{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding-bottom:80px}
.artist-preview-hero figure{margin:0;max-width:480px}
.artist-preview-hero img{display:block;width:100%;height:auto}
.artist-preview-hero h1{font:400 clamp(50px,6vw,88px)/1.05 var(--display);margin:20px 0 30px;letter-spacing:-.025em}
.artist-preview-hero p{font:400 17px/1.85 var(--body);color:var(--taupe);max-width:42ch}
.artist-preview-hero .atelier-link{margin-top:20px}
.artist-portfolio,.artist-availability{padding:60px 0 90px;border-top:1px solid var(--hair,#16130f26)}
.artist-availability h2{font:400 clamp(36px,4.5vw,56px)/1.1 var(--display);margin:0 0 20px}
.artist-availability>p{font:400 16px/1.8 var(--body);color:var(--taupe);max-width:58ch;margin-bottom:35px}
@media(max-width:760px){
 .cinema .cinema-frame{padding-bottom:42px}
 .cinema-artwork{width:auto;max-width:100%}
 .cinema-steps{font-size:11px;gap:10px}
 .artist-preview-page main{padding-top:120px}
 .artist-preview-hero{grid-template-columns:1fr;gap:35px;padding-bottom:55px}
 .artist-preview-hero figure{max-width:420px}
 .artist-preview-hero h1{font-size:56px}
}
@media(prefers-reduced-motion:reduce),(max-height:600px){
 .cinema .cinema-frame{transform:none}
 .cinema-frame .cinema-real{opacity:1!important;transform:none!important}
 .cinema-frame .cinema-sketch,.cinema-sketch-caption{display:none!important}
 .cinema-real-caption{display:inline!important}
}