.otwarcie{--scena-h: calc(100svh - var(--glowka-widoczna, 91px));--pole: var(--bordo);position:relative;background:var(--pole);color:var(--krem)}.otwarcie__scena{position:relative;height:var(--scena-h);min-height:480px;overflow:hidden;isolation:isolate;background:var(--pole)}.otwarcie__scena>*{position:absolute}.otwarcie__ksztalty{width:0;height:0}.otwarcie__kurtyna{top:0;left:0;width:200%;height:100%;z-index:1;pointer-events:none}.otwarcie__kurtyna--lewa{clip-path:url(#otwarcie-kurtyna-lewa);transform:translate(-85.5%)}.otwarcie__kurtyna--prawa{clip-path:url(#otwarcie-kurtyna-prawa);transform:translate(35.5%)}.otwarcie__zdjecia{position:absolute;left:0;top:0;display:flex;flex-direction:column}.otwarcie__zdjecia img{flex:1 1 0;min-height:0;width:100%;height:100%;object-fit:cover;max-width:none;user-select:none}.film__kadr--lokal{object-position:center 88%}.film__kadr--rogal{object-position:55% 45%}.otwarcie__pole{background:var(--pole-kolor)}.otwarcie__pole--krem{--pole-kolor: var(--krem)}.otwarcie__pole--bordo{--pole-kolor: var(--bordo)}.otwarcie__pole--karton{--pole-kolor: var(--karton)}.otwarcie__rama{display:none}@media not all and (max-width:900px)and (orientation:portrait){.otwarcie--film{--rama: clamp(16px, 1.8vw, 28px)}.otwarcie--film .otwarcie__rama{display:block;inset:0;z-index:1;box-sizing:border-box;border:var(--rama) solid var(--krem);border-top-width:0;pointer-events:none}}.film__warstwa--spi{display:none}.otwarcie__zdjecia--witryna{flex-direction:row;gap:clamp(16px,2.5vw,36px)}.otwarcie__zdjecia--witryna img{outline:1px solid rgb(38 19 10 / .18);outline-offset:-1px}.otwarcie__godlo{inset:0;z-index:3;pointer-events:none}.otwarcie__godlo svg{width:100%;height:100%;display:block;overflow:hidden}.otwarcie__godlo :is(.godlo__tarcza,.godlo__obrecz,.godlo__ziarno){fill:var(--godlo-tusz, var(--krem))}.otwarcie__godlo .godlo__srodek{fill:var(--pole)}.otwarcie__plansza{z-index:6;color:var(--krem)}.otwarcie__plansza :focus-visible{outline:2px solid var(--krem);outline-offset:3px}.otwarcie h1,.otwarcie h2,.otwarcie__grupa{font-family:var(--font-karta);font-weight:var(--waga-karta);color:var(--krem);margin:0;text-wrap:balance}.otwarcie h1,.otwarcie h2{letter-spacing:var(--tracking-display);line-height:1.04}.otwarcie h2{font-size:var(--krok-dzial)}.otwarcie .sc{display:block;margin-bottom:-10px;color:var(--krem-na-bordo)}.otwarcie__lead{font-size:var(--krok-lead);line-height:1.6;color:var(--krem-na-bordo);letter-spacing:var(--tracking-kontra, .008em);margin:0;text-wrap:pretty}.otwarcie__zdanie{margin:0;font-family:var(--font-karta);font-weight:var(--waga-karta);font-size:var(--krok-region);letter-spacing:var(--tracking-region);line-height:1.2;color:var(--krem);text-wrap:balance}.otwarcie__cta{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.otwarcie__cta .btn{padding:12px 22px}.otwarcie__telefon{margin:0;font-size:var(--krok-proza);color:var(--krem-na-bordo)}.otwarcie__telefon a{font-family:var(--font-karta);font-size:var(--krok-etykieta);color:var(--krem);white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--linia-na-bordo);text-underline-offset:4px}.otwarcie__telefon a:hover{text-decoration-thickness:2px;text-decoration-color:var(--krem)}.otwarcie__polecamy{display:grid;gap:6px}.otwarcie__etykieta{margin:0 0 4px;font-family:var(--font-karta);font-weight:var(--waga-karta);font-size:var(--krok-region);letter-spacing:var(--tracking-region);line-height:1.12;color:var(--krem)}.otwarcie__grupa{font-size:var(--krok-etykieta);letter-spacing:var(--tracking-etykieta);line-height:1.2;color:var(--krem-cien);margin-bottom:2px}.otwarcie__wypis{list-style:none;margin:0;padding:0}.otwarcie__wypis li{padding:5px 0;font-family:var(--font-karta);font-size:var(--krok-podloga);letter-spacing:var(--tracking-podloga);color:var(--krem)}.otwarcie__wypis li span{display:block;font-family:var(--font-body);font-size:var(--krok-proza);letter-spacing:var(--tracking-kontra, .008em);color:var(--krem-na-bordo)}.otwarcie__plansza--cukiernia :is(.otwarcie__zdanie,.otwarcie__grupa){color:var(--karmazyn)}.otwarcie__plansza--cukiernia .otwarcie__wypis li{color:var(--atrament)}.otwarcie__plansza--cukiernia .otwarcie__wypis li span{color:var(--atrament-soft);letter-spacing:normal}.otwarcie__plansza--cukiernia :focus-visible{outline-color:var(--bordo)}.otwarcie--film .film__plansza{position:absolute}.otwarcie .film__plansza>:is(.headline,.lead,.otwarcie__cta,.rogal__papier){margin:0}.otwarcie .film__plansza .headline{font-size:var(--krok-naglowek);line-height:1.12;color:var(--krem)}.otwarcie .film__plansza .lead{color:var(--krem-na-bordo);letter-spacing:var(--tracking-kontra);text-wrap:pretty}.film__plansza--papier{color:var(--atrament)}.otwarcie .film__plansza--papier .headline{color:var(--karmazyn)}.otwarcie .film__plansza--papier .lead{color:var(--atrament-soft);letter-spacing:normal}.otwarcie .film__plansza--papier :focus-visible{outline-color:var(--bordo)}.film__plansza--puenta{--atrament-soft: #6A4832}.otwarcie__plansza--start,.film__plansza--os{left:50%;top:41.5%;width:min(600px,40vw);translate:-50% 0;display:grid;justify-items:center;gap:20px;text-align:center}.otwarcie__plansza--start{top:38.5%}.otwarcie__plansza--start h1{font-size:clamp(2.4rem,min(4.2vw,7.6vh),5rem)}.otwarcie__plansza--start .otwarcie__lead{max-width:40ch}.otwarcie__plansza--start .otwarcie__cta,.film__plansza--os .otwarcie__cta{justify-content:center}.film__plansza--os .lead{text-wrap:balance}@media not all and (max-width:900px)and (orientation:portrait){.film__plansza--puenta{width:min(470px,46vw);translate:none;justify-items:start;text-align:left}.film__plansza--puenta .otwarcie__cta{justify-content:start}}.otwarcie--film .otwarcie__plansza--scena{position:absolute}.otwarcie__plansza--scena{top:50%;translate:0 -50%;display:grid;gap:18px}.otwarcie--film .otwarcie__plansza--scena{top:calc(50% - (var(--rama, 0px) - 1px) / 2)}.otwarcie__plansza--piekarnia,.film__plansza--lewo{left:var(--marg-karty);width:min(500px,calc(46vw - var(--marg-karty)))}.otwarcie__plansza--cukiernia,.film__plansza--prawo{left:56%;width:min(500px,calc(44vw - var(--marg-strony)))}.film__plansza--glowa{left:var(--marg-karty);top:10%;width:min(760px,calc(100vw - var(--marg-karty) - var(--marg-strony)));display:grid;gap:18px}.film__plansza--glowa .lead{max-width:calc(56ch * var(--miara-korekta))}.film__plansza.rogal__copy .rogal__papier a{max-width:170px}@media(max-height:820px)and (orientation:landscape){.otwarcie__plansza--start{gap:14px;top:39%}.otwarcie__plansza--start .otwarcie__telefon{display:none}.otwarcie__plansza--start .otwarcie__lead{font-size:var(--krok-proza);line-height:1.5}.otwarcie__plansza--scena{gap:12px}.otwarcie__plansza--scena .otwarcie__lead{font-size:var(--krok-proza);line-height:1.5}.otwarcie__wypis li{padding:3px 0}.film__plansza--os{gap:14px}.film__plansza--glowa{gap:12px}.otwarcie .film__plansza .lead{font-size:var(--krok-proza);line-height:1.5}.film__plansza.rogal__copy .rogal__papier a{max-width:130px}}@media(max-height:760px)and (orientation:landscape){.otwarcie__wypis{columns:2;column-gap:var(--sp-sm)}.otwarcie__wypis li{break-inside:avoid}}@media(max-height:620px)and (orientation:landscape){.otwarcie__plansza--scena h2{font-size:var(--krok-naglowek)}}.otwarcie:not(.otwarcie--js) .otwarcie__zdjecia{top:0;width:25%;height:100%}.otwarcie:not(.otwarcie--js) .otwarcie__kurtyna--lewa .otwarcie__zdjecia{left:85.5%}.otwarcie:not(.otwarcie--js) .otwarcie__kurtyna--prawa .otwarcie__zdjecia{left:-10.5%}.otwarcie:not(.otwarcie--js) .otwarcie__godlo{inset:5.5% auto auto 50%;height:29%;aspect-ratio:1;translate:-50% 0}.otwarcie:not(.otwarcie--film) :is(.otwarcie__plansza--scena,.film__warstwa,.film__plansza){display:none}.film-gra .film-zapas{display:none}.otwarcie__foto{display:none;margin:0}.otwarcie__foto img{display:block;width:100%;height:100%;object-fit:cover}.otwarcie__foto .otwarcie__foto-tablet{display:none}@media(min-aspect-ratio:3/4){.otwarcie__foto .otwarcie__foto-telefon{display:none}.otwarcie__foto .otwarcie__foto-tablet{display:block}}@media screen and (max-width:900px)and (orientation:portrait)and (prefers-reduced-motion:no-preference){.otwarcie:not(.otwarcie--film) .otwarcie__foto{--odslona-y: 34%;--odslona-r: 150%;animation:odslona-kolo 1.5s cubic-bezier(.65,0,.35,1) .35s both;will-change:transform}.foto-czeka .otwarcie:not(.otwarcie--film) .otwarcie__foto{animation-play-state:paused}}@media(max-width:900px)and (orientation:portrait){.otwarcie__scena{min-height:560px}.otwarcie__plansza--start{top:28%;width:calc(100vw - 2 * var(--marg-strony));gap:16px}.otwarcie__plansza--start h1{font-size:clamp(2.4rem,9.4vw,3.4rem)}.otwarcie__plansza--start .otwarcie__lead{font-size:var(--krok-proza);line-height:1.55}.otwarcie__telefon{display:none}.otwarcie__plansza--scena,.otwarcie__plansza--piekarnia,.otwarcie__plansza--cukiernia,.film__plansza--lewo,.film__plansza--prawo,.film__plansza--glowa{left:var(--marg-strony);right:var(--marg-strony);top:var(--sp-md);width:auto;translate:none;gap:12px}.film__plansza--os{top:28%;width:calc(100vw - 2 * var(--marg-strony));gap:16px}.otwarcie__cta--wybor{display:grid;justify-content:center}.otwarcie__plansza--scena .otwarcie__lead,.otwarcie .film__plansza .lead{font-size:var(--krok-proza);line-height:1.5}.film__plansza.rogal__copy .rogal__papier a{max-width:110px}.otwarcie__wypis{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--sp-sm)}.otwarcie__wypis li{padding:4px 0}.otwarcie__wypis li span{font-size:var(--krok-drobny)}.otwarcie__zdjecia>:not(:first-child){display:none}.otwarcie__zdjecia--witryna{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.otwarcie__zdjecia--witryna>:first-child,.otwarcie__zdjecia--witryna>picture:first-child>img{grid-row:span 2}.otwarcie__zdjecia--witryna>img:not(:first-child){display:block}.otwarcie__zdjecia--witryna>picture:not(:first-child){display:contents}.otwarcie__zdjecia--wysoka{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr}.otwarcie__zdjecia--wysoka>:first-child,.otwarcie__zdjecia--wysoka>picture:first-child>img{grid-row:auto;grid-column:span 2}.otwarcie:not(.otwarcie--film) .otwarcie__scena{--godlo-miejsce: clamp(170px, 24svh, 220px);height:auto;min-height:calc(100svh - var(--topbar-h, 131px));display:flex;flex-direction:column;justify-content:flex-end;padding-block:var(--sp-md) var(--marg-strony)}.otwarcie:not(.otwarcie--film) .otwarcie__kurtyna{display:none}.otwarcie:not(.otwarcie--film) .otwarcie__plansza--start{position:relative;left:auto;top:auto;width:auto;z-index:2;margin:0 var(--marg-strony);padding:var(--godlo-miejsce) var(--sp-sm) var(--sp-md);translate:none}.otwarcie:not(.otwarcie--film) .otwarcie__plansza--start:before{content:"";position:absolute;z-index:-1;inset:calc(var(--godlo-miejsce) / 2) 0 0;background:var(--bordo)}.otwarcie:not(.otwarcie--film) .otwarcie__foto{display:block;inset:0}.otwarcie:not(.otwarcie--js) .otwarcie__scena{justify-content:flex-start}.otwarcie:not(.otwarcie--js) .otwarcie__godlo{top:calc(var(--sp-md) + var(--godlo-miejsce) * .12);height:calc(var(--godlo-miejsce) * .76)}.godlo-czeka .otwarcie:not(.otwarcie--js) .otwarcie__scena{justify-content:flex-end}.godlo-czeka .otwarcie:not(.otwarcie--js) .otwarcie__godlo{inset:0;height:auto;aspect-ratio:auto;translate:none;visibility:hidden}}@media(min-width:781px)and (max-width:900px)and (orientation:portrait){.otwarcie:not(.otwarcie--film) .otwarcie__scena{min-height:calc(100svh - var(--topbar-h, 65px))}}@media screen and (max-width:900px)and (orientation:portrait)and (prefers-reduced-motion:no-preference){.osiada{overflow:hidden}.osiada img{transform:scale(calc(1 + .1 * var(--osiada, 0)))}}.gdzie--godlo>.znak-wodny{display:none}.gdzie--godlo .gdzie__inner{text-align:center}.gdzie--godlo .gdzie__inner .lead{margin-inline:auto;text-wrap:balance}.gdzie--godlo .gdzie__cta{justify-content:center}.gdzie__godlo{width:clamp(104px,30vw,132px);aspect-ratio:70.49 / 71.12;margin:0 auto var(--sp-sm)}.gdzie__godlo svg{display:block;width:100%;height:100%;overflow:visible}.gdzie__godlo :is(.godlo__tarcza,.godlo__obrecz,.godlo__ziarno){fill:var(--bordo)}.gdzie__godlo .godlo__srodek{fill:var(--karton)}@media(max-width:900px)and (orientation:portrait)and (max-height:700px){.otwarcie__plansza--scena .otwarcie__cta{gap:10px}.otwarcie__plansza--scena .otwarcie__cta .btn{padding:10px 12px}.otwarcie__plansza--scena h2{font-size:var(--krok-naglowek)}}.otwarcie--film{box-shadow:0 2px 0 var(--pole)}.otwarcie--film{--scena-h: calc(100svh - var(--glowka-widoczna, 91px) + 2px);margin-top:-1px}.otwarcie--film .otwarcie__scena{background:linear-gradient(var(--pole) 0 0) 50% 0 / calc(100% - 8px) 100% no-repeat var(--krem)}
