.artist-portrait{display:block;flex:none;background-image:url('/assets/home-design/artist-illustrations-source.webp');background-repeat:no-repeat;background-size:auto 705.3%;background-position:var(--portrait-x) 55.4%;background-color:#efe9df;border-radius:5px;overflow:hidden}.portrait-0{--portrait-x:7.7%}.portrait-1{--portrait-x:29.25%}.portrait-2{--portrait-x:50.8%}.portrait-3{--portrait-x:72.3%}.portrait-4{--portrait-x:93.8%}
.art-reader{--accent:#915044}.art-reader .essay-head{display:grid;grid-template-columns:116px minmax(0,1fr);gap:24px}.art-reader .essay-head .artist-portrait{width:116px;height:146px;margin-top:14px}.art-reader .essay-head h1{font-size:clamp(29px,3.7vw,39px)}.art-reader .reader-note{font-size:13px;color:var(--muted);line-height:1.85;padding:19px 22px;border:1px solid var(--line);border-radius:5px;margin:27px 0}.art-reader .reader-note p{margin:7px 0}.art-reader .work-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.art-reader .art-meta{font-size:13px;line-height:1.6;color:var(--accent)}.art-reader .meta{line-height:1.8}@media(max-width:600px){.art-reader .essay-head{display:block}.art-reader .essay-head .artist-portrait{width:100px;height:126px;margin:0 0 20px}.art-reader .essay-head h1{font-size:30px}.art-reader .reader-note{padding:16px}}