:root{--sand:#f8f0e0;--foam:#fffbf3;--sea:#0f6e8c;--sea2:#2aa3bf;--deep:#0a3a4f;--coral:#ff6b4a;--sun:#ffc34d;--mint:#c4e8e1;--ink:#12323f;--mut:#566f79;--line:rgba(18,50,63,.12);--hf:"Bricolage Grotesque","Trebuchet MS",sans-serif;--bf:"Nunito","Segoe UI",system-ui,sans-serif;--hand:"Caveat","Segoe Script",cursive;--ease:cubic-bezier(.2,.8,.2,1);--sh:0 24px 50px -28px rgba(10,58,79,.45);
--bg:#0a3a4f;--bg2:#0f6e8c;--cream:#fffbf3;--mute:#b6d6df;--gold2:#ffd98a;--c:#ffc34d;--cd:#0f6e8c;--hh:80px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--sand);color:var(--ink);font:400 1.06rem/1.7 var(--bf);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit}p{margin:0 0 1rem}
h1,h2,h3,h4{font-family:var(--hf);font-weight:800;margin:0;letter-spacing:-.03em;line-height:1.02}
h1{font-size:clamp(2.7rem,6.4vw,5.6rem)}h2{font-size:clamp(2rem,4.2vw,3.5rem)}h3{font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.15}
.wrap{width:min(1180px,100% - 2.4rem);margin-inline:auto}
.ic{width:1.3em;height:1.3em;flex:none}
.hand{font-family:var(--hand);font-weight:600;color:var(--coral)}
.hl{background:linear-gradient(transparent 62%,rgba(255,195,77,.7) 62% 92%,transparent 92%);padding:0 .1em}
em{font-style:normal;color:var(--coral)}
.kick{display:inline-flex;align-items:center;gap:.6rem;font:800 .74rem var(--bf);letter-spacing:.2em;text-transform:uppercase;color:var(--sea);margin:0 0 1rem}
.kick::before{content:"";width:2.2rem;height:12px;background:var(--wavei) center/contain repeat-x;opacity:.9}
:root{--wavei:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6c3.75-6 7.5-6 11.250 0s7.500 6 11.250 0 5-4 7.500-3' fill='none' stroke='%232aa3bf' stroke-width='2.500'/%3E%3C/svg%3E")}
.lead{font-size:1.18rem;color:var(--mut);max-width:56ch}
/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;cursor:pointer;background:var(--coral);color:#fff;font:800 .95rem var(--bf);padding:1rem 1.7rem;border-radius:999px;text-decoration:none;box-shadow:0 14px 28px -14px rgba(255,107,74,.9);transition:transform .3s var(--ease),box-shadow .3s}
.btn:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 20px 34px -14px rgba(255,107,74,.95)}
.btn--o{background:#fff;color:var(--deep);box-shadow:inset 0 0 0 2px var(--deep)}.btn--o:hover{background:var(--deep);color:#fff;box-shadow:inset 0 0 0 2px var(--deep)}
.btn .ic{width:1.1em;height:1.1em}.acts{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
/* nawigacja: plywajaca pigulka */
.top{position:fixed;top:14px;left:0;right:0;z-index:50;pointer-events:none}
.top .pill{pointer-events:auto;width:min(1080px,100% - 1.6rem);margin:0 auto;background:rgba(255,251,243,.9);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 12px 34px -16px rgba(10,58,79,.55),inset 0 0 0 1px rgba(10,58,79,.08);display:flex;align-items:center;gap:1.2rem;padding:.55rem .6rem .55rem 1.3rem}
.lg{display:flex;align-items:center;gap:.6rem;font:800 1.3rem var(--hf);text-decoration:none;letter-spacing:-.02em}.lg b{color:var(--coral)}
.lg .sn{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe28a,var(--sun));box-shadow:0 0 0 4px rgba(255,195,77,.3);animation:spin 18s linear infinite;position:relative}
.top nav{display:flex;gap:.2rem;margin-left:auto}.top nav a{font:700 .92rem var(--bf);text-decoration:none;padding:.55rem 1.1rem;border-radius:999px;transition:.25s}.top nav a:hover{background:var(--mint)}.top nav a.act{background:var(--deep);color:#fff}
.top .cta{background:var(--coral);color:#fff;font:800 .9rem var(--bf);text-decoration:none;padding:.7rem 1.3rem;border-radius:999px}.top .cta:hover{background:#e85535}
.bg{display:none;border:0;background:var(--mint);width:44px;height:44px;border-radius:50%;cursor:pointer;margin-left:auto}.bg i{display:block;width:20px;height:2.5px;background:var(--deep);margin:4px auto;border-radius:2px}
.mn{position:fixed;inset:0;z-index:45;background:var(--deep);display:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.mn.on{display:flex}.mn a{font:800 2rem var(--hf);color:#fff;text-decoration:none}.mn a.mres{color:var(--sun)}
.boat{position:fixed;left:0;right:0;top:0;height:6px;z-index:60;pointer-events:none}
.boat::before{content:"";position:absolute;left:0;top:0;height:3px;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,var(--sea2),var(--coral))}
.boat i{position:absolute;top:-4px;left:calc(var(--p,0) * (100% - 30px));width:30px;height:22px;transition:left .1s linear;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'%3E%3Cpath d='M15 1v13M15 2l10 11H15z' fill='%23fffbf3' stroke='%2312323f' stroke-width='1.200'/%3E%3Cpath d='M4 15h22l-4 6H8z' fill='%23ff6b4a' stroke='%2312323f' stroke-width='1.200'/%3E%3C/svg%3E") center/contain no-repeat;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(2px) rotate(3deg)}}@keyframes spin{to{transform:rotate(360deg)}}
/* hero */
.hr{position:relative;padding:8.4rem 0 0;overflow:hidden;background:linear-gradient(180deg,#d5f0f3 0%,#eaf7f5 45%,var(--sand) 100%)}
.hr-g{display:grid;gap:2.4rem;align-items:center;position:relative;z-index:2;padding-bottom:3rem}@media(min-width:960px){.hr-g{grid-template-columns:1.1fr .9fr}}
.hr h1 .hl{display:inline-block}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.6rem 0 0}.tags li{background:#fff;border-radius:999px;padding:.4rem .95rem;font:700 .84rem var(--bf);box-shadow:inset 0 0 0 1.5px var(--line)}
.hr-p{position:relative;max-width:480px;justify-self:center;width:100%}
.arch{position:relative;border-radius:999px 999px 28px 28px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh),0 0 0 10px #fff;background:var(--deep)}
.arch .ss{position:absolute;inset:0}.arch .ss img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.4s,transform 7s linear}.arch .ss img.on{opacity:1;transform:scale(1)}
.cap2{position:absolute;left:50%;bottom:.9rem;transform:translateX(-50%);background:rgba(255,251,243,.92);border-radius:999px;padding:.3rem 1rem;font:700 .78rem var(--bf);white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}
.rot{position:absolute;right:-14px;top:-12px;width:118px;height:118px;z-index:3}.rot svg{width:100%;height:100%;animation:spin 22s linear infinite}.rot text{font:800 11.5px var(--bf);letter-spacing:.2em;fill:var(--deep);text-transform:uppercase}.rot::after{content:"";position:absolute;inset:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe28a,var(--sun));box-shadow:0 0 0 5px rgba(255,195,77,.35)}
.pol{position:absolute;background:#fff;padding:.5rem .5rem 1.6rem;box-shadow:0 18px 34px -16px rgba(10,58,79,.6);border-radius:4px;z-index:3;width:130px}.pol img{width:100%;aspect-ratio:1;object-fit:cover}.pol::after{content:attr(data-t);position:absolute;left:0;right:0;bottom:.3rem;text-align:center;font:600 1.05rem var(--hand);color:var(--ink)}
.pol.p1{left:-38px;bottom:2.4rem;transform:rotate(-8deg)}.pol.p2{right:-30px;bottom:-14px;transform:rotate(6deg);width:112px}
@media(max-width:700px){.pol.p1{left:-12px}.pol.p2{right:-8px}.rot{right:-6px}}
.sky{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.cl{position:absolute;height:54px;width:150px;background:#fff;border-radius:60px;opacity:.85;filter:drop-shadow(0 10px 14px rgba(42,163,191,.18));animation:drift linear infinite}
.cl::before,.cl::after{content:"";position:absolute;background:#fff;border-radius:50%}.cl::before{width:70px;height:70px;left:22px;top:-32px}.cl::after{width:54px;height:54px;left:76px;top:-22px}
.cl.c1{top:16%;left:-200px;animation-duration:80s}.cl.c2{top:34%;left:-260px;animation-duration:110s;animation-delay:-40s;transform:scale(.7)}.cl.c3{top:8%;left:-240px;animation-duration:95s;animation-delay:-70s;transform:scale(1.2)}
@keyframes drift{to{transform:translateX(calc(100vw + 480px)) scale(var(--s,1))}}
.gl{position:absolute;width:44px;height:16px;left:-80px;animation:fly linear infinite;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16'%3E%3Cpath d='M2 10c6-9 14-9 20 0 6-9 14-9 20 0' fill='none' stroke='%2312323f' stroke-width='2.400' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.gl.g1{top:22%;animation-duration:26s}.gl.g2{top:30%;animation-duration:34s;animation-delay:-12s;transform:scale(.7)}.gl.g3{top:14%;animation-duration:42s;animation-delay:-25s;transform:scale(.55)}
@keyframes fly{0%{transform:translate(0,0)}50%{transform:translate(55vw,-30px)}100%{transform:translate(115vw,10px)}}
.wave{display:block;width:100%;height:70px;position:relative;z-index:2}
.wd{display:block;width:100%;height:60px;margin-top:-1px}
/* sekcje */
.sec{padding:clamp(3.6rem,7vw,6.4rem) 0;position:relative}
.sec.foam{background:var(--foam)}.sec.sea{background:var(--deep);color:#eaf6f8}.sec.mint{background:var(--mint)}
.sec.sea .lead,.sec.sea p{color:#bcd8e0}.sec.sea .kick{color:var(--sun)}.sec.sea .kick::before{filter:brightness(1.6)}
.hd2{margin-bottom:2.6rem;max-width:720px}.hd2 h2{margin-bottom:.9rem}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:-2.2rem;position:relative;z-index:3}@media(min-width:860px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:#fff;border-radius:26px;padding:1.4rem 1rem;text-align:center;box-shadow:var(--sh);transition:transform .4s var(--ease)}.stat:nth-child(odd){transform:rotate(-1.2deg)}.stat:nth-child(even){transform:rotate(1deg)}.stat:hover{transform:translateY(-6px) rotate(0)}
.stat b{display:block;font:800 clamp(1.8rem,3.2vw,2.6rem)/1.05 var(--hf);color:var(--sea)}.stat span{font:700 .78rem var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
/* pocztowki */
.cards{display:grid;gap:2.2rem}@media(min-width:880px){.cards{grid-template-columns:1fr 1fr}}
.card{position:relative;background:#fff;border-radius:6px;text-decoration:none;color:inherit;display:block;box-shadow:0 30px 50px -30px rgba(10,58,79,.55),0 0 0 1px rgba(10,58,79,.06);padding:.9rem .9rem 1.4rem;transition:transform .5s var(--ease),box-shadow .5s}
.card:nth-child(1){transform:rotate(-1.4deg)}.card:nth-child(2){transform:rotate(1.2deg)}.card:hover{transform:rotate(0) translateY(-8px);box-shadow:0 44px 64px -30px rgba(10,58,79,.65)}
.card .ph{overflow:hidden;border-radius:3px;aspect-ratio:16/10}.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.card:hover .ph img{transform:scale(1.07)}
.card .bd{padding:1.2rem .6rem 0}.card h3{margin:.2rem 0 .4rem;font-size:1.7rem}.card .no{font:600 1.5rem var(--hand);color:var(--coral)}
.card .mi{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:.7rem 0 1rem}.card .mi li{background:var(--mint);border-radius:999px;padding:.25rem .8rem;font:700 .8rem var(--bf)}
.card .pr{display:flex;justify-content:space-between;align-items:center;border-top:2px dashed var(--line);padding-top:1rem;font:800 1.5rem var(--hf);color:var(--sea)}.card .pr small{font:700 .82rem var(--bf);color:var(--mut)}.card .pr .go{font:800 .82rem var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);display:inline-flex;gap:.4rem;align-items:center}
.stamp{position:absolute;right:1.4rem;top:1.4rem;width:62px;height:74px;background:#fff;padding:5px;box-shadow:0 6px 14px -6px rgba(0,0,0,.4);transform:rotate(5deg);z-index:2;-webkit-mask:radial-gradient(circle 5px at 5px 5px,#0000 98%,#000) -5px -5px;mask:radial-gradient(circle 5px at 5px 5px,#0000 98%,#000) -5px -5px}
.stamp div{height:100%;border:1.5px solid var(--coral);display:grid;place-items:center;background:linear-gradient(180deg,#ffe9a8,#ffc34d);font:800 .62rem var(--bf);letter-spacing:.1em;color:var(--deep);text-align:center;line-height:1.15}
.pm{position:absolute;right:4.4rem;top:1.9rem;width:84px;height:84px;border-radius:50%;border:2px solid rgba(10,58,79,.45);display:grid;place-items:center;font:800 .56rem/1.2 var(--bf);letter-spacing:.14em;color:rgba(10,58,79,.55);text-align:center;transform:rotate(-14deg);z-index:2;text-transform:uppercase}
/* split */
.split{display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}.split.r>:first-child{order:2}}
.frame{position:relative}.frame img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:200px 200px 24px 24px;box-shadow:var(--sh),0 0 0 8px #fff}
.frame.sq img{border-radius:26px;aspect-ratio:4/3}
.box{background:#fff;border-radius:26px;padding:1.7rem 1.8rem;box-shadow:var(--sh)}.sec.sea .box{background:rgba(255,255,255,.08);box-shadow:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.box h3{margin-bottom:1rem}
.ck{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.ck li{display:flex;gap:.7rem;align-items:flex-start}.ck li::before{content:"";width:22px;height:22px;flex:none;margin-top:3px;border-radius:50%;background:var(--sea2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.500 10.500l3 3 6-6.500' fill='none' stroke='white' stroke-width='2.200' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
/* polaroidy */
.polas{columns:3 260px;column-gap:1.4rem}
.pf{break-inside:avoid;margin:0 0 1.6rem;background:#fff;padding:.7rem .7rem 2.6rem;box-shadow:0 22px 40px -22px rgba(10,58,79,.6);position:relative;transition:transform .45s var(--ease);cursor:zoom-in;border-radius:3px}
.pf:nth-child(3n+1){transform:rotate(-2deg)}.pf:nth-child(3n+2){transform:rotate(1.6deg)}.pf:nth-child(3n){transform:rotate(-.8deg)}.pf:hover{transform:rotate(0) scale(1.04);z-index:2}
.pf img{width:100%;border-radius:2px}.pf figcaption{position:absolute;left:0;right:0;bottom:.55rem;text-align:center;font:600 1.3rem var(--hand);color:var(--ink)}
/* cennik: wykres sloncow */
.chart{display:flex;align-items:flex-end;gap:.7rem;height:290px;padding:1.2rem 1rem 0;background:#fff;border-radius:26px;box-shadow:var(--sh)}
.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0;text-align:center}
.bar b{font:800 1.15rem var(--hf);color:var(--deep);margin-bottom:.4rem}.bar i{display:block;width:100%;max-width:76px;border-radius:16px 16px 6px 6px;background:linear-gradient(180deg,var(--sea2),var(--sea));height:0;transition:height 1.3s var(--ease)}
.bar.hot i{background:linear-gradient(180deg,#ffd36a,var(--coral))}.bar span{font:700 .68rem var(--bf);letter-spacing:.04em;color:var(--mut);padding:.6rem 0 .8rem;line-height:1.2}
.chart.in .bar i{height:var(--h)}.chart.in .bar:nth-child(2) i{transition-delay:.1s}.chart.in .bar:nth-child(3) i{transition-delay:.2s}.chart.in .bar:nth-child(4) i{transition-delay:.3s}.chart.in .bar:nth-child(5) i{transition-delay:.4s}.chart.in .bar:nth-child(6) i{transition-delay:.5s}
.chs{display:grid;gap:1.6rem}@media(min-width:960px){.chs{grid-template-columns:1fr 1fr}}.chs h3{margin:0 0 .8rem}
@media(max-width:520px){.chart{gap:.3rem;padding:1rem .5rem 0}.bar b{font-size:.9rem}.bar span{font-size:.58rem}}
/* udogodnienia */
.am{display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.am{grid-template-columns:repeat(4,1fr)}}
.am div{background:#fff;border-radius:22px;padding:1.3rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:inset 0 0 0 1.5px var(--line);transition:.35s var(--ease)}.am div:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:var(--sh)}.am .ic{width:2rem;height:2rem;color:var(--sea)}.am span{font-weight:700;font-size:.96rem;line-height:1.35}
.rules{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.4rem}.rules div{background:var(--mint);border-radius:18px;padding:1rem 1.2rem;font-size:.92rem}.rules b{display:block;font:800 .7rem var(--bf);letter-spacing:.2em;text-transform:uppercase;color:var(--sea);margin-bottom:.25rem}
/* sciezka okolicy */
.trail{position:relative;display:grid;gap:1.1rem;padding-left:2.4rem}.trail::before{content:"";position:absolute;left:.7rem;top:.4rem;bottom:.4rem;border-left:3px dotted var(--sea2)}
.tr{position:relative;background:#fff;border-radius:20px;padding:1rem 1.3rem;box-shadow:var(--sh);display:flex;justify-content:space-between;gap:1rem;align-items:center}.tr::before{content:"";position:absolute;left:-2.15rem;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,107,74,.25)}
.tr b{font:800 1.2rem var(--hf)}.tr span{display:block;font-size:.85rem;color:var(--mut)}.tr em{font:800 1.1rem var(--hf);color:var(--sea);white-space:nowrap}
.att{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.at{background:#fff;border-radius:26px;padding:1.5rem;position:relative;box-shadow:inset 0 0 0 1.5px var(--line);transition:.4s var(--ease)}.at:hover{transform:translateY(-6px) rotate(-.8deg);box-shadow:var(--sh)}.at .ai{width:3.3rem;height:3.3rem;border-radius:18px;background:var(--mint);display:grid;place-items:center;color:var(--sea);margin-bottom:1rem}.at .ai .ic{width:1.7rem;height:1.7rem}.at p{color:var(--mut);margin:.3rem 0 0;font-size:.95rem}.at .km{position:absolute;right:1rem;top:1rem;background:var(--sun);color:var(--deep);font:800 .68rem var(--bf);letter-spacing:.08em;text-transform:uppercase;padding:.25rem .7rem;border-radius:999px}
/* band + stopka */
.postc{background:#fff;border-radius:10px;padding:clamp(1.6rem,3.5vw,2.6rem);box-shadow:var(--sh);position:relative;display:grid;gap:2rem;transform:rotate(-.6deg)}@media(min-width:880px){.postc{grid-template-columns:1.2fr .8fr}}
.postc::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(135deg,var(--coral) 0 14px,#fff 14px 22px,var(--sea2) 22px 36px,#fff 36px 44px);border-radius:10px 10px 0 0}
.ft{background:var(--deep);color:#bcd8e0;position:relative;padding:0 0 2rem}.ft .sea{display:block;width:100%;height:80px;background:var(--sand)}
.ft .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.6rem;font-size:.92rem}.ft a{color:#fff;text-decoration:none}
.ftw{position:relative;height:70px;overflow:hidden;background:var(--sand)}.ftw svg{position:absolute;bottom:0;left:0;width:200%;height:100%;animation:wv 14s linear infinite}.ftw svg+svg{animation-duration:9s;animation-direction:reverse;opacity:.6}
@keyframes wv{to{transform:translateX(-50%)}}
.mb{position:fixed;left:.8rem;right:.8rem;bottom:.8rem;z-index:40;display:none;gap:.6rem}.mb a{flex:1;text-align:center;padding:.9rem;border-radius:999px;font:800 .9rem var(--bf);text-decoration:none;background:var(--coral);color:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}.mb a+a{background:var(--deep)}
@media(max-width:760px){.top nav,.top .cta{display:none}.bg{display:block}.mb{display:flex}body{padding-bottom:4.6rem}}
/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(8,36,50,.94);display:none;align-items:center;justify-content:center;padding:1.2rem}.lb.on{display:flex}.lb img{max-height:88vh;max-width:94vw;border:8px solid #fff;border-radius:4px}.lb button{position:absolute;background:rgba(255,255,255,.15);border:0;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.8rem;cursor:pointer}.lb .x{top:1rem;right:1rem}.lb .p{left:1rem}.lb .n{right:1rem}
/* reveal */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .rv.in{opacity:1;transform:none}.js .rv.d1{transition-delay:.12s}.js .rv.d2{transition-delay:.24s}.js .rv.d3{transition-delay:.36s}
.js .card.rv.in:nth-child(1){transform:rotate(-1.4deg)}.js .card.rv.in:nth-child(2){transform:rotate(1.2deg)}.js .stat.rv.in:nth-child(odd){transform:rotate(-1.2deg)}.js .stat.rv.in:nth-child(even){transform:rotate(1deg)}.js .pf.rv.in:nth-child(3n+1){transform:rotate(-2deg)}.js .pf.rv.in:nth-child(3n+2){transform:rotate(1.6deg)}.js .pf.rv.in:nth-child(3n){transform:rotate(-.8deg)}
/* formularz / silnik rezerwacji (podstawy) */
.fld{display:grid;gap:.4rem}.fld label{font:700 .8rem var(--bf)}.fld input,.fld textarea,.fld select{font:inherit;padding:.85rem 1rem;border-radius:14px;width:100%}
.hr--p{padding-bottom:0}.hr--p .hr-g{grid-template-columns:1fr;padding-bottom:7rem}.hr--p h1{font-size:clamp(2.6rem,6vw,5rem)}.eng{margin-top:-5rem!important;position:relative;z-index:6}
.pk[data-a=a1]{--ac:#0f6e8c;--ak:#4fc3d9}.pk[data-a=a2]{--ac:#c24a2c;--ak:#ff8a6a}
@media(prefers-reduced-motion:reduce){.cl,.gl,.rot svg,.lg .sn,.ftw svg,.boat i{animation:none}.js .rv{opacity:1;transform:none}.chart .bar i{height:var(--h)}}

.hr h1 .hl{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .12em}

.phn{display:inline-flex;align-items:center;gap:.7rem;font:800 clamp(2rem,4.6vw,3.4rem)/1 var(--hf);color:var(--coral);text-decoration:none;letter-spacing:-.02em;border-bottom:4px dotted var(--sun);padding-bottom:.3rem;transition:.3s}.phn:hover{color:var(--sea);transform:translateY(-2px)}.phn .ic{width:.8em;height:.8em}

/* ===== ilustracje morskie ===== */
.scn{position:relative;line-height:0;overflow:hidden}.scn svg{display:block;width:100%;height:clamp(230px,27vw,390px)}
.wvx{animation:wvx 9s linear infinite}.wvx.w2{animation-duration:12s;animation-direction:reverse}.wvx.w3{animation-duration:7s}.wvx.w4{animation-duration:10s;animation-direction:reverse}
@keyframes wvx{to{transform:translateX(-360px)}}
.rays{animation:spin 40s linear infinite}
.cld{animation:cdr 60s ease-in-out infinite alternate}.cld.c2{animation-duration:80s}.cld.c3{animation-duration:70s;animation-direction:alternate-reverse}
@keyframes cdr{from{transform:translateX(-50px)}to{transform:translateX(70px)}}
.beam{animation:beam 8s ease-in-out infinite}@keyframes beam{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
.sail{animation:sailx 80s linear infinite}.sail.s1{animation-duration:95s;animation-delay:-28s}.sail.s2{animation-duration:140s;animation-delay:-70s}
@keyframes sailx{from{transform:translateX(-140px)}to{transform:translateX(1580px)}}
.bob{animation:bob2 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes bob2{50%{transform:rotate(3deg) translateY(2px)}}
.fly{animation:flyx 40s linear infinite}.fly.f2{animation-duration:54s;animation-delay:-22s}.fly.f3{animation-duration:47s;animation-delay:-34s}
@keyframes flyx{0%{transform:translate(-90px,0)}50%{transform:translate(720px,-20px)}100%{transform:translate(1530px,6px)}}
.crab{animation:crabw 18s ease-in-out infinite alternate}@keyframes crabw{from{transform:translateX(-300px)}to{transform:translateX(320px)}}
.sf{animation:spin 36s linear infinite}
.ball{animation:ballb 2.8s ease-in-out infinite}@keyframes ballb{50%{transform:translateY(-12px) rotate(160deg)}}
.fl{animation:flagw 1.7s ease-in-out infinite}@keyframes flagw{50%{transform:skewY(12deg) scaleX(.88)}}
.kite{animation:kitew 4.4s ease-in-out infinite}@keyframes kitew{50%{transform:rotate(9deg) translateY(-5px)}}
.gr{animation:grsw 3.8s ease-in-out infinite}.gr.g2{animation-delay:-1.6s}@keyframes grsw{50%{transform:skewX(9deg)}}
.nd{animation:ndl 7s ease-in-out infinite}@keyframes ndl{0%,100%{transform:rotate(-28deg)}50%{transform:rotate(34deg)}}
/* podwodne dekoracje */
.sec.sea{overflow:hidden}.sec.sea>.wrap{position:relative;z-index:1}
.uw{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.fish{position:absolute;scale:-1 1;width:64px;left:-100px;animation:swim 38s linear infinite;opacity:.9}.fish.f1{top:16%}.fish.f2{top:52%;width:48px;animation-duration:50s;animation-delay:-20s}.fish.f3{top:78%;width:56px;animation-duration:44s;animation-delay:-9s}
@keyframes swim{to{transform:translateX(calc(100vw + 260px))}}
.fw{animation:fwig .7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}@keyframes fwig{50%{transform:rotate(5deg) scaleX(.97)}}
.bu{position:absolute;bottom:-24px;width:var(--s);height:var(--s);border-radius:50%;border:1.6px solid rgba(255,255,255,.45);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 60%);animation:rise var(--d) linear infinite;animation-delay:var(--w)}
@keyframes rise{to{transform:translateY(-120%);opacity:.1}}
.weed{position:absolute;left:0;bottom:0;width:100%;height:110px}.swd{transform-box:fill-box;transform-origin:50% 100%;animation:wsw 4.2s ease-in-out infinite}.swd.w1{animation-delay:-1.2s}.swd.w2{animation-delay:-2.4s}@keyframes wsw{50%{transform:rotate(7deg)}}
/* ozdobniki w sekcjach */
.dc{position:absolute;z-index:0;width:56px;pointer-events:none;opacity:.92;animation:flt 7s ease-in-out infinite;filter:drop-shadow(0 8px 8px rgba(10,58,79,.18))}.dc svg{display:block;width:100%;height:auto}
.dc-star{animation:spin 44s linear infinite}.dc-wheel{animation:spin 60s linear infinite}.dc-anchor{animation:answ 6s ease-in-out infinite;transform-origin:50% 10%}@keyframes answ{50%{transform:rotate(9deg)}}
.dc-buoy{animation:bob2 3.4s ease-in-out infinite}.dc .nd{transform-origin:0 0}
@keyframes flt{50%{transform:translateY(-12px) rotate(4deg)}}
@media(max-width:700px){.dc{width:36px;opacity:.55}}
@media(prefers-reduced-motion:reduce){.wvx,.rays,.cld,.beam,.sail,.bob,.fly,.crab,.sf,.ball,.fl,.kite,.gr,.nd,.fish,.fw,.bu,.swd,.dc{animation:none}}
.weed{height:150px}

/* dojazd i mapa */
.dz{grid-template-columns:1.05fr 1fr}
.mapw{position:relative;border-radius:28px;overflow:hidden;border:7px solid #fff;box-shadow:var(--sh);aspect-ratio:4/3.4;background:#cfe6ea;transform:rotate(-.8deg)}
.mapw iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapin{position:absolute;left:50%;bottom:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));animation:pinb 2.2s ease-in-out infinite}.mapin b{background:var(--coral,#ff6b4a);color:#fff;font:800 .8rem var(--bf);padding:.35rem .75rem;border-radius:999px;white-space:nowrap}.mapin .ic{width:38px;height:38px;fill:var(--coral,#ff6b4a);stroke:#fff;stroke-width:1.4;margin-top:-2px}@keyframes pinb{50%{transform:translateX(-50%) translateY(-5px)}}
.ft a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:860px){.dz{grid-template-columns:1fr}.mapw{aspect-ratio:4/3.6}}