*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#f5f9fc;color:#153c59;font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}button,input,select{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #12658f;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 5%}.top{background:#153c59;color:#fff;text-align:center;padding:7px;font-size:11px;letter-spacing:1.5px}header{background:#f5f9fc;position:sticky;top:0;z-index:10;border-bottom:1px solid #d4e5ee}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{text-decoration:none;font-family:Georgia,serif;font-size:27px;letter-spacing:3px;line-height:1.1}.logo small{display:block;font:9px Arial;letter-spacing:2.5px;margin-top:9px}nav{display:flex;gap:27px;align-items:center}nav a{text-decoration:none;font-size:13px}nav a:hover{color:#12658f}.btn{display:inline-block;background:#187fb3;color:white;text-decoration:none;padding:15px 24px;border:1px solid #187fb3;cursor:pointer;font-size:13px}.btn.light{background:#ffffff;color:#187fb3;border-color:#ffffff}.outline{background:transparent;color:#187fb3}.menu{display:none}.hero{position:relative;min-height:620px;display:flex;align-items:center;color:white;background:#1b6286}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,37,65,.87),rgba(7,58,87,.38) 60%,rgba(14,87,122,.10))}.hero .wrap{position:relative;z-index:1;width:100%;padding-top:70px;padding-bottom:90px}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:11px;font-weight:bold;margin-bottom:22px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.12}h1{font-size:clamp(42px,5.4vw,76px);max-width:800px;margin:0 0 26px}h1 em{color:#9bdcf4;font-weight:normal}h2{font-size:clamp(32px,3.5vw,48px);margin:0 0 24px}h3{font-size:27px;margin:16px 0}p{max-width:660px}.hero p{max-width:470px;color:#eff8fd;font-size:16px;margin-bottom:32px}.hero .tag{position:absolute;right:6%;bottom:38px;border:1px solid #ffffff80;padding:16px 23px;font:italic 23px Georgia}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-bottom:1px solid #cee1ec}.fact{padding:0 25px;border-right:1px solid #cee1ec}.fact:last-child{border:0}.fact b{font:26px Georgia;display:block}.fact span{font-size:12px;color:#526d80}section{padding:88px 0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.split img{width:100%;height:460px;object-fit:cover}.muted{color:#526d80}.textlink{display:inline-block;margin-top:16px;text-decoration:none;border-bottom:1px solid #8bbbd3;padding-bottom:5px;font-size:13px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:25px}.sectionhead h2{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border-bottom:1px solid #cee1ec;padding-bottom:24px}.card img{height:260px;width:100%;object-fit:cover}.card .number{font-size:11px;letter-spacing:2px;color:#527d97;margin-top:20px}.card p{font-size:14px;color:#526d80}.green{background:#153c59;color:#f5f9fc}.green .muted{color:#d1e6f2}.green .eyebrow{color:#9bdcf4}.green .textlink{color:white}.list{list-style:none;padding:0;margin:25px 0}.list li{padding:12px 0;border-bottom:1px solid #ffffff30}.list li:before{content:'↗';margin-right:18px;color:#9bdcf4}.gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px}.gallery button{padding:0;border:0;background:none;cursor:zoom-in}.gallery img{width:100%;height:280px;object-fit:cover;display:block}details{border-bottom:1px solid #cee1ec;padding:20px 0}summary{cursor:pointer;font-size:16px}details p{color:#526d80;font-size:14px}footer{background:#10334e;color:#d1e6f2;padding:38px 0;font-size:12px}.foot{display:flex;justify-content:space-between;gap:25px}.contact{background:#e9f4fa}.contact a{word-break:break-word}.contact .phone{font:32px Georgia;text-decoration:none}.contactbox{border:1px solid #b9d7e8;padding:30px}.contactbox label{display:block;font-size:12px;margin-bottom:15px}.contactbox input,.contactbox select{display:block;width:100%;padding:10px;border:1px solid #b9d7e8;background:#ffffff;color:#153c59}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note{font-size:12px;color:#526d80}.innerhero{padding:65px 0;background:#e9f4fa}.innerhero h1{font-size:55px;max-width:920px}.crumb{font-size:12px;margin-bottom:25px}.article{max-width:820px;margin:auto}.article h2{font-size:33px;margin-top:45px}.article p{max-width:none}.roomgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.room{padding:25px;border:1px solid #cee1ec}.room p{font-size:14px}.modal{position:fixed;inset:0;background:#072b46ed;z-index:100;display:flex;align-items:center;justify-content:center;padding:50px}.modal[hidden]{display:none}.modal img{max-width:95%;max-height:85vh}.modal button{position:absolute;top:12px;right:20px;color:white;background:none;border:0;font-size:35px;cursor:pointer}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:200;background:white;padding:15px}@media(max-width:800px){.nav{height:75px}.logo{font-size:23px}.menu{display:block;background:none;border:1px solid #a8cce0;padding:7px 12px;color:#153c59}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px;background:#f5f9fc;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:580px}.hero .tag{display:none}.hero .wrap{padding-top:60px}.facts{grid-template-columns:1fr 1fr;gap:25px}.fact:nth-child(2){border:0}.fact b{font-size:23px}.split{grid-template-columns:1fr;gap:35px}.split img{height:340px}section{padding:55px 0}.cards{grid-template-columns:1fr}.card img{height:280px}.sectionhead{display:block}.sectionhead .textlink{margin-top:20px}.gallery{grid-template-columns:1fr 1fr}.gallery button:first-child{grid-column:span 2}.gallery img{height:210px}.foot{flex-direction:column}.innerhero h1{font-size:40px}.roomgrid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.contactbox{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Logo odtworzone na podstawie oznaczenia na budynku. */
.logo{display:block;flex-shrink:0;line-height:0}.logo img{display:block;width:260px;height:auto}@media(max-width:800px){.logo img{width:220px}}@media(max-width:360px){.logo img{width:195px}}

/* Morska identyfikacja nawiązująca do niebieskiego koła sterowego. */
.top{background:#12658f}.btn:hover{background:#12658f;border-color:#12658f}.btn.light:hover{background:#e9f6fd;border-color:#e9f6fd}.green{background:linear-gradient(125deg,#124d73,#187fb3)}.contact{background:linear-gradient(115deg,#e8f4fb,#f5faff)}.eyebrow{color:#187fb3}.hero .eyebrow{color:#d4effc}.green .eyebrow{color:#bceafb}.contactbox{background:#ffffffb8;box-shadow:0 10px 35px #15547b08}.hero .tag{border-color:#a8dcf0aa}.fact b{color:#12658f}.sectionhead h2,.split h2{color:inherit}.camp-strip{background:#e5f3fb;border-left:4px solid #187fb3;padding:28px 32px;margin-top:32px}.camp-strip h3{margin-top:0}.camp-strip p{max-width:850px}.camp-strip .textlink{margin-top:4px}.nav{gap:18px}nav{gap:20px}@media(min-width:801px) and (max-width:1100px){.logo img{width:220px}nav{gap:13px}nav a{font-size:12px}nav .btn{padding:12px 15px}}

.hero h1.resort-title{font-size:clamp(38px,4.8vw,65px);line-height:1.12;max-width:820px}@media(max-width:800px){.hero h1.resort-title{font-size:clamp(34px,7.5vw,48px)}}

.facilities{background:#e9f4fa;padding-top:55px}.facilities p{max-width:900px}.facility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.facility-grid>div{border-top:2px solid #187fb3;padding-top:20px}.facility-grid b{display:block;font:27px Georgia;color:#12658f;margin-bottom:12px}.facility-grid span{font-size:14px;color:#526d80}.group-offers{background:#edf6fb}.group-offers .split{align-items:start}.local-list{padding-left:22px}.local-list li{padding:10px 0;border-bottom:1px solid #cee1ec}.hero h1.resort-title{font-size:clamp(34px,4.3vw,58px);max-width:800px}.hero .tag{font-size:20px;right:4%;bottom:24px}.hero p{max-width:550px}@media(max-width:800px){.facility-grid{grid-template-columns:1fr 1fr}.hero h1.resort-title{font-size:clamp(31px,7vw,46px)}}@media(max-width:420px){.facility-grid{grid-template-columns:1fr}}