/* Quiet botanical halftone across the whole canvas, beneath page content. */
body{isolation:isolate}
.edge-ambience{position:fixed;inset:0;z-index:-1;pointer-events:none;user-select:none;mask-image:linear-gradient(180deg,transparent var(--edge-top,0px),#000 calc(var(--edge-top,0px) + 180px));contain:strict}
.edge-panel{position:absolute;inset:0;overflow:hidden;opacity:.16;mask-image:linear-gradient(90deg,#000,#000a 28%,#0009 50%,#000a 72%,#000)}
.edge-panel:before{content:'';position:absolute;inset:0;background-image:var(--edge-image);background-position:center center;background-size:480px 1280px;background-repeat:repeat}
.edge-panel-right{display:none}
.edge-ambience[data-style=halftone]{--edge-image:url('assets/edges/halftone.svg')}
.edge-ambience[data-style=ascii]{--edge-image:url('assets/edges/ascii.svg')}
.edge-ambience[data-style=ascii] .edge-panel{opacity:.12}
.edge-ambience[data-style=botanical]{--edge-image:url('assets/edges/botanical.svg')}
.edge-ambience[data-style=none]{display:none}
/* Use one texture rather than stacking a second pattern on case studies. */
.case-page #main-content::before{display:none}
@media(max-width:640px){.edge-panel{opacity:.11;mask-image:none}.edge-panel:before{background-size:360px 960px}}
@media(forced-colors:active){.edge-ambience{display:none}}