.hybrid-green{--ink:#224b3b;--paper:#f8fbf1;--highlight:#fff1ba;--display:Nunito;--body:Nunito}
.hybrid-green .hero{background:#eaf2dd;border-radius:35px;min-height:640px;grid-template-columns:1fr 1fr}
.hybrid-green .copy{padding:48px 44px}
.hybrid-green .art{background:#c9e39b;border-radius:130px 0 0 0;min-height:640px;height:100%;width:100%;margin:0}
.hybrid-green .handwritten{position:absolute;left:36px;top:39px;font:500 31px/1 Caveat;transform:rotate(-3deg);z-index:6}
.hybrid-green .book{position:absolute;right:30px;top:39px;width:43px;transform:rotate(13deg);z-index:6}
.hybrid-green .arrow{position:absolute;left:39px;top:80px;width:90px;z-index:6}
.hybrid-green .sheet{position:absolute;border-radius:31px;z-index:1}
.hybrid-green .sheet-one{left:28px;right:30px;top:108px;bottom:42px;background:#ffe18b;transform:rotate(-6deg)}
.hybrid-green .sheet-two{display:none}
.hybrid-green .frame{position:absolute;left:10%;width:80%;height:457px;top:116px;padding:12px 12px 64px;background:#fff9ed;transform:rotate(3deg);border-radius:30px;z-index:3}
.hybrid-green .window{width:100%;height:100%;overflow:hidden;border-radius:19px 19px 7px 7px;background:#fff9ed}
.hybrid-green .window img{position:relative;left:-17px;width:calc(100% + 34px);height:100%;object-fit:cover;object-position:50% 22%;max-width:none;display:block}
.hybrid-green .caption{position:absolute;left:12px;right:18px;bottom:13px;text-align:right;font-size:10px;line-height:1.5;padding:0;background:none;transform:none;border-radius:0}
.hybrid-green .caption strong{font:700 24px/1.15 Caveat;display:block;margin-bottom:4px}
.hybrid-green .credential{position:absolute;left:20px;bottom:47px;z-index:7;padding:13px 20px;border-radius:16px;background:#fff4c8;transform:rotate(-7deg);font-size:11px;line-height:1.5}
.hybrid-green .credential strong{font:900 30px/1.1 Nunito;display:block;margin-bottom:4px}
@media(min-width:1500px){.hybrid-green .hero,.hybrid-green .art{min-height:660px}.hybrid-green .frame{top:126px}.hybrid-green .sheet-one{top:118px}}
@media(max-width:1100px) and (min-width:761px){.hybrid-green .copy{padding:36px 28px}.hybrid-green .frame{left:9%;width:82%;height:430px;top:127px}.hybrid-green .sheet-one{left:22px;right:20px;top:119px;bottom:66px}.hybrid-green .handwritten{left:27px;font-size:28px}.hybrid-green .book{right:23px;width:35px}.hybrid-green .credential{left:15px;bottom:70px}.hybrid-green .caption{font-size:9px}.hybrid-green .caption strong{font-size:22px}}
@media(max-width:760px){.hybrid-green .hero{display:flex;min-height:0;border-radius:27px}.hybrid-green .copy{padding:32px 25px}.hybrid-green .art{min-height:455px;height:455px;border-radius:70px 0 0 0}.hybrid-green .handwritten{left:28px;top:28px;font-size:26px}.hybrid-green .book{top:27px;right:21px;width:33px}.hybrid-green .arrow{left:29px;top:63px;width:72px}.hybrid-green .frame{left:9%;width:82%;height:341px;top:82px;padding:9px 9px 57px;border-radius:26px}.hybrid-green .window{border-radius:17px 17px 6px 6px}.hybrid-green .window img{left:-13px;width:calc(100% + 26px);object-position:50% 20%}.hybrid-green .sheet-one{left:20px;right:19px;top:75px;bottom:26px}.hybrid-green .caption{left:9px;right:12px;bottom:11px;font-size:8px}.hybrid-green .caption strong{font-size:21px}.hybrid-green .credential{left:11px;bottom:28px;padding:11px 15px;font-size:9px}.hybrid-green .credential strong{font-size:26px}}
/* Nieco mniejsza kompozycja, z większym oddechem wokół kartek. */
.hybrid-green .photo-stack{position:absolute;inset:0;transform:scale(.92);transform-origin:50% 58%;z-index:3}
.hybrid-green .handwritten{left:65px}
.hybrid-green .arrow{left:68px}
@media(max-width:1100px) and (min-width:761px){.hybrid-green .handwritten{left:49px}.hybrid-green .arrow{left:53px}}
@media(max-width:760px){.hybrid-green .handwritten{left:45px}.hybrid-green .arrow{left:47px}}
/* Delikatne powiększenie i podpis dopasowany do krawędzi odbitki. */
.hybrid-green .photo-stack{transform:scale(.96);transform-origin:50% 58%}
.hybrid-green .handwritten{left:69px;top:62px;transform:rotate(-3deg)}
.hybrid-green .arrow{left:69px;top:101px;width:86px;transform:rotate(-7deg)}
@media(max-width:1100px) and (min-width:761px){.hybrid-green .handwritten{left:54px;top:72px}.hybrid-green .arrow{left:54px;top:109px;width:78px}}
@media(max-width:760px){.hybrid-green .handwritten{left:45px;top:40px}.hybrid-green .arrow{left:44px;top:73px;width:66px;transform:rotate(-7deg)}}
/* Jeden proporcjonalny układ według zaakceptowanej kwadratowej kompozycji. */
.hybrid-green .photo-layout{position:absolute;width:min(560px,calc(100% - 28px));aspect-ratio:560 / 575;left:50%;top:50%;transform:translate(-50%,-50%);container-type:inline-size;isolation:isolate}
.hybrid-green .photo-layout .photo-stack{position:absolute;inset:0;transform:none;z-index:3}
.hybrid-green .photo-layout .handwritten{left:5.18%;top:4.52%;font-size:5.36cqw;transform:rotate(-3deg);z-index:6}
.hybrid-green .photo-layout .book{right:4.64%;top:4.35%;width:7.5%;transform:rotate(13deg);z-index:6}
.hybrid-green .photo-layout .arrow{left:6.25%;top:11.48%;width:15.36%;transform:none;z-index:6}
.hybrid-green .photo-layout .sheet-one{left:5.71%;right:5.36%;top:13.56%;bottom:4.87%;border-radius:5.54cqw;transform:rotate(-6deg)}
.hybrid-green .photo-layout .frame{left:10%;width:80%;height:79.48%;top:14.61%;padding:2.14cqw 2.14cqw 11.43cqw;border-radius:5.36cqw;transform:rotate(3deg)}
.hybrid-green .photo-layout .window{border-radius:3.39cqw 3.39cqw 1.25cqw 1.25cqw;width:100%;height:100%}
.hybrid-green .photo-layout .window img{left:-3.04cqw;width:calc(100% + 6.08cqw);height:100%;object-position:50% 22%}
.hybrid-green .photo-layout .caption{left:2.14cqw;right:3.21cqw;bottom:2.32cqw;font-size:1.79cqw;line-height:1.5;text-align:right;padding:0;background:none;transform:none}
.hybrid-green .photo-layout .caption strong{font-size:4.29cqw;margin-bottom:.71cqw;font-family:Caveat;font-weight:700;line-height:1.15}
.hybrid-green .photo-layout .credential{left:3.39%;bottom:4.35%;padding:2.32cqw 3.57cqw;border-radius:2.86cqw;font-size:1.96cqw;line-height:1.5;transform:rotate(-7deg)}
.hybrid-green .photo-layout .credential strong{font-size:5.36cqw;line-height:1.1;margin-bottom:.71cqw}
/* Logo graficzne dopasowane do dwóch wierszy nazwy. */
.hybrid-green .brand{gap:13px;font-size:28px;font-weight:900;line-height:1.1;letter-spacing:-.8px}
.hybrid-green .brand-logo{width:64px;height:64px;object-fit:contain;display:block;flex:none}
.hybrid-green .brand small{font-size:15px;font-weight:650;line-height:1.2;margin-top:5px}
@media(max-width:760px){.hybrid-green .brand{font-size:21px;gap:9px}.hybrid-green .brand-logo{width:49px;height:49px}.hybrid-green .brand small{font-size:12px;margin-top:4px}}
@media(max-width:360px){.hybrid-green .brand{font-size:18px;gap:7px}.hybrid-green .brand-logo{width:43px;height:43px}.hybrid-green nav .nav-button{padding:9px 10px;font-size:11px}}
.hybrid-green .brand-logo{width:55px;height:55px}
@media(max-width:760px){.hybrid-green .brand-logo{width:43px;height:43px}}
@media(max-width:360px){.hybrid-green .brand-logo{width:38px;height:38px}}