/* New text-free comic scenes, confined to the two journal list-page banners. */
.pj .pj-heading.pj-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:37% minmax(0,1fr);align-items:center;gap:0;direction:ltr;min-height:clamp(368px,40vw,472px);margin:30px 0;padding:0;overflow:hidden;border:2px solid #b08a43;border-radius:22px;background:#fff3d7;box-shadow:0 7px 0 #b8944e20}
.pj-banner-art{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-end;pointer-events:none;background:#f9e8c5}
.pj-banner-art img{display:block;width:100%;height:auto;max-width:none;flex:none}
.pj-banner::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff8e7e6 0%,#fff8e7bb 25%,#fff8e755 36%,transparent 44%)}
.pj-banner-content{position:relative;z-index:2;grid-column:1;width:100%;padding:32px 24px 32px 30px;text-align:start}
.pj .pj-banner .pj-eyebrow{font-size:11px;letter-spacing:.1em;font-weight:600;color:#235b45}
.pj .pj-banner h1{color:#172b41;font-size:clamp(38px,4.5vw,56px);line-height:1.13;margin:12px 0 17px;text-shadow:0 1px 0 #fff9e6}
.pj .pj-banner p{color:#235b45;font-size:15px;line-height:1.8;margin:0;max-width:36ch;font-weight:600}
.pj .pj-banner .pj-search{display:block;width:100%;max-width:345px;margin:22px 0 0;flex:none}
.pj .pj-banner .pj-search label{color:#172b41;font-size:12px;font-weight:600}
.pj .pj-banner .pj-search>div{background:#fffdf4f5;box-shadow:0 4px 0 #3c4b3522}
.pj .pj-banner .pj-search input{color:#172b41}
.pj .pj-banner .pj-search button{color:#172b41;background:#f3ce72}
.pj .pj-banner .pj-search button:hover{background:#e9b64d}
.pj .pj-banner+.pj-filters{padding-top:3px}
@media(min-width:901px) and (max-width:1100px){.pj-banner-content{padding:28px 17px 28px 23px}.pj .pj-banner h1{font-size:40px}.pj .pj-banner p{font-size:14px}.pj .pj-banner .pj-eyebrow{font-size:10px;letter-spacing:.05em}}
@media(max-width:900px){
 .pj .pj-heading.pj-banner{display:flex;flex-direction:column;min-height:0;border-radius:18px;margin:26px 0;background:#fff9e9}
 .pj-banner-art{position:relative;inset:auto;z-index:0;display:block;width:100%;aspect-ratio:1.68;overflow:hidden;border-bottom:1px solid #c8a567;background:#f5dfb3}
 .pj-banner-art img{height:100%;width:100%;object-fit:cover;object-position:right center}
 .pj-banner::after{display:none}
 .pj-banner-content{position:relative;z-index:2;width:100%;padding:27px 25px 29px;background:linear-gradient(145deg,#fffaf0,#fff2d2)}
 .pj .pj-banner h1{font-size:clamp(34px,5.4vw,46px);margin:10px 0 14px}
 .pj .pj-banner p{max-width:65ch;font-size:15px;font-weight:600}
 .pj .pj-banner .pj-search{max-width:none;margin-top:20px}
 .pj .pj-banner .pj-search input{font-size:16px}
}
@media(max-width:640px){
 .pj .pj-heading.pj-banner{margin:22px 0 25px;border-radius:16px;box-shadow:0 5px 0 #b8944e20}
 .pj-banner-content{padding:23px 20px 25px}
 .pj .pj-banner .pj-eyebrow{font-size:10px;letter-spacing:.08em}
 .pj .pj-banner h1{font-size:36px;line-height:1.16}
 .pj .pj-banner p{font-size:14px;line-height:1.85}
 .pj .pj-banner .pj-search{margin-top:18px}
}