/* The approved homepage artwork, continuously behind public-page content. */
body.public-background-theme{position:relative;isolation:isolate}
body.public-background-theme>main{position:relative;z-index:2}
body.public-background-theme>.site-footer{position:relative;z-index:2;background:transparent;isolation:auto}
.public-dino-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.08}
.public-dino-backdrop .alt-dino-tile{position:relative;width:100%;height:1875px;left:0;margin-left:0}
.public-dino-backdrop .alt-dino-motif{position:absolute;display:block;background-image:url('/assets/alternative/dinosaur-roster-scatter.webp');background-repeat:no-repeat;transform-origin:center;contain:paint}
html.public-grain::after{content:'';position:fixed;inset:-100px;z-index:9998;pointer-events:none;opacity:.10;background-image:url('/assets/alternative/grain.svg');background-repeat:repeat;background-size:210px 210px;will-change:transform}
@keyframes public-grain-shift{0%,100%{transform:translate(0,0)}20%{transform:translate(-43px,21px)}40%{transform:translate(29px,-37px)}60%{transform:translate(-17px,-53px)}80%{transform:translate(51px,39px)}}
html.public-grain.grain-motion-on::after{animation:public-grain-shift .24s steps(1,end) infinite!important}
html.public-grain.grain-motion-off::after{animation:none!important;will-change:auto}
.public-background-toggle{display:block;margin:12px 0 0;padding:5px 0;min-height:32px;border:0;background:none;color:#a0bba8;font:500 11px/1.5 'Segoe UI',sans-serif;text-align:left;cursor:pointer}
.public-background-toggle:hover{color:var(--mint,#5ce6a5)}
.public-background-toggle:focus-visible{outline:2px solid var(--mint,#5ce6a5);outline-offset:4px;border-radius:2px}