/* Oryginalne RGB fotografii pozostaje w pliku JPG, maska zaslania tylko tlo. */
.hero-portrait.hero-original img {
 mask-image:url('/hero-5795-mask-presentation.svg');
 mask-mode:luminance;
 mask-size:cover;
 mask-position:60% center;
 mask-repeat:no-repeat;
 -webkit-mask-image:url('/hero-5795-mask-presentation.svg');
 -webkit-mask-size:cover;
 -webkit-mask-position:60% center;
 -webkit-mask-repeat:no-repeat;
}
.hero-original .oval-frame {
 border-color:#9A667555;
 box-shadow:0 0 0 5px #E4C6C7,0 0 0 6px #9A66752E;
}
.hero-portrait.hero-original figcaption {
 width:340px;min-height:118px;right:-8px;bottom:51px;
 padding:27px 30px 24px;justify-content:center;gap:5px;
 background:url('/podpis-atelier.svg') center/100% 100% no-repeat;
 color:#713B4C;transform:rotate(-3deg);box-shadow:none;
 font-size:10px;line-height:1.5;letter-spacing:.045em;
}
.hero-portrait.hero-original figcaption span {font-size:31px;line-height:1.2;letter-spacing:0}
@media(max-width:1000px) {
 .hero-portrait.hero-original figcaption {right:0;width:300px;min-height:106px;padding:25px 26px 22px}
 .hero-portrait.hero-original figcaption span {font-size:28px}
}
@media(max-width:600px) {
 .hero-portrait.hero-original figcaption {width:274px;min-height:100px;right:0;bottom:3px;padding:23px 23px 20px;font-size:9px;gap:5px}
 .hero-portrait.hero-original figcaption span {font-size:27px}
}

/* Autorski szkic owalu i swobodnej kokardy, nad niezmienionym portretem. */
.hero-portrait.hero-original .oval-frame {
 width:512px;height:768px;max-width:none;
 left:50%;right:auto;top:50%;
 transform:translate(-50%,-57%);
 border:0;border-radius:0;outline:0;box-shadow:none;
 background:url('/ramka-naglowek-kokarda-odreczna.png') center/contain no-repeat;
 z-index:2;pointer-events:none;
}
.hero-portrait.hero-original .oval-frame::before,
.hero-portrait.hero-original .oval-frame::after {content:none;display:none}
@media(max-width:1100px) {
 .hero-portrait.hero-original .oval-frame {width:448px;height:672px}
}
@media(max-width:800px) {
 .hero-portrait.hero-original {margin-top:100px;margin-bottom:44px}
 .hero-portrait.hero-original .oval-frame {width:410.6667px;height:616px}
 .hero-portrait.hero-original figcaption {bottom:-32px}
}
@media(max-width:600px) {
 .hero-portrait.hero-original {margin-top:80px;margin-bottom:52px}
 .hero-portrait.hero-original .oval-frame {width:346.6667px;height:520px}
 .hero-portrait.hero-original figcaption {bottom:-47px}
}
@media(max-width:360px) {
 .hero-portrait.hero-original .oval-frame {width:320px;height:480px}
}