/* Preview with ?artwork=background. All rules are limited to the homepage. */
body[data-artwork-background][data-page=home]{background:var(--purple);isolation:isolate}
body[data-artwork-background][data-page=home]::before{
 content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--red);
 mask:url('assets/branching-1600.webp') right 6vw center / auto 145svh no-repeat;
 -webkit-mask:url('assets/branching-1600.webp') right 6vw center / auto 145svh no-repeat;
}
body[data-artwork-background][data-page=home] .hero{
 background:linear-gradient(90deg,rgba(151,138,210,.98),rgba(151,138,210,.86) 34%,rgba(151,138,210,.12) 67%,transparent);
}
body[data-artwork-background][data-page=home] .hero-top{color:var(--night);border-color:var(--night)}
body[data-artwork-background][data-page=home] .hero-top .small-label{background:var(--purple);padding:5px 8px}
body[data-artwork-background][data-page=home] .hero-composition{display:flex;align-items:center;min-height:calc(100svh - var(--header) - 135px)}
body[data-artwork-background][data-page=home] .hero-copy{width:58%;padding:70px 0 95px}
body[data-artwork-background][data-page=home] .hero-exhibit{display:none}
body[data-artwork-background][data-page=home] .selected-work{
 background:rgba(36,29,42,.94);max-width:none;margin:0;
}
body[data-artwork-background][data-page=home] .practice-preview{background:rgba(161,43,9,.91)}
body[data-artwork-background][data-page=home] .practice-preview>a{background:var(--red)}
body[data-artwork-background][data-page=home] .intro-statement{background:rgba(238,233,242,.95)}
body[data-artwork-background][data-page=home] .site-footer{background:rgba(36,29,42,.96)}
@media(max-width:760px){
 body[data-artwork-background][data-page=home]::before{
  mask-position:65% center;-webkit-mask-position:65% center;
  mask-size:auto 115svh;-webkit-mask-size:auto 115svh;
 }
 body[data-artwork-background][data-page=home] .hero{
  background:linear-gradient(180deg,rgba(151,138,210,.97),rgba(151,138,210,.88) 42%,rgba(151,138,210,.08) 78%);
 }
 body[data-artwork-background][data-page=home] .hero-composition{align-items:start;min-height:calc(100svh - var(--header) - 110px)}
 body[data-artwork-background][data-page=home] .hero-copy{width:100%;padding:35px 0 210px}
 body[data-artwork-background][data-page=home] .hero-top .small-label{padding:3px 0}
}
@media print{body[data-artwork-background][data-page=home]::before{display:none}}