/* Only the unchanged logo, cover and scenery regions use reference image viewports.
 * Explicit intrinsic sizing prevents header/footer max-height rules crushing the source image.
 */
.pp-reference{display:block;position:relative;overflow:hidden;isolation:isolate;width:calc(var(--pp-region-w)*1px);max-width:100%;aspect-ratio:var(--pp-region-w)/var(--pp-region-h);flex:none;line-height:0}
.pp-reference>img{position:absolute!important;display:block!important;width:var(--pp-region-img)!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:971/1619!important;left:var(--pp-region-x)!important;top:0!important;transform:translateY(var(--pp-region-y))!important;object-fit:initial!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;pointer-events:none}
.pp-logo>.pp-reference{width:100%;max-width:100%}.pp-logo .pp-reference>img{image-rendering:pixelated}
.pp-reference-cover{display:flex!important;align-items:center;justify-content:center;height:clamp(175px,20vw,240px);margin:0 0 9px;flex:none;min-width:0}
.pp-reference-cover>.pp-reference{height:100%;width:auto;max-width:100%;flex:none}
.pp2-hero .pp-hero-artwork{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;max-width:680px;max-height:none;aspect-ratio:551/285;justify-self:end;z-index:0;mask-image:linear-gradient(to right,transparent 0,#000 9%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%)}
.pp2-about .pp-about-artwork{position:absolute;right:0;bottom:-20px;width:125px;height:auto;max-width:125px;aspect-ratio:141/198;mask-image:linear-gradient(to right,transparent,#000 22%),linear-gradient(to bottom,transparent,#000 25%);-webkit-mask-image:linear-gradient(to right,transparent,#000 22%),linear-gradient(to bottom,transparent,#000 25%)}
.pp2-about .pp-about-artwork,.pp-closing-left,.pp-closing-right{mask-composite:intersect;-webkit-mask-composite:source-in}
.pp-closing-left,.pp-closing-right{position:absolute;top:auto;bottom:0;height:auto;z-index:0;max-height:none;pointer-events:none}
.pp-closing-left{left:max(0px,calc((100% - 1440px)/2));width:clamp(150px,22vw,255px);max-width:255px;aspect-ratio:255/80;mask-image:linear-gradient(to right,#000 55%,transparent),linear-gradient(to bottom,transparent,#000 25%);-webkit-mask-image:linear-gradient(to right,#000 55%,transparent),linear-gradient(to bottom,transparent,#000 25%)}
.pp-closing-right{right:max(0px,calc((100% - 1440px)/2));width:clamp(115px,16vw,174px);max-width:174px;aspect-ratio:174/80;mask-image:linear-gradient(to left,#000 75%,transparent),linear-gradient(to bottom,transparent,#000 25%);-webkit-mask-image:linear-gradient(to left,#000 75%,transparent),linear-gradient(to bottom,transparent,#000 25%)}
@media(max-width:1100px){.pp2-about .pp-about-artwork{bottom:-20px;width:115px;max-width:115px}}
@media(max-width:900px){.pp2-about .pp-about-artwork{display:none}.pp-reference-cover{height:225px}}
@media(max-width:800px){.pp2-hero .pp-hero-artwork{grid-column:1;grid-row:2;justify-self:center;width:100%;max-width:560px;mask-image:linear-gradient(to right,transparent,#000 7%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 97%,transparent)}}
@media(max-width:600px){.pp-closing-left,.pp-closing-right{opacity:.45}.pp-closing-right{display:none}}
@media(max-width:520px){.pp-reference-cover{height:190px}}
@media(max-width:360px){.pp-reference-cover{height:155px}}