/* Shared Pete forest side bands (Oct 25 2026). Same look as the homepage on every page: webp/jpg bands from /assets/img,
   pete-480 picture, and the phone Pete strip (Oct 18 r2 homepage fix, now shared). Loaded after site-nav.css. */
.sn-band-left .sn-band-inner{background-image:linear-gradient(90deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 25%,rgba(20,20,20,.35) 100%),url("/assets/img/side-left-real.jpg");background-image:linear-gradient(90deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 25%,rgba(20,20,20,.35) 100%),image-set(url("/assets/img/side-left-real.webp") type("image/webp"),url("/assets/img/side-left-real.jpg") type("image/jpeg"))}
.sn-band-right .sn-band-inner{background-image:linear-gradient(270deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 22%,rgba(20,20,20,.35) 100%),url("/assets/img/side-right-real.jpg");background-image:linear-gradient(270deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 22%,rgba(20,20,20,.35) 100%),image-set(url("/assets/img/side-right-real.webp") type("image/webp"),url("/assets/img/side-right-real.jpg") type("image/jpeg"))}
.sn-pete picture{display:block}
/* Phones: the left band becomes an in-flow photo strip above the page (never over text); show Pete's full head + shoulders */
@media (max-width:767px){
 .sn-shell .sn-band-left{height:66vw;max-height:320px}
 .sn-shell .sn-band-left .sn-band-inner{background-size:cover;background-position:center 33.7%}
}
