body.demo-art-page{background:#a17bd0;color:#35251f}
.demo-art-page .page-mast{background:transparent}
.demo-art-page .demo-page{background:transparent;color:#35251f}
.demo-art-page .demo-layout{grid-template-columns:1.15fr 1fr;gap:6%;align-items:start}
.demo-art-page .demo-layout h1{font-size:clamp(52px,6vw,86px);margin-bottom:25px}
.demo-art-page .demo-layout h1 em{color:#d4efef}
.demo-artwork{margin:0 0 27px;line-height:0}
.demo-artwork img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.demo-art-page .demo-layout form{border-color:#503767}
.demo-art-page .demo-layout input,.demo-art-page .demo-layout select,.demo-art-page .demo-layout textarea{background:#d5e3eb;color:#35251f;border-bottom-color:#503767}
.demo-art-page .demo-layout button[type=submit],.demo-art-page .demo-layout #demo-mail{background:#35251f;color:#d5e3eb}
.demo-art-page .demo-layout button[type=submit]:hover,.demo-art-page .demo-layout #demo-mail:hover{background:#4b3454}
.demo-art-page .demo-layout :focus-visible{outline:2px solid #35251f;outline-offset:3px}
.demo-art-page .demo-layout .demo-hint{color:#35251f}
@media(max-width:800px){.demo-art-page .demo-layout{grid-template-columns:1fr;gap:28px}.demo-art-page .demo-layout header{max-width:650px}.demo-art-page .demo-layout form{margin-top:0}.demo-artwork{margin-inline:-10px}}
@media(max-width:650px){.demo-art-page .demo-layout h1{font-size:58px}.demo-artwork{margin-bottom:22px}.demo-art-page .demo-layout input,.demo-art-page .demo-layout select,.demo-art-page .demo-layout textarea{font-size:16px}}