/* Górny baner: barwna, lekka kompozycja z własnych zdjęć */
.topbar:has(+ main .hero-collage){position:relative;color:var(--ink);background:var(--paper)}
.topbar:has(+ main .hero-collage) .menu{border-color:#29272166;color:var(--ink)}
.hero.hero-collage{height:auto;min-height:0;padding:clamp(44px,7vw,88px) 24px 34px;background:#e4dcd7;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.hero-collage .hero-title{text-align:center;color:#292721;margin-bottom:clamp(26px,4vw,46px)}
.hero-collage .hero-title p{margin:0;font:500 clamp(31px,4.25vw,64px)/.96 var(--serif);letter-spacing:-.02em}
.hero-collage .hero-title span{display:block;margin-top:13px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#866e5c}
.photo-strip{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,20px);width:min(1270px,100%);padding:0 8px}
.photo-strip .print{flex:1 1 0;min-width:0;margin:0;padding:clamp(5px,.65vw,10px) clamp(5px,.65vw,10px) clamp(15px,1.9vw,27px);background:#fff;box-shadow:0 11px 21px #6a544420;transform:rotate(var(--tilt));transition:transform .35s ease,box-shadow .35s ease}
.photo-strip .print:hover{transform:translateY(-9px) rotate(0);box-shadow:0 20px 28px #6a544433}
.photo-strip img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.print-one{--tilt:-7deg}.print-two{--tilt:4deg}.print-three{--tilt:-3deg}.print-four{--tilt:2deg}.print-five{--tilt:-4deg}.print-six{--tilt:5deg}.print-seven{--tilt:-6deg}
.hero-signature{display:flex;flex-direction:column;align-items:center;color:#3d3732;margin-top:clamp(29px,4.5vw,55px);line-height:1}
.hero-signature span{font:500 clamp(25px,3vw,40px)/1 var(--serif);letter-spacing:.01em}.hero-signature small{margin-top:8px;font:600 9px/1 var(--sans);letter-spacing:.35em}
@media(max-width:800px){.topbar:has(+ main .hero-collage) nav{background:#eee6df}.hero.hero-collage{padding:42px 14px 28px}.photo-strip{gap:7px}.photo-strip .print{padding:4px 4px 12px}.photo-strip .print:nth-child(6),.photo-strip .print:nth-child(7){display:none}.hero-collage .hero-title p{font-size:clamp(37px,8vw,56px)}}
@media(max-width:480px){.hero.hero-collage{padding-top:34px}.photo-strip .print:nth-child(5){display:none}.hero-collage .hero-title span{font-size:8px;letter-spacing:.14em}.hero-signature span{font-size:28px}}