:root{--paper:#f6f4ef;--sand:#ebe7de;--ink:#161616;--mute:#5f5b55;--cu:#8b7050;--cu-d:#67513a;--line:#d8d3c7;--dark:#121212;--dark2:#1b1b1b;--w:1160px;--sf:'Cormorant Garamond',Georgia,serif;--hd:'Urbanist',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font:17px/1.7 var(--hd);font-weight:500;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--sf);line-height:1.08;font-weight:600;letter-spacing:-.005em}
h1{font-size:clamp(2.6rem,5.4vw,4.6rem)}
h2,.h2{font-family:var(--sf);font-weight:600;line-height:1.08;font-size:clamp(2rem,3.6vw,3rem);max-width:22ch}
h3{font-size:1.55rem}
h4{font:700 13px var(--hd);letter-spacing:.14em;text-transform:uppercase;color:var(--cu);margin-bottom:16px}
p{max-width:64ch}
.wrap{width:min(var(--w),100% - 40px);margin-inline:auto}
.narrow2{max-width:820px}
.center{text-align:center}.center p,.center h2{margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ul{text-decoration:underline;text-underline-offset:3px}
.small{font-size:14px;color:var(--mute);margin-top:16px}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;transition:background .3s,box-shadow .3s}
.nav.solid,.nav.open-m{background:rgba(18,18,18,.96);backdrop-filter:blur(8px);box-shadow:0 2px 18px rgba(0,0,0,.3)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:80px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-z{height:46px;width:auto}.logo-c{height:46px;width:auto}
.menu{display:flex;gap:30px;font-weight:600;font-size:15px}
.menu a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;opacity:.92}
.menu a:hover,.menu a[aria-current]{border-color:var(--cu);opacity:1}
.nav-r{display:flex;align-items:center;gap:16px}
.nav-tel{font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.nav-tel:hover{color:var(--cu)}
.lang{position:relative}
.lang-b{display:flex;align-items:center;gap:6px;font:700 14px var(--hd);background:none;border:1px solid rgba(255,255,255,.6);padding:8px 12px;cursor:pointer;color:#fff}
.lang-l{position:absolute;right:0;top:calc(100% + 6px);list-style:none;background:#fff;color:var(--ink);min-width:150px;display:none;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.lang.open .lang-l{display:block}
.lang-l button{width:100%;text-align:left;background:none;border:0;padding:11px 14px;font:600 15px var(--hd);cursor:pointer;color:var(--ink)}
.lang-l button:hover,.lang-l button.cur{background:var(--sand)}
.burger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.6);background:none;position:relative;cursor:pointer}
.burger i{position:absolute;left:11px;right:11px;height:2px;background:#fff;transition:.2s}
.burger i:first-child{top:17px}.burger i:last-child{top:25px}
.burger[aria-expanded=true] i:first-child{top:21px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:last-child{top:21px;transform:rotate(-45deg)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px var(--hd);letter-spacing:.02em;text-decoration:none;padding:15px 30px;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s;min-height:52px}
.btn-c{background:var(--cu);color:#fff}
.btn-c:hover{background:var(--cu-d)}
.btn-l{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-l:hover{background:#fff;color:#111}
.btn-o{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-o:hover{background:var(--ink);color:#fff}
.btn-full{width:100%}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cu);outline-offset:2px}
.kicker{font:700 13px var(--hd);letter-spacing:.16em;text-transform:uppercase;color:var(--cu);margin-bottom:16px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cta-row.c{justify-content:center;margin-top:30px}

/* HERO */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;color:#fff;isolation:isolate;overflow:hidden;background:#17130f}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;z-index:-2;animation:drift 28s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,7,.8) 0%,rgba(10,8,7,.45) 55%,rgba(10,8,7,.15) 100%),linear-gradient(0deg,rgba(10,8,7,.55),transparent 45%);z-index:-1}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,0)}}
.hero-in{padding-block:130px 90px;display:flex;flex-direction:column;gap:26px;align-items:flex-start}
.brandline{display:flex;align-items:center;gap:14px;font:700 13px var(--hd);letter-spacing:.2em;text-transform:uppercase}
.brandline img{width:44px;height:44px}
.brandline small{display:block;font-weight:500;letter-spacing:.14em;color:#d7cfc2;margin-top:2px}
.hero h1{max-width:18ch}
.lead{font-size:1.18rem;color:#e6dfd3;max-width:44ch}

/* PAGE HEAD */
.ph{position:relative;min-height:440px;display:flex;align-items:flex-end;color:#fff;isolation:isolate;overflow:hidden;background:#111}
.ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(1) contrast(1.05)}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.85),rgba(10,10,10,.35) 70%);z-index:-1}
.ph-in{padding-block:150px 56px;display:flex;flex-direction:column;gap:14px}
.ph h1{font-size:clamp(2.3rem,4.6vw,3.9rem);max-width:20ch}

.sec{padding:100px 0}
.sec-paper{background:var(--sand)}
.sec-dark{background:var(--dark);color:#f2efe8}
.sec-dark .sub,.sec-dark p{color:#cfc9bc}
.head{margin-bottom:48px}
.head.c{text-align:center}.head.c h2,.head.c p{margin-inline:auto}
.sub{color:var(--mute);margin-top:16px;font-size:1.08rem}
.sec p.center{margin:40px auto 0;max-width:none}
.cta-sec{padding:110px 0}
.cta-sec h2{margin-inline:auto}

/* karty ze zdjeciem */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pc{position:relative;display:block;aspect-ratio:1/1.1;overflow:hidden;color:#fff;text-decoration:none;background:#111}
.pc img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .4s}
.pc::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.05) 62%)}
.pc:hover img{transform:scale(1.05)}
.pc-t{position:absolute;left:26px;bottom:26px;right:92px;z-index:1;font:600 1.7rem/1.1 var(--sf)}
.pc-t small{display:block;font:500 14px var(--hd);color:#d9cfc0;margin-top:8px;letter-spacing:.02em}
.arr{position:absolute;right:22px;bottom:24px;z-index:1;width:46px;height:46px;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;font-size:20px;transition:.2s}
.pc:hover .arr{background:var(--cu);border-color:var(--cu)}

/* czarno-biale zdjecia, kolor na hover */
.bw img,.bw video{filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .6s}
.bw .g:hover img,.bw.pc:hover img,.bw .pc:hover img,.bw video:hover{filter:grayscale(0)}

/* cytat */
.quote{position:relative;min-height:460px;display:grid;align-items:center;color:#fff;isolation:isolate;text-align:center}
.quote>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.quote::after{content:"";position:absolute;inset:0;background:rgba(8,8,8,.62);z-index:-1}
.quote-in{padding-block:90px}
.q{font:600 clamp(2rem,4.4vw,3.6rem)/1.14 var(--sf);max-width:20ch;margin-inline:auto}

.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.trio>div{border-top:1px solid var(--ink);padding-top:26px}
.no{display:block;font:600 2.6rem var(--sf);color:var(--cu);margin-bottom:10px;line-height:1}
.trio h3{margin-bottom:12px}
.trio p{color:var(--mute)}

/* plan dnia: oś pozioma */
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;counter-reset:s}
.steps::before{content:"";position:absolute;left:10%;right:10%;top:22px;height:1px;background:rgba(210,187,148,.5)}
.steps li{position:relative;padding:62px 18px 0;text-align:center}
.steps li::before{content:"";position:absolute;left:50%;top:15px;width:15px;height:15px;margin-left:-7px;border-radius:50%;background:var(--cu);box-shadow:0 0 0 6px rgba(210,187,148,.24)}
.steps time{display:block;font:600 2.2rem var(--sf);color:var(--cu);line-height:1}
.steps h3{font-size:1.4rem;margin:10px 0 8px;color:#fff}
.steps p{font-size:15px;color:#bdb6a8;margin-inline:auto}
.sec:not(.sec-dark) .steps h3{color:var(--ink)}

/* oferta */
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.tab{font:700 15px var(--hd);padding:14px 26px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--mute);cursor:pointer;min-height:50px;margin-bottom:-1px}
.tab.on{color:var(--ink);border-bottom-color:var(--cu)}
.tab:hover:not(.on){color:var(--ink)}
.panel[hidden]{display:none}
.offer{display:grid;grid-template-columns:1fr 1fr;background:#fff;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.offer-ph{background:#111;min-height:420px}
.offer-ph img{width:100%;height:100%;object-fit:cover}
.offer-ph .ph-port{object-position:50% 30%}
.offer-b{padding:50px clamp(26px,4vw,60px);display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:center}
.badge{background:var(--cu);color:#fff;font:700 12px var(--hd);padding:4px 10px;vertical-align:middle;margin-left:6px}
.price{font:600 3rem var(--sf);line-height:1;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.price small{font:500 1rem var(--hd);color:var(--mute)}
.price.s{font-size:2.3rem;margin:6px 0 14px}
.tick,.cross{list-style:none;display:grid;gap:10px}
.tick li,.cross li{padding-left:28px;position:relative}
.tick li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:7px;border-left:2px solid var(--cu);border-bottom:2px solid var(--cu);transform:rotate(-45deg)}
.cross li::before,.cross li::after{content:"";position:absolute;left:2px;top:.85em;width:14px;height:2px;background:var(--mute)}
.cross li::before{transform:rotate(45deg)}.cross li::after{transform:rotate(-45deg)}
.tick.big li{padding-bottom:4px}
.offer-b .btn{margin-top:8px}
.note{margin-top:24px;font-size:14px;color:var(--mute)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.box{background:#fff;padding:36px 34px;border-top:3px solid var(--cu)}
.sec-paper .box{background:#fff}
.box h3{margin-bottom:18px}
.box.hl{background:var(--dark);color:#f2efe8}.box.hl p{color:#cfc9bc}.box.hl .price small{color:#bdb6a8}
.box p+p{margin-top:12px}
.box .btn{margin-top:18px}
.todo{background:repeating-linear-gradient(45deg,#fff7d6,#fff7d6 8px,#fdf0b8 8px,#fdf0b8 16px);border:1px dashed #b39500;padding:10px 14px;font-size:14px;color:#5c4c00;max-width:none}

/* galeria 2 kolumny */
.gal2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.g{display:block;aspect-ratio:3/2;overflow:hidden;background:#111;cursor:zoom-in}
.g img{width:100%;height:100%;object-fit:cover}
.g:hover img{transform:scale(1.04)}
.soc-row{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:40px;font-weight:600}
.soc-row a,.soc a{display:grid;place-items:center;width:46px;height:46px;border:1px solid currentColor;border-radius:50%;text-decoration:none;transition:.2s}
.soc-row a:hover,.soc a:hover{background:var(--cu);border-color:var(--cu);color:#fff}
.soc-row.big a{width:auto;border-radius:0;padding:0 22px;height:52px;display:inline-flex;gap:10px}
.soc{display:flex;gap:12px;margin-top:22px}

/* akordeon */
.accs{display:grid;gap:0;border-top:1px solid var(--line)}
.acc{border-bottom:1px solid var(--line)}
.acc-q{width:100%;text-align:left;background:none;border:0;padding:24px 56px 24px 0;font:600 1.5rem var(--sf);color:var(--ink);cursor:pointer;position:relative}
.acc-q i{position:absolute;right:6px;top:50%;width:18px;height:18px;margin-top:-9px}
.acc-q i::before,.acc-q i::after{content:"";position:absolute;background:var(--cu);transition:transform .35s}
.acc-q i::before{left:0;right:0;top:8px;height:2px}
.acc-q i::after{top:0;bottom:0;left:8px;width:2px}
.acc-q[aria-expanded=true] i::after{transform:scaleY(0)}
.acc-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.acc-p>div{overflow:hidden}
.acc-q[aria-expanded=true]+.acc-p{grid-template-rows:1fr}
.acc-p p{padding:0 56px 26px 0;color:var(--mute)}
.acc-p p.todo{margin:0 0 26px;padding:10px 14px}

/* tabele */
.tbl{width:100%;border-collapse:collapse;background:#fff}
.tbl th,.tbl td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{background:var(--dark);color:#fff;font:700 13px var(--hd);letter-spacing:.12em;text-transform:uppercase}
.tbl tbody th{font:600 1.25rem var(--sf)}
.tbl td:last-child{white-space:nowrap;font-weight:700;color:var(--cu-d)}
.tbl.s{margin-top:26px}
.tbl.s td{white-space:nowrap;font-weight:700;color:var(--ink)}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.split2 .sub{max-width:54ch}
.split2 .tick{margin-top:24px}
.paths .box h3{margin-bottom:14px}
.qr-row{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center}
.qr{background:#fff;padding:18px;line-height:0}
.qr img{width:220px;height:220px}
.hist{list-style:none;margin-top:30px;border-left:1px solid var(--cu)}
.hist li{padding:0 0 28px 30px;position:relative}
.hist li::before{content:"";position:absolute;left:-6px;top:10px;width:11px;height:11px;border-radius:50%;background:var(--cu)}
.hist b{font:600 1.8rem var(--sf);color:var(--cu-d);display:block;line-height:1.2}
.hist p{color:var(--mute);margin-top:4px}
.stack{display:grid;gap:18px}
.stack img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lk{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;padding:28px 24px 30px;text-decoration:none;border-top:3px solid var(--cu);transition:transform .2s,box-shadow .2s}
.lk:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.1)}
.lk b{font:600 1.5rem var(--sf)}
.lk span{font-size:14px;color:var(--mute)}
.lk svg{position:absolute;right:18px;top:20px;color:var(--cu)}

/* o nas split */
.split{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:#fff;min-height:560px}
.split-v{position:relative;background:#000;min-height:420px}
.split-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.play{position:absolute;right:-32px;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;border:0;background:#fff;color:var(--cu-d);display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.split-t{padding:80px clamp(28px,6vw,90px);display:flex;flex-direction:column;align-items:flex-start;gap:18px;justify-content:center}
.split-t p{color:#d3cdbf}
.split-t .btn{margin-top:10px}

/* rezerwacja na czarno */
.book{background:var(--dark);color:#f2efe8;padding-bottom:0}
.book h1.h2{color:#fff}
.book-in{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-bottom:90px}
.book-t>p{margin-top:18px;color:#cfc9bc}
.book-t h1{margin-top:0}
.contact{list-style:none;margin-top:34px}
.contact li{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}
.contact li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.contact span{color:#a39b8b;font-size:13px;text-transform:uppercase;letter-spacing:.14em}
.contact a{font:600 1.45rem var(--sf);text-decoration:none;color:#dcc8a6}
.contact a:hover{color:#fff}
.book .soc a{color:#fff}
.form{background:#1c1c1c;border:1px solid rgba(255,255,255,.12);color:#f2efe8;padding:38px;display:grid;gap:16px}
.form label{display:grid;gap:6px;font:700 13px var(--hd);letter-spacing:.08em;text-transform:uppercase;color:#cfc9bc}
.form input,.form select{font:500 16px var(--hd);padding:13px 14px;border:1px solid #3a3a3a;background:#111;color:#fff;width:100%;min-height:50px}
.form input:focus,.form select:focus{border-color:var(--cu)}
.form input.err{border-color:#e0584e}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fine{font-size:13px;color:#a39b8b;max-width:none}
.bw-strip{display:grid;grid-template-columns:repeat(3,1fr)}
.bw-strip img{width:100%;height:260px;object-fit:cover}
.bokun-box{background:#fff;padding:28px;min-height:200px;box-shadow:0 10px 40px rgba(0,0,0,.08)}

/* stopka */
.foot{background:#0c0c0c;color:#bdb6a8;padding:70px 0 22px}
.foot-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr 1.1fr;gap:44px}
.foot-logos{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.foot-logos img:first-child{height:54px;width:auto}.foot-logos img:last-child{height:50px;width:auto}
.foot-brand p{font-size:15px;max-width:34ch}
.foot .soc a{color:#fff}
.fl{display:grid;gap:10px;font-size:15px}
.fl a{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.fl a:hover{color:var(--cu)}
.legal{max-width:none;font-size:13px;line-height:1.6;color:#8c857a;margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.tworcy-wiersz{max-width:none;width:100%;text-align:center;margin-top:28px;font-size:14px}
.tworcy-wiersz a{text-decoration:none;display:inline-flex;align-items:center;gap:6px;color:#fff}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#111;color:#fff;padding:14px 20px;border-left:4px solid var(--cu);opacity:0;pointer-events:none;transition:.3s;z-index:90;max-width:calc(100% - 32px);font-size:15px}
.toast.on{opacity:1;transform:translate(-50%,0)}
.lb{position:fixed;inset:0;background:rgba(8,8,8,.95);z-index:100;display:grid;place-items:center;padding:24px}
.lb[hidden]{display:none}
.lb img{max-height:90vh;max-width:96vw;object-fit:contain}
.lb-x{position:absolute;top:14px;right:18px;font-size:38px;color:#fff;background:none;border:0;cursor:pointer;width:48px;height:48px}
.float-cta{display:none}

@media(max-width:1060px){
  .menu{gap:20px}.nav-tel{display:none}
}
@media(max-width:980px){
  .menu{position:fixed;inset:80px 0 auto 0;background:rgba(18,18,18,.98);flex-direction:column;gap:0;padding:6px 20px 20px;display:none}
  .menu.open{display:flex}
  .menu a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:18px}
  .burger{display:block}
  .logo-z{height:40px}.logo-c{height:40px}
  .cards3,.trio,.three,.two,.cards4{grid-template-columns:1fr}
  .cards4{grid-template-columns:1fr 1fr}
  .pc{aspect-ratio:4/3}
  .trio{gap:34px}
  .steps{grid-template-columns:1fr;gap:0}
  .steps::before{left:7px;right:auto;top:8px;bottom:8px;width:1px;height:auto}
  .steps li{text-align:left;padding:0 0 30px 38px}
  .steps li::before{left:0;top:6px;margin-left:0}
  .steps p{margin-inline:0}
  .split,.split2,.book-in,.qr-row{grid-template-columns:1fr}
  .split2{gap:44px}.book-in{gap:44px}.qr-row{gap:34px}
  .split-v{min-height:380px}
  .play{right:20px;top:auto;bottom:-32px;transform:none}
  .split-t{padding:80px 24px 64px}
  .offer{grid-template-columns:1fr}
  .offer-ph{order:-1;min-height:260px;max-height:340px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .sec{padding:72px 0}
  .ph{min-height:380px}
}
@media(max-width:560px){
  body{font-size:16px}
  .hero-in{padding-block:110px 70px}
  .hero::after{background:linear-gradient(0deg,rgba(10,8,7,.88),rgba(10,8,7,.4) 75%)}
  .hero-bg{object-position:58% 60%}
  .btn{width:100%}
  .gal2{grid-template-columns:1fr;gap:12px}
  .cards4{grid-template-columns:1fr}
  .f2{grid-template-columns:1fr}
  .form{padding:26px 20px}
  .offer-b{padding:28px 22px}
  .price{font-size:2.4rem}
  .tab{padding:12px 14px;font-size:14px}
  .foot-grid{grid-template-columns:1fr;gap:34px}
  .tbl th,.tbl td{padding:14px 14px}
  .tbl td:last-child{white-space:normal}
  .tbl{font-size:15px}
  .bw-strip img{height:150px}
  .bokun-box{padding:14px}
  .qr img{width:180px;height:180px}
  .float-cta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:60;background:var(--cu);color:#fff;font:700 16px var(--hd);justify-content:center;align-items:center;min-height:52px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:.25s}
  .float-cta.hide{opacity:0;pointer-events:none;transform:translateY(20px)}
  .foot{padding-bottom:90px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg{animation:none}*{transition:none!important}}

/* ===== runda 4 ===== */
.hero-bg{animation:none}
video.hero-bg{object-position:50% 50%}
.hero::after{background:linear-gradient(90deg,rgba(8,8,8,.72) 0%,rgba(8,8,8,.38) 60%,rgba(8,8,8,.2) 100%),linear-gradient(0deg,rgba(8,8,8,.6),transparent 40%)}
.hero h1{max-width:16ch}
.vctl{position:absolute;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:3}
.logo-z{height:50px;width:50px}
.chips2{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-top:26px;font-size:15px;color:var(--mute)}
.chips2 li{position:relative;padding-left:16px}
.chips2 li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--cu);transform:rotate(45deg)}
.chips2 b{color:var(--ink)}
.sec-paper .bokun-box{background:#fff}
.bokun-box{min-height:260px}
.head.c p{max-width:52ch}

.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.why-ph{aspect-ratio:4/5;overflow:hidden;background:#111}
.why-ph img{width:100%;height:100%;object-fit:cover}
.why-l{list-style:none;counter-reset:w;margin-top:34px;display:grid;gap:30px}
.why-l li{counter-increment:w;position:relative;padding-left:64px}
.why-l li::before{content:counter(w,decimal-leading-zero);position:absolute;left:0;top:-4px;font:600 2.2rem var(--sf);color:var(--cu)}
.why-l b{display:block;font:600 1.6rem var(--sf);margin-bottom:6px}
.why-l p{color:var(--mute)}

/* galeria: mozaika */
.mos{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:14px}
.mos .g{position:relative;aspect-ratio:auto}
.m-a{grid-column:span 2;grid-row:span 2}
.m-d{grid-row:span 2}
.m-e,.m-f{grid-column:span 2}
.m-d{grid-column:1;grid-row:3 / span 2}
.m-e{grid-column:2 / span 2;grid-row:3}
.m-f{grid-column:2 / span 2;grid-row:4}
.mos .g span{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;color:#fff;font:600 1.15rem var(--sf);background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .3s}
.mos .g:hover span,.mos .g:focus-visible span{opacity:1}

.mt{margin-top:26px;margin-bottom:12px}
.rev{grid-template-columns:.9fr 1.1fr}
.rev .stack{grid-template-columns:1fr 1fr;align-items:stretch}
.rev .stack img{height:100%;aspect-ratio:3/4}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}
.cols3>div{border-top:1px solid var(--ink);padding-top:24px}
.cols3 h3{margin-bottom:16px}
.intro{font:500 clamp(1.5rem,2.6vw,2.2rem)/1.35 var(--sf);max-width:34ch;margin-inline:auto;color:var(--ink)}

/* historia: rzedy ze zdjeciami */
.hist-sec .row{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;background:#fff;margin-bottom:22px;box-shadow:0 10px 34px rgba(0,0,0,.06)}
.row-ph{min-height:300px;background:#111;overflow:hidden}
.row-ph img{width:100%;height:100%;object-fit:cover}
.row-t{padding:46px clamp(26px,4vw,64px);display:flex;flex-direction:column;justify-content:center;gap:10px}
.row-t b{font:600 clamp(2rem,3.4vw,3rem) var(--sf);color:var(--cu-d);line-height:1}
.row-t p{color:var(--mute);font-size:1.05rem}
.row.flip .row-ph{order:2}

/* bilety: dwie drogi */
.paths{display:grid;grid-template-columns:1fr 1fr}
.path{position:relative;display:flex;align-items:flex-end;min-height:480px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate}
.path img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.path::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.2) 70%);z-index:-1}
.path:hover img{transform:scale(1.04)}
.path>div{padding:clamp(28px,4vw,56px);max-width:560px}
.path h2{margin:6px 0 14px}
.path p{color:#e5ded0}
.more{display:inline-flex;gap:8px;align-items:center;margin-top:20px;font-weight:700;border-bottom:1px solid var(--cu);padding-bottom:4px}

/* kontakt na koncu kazdej strony */
.book{padding-bottom:0}
.book-head{max-width:760px;margin-bottom:54px}
.book-head h2{color:#fff;margin-bottom:16px}
.book-head p{color:#cfc9bc}
.book-head .cta-row{margin-top:26px}
.book-in{padding-bottom:90px;gap:80px;align-items:start}
.contact li{align-items:center;padding:20px 0}
.contact a{font:600 1.7rem var(--sf)}
.soc.inl{margin:0}
.soc.inl a{color:#fff}

@media(max-width:980px){
  .why,.rev,.cols3,.paths,.hist-sec .row{grid-template-columns:1fr}
  .why{gap:40px}.why-ph{aspect-ratio:3/2}
  .cols3{gap:34px}
  .row.flip .row-ph{order:0}
  .row-ph{min-height:240px}
  .path{min-height:380px}
  .mos{grid-template-columns:1fr 1fr;grid-auto-rows:200px}
  .m-a{grid-column:span 2;grid-row:span 2}
  .m-d{grid-column:auto;grid-row:auto}
  .m-e,.m-f{grid-column:span 2;grid-row:auto}
  .book-in{gap:44px}
  .rev .stack{grid-template-columns:1fr 1fr}
  .vctl{right:16px;bottom:16px}
}
@media(max-width:560px){
  .mos{grid-auto-rows:150px;gap:8px}
  .mos .g span{opacity:1;font-size:1rem;padding:24px 12px 10px}
  .contact a{font-size:1.35rem}
  .hero h1{max-width:12ch}
  .chips2{gap:8px 18px;font-size:14px}
  .vctl{bottom:84px}
}
.ph .kicker,.book .kicker,.sec-dark .kicker{color:#dcc8a6}
.ph::after{background:linear-gradient(0deg,rgba(10,10,10,.88),rgba(10,10,10,.5) 80%)}
.logo-z{height:68px;width:68px}
.logo-c{height:46px}
.foot-logos img:first-child{height:92px;width:92px}
@media(max-width:980px){.logo-z{height:58px;width:58px}.logo-c{height:38px}}

/* ===== runda 5 ===== */
.nav-soc{display:flex;gap:6px}
.nav-soc a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;transition:.2s}
.nav-soc a:hover{background:var(--cu);border-color:var(--cu)}
.nav-soc svg{width:17px;height:17px}
.ph-bg.col{filter:none}
.ph:has(.ph-bg.col)::after{background:linear-gradient(0deg,rgba(10,10,10,.8),rgba(10,10,10,.3) 75%)}
.ph .lead:empty{display:none}

/* widget bez bialego pudelka */
.bokun-box{background:none;padding:0;box-shadow:none;min-height:0;overflow:visible}
.sec#termin{padding-block:80px}
.head.c{margin-bottom:40px}

/* Zadbamy o reszte: polowa sekcji = zdjecie */
.duo{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:var(--sand)}
.duo-ph{position:relative;min-height:420px;background:#111}
.duo-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duo-t{padding:80px clamp(28px,6vw,96px);display:flex;flex-direction:column;justify-content:center;gap:30px}
.tiles{display:grid;gap:14px}
.tile{background:#fff;padding:28px 30px;border-radius:0}
.tile h3{font:600 1.5rem var(--sf);margin-bottom:8px}
.tile p{color:var(--mute)}
.tile.big{padding:36px 32px;border-top:3px solid var(--cu)}
.tile .ico{display:block;color:var(--cu);margin-bottom:16px}
.tile.big h3{margin-bottom:16px}

/* galeria: dwa rzedy, duze, od krawedzi do krawedzi */
.gal-sec{background:#0e0e0e}
.mos2{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mos2 .g{aspect-ratio:4/3}
.mos2 .g img{height:100%}

/* co w cenie / zasady: kafle */
.tiles5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tile.it{display:flex;flex-direction:column;gap:16px;padding:28px 24px;border-top:3px solid var(--cu)}
.tile.it .chk{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--sand);color:var(--cu-d)}
.tile.it p{color:var(--ink);font-weight:600;line-height:1.45}
.outnote{max-width:none;text-align:center;margin-top:30px;color:var(--mute)}
.outnote b{color:var(--ink)}
.tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tiles4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tile.tk{display:flex;flex-direction:column;gap:10px;border-top:3px solid var(--cu)}
.tile.tk p{flex:1;font-size:15px}
.tile.tk b{font:600 2.1rem var(--sf);color:var(--cu-d);line-height:1.1}
.hours{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ht{background:#1c1c1c;border-top:3px solid var(--cu);padding:26px 28px;display:flex;flex-direction:column;gap:6px}
.ht span{color:#bdb6a8;font-size:15px}
.ht b{font:600 2rem var(--sf);color:#fff}

/* bilety: sekcja z duzym zdjeciem */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.feat .sub{max-width:52ch}
.feat .sub+.sub{margin-top:14px}
.feat .tick{margin-top:24px}
.feat-ph{overflow:hidden;background:#111;aspect-ratio:4/3}
.feat-ph img{width:100%;height:100%;object-fit:cover}
.feat-ph.founder{aspect-ratio:3/4}
.rv2{grid-template-columns:.8fr 1.2fr}
.mt2{margin-top:26px}
.facts{display:flex;gap:40px;margin-top:28px;flex-wrap:wrap}
.facts b{display:block;font:600 2.6rem var(--sf);color:var(--cu-d);line-height:1}
.facts span{font-size:14px;color:var(--mute)}
.sec-paper .qr-row{max-width:900px;margin-inline:auto}
.sec-paper .qr{box-shadow:0 10px 34px rgba(0,0,0,.1)}

/* miejsce pamieci */
.onel{max-width:none;text-align:center;margin-top:34px;color:var(--mute);font-size:15px;white-space:nowrap}

/* kontakt na koncu strony: wyzej, bez opisow */
.book .book-in{padding-top:10px;padding-bottom:90px;align-items:start}
.book-t h2{margin-bottom:34px;color:#fff}
.sec.book{padding-top:90px}

@media(max-width:1100px){.tiles5{grid-template-columns:repeat(3,1fr)}.tiles4{grid-template-columns:repeat(2,1fr)}.nav-soc{display:none}}
@media(max-width:980px){
  .duo{grid-template-columns:1fr}.duo-ph{min-height:300px}.duo-t{padding:60px 24px}
  .tiles3,.feat,.rv2{grid-template-columns:1fr}.feat{gap:36px}
  .hours{grid-template-columns:1fr 1fr}
  .onel{white-space:normal}
  .mos2{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .tiles5,.tiles4,.hours{grid-template-columns:1fr}
  .mos2{grid-template-columns:1fr}
  .facts{gap:24px}
}
.ph-bg.col{object-position:50% 30%}

/* galeria: dwa przewijajace sie rzedy */
.gal-sec{padding:4px 0;display:grid;gap:4px;overflow:hidden}
.mq{overflow:hidden;width:100%}
.mq-t{display:flex;gap:4px;width:max-content;animation:mq-l 70s linear infinite}
.mq.r .mq-t{animation-name:mq-r;animation-duration:80s}
.mq:hover .mq-t,.mq:focus-within .mq-t{animation-play-state:paused}
.mq .g{flex:0 0 auto;width:clamp(300px,34vw,520px);aspect-ratio:3/2}
@keyframes mq-l{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 2px))}}
@keyframes mq-r{from{transform:translateX(calc(-50% - 2px))}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mq{overflow-x:auto}.mq-t{animation:none}}

/* znak literami */
.logo{gap:22px}
.wm{display:inline-flex;flex-direction:column;align-items:center;gap:5px;color:#fff;line-height:1}
.wm-a{font:600 1.45rem var(--sf);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.wm-a i{font-style:normal;color:#d2bb94;margin:0 .12em}
.wm-b{display:flex;align-items:center;gap:12px;width:100%;font:700 .64rem var(--hd);letter-spacing:.6em;text-transform:uppercase;color:#d2bb94;padding-left:.6em}
.wm-b::before,.wm-b::after{content:"";height:1px;flex:1;background:rgba(210,187,148,.6)}
.wm.big .wm-a{font-size:2.1rem}
.wm.big .wm-b{font-size:.78rem}
.logo-div{width:1px;height:38px;background:rgba(255,255,255,.35)}
.foot-logos .logo-div{height:52px}
@media(max-width:1180px){.wm-a{font-size:1.2rem}.logo{gap:14px}}
@media(max-width:980px){.wm-a{font-size:1.05rem;letter-spacing:.1em}.wm-b{font-size:.55rem;gap:8px}.logo-c{height:34px}.logo-div{height:30px}}
@media(max-width:420px){.logo-div,.logo-c{display:none}.wm-a{font-size:1.12rem}}
.foot-logos{gap:24px;flex-wrap:wrap}
.wm-a{font-size:1.2rem;letter-spacing:.11em}
.wm-b{font-size:.58rem}
.logo-c{height:38px}
.logo{flex-shrink:0;gap:16px}
.logo-div{height:30px}
.menu{gap:24px;white-space:nowrap}
.menu a{white-space:nowrap}
.nav-in{gap:16px}
@media(max-width:1400px){.nav-tel{display:none}}
@media(max-width:1240px){.nav-soc{display:none}.menu{gap:18px;font-size:14px}}
@media(max-width:1100px){.logo-div,.logo-c{display:none}}
@media(max-width:980px){.logo-div,.logo-c{display:none}.wm-a{font-size:1.1rem}}
.wm.big .wm-a{font-size:1.9rem}.wm.big .wm-b{font-size:.74rem}
.foot-logos .logo-div{display:none}.foot-logos{flex-direction:column;align-items:flex-start;gap:16px}

/* runda 6 */
.nw{white-space:nowrap}
.ph .lead{max-width:60ch}
.ph-bg.col{object-position:50% 38%}
.incl{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.incl-h .sub{max-width:34ch}
.outnote2{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--mute);font-size:15px}
.outnote2 b{color:var(--ink)}
.rl{list-style:none;border-top:1px solid var(--line)}
.rl li{display:flex;align-items:center;gap:20px;padding:22px 4px;border-bottom:1px solid var(--line);font:600 1.5rem/1.25 var(--sf)}
.rl .chk{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cu);color:#fff}
.rl .chk svg{width:22px;height:22px}
.tile.big .ico{display:flex;justify-content:center}
.tile.big h3{text-align:center}
.duo.rev .duo-ph{order:2}
.duo.rev .duo-t{order:1}
.duo-t .tick{margin:4px 0}
.duo-t .sub{max-width:52ch}
.prs{display:grid;border-top:1px solid rgba(255,255,255,.18)}
.pr{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.pr h3{font:600 1.8rem var(--sf);color:#fff;margin-bottom:6px}
.pr p{color:#bdb6a8;font-size:15px;max-width:52ch}
.pr b{font:600 2.4rem var(--sf);color:#dcc8a6;white-space:nowrap}
.sec-dark .lk{background:#1c1c1c;border-top-color:var(--cu)}
.sec-dark .lk b{color:#fff}
.sec-dark .lk span{color:#bdb6a8}
.sec-dark .onel{color:#a9a190}
@media(max-width:980px){
  .incl{grid-template-columns:1fr;gap:34px}
  .duo.rev .duo-ph{order:0}.duo.rev .duo-t{order:1}
  .rl li{font-size:1.25rem}
  .pr{flex-direction:column;align-items:flex-start;gap:10px}
}

/* paleta: przygaszony niebieskoszary */
.kicker{color:var(--cu-d)}
.sec-dark .steps time,.book .kicker,.sec-dark .kicker,.ph .kicker{color:#d2bb94}
.sec-dark .steps li::before{background:#d2bb94;box-shadow:0 0 0 6px rgba(210,187,148,.22)}
.btn-c:hover{background:#766040}
.org{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px}
.org small{font:700 .7rem var(--hd);letter-spacing:.16em;text-transform:uppercase;color:#d2bb94}
.org img{height:46px;width:auto;align-self:flex-start}
.org p{font-size:14px;color:#bdb6a8;max-width:32ch}

/* runda 8: stopka i cytat */
.foot{padding:76px 0 24px}
.foot-grid{grid-template-columns:1.6fr .8fr 1.1fr 1.2fr;gap:56px;align-items:start}
.foot-brand{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.foot-brand .wm{align-items:center}
.foot-brand p{font-size:15px;max-width:36ch;color:#bdb6a8}
.foot-brand .soc{margin-top:4px}
.foot h4{color:#d2bb94;margin-bottom:18px}
.fl{gap:12px}
.org{display:flex;align-items:center;justify-content:center;gap:28px;margin:56px 0 0;padding:26px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);flex-direction:row}
.org-l{font:700 .72rem var(--hd);letter-spacing:.18em;text-transform:uppercase;color:#d2bb94;white-space:nowrap}
.org img{height:44px;width:auto;flex:0 0 auto;padding:0 28px;border-left:1px solid rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.18)}
.org-t{font-size:15px;color:#d3cdbf;max-width:56ch}
.legal{margin-top:26px;text-align:center;margin-inline:auto;max-width:900px}
@media(max-width:980px){.foot-grid{grid-template-columns:1fr 1fr;gap:40px}.org{flex-direction:column;gap:14px;text-align:center}.org img{border:0;padding:0}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}.foot-brand{align-items:flex-start}}

/* cytat: widac budynek bramy */
.quote>img[src*="hero"]{object-position:50% 32%}
.quote:not(.bw)::after{background:linear-gradient(0deg,rgba(8,8,8,.55),rgba(8,8,8,.3) 60%,rgba(8,8,8,.45))}
.quote:not(.bw){min-height:560px;align-items:end}
.quote:not(.bw) .quote-in{padding-block:60px 70px}
.quote:not(.bw) .q{text-shadow:0 2px 24px rgba(0,0,0,.6)}
@media(max-width:980px){.quote:not(.bw){min-height:440px}}

/* menu zawsze czarne */
.nav{background:rgba(14,14,14,.98);box-shadow:0 2px 18px rgba(0,0,0,.35)}

/* cytat: tekst znowu na srodku, brama widoczna nad nim */
.quote:not(.bw){align-items:center;min-height:600px}
.quote:not(.bw) .quote-in{padding-block:90px}
.quote>img[src*="hero"]{object-position:50% 72%}
@media(max-width:980px){.quote:not(.bw){min-height:460px}.quote>img[src*="hero"]{object-position:50% 60%}}

/* widzet Bokun: czarno-biale ze sepia (piaskowy ton), kolor po najechaniu */
.bokun-box iframe{filter:grayscale(1) contrast(1.03);transition:filter .45s}
.bokun-box iframe:hover{filter:none}

/* cytat: tekst na srodku, tlo obnizone tak, zeby brama byla widoczna na wysokosci tekstu */
.quote>img[src*="hero"]{object-position:50% 32%}
@media(max-width:980px){.quote>img[src*="hero"]{object-position:50% 32%}}